.landing{margin:0;background:var(--background);color:var(--foreground);font:16px/1.9 Vazirmatn,sans-serif}.landing *{box-sizing:border-box}.wrap{max-width:1320px;padding:0 clamp(20px,5vw,85px);margin:auto}.landnav,.wordmark,.landnav>div,.landnav nav,.hero figcaption,.switches,.landing footer{display:flex;align-items:center;gap:1rem}.landnav{justify-content:space-between;border-bottom:1px solid var(--border);min-height:90px}.landing a{color:inherit;text-decoration:none}.wordmark span{font-size:23px;font-weight:850;line-height:1.15}.wordmark small{display:block;font:8px/2 sans-serif;letter-spacing:2px}.landnav nav{gap:2.3rem;color:var(--muted-foreground);font-size:14px}.landing .enter{display:inline-flex;color:var(--primary-foreground);background:var(--primary);padding:10px 20px;border-radius:var(--shape-control);font-weight:650}.landing button{font:inherit;cursor:pointer}.landnav button{border:1px solid var(--border);color:var(--foreground);background:var(--card);border-radius:50%;width:38px;height:38px;line-height:1}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(1.5rem,4vw,5rem);padding:clamp(3rem,7vw,7rem) 0}.kicker{display:inline-flex;gap:.65rem;align-items:center;font-size:13px;font-weight:650;letter-spacing:.02em}.kicker i{background:#ca863b;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #ca863b24}.hero h1,.landing h2{font-family:var(--type-display),Vazirmatn,serif;letter-spacing:-.04em}.hero h1{font-size:clamp(3.5rem,6.8vw,6.6rem);line-height:1.23;margin:1rem 0}.hero h1 em{font-style:normal;color:var(--brand)}.intro>p{max-width:34em;color:var(--muted-foreground);margin:0 0 1.6rem}.quiet{display:inline-block;margin-inline-start:1rem;font-size:14px}.hero figure{margin:0;min-width:0}.hero figure img{width:100%;height:auto;display:block;border-radius:var(--shape-surface)}.hero figcaption{justify-content:space-between;font-size:12px;padding:.6rem 0;border-bottom:1px solid var(--border);color:var(--muted-foreground)}.flow,.trust{border-top:1px solid var(--foreground);padding:3rem 0;scroll-margin-top:18px}.flow{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem}.landing h2{font-size:clamp(2.1rem,3.8vw,3.4rem);margin:.5rem 0;line-height:1.35}.flow p,.trust p{color:var(--muted-foreground)}.experiment{border:1px solid var(--border);border-radius:var(--shape-surface);padding:1.4rem;background:var(--card)}.switches{gap:5px;flex-wrap:wrap}.switches button{border:1px solid var(--border);border-radius:var(--shape-control);padding:.2rem .8rem;background:none;color:var(--foreground)}.switches [aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}#routeExample{min-height:107px;padding:1rem 0}#routeExample strong{display:block}.experiment small{font-size:11px;color:var(--muted-foreground)}.trustgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.trustgrid article{border-top:1px solid var(--border);padding:1rem 0}.trustgrid article>b{color:var(--brand)}.trustgrid h3{font-size:22px;margin:.5rem 0}.landing footer{justify-content:space-between;border-top:1px solid var(--border);padding:1.3rem 0;color:var(--muted-foreground)}.intro,.hero figure,.landnav{animation:land-in .6s both}.hero figure{animation-delay:.14s}.route-in{animation:land-in .28s both}.landing a:hover,.landing button:hover{filter:brightness(.92)}@keyframes land-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.landnav nav{display:none}.hero,.flow{grid-template-columns:1fr}.hero{padding:2.5rem 0}.trustgrid{grid-template-columns:1fr;gap:.8rem}.landnav{min-height:72px}.wrap{padding:0 18px}.quiet{margin:.75rem 0 0;display:block}.flow,.trust{padding:2rem 0}}@media(prefers-reduced-motion:reduce){.landing *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.wordmark .brand-tile{width:44px;height:44px;flex:none}.wordmark .brand-name{font-size:25px;line-height:1.35;letter-spacing:0}.wordmark .brand-name small{font-family:inherit;font-size:8px;font-weight:450;letter-spacing:0;color:var(--muted-foreground)}
.hero .brand-stage{border:1px solid var(--border);border-radius:var(--shape-surface);background:var(--card);box-shadow:var(--depth-surface);overflow:hidden;isolation:isolate}
.brand-scene{--scene-route:#248c78;position:relative;aspect-ratio:540/450;min-height:350px;overflow:hidden;direction:rtl}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.32;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 76%)}
.scene-label{position:absolute;inset-block-start:5%;inset-inline-end:5%;font-size:10px;font-weight:650;letter-spacing:.015em;color:var(--muted-foreground)}
.scene-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-connections path{stroke:var(--scene-route);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.6}
.scene-input,.scene-result{position:absolute;display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid var(--input);border-radius:var(--shape-overlay);background:var(--popover);box-shadow:0 5px 18px -12px #0004;z-index:2}
.scene-input{inset-block-start:9%;inset-inline-start:5%;width:43%}.scene-result{inset-block-end:7.5%;inset-inline-end:5%;width:51%}
.scene-input small,.scene-result small{display:block;font-size:9px;color:var(--muted-foreground);line-height:1.7}.scene-input b,.scene-result b{display:block;font-size:clamp(10px,1.04vw,13px);font-weight:650;line-height:1.7;white-space:nowrap}
.scene-icon{display:grid;place-items:center;width:32px;height:36px;border:1px solid var(--border);border-radius:9px;background:var(--muted);flex:none}.brand-scene svg:not(.scene-connections){width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.scene-check{color:var(--success);font-size:15px;margin-inline-start:auto}.scene-access{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;color:var(--success);background:color-mix(in oklch,var(--success) 9%,transparent);font-size:9px;margin-inline-start:auto}
.scene-logo{position:absolute;inset-block-start:31%;inset-inline:12%;height:40%;display:grid;grid-template-rows:18px 1fr 18px;gap:7px;padding:12px 16px;border:1px solid #6de3c735;border-radius:18px;background:#101b20;color:#f5f2eb;box-shadow:0 16px 36px -20px #0006;overflow:hidden;z-index:3}
.scene-logo-head{display:flex;align-items:center;gap:8px}.scene-logo-head span{font-size:9px;font-weight:550;color:#6de3c7}.scene-logo-head>svg{margin-inline-start:auto;opacity:.65}.scene-logo-reveal{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:0;overflow:hidden}.hero .hero-brand-icon{display:block;width:clamp(58px,6.7vw,80px);height:clamp(58px,6.7vw,80px);object-fit:contain;flex:none;border-radius:0}.hero-brand-name{display:flex;flex-direction:column;gap:3px}.hero-brand-name b{font:850 clamp(30px,3.5vw,44px)/1.25 var(--type-body);color:#f5f2eb;letter-spacing:0}.hero-brand-name>span{font-size:9px;color:#f5f2ebaa}.scene-logo-foot{display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid #6de3c72a;padding-top:4px;font-size:8px;color:#f5f2ebaa}.scene-logo-foot span+span{border-inline-start:1px solid #6de3c735;padding-inline-start:14px}
[data-theme="graphite"] .brand-scene{--scene-route:#6de3c7}
.hero .brand-stage figcaption{min-height:52px;margin:0;padding:10px 17px;border-top:1px solid var(--border);border-bottom:0;background:var(--card);gap:8px;font-size:10px}.brand-stage figcaption button{display:inline-flex;align-items:center;gap:6px;padding:5px 7px;border-color:transparent;background:transparent;color:var(--muted-foreground);font-size:10px;white-space:nowrap}.brand-stage figcaption button:hover{background:var(--muted);color:var(--foreground)}.brand-stage figcaption svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.brand-scene.is-playing .scene-input{animation:scene-card-in .55s .05s both}.brand-scene.is-playing .connection-in{stroke-dasharray:240;animation:scene-connect .7s .35s both}.brand-scene.is-playing .scene-logo{animation:scene-brand-in .8s .65s both}.brand-scene.is-playing .hero-brand-icon{animation:scene-icon-in .8s .85s both}.brand-scene.is-playing .hero-brand-name{animation:scene-name-in .6s 1.05s both}.brand-scene.is-playing .connection-out{stroke-dasharray:220;animation:scene-connect .7s 1.35s both}.brand-scene.is-playing .scene-result{animation:scene-result-in .65s 1.8s both}
@keyframes scene-card-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes scene-connect{from{stroke-dashoffset:250;opacity:0}to{stroke-dashoffset:0;opacity:.6}}@keyframes scene-brand-in{from{opacity:0;transform:translateY(8px) scale(.965)}to{opacity:1;transform:none}}@keyframes scene-icon-in{from{opacity:0;transform:translateY(6px) scale(.84)}to{opacity:1;transform:none}}@keyframes scene-name-in{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes scene-result-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.hero .brand-stage{max-width:560px;width:100%;margin-inline:auto}.scene-input b,.scene-result b{font-size:12px}.brand-scene{min-height:350px}.scene-logo{padding:10px 12px}.scene-logo-foot{gap:9px;font-size:8px}.scene-logo-foot span+span{padding-inline-start:9px}.scene-input,.scene-result{gap:7px;padding:9px}.scene-icon{width:27px;height:32px}.scene-access{padding:2px 5px}}
@media(max-width:380px){.wordmark{gap:8px}.wordmark .brand-name{font-size:22px}.landnav>div{gap:8px}.landnav .enter{font-size:12px;padding:9px 12px}.scene-input{width:47%}.scene-result{width:56%}.scene-input b,.scene-result b{font-size:10px}.scene-logo-head span{font-size:8px}.hero .brand-stage figcaption{padding-inline:11px;font-size:9px}.brand-stage figcaption button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-stage #replayBrand{display:none}.brand-scene *{animation:none!important;transition:none!important}}