/* Ertah / architectural editorial direction. Original brand tokens retained. */
:root{--wrap:1380px;--pad-x:max(clamp(1.4rem,5vw,5.5rem),env(safe-area-inset-left),env(safe-area-inset-right));--r-btn:100px;--ink-3:#71717d;--experience-line:rgba(179,158,255,.2)}
html[data-theme="dark"]{--bg:#100d1b;--panel:#191525;--card:#201b2f;--ink-3:#aba4b9;--nav-bg:rgba(15,11,26,.9)}
body{background:var(--night)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9f8aff;outline-offset:5px}section[id]{scroll-margin-top:105px}
.skip-link{position:fixed;top:-100px;left:20px;background:#fff;color:var(--brand);padding:12px 20px;z-index:1000}.skip-link:focus{top:16px}
body>nav{background:rgba(16,11,30,.92);border-bottom:1px solid var(--experience-line);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#fff;position:sticky;top:0;z-index:100}
body>nav .nav-inner{max-width:1480px;min-height:84px;padding-inline:var(--pad-x);gap:26px}body>nav .nav-logo-img{width:100px;height:auto;filter:brightness(0) invert(1)}
body>nav .nav-links{gap:22px}body>nav .nav-links a,body>nav .btn-icon{color:#c4bdcf}body>nav .nav-links a:hover{color:#fff}body>nav .btn-icon:hover{background:#2b233b;color:#fff}body>nav .pt-btn{color:#a29bac;font-size:14px;padding:11px 12px;border-radius:30px}body>nav .page-toggle{gap:0;padding:3px;background:#ffffff06;border:1px solid #ffffff13;border-radius:30px}
html[data-page="seeker"] body>nav .pt-btn[data-target="seeker"],html[data-page="vendor"] body>nav .pt-btn[data-target="vendor"],html[data-page="b2b"] body>nav .pt-btn[data-target="b2b"]{color:#fff;background:#ffffff12}body>nav .pt-btn::after{display:none}body>nav .btn-primary{background:#fff;color:var(--night-panel);padding:12px 20px;white-space:nowrap}body>nav .nav-links a.active{color:#fff}body>nav .nav-links a.active::after{background:var(--experience-accent)}
.hero{position:relative;min-height:calc(100svh - 84px);padding:54px 0 0;justify-content:space-between;background:var(--night);isolation:isolate}.hero-art .ha-photo{opacity:.06;background-size:cover;filter:grayscale(1);inset:0 35% 0 0}.ha-wash{background:linear-gradient(90deg,#100b1e00,var(--night) 70%)}.ha-o1{width:800px;height:800px;top:-170px;right:-180px;background:radial-gradient(circle,rgba(102,58,245,.2),transparent 65%)}.ha-o2{background:radial-gradient(circle,rgba(99,50,206,.12),transparent 70%)}
.hero-wrap{display:grid;grid-template-columns:1fr 1.06fr;gap:5.5%;align-items:center;transform:none;opacity:1;max-width:1480px}.hero-copy{padding-block:14px 30px}.hero-kicker{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.17em;color:#c5b8ed;margin-bottom:28px;font-weight:400}.kicker-line{width:30px;height:1px;background:var(--experience-accent)}
.hero .hero-h1{font-size:clamp(3.35rem,5.35vw,5.3rem);line-height:1.025;font-weight:400;letter-spacing:-.05em;max-width:670px}.hero-h1 .hl{color:var(--experience-accent);display:block}.hero .hero-sub{max-width:420px;font-size:17px;line-height:1.75;color:#b7afc6;margin-top:26px}.hero-actions{margin-top:30px;gap:14px;flex-wrap:wrap}.hero .btn{padding:16px 25px;font-size:14px}.hero .btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 32px #4826eb30}.hero .btn-primary:hover{background:var(--brand-hover);transform:translateY(-3px);box-shadow:0 10px 34px #4826eb66}.hero .btn-ghost{border-color:#ffffff24}.hero .btn-ghost:hover{background:#ffffff0e;transform:translateY(-3px)}
.vision{min-width:0;perspective:1300px;position:relative}.vision::before{content:"";position:absolute;inset:4% -8%;background:radial-gradient(ellipse,#6030e525,transparent 68%);filter:blur(28px);z-index:-1}.vision-top,.vision-bottom{display:flex;justify-content:space-between;align-items:center;color:#9a8dac;font-size:11px;letter-spacing:.12em;padding:0 2px 16px;gap:12px}.vision-index{color:#d0c4df;font-variant-numeric:tabular-nums;letter-spacing:.05em}.vision-window{--reveal:68%;position:relative;aspect-ratio:1.04;overflow:hidden;border-radius:130px 12px 12px 12px;border:1px solid #dac8ff30;background:#191029;transform:rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .5s ease;box-shadow:0 24px 90px #0004;direction:ltr;isolation:isolate}.vision-real,.vision-blueprint,.vision-blueprint img,.vision-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vision-real{object-position:55% center}.vision-blueprint{clip-path:inset(0 var(--reveal) 0 0);z-index:1;background:#130923}.vision-blueprint img{opacity:.8;object-position:46% center}.vision-blueprint::after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#180d3977,#321e6a22)}.vision-shade{background:linear-gradient(0deg,#120a21d9,transparent 55%);z-index:2;pointer-events:none}.vision-divider{position:absolute;top:0;bottom:0;left:calc(100% - var(--reveal));width:1px;background:#e5dbffb0;z-index:3;pointer-events:none;box-shadow:0 0 20px #c2a8ff}.vision-divider span{position:absolute;top:48%;left:0;transform:translate(-50%,-50%);border:1px solid #ffffff88;border-radius:50%;display:grid;place-items:center;width:46px;height:46px;color:#fff;background:#20133066;backdrop-filter:blur(12px);font-size:23px}.vision-window input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize;margin:0;direction:rtl;touch-action:pan-y}.vision-window:focus-within{outline:3px solid #b398ff;outline-offset:6px}.vision-tag{position:absolute;top:26px;right:24px;z-index:3;color:#fff;border:1px solid #ffffff48;padding:8px 13px;border-radius:20px;font-size:10px;letter-spacing:.12em;background:#0002;backdrop-filter:blur(8px)}.vision-caption{position:absolute;bottom:30px;left:32px;z-index:3;color:#fff;font-size:clamp(24px,3vw,42px);line-height:1.14;letter-spacing:-.035em;pointer-events:none}.vision-caption strong{font-weight:400;color:var(--experience-accent)}.vision-bottom{padding-top:17px;letter-spacing:0;font-size:12px}.vision-bottom>span:last-child{font-size:10px;letter-spacing:.1em;color:#a99bbd}.drag-icon{font-size:18px;margin-right:7px;color:#c8b6f7}.hero-footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1480px;border-top:1px solid #ffffff12;margin-top:40px;padding-top:22px;padding-bottom:23px;color:#8f859f;font-size:12px;gap:20px}.hero-explore{color:#e0d8ec;text-decoration:none;display:flex;align-items:center;gap:12px}.circle-arrow{border:1px solid #ffffff28;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;transition:transform .3s}.hero-explore:hover .circle-arrow{transform:translateY(4px);border-color:#b79bff}.hero-coord{letter-spacing:.08em}
.site-sheet{border-radius:0;box-shadow:none}.sec{padding:100px 0}.h2{font-size:clamp(2.2rem,4.2vw,3.8rem);font-weight:400;line-height:1.1;letter-spacing:-.035em;max-width:840px}.h2 .dim{color:var(--ink-3);font-size:.7em;line-height:1.3;margin-top:12px}.sec-sub{font-size:17px}.manifesto{padding:90px 0 65px}.manifesto-body{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:400;max-width:940px;line-height:1.32;letter-spacing:-.03em}.manifesto-body .dim{color:var(--brand-text)}.meta-strip{justify-content:space-between;border-top:1px solid var(--hairline);padding-top:30px;margin-top:50px}.meta-item,.meta-item .mono{font-size:12px;color:var(--ink-2);letter-spacing:.07em}
#services{background:var(--panel)}.ways-cards{gap:26px}.way-card{border-radius:24px;padding:38px;background:var(--card);border:1px solid var(--hairline);transition:transform .35s,box-shadow .35s}.way-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #25123a0e}.way-card .link{font-size:16px}.way-title{font-size:1.7rem;font-weight:400}.way-desc,.way-text,.trust-desc,.fin-desc,.fb-prod-desc,.av-desc{font-size:16px;line-height:1.75}.way-dark{background:var(--night-panel)}.app-tour{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,var(--indigo-dim),transparent 65%)}.tour-head{max-width:820px}.tour-stage{margin-top:60px}.tour-bubble{border-radius:14px!important;transition:background .2s,transform .3s,box-shadow .3s}.tour-bubble:hover{transform:translateY(-3px)}.tour-bubble.active{box-shadow:0 8px 30px #4826eb20}.tour-bubble span{font-size:14px}.tour-desc-text{font-size:16px}.phone{box-shadow:0 32px 90px #25103a26}.tour-group-label{font-size:12px!important}
#build-story{background:var(--night);--ink:#f6f3ff;--ink-2:#c1b7cf;--ink-3:#998cae;--hairline:#ffffff18;--panel:var(--night-panel);--card:var(--night-panel);color:var(--ink);overflow:hidden}html[data-page="b2b"] #build-story{--ink:#f1fbf9;--ink-2:#b4cbc6;--ink-3:#8ba59f}html[data-page="b2b"] #build-story .h2 .dim{color:var(--b2b-lift)}html[data-page="vendor"] #build-story{--ink:#fbf2f6;--ink-2:#cdb6c1;--ink-3:#a88c99}#build-story .tl-card{border-radius:18px;border:1px solid #ffffff12;background:var(--night-panel);transition:opacity .4s,transform .4s,border-color .4s}#build-story .tl-card.on{border-color:#ac8dff66}#build-story .tl-photo{aspect-ratio:1.5;object-fit:cover}#build-story .tl-title{font-size:27px;font-weight:400}#build-story .tl-text{font-size:16px;line-height:1.7}#build-story .tl-node{color:#b8acc9}#build-story .tl-node.on{color:#d6c4ff}#build-story .tl-step{color:var(--experience-accent)}#build-story .tl-num{font-size:13px}#build-story .tl-nlabel{font-size:14px}.tl-arrow{background:transparent;border:1px solid #ffffff30;color:#fff;width:48px;height:48px;border-radius:50%}.tl-arrow:hover{background:var(--brand);color:#fff}.tl-track{background:#ffffff18}.tl-fill{background:var(--experience-accent)!important}.screening .h2{max-width:750px}.trust-grid{gap:20px}.trust-card{padding:30px;border:1px solid var(--hairline);border-radius:18px;background:var(--card);transition:transform .3s}.trust-card:hover{transform:translateY(-5px)}.trust-card svg{width:27px;height:27px;margin-bottom:24px}.trust-title{font-size:20px;font-weight:500}.trust-note{font-size:14px}.fin-band{border-radius:26px}.fb-h2{font-size:clamp(2.5rem,4.5vw,4.4rem);letter-spacing:-.035em}.fb-panel{border-radius:18px}.faq-q{font-size:19px;font-weight:400;padding-block:26px}.faq-a p{font-size:16px;line-height:1.75;max-width:800px}.faq-item.open{padding-inline:22px;background:var(--panel);border-radius:12px}.faq-item{transition:background .3s,padding .3s}.cta{background:radial-gradient(ellipse at 50% 100%,var(--brand),#231047 65%);border-radius:28px;isolation:isolate}.cta-h2{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:400;letter-spacing:-.04em}.cta .btn{padding:17px 28px}.footer-shell{background:var(--bg);padding:30px}.footer-shell footer{border-radius:24px;background:var(--night)}.btn{transition:background .25s,transform .25s,box-shadow .25s}.rv{transition-duration:.85s}.section-index{font-size:12px;letter-spacing:.14em;color:var(--ink-3);margin-bottom:25px;display:block}
/* Honest local prototype endpoints. Dialog never transmits or saves visitor data. */
.preview-dialog{width:min(590px,calc(100% - 32px));max-height:85svh;padding:40px;border:1px solid #c7b3ff40;border-radius:24px;background:var(--night-panel);color:#f6f2ff;margin:auto;box-shadow:0 40px 100px #0008;font-family:Outfit,sans-serif}.preview-dialog::backdrop{background:#07030eb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:16px;top:16px;border:1px solid #ffffff28;border-radius:50%;background:none;color:#fff;width:34px;height:34px;font-size:22px;cursor:pointer}.preview-label{font-size:12px;letter-spacing:.13em;color:#b59bf8}.preview-dialog h2{font-size:35px;line-height:1.15;letter-spacing:-.03em;font-weight:400;margin:20px 0 14px}.preview-dialog p{color:#bfb3d0;line-height:1.7;font-size:16px}.preview-dialog label{display:block;margin-top:24px;font-size:14px;color:#d7cae9}.preview-dialog select{display:block;background:#271e36;color:#fff;border:1px solid #ffffff24;border-radius:10px;padding:13px;width:100%;margin-top:8px}.preview-dialog .btn{margin-top:26px;width:100%;justify-content:center;padding:15px;background:var(--brand);border:0;color:#fff;cursor:pointer}.preview-result{padding:20px;border:1px solid #b798ff38;border-radius:12px;margin-top:20px;background:#271a41}.preview-dialog a{color:#d3bfff}.preview-dialog small{display:block;color:#a99ab9;margin-top:18px;line-height:1.5;font-size:13px}.motion-toggle{position:fixed;bottom:17px;left:18px;z-index:80;background:#181020db;backdrop-filter:blur(12px);color:#dbd0ed;border:1px solid #ac8bcc44;border-radius:30px;font:12px Outfit,sans-serif;padding:9px 13px;cursor:pointer}.motion-toggle:hover{border-color:#bc9df4}html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation-play-state:paused!important;scroll-behavior:auto!important;transition-duration:0s!important}.motion-paused .rv{opacity:1;transform:none}
html[data-lang="ar"] .hero-h1{font-size:clamp(2.5rem,4.5vw,4.5rem);line-height:1.45;letter-spacing:0}html[data-lang="ar"] .hero-kicker{letter-spacing:0}html[data-lang="ar"] .vision-caption{direction:rtl;text-align:right;right:30px;left:auto;font-size:32px;line-height:1.5}html[data-lang="ar"] .hero-footer{direction:rtl}html[data-lang="ar"] .preview-dialog{font-family:Cairo,sans-serif}html[data-subpage] body{background:var(--bg)}html[data-subpage] .h2{margin-top:30px}
@media(min-width:1600px){.hero{padding-top:80px}.vision-window{max-height:640px}.hero-footer{margin-top:60px}}
@media(max-width:1150px){body>nav .nav-links{display:none}body>nav .nav-cta{margin-inline-start:auto}.hero-wrap{gap:4%;grid-template-columns:1fr 1fr}.hero .hero-h1{font-size:clamp(3rem,5.8vw,4.5rem)}.hero-actions .btn{padding:14px 18px}.vision-window{aspect-ratio:.88;border-top-left-radius:95px}.vision-bottom>span:last-child{display:none}.hero-coord{display:none}.hero-footer{margin-top:24px}.hero{min-height:auto}.hero-copy{padding-block:20px 36px}}
@media(max-width:760px){body>nav .nav-inner{min-height:74px;gap:10px;flex-wrap:wrap;padding-top:14px;padding-bottom:12px}body>nav .nav-logo-img{width:83px}body>nav .page-toggle{order:3;width:100%;justify-content:center;margin:4px 0 0}body>nav .pt-btn{flex:1;font-size:13px;padding:8px 6px}body>nav .nav-cta .btn{font-size:12px;padding:9px 13px}body>nav .nav-cta{gap:3px}body>nav .btn-icon{width:30px;height:32px}.hero{padding-top:30px}.hero-wrap{grid-template-columns:1fr;gap:22px}.hero-copy{padding:6px 0 10px}.hero-kicker{margin-bottom:22px;font-size:10px}.hero .hero-h1{font-size:clamp(2.8rem,10.6vw,4.7rem);max-width:600px}.hero .hero-sub{font-size:16px;line-height:1.65;max-width:500px;margin-top:22px}.hero-actions{margin-top:23px;gap:10px}.hero .btn{font-size:13px;padding:14px 20px}.vision{margin-top:10px}.vision-window{aspect-ratio:1.18;border-top-left-radius:88px}.vision-top{font-size:10px}.vision-caption{font-size:30px;bottom:22px;left:24px}.vision-bottom{font-size:12px}.hero-footer{margin-top:8px;padding-block:20px;font-size:11px}.hero-footer p{max-width:150px;text-align:end}.hero-explore{gap:7px}.sec{padding:65px 0}.manifesto{padding:55px 0 42px}.manifesto-body{font-size:26px;line-height:1.35}.meta-strip{display:grid;grid-template-columns:1fr 1fr;text-align:start;gap:24px;margin-top:35px}.meta-item,.meta-item .mono{font-size:10px}.h2{font-size:32px;line-height:1.15}.h2 .dim{font-size:23px}.way-card{padding:27px;border-radius:18px}.tour-stage{margin-top:38px}.trust-card{padding:25px}.faq-q{font-size:17px;line-height:1.5}.faq-item.open{padding-inline:14px}.footer-shell{padding:14px}.cta{border-radius:20px}.preview-dialog{padding:30px 24px}.preview-dialog h2{font-size:29px}.motion-toggle{bottom:10px;left:10px;font-size:11px;padding:7px 10px}.vision-caption strong{color:var(--experience-accent)}html[data-lang="ar"] .hero-h1{font-size:36px}html[data-lang="ar"] .hero-copy{padding-bottom:10px}section[id]{scroll-margin-top:145px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
/* Full-size six-chapter stage viewer */
#build-story .tl-rail{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;scroll-snap-type:none;padding:0;margin:42px auto 0;width:calc(100% - var(--pad-x)*2);max-width:calc(var(--wrap) - var(--pad-x)*2);border-radius:22px;touch-action:pan-y;cursor:grab}
#build-story .tl-card{grid-area:1/1;width:100%;min-width:0;min-height:510px;height:auto;border:0;visibility:hidden;opacity:0;transform:scale(1.025);transition:opacity .7s,transform 1.2s,visibility .7s;isolation:isolate;padding:0;overflow:hidden;border-radius:22px}
#build-story .tl-card.on{visibility:visible;opacity:1;transform:scale(1);z-index:1}
#build-story .tl-photo{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;z-index:-2;opacity:.85}
#build-story .tl-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10081ae8 0%,#10081a99 40%,#10081a08 80%),linear-gradient(0deg,#10081a66,transparent 70%);z-index:-1;pointer-events:none}
#build-story .tl-body{position:relative;inset:auto;max-width:510px;padding:150px 46px 45px;border:0;background:none}
#build-story .tl-body::before{display:none}#build-story .tl-title{font-size:clamp(30px,3.4vw,48px);line-height:1.1;margin-block:20px}#build-story .tl-text{color:#ded4e8}#build-story .tl-badge{position:absolute;top:30px;left:auto;right:30px;border:1px solid #ffffff55;background:#170e2780;padding:13px 18px;font-size:18px;border-radius:50px;color:#fff}#build-story .tl-nav{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0;position:static;gap:12px;padding:8px 0}#build-story .tl-node{padding:18px 12px;border-radius:12px;min-height:82px;border:1px solid #ffffff14;background:transparent}#build-story .tl-node.on{background:#a888ff14;border-color:#a888ff60}#build-story .tl-node:hover{background:#a888ff1c}#build-story .tl-node::before,#build-story .tl-node::after{display:none}#build-story .tl-nlabel{display:block}#build-story .tl-num{display:block;margin-bottom:6px;color:#baa6d8}#build-story .tl-track{margin-top:26px;height:2px}
html[data-lang="ar"] #build-story .tl-card::after{background:linear-gradient(-90deg,#10081ae8 0%,#10081a99 40%,#10081a08 80%)}html[data-lang="ar"] #build-story .tl-title{line-height:1.45}
.menu-toggle{display:none}
@media(max-width:1150px){.menu-toggle{display:grid!important;font-size:20px!important}body>nav.menu-open .nav-links{display:flex;order:4;width:100%;margin:0;justify-content:center;padding:14px 0 5px;flex-wrap:wrap}body>nav.menu-open .nav-inner{flex-wrap:wrap}body>nav.menu-open .nav-links a{font-size:14px}}
@media(max-width:760px){#build-story .tl-rail{margin-top:28px;width:calc(100% - 32px)}#build-story .tl-card{min-height:470px}#build-story .tl-body{padding:210px 24px 28px;max-width:none}#build-story .tl-card::after{background:linear-gradient(0deg,#10081af5 0%,#10081ac9 40%,#10081a08 90%)}#build-story .tl-title{font-size:30px;margin-block:14px}#build-story .tl-text{font-size:15px;line-height:1.65}#build-story .tl-badge{top:18px;right:18px;font-size:14px;padding:9px 14px}#build-story .tl-node{padding:12px 5px;min-height:75px}#build-story .tl-nlabel{font-size:10px}#build-story .tl-num{font-size:12px}#build-story .tl-nav{gap:5px}.motion-toggle{left:auto;right:12px}html[data-lang="ar"] #build-story .tl-card::after{background:linear-gradient(0deg,#10081af5 0%,#10081ac9 40%,#10081a08 90%)}}
#build-story .tl-card{aspect-ratio:auto}#build-story .tl-body{border-top:0}#build-story .tl-card::before{display:none}
@media(min-width:761px){#build-story .tl-card{height:510px}}
@media(max-width:760px){#build-story .tl-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#build-story .tl-node{min-height:70px}#build-story .tl-nlabel{font-size:12px;white-space:normal;text-overflow:clip;overflow:visible}#build-story .tl-num{margin-bottom:4px}}
/* Audience palettes: purple / rose pink / original teal. */
:root,html[data-page="seeker"]{--brand:#7c3aed;--brand-hover:#6d28d9;--brand-text:#7231d8;--brand-rgb:124,58,237;--experience-accent:#bc9af6;--experience-line:rgba(188,154,246,.18);--night:#100b1e;--night-rgb:16,11,30;--night-panel:#20172e;--blueprint-hue:0deg;--indigo:var(--brand);--indigo-dim:rgba(var(--brand-rgb),.07)}
html[data-page="vendor"]{--brand:#be3265;--brand-hover:#a52655;--brand-text:#b5295d;--brand-rgb:190,50,101;--experience-accent:#f3a6c2;--experience-line:rgba(243,166,194,.18);--night:#1c0d16;--night-rgb:28,13,22;--night-panel:#2b1722;--blueprint-hue:70deg;--indigo:var(--brand);--indigo-dim:rgba(var(--brand-rgb),.07)}
html[data-page="b2b"]{--brand:#0e7a6b;--brand-hover:#096457;--brand-text:#0b7163;--brand-rgb:14,122,107;--experience-accent:#6fd9c6;--experience-line:rgba(111,217,198,.18);--night:#06211e;--night-rgb:6,33,30;--night-panel:#102f2a;--blueprint-hue:-96deg;--indigo:var(--brand);--indigo-dim:rgba(var(--brand-rgb),.07)}
html[data-theme="dark"]{--bg:var(--night);--panel:var(--night-panel);--card:var(--night-panel);--indigo:var(--brand);--indigo-dim:rgba(var(--brand-rgb),.12);--brand-text:var(--experience-accent);--nav-bg:rgba(var(--night-rgb),.94)}
body>nav{background:rgba(var(--night-rgb),.94)}.hero{background:var(--night)}.hero .hero-h1 .hl,.vision-caption strong,.drag-icon,.hero-kicker,.preview-label{color:var(--experience-accent)}
.hero .ha-wash{background:linear-gradient(90deg,transparent,var(--night) 70%)}.hero .ha-o1{background:radial-gradient(circle,rgba(var(--brand-rgb),.13),transparent 65%)}.hero .ha-o2{background:none}.vision::before{background:none}.vision-blueprint{background:var(--night)}.vision-blueprint img{filter:hue-rotate(var(--blueprint-hue))}.vision-blueprint::after{background:rgba(var(--night-rgb),.15)}.vision-shade{background:linear-gradient(0deg,rgba(var(--night-rgb),.85),transparent 55%)}.vision-window{border-color:var(--experience-line);background:var(--night-panel)}.vision-divider{background:var(--experience-accent);box-shadow:none}.vision-divider span{background:rgba(var(--night-rgb),.6)}.vision-window:focus-within{outline-color:var(--experience-accent)}
.hero .hero-sub,.hero-footer,.vision-top,.vision-bottom,.vision-bottom>span:last-child{color:#bdb8c5}.hero-explore{color:#e5e1ea}.hero .btn-primary,.preview-dialog .btn{background:var(--brand);box-shadow:none}.hero .btn-primary:hover,.preview-dialog .btn:hover{background:var(--brand-hover);box-shadow:none;transform:none}.manifesto-body .dim{color:var(--brand-text)}.cta{background:var(--night-panel)}.cta-lines{opacity:.25}.preview-dialog{background:var(--night-panel);border-color:var(--experience-line)}.preview-dialog select,.preview-result{background:rgba(var(--brand-rgb),.1);border-color:var(--experience-line)}.preview-dialog a{color:var(--experience-accent)}.preview-dialog p,.preview-dialog label,.preview-dialog small{color:#c6c0cb}
#build-story{background:var(--night)}#build-story .tl-step,#build-story .tl-node.on,#build-story .tl-num{color:var(--experience-accent)}.tl-fill{background:var(--experience-accent)!important}.tl-arrow:hover{background:var(--brand)}
/* Quiet controls: one clear action, simple links, and a continuous chapter rail. */
:root{--r-btn:6px}.btn{border-radius:6px}.hero-actions{gap:26px}.hero .btn-ghost{border:0;border-radius:0;padding:10px 0;background:none;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#ffffff50}.hero .btn-ghost:hover{background:none;transform:none;text-decoration-color:var(--experience-accent)}body>nav .btn-primary{border-radius:5px;box-shadow:none}
body>nav .page-toggle{padding:0;gap:20px;border:0;background:none;border-radius:0}body>nav .pt-btn{padding:12px 0;border-radius:0;font-weight:400;color:#b2acb9}body>nav .pt-btn::after{display:block;bottom:4px;height:1px;background:transparent!important}
html[data-page="seeker"] body>nav .pt-btn[data-target="seeker"],html[data-page="vendor"] body>nav .pt-btn[data-target="vendor"],html[data-page="b2b"] body>nav .pt-btn[data-target="b2b"]{background:none;color:var(--experience-accent)}
html[data-page="seeker"] body>nav .pt-btn[data-target="seeker"]::after,html[data-page="vendor"] body>nav .pt-btn[data-target="vendor"]::after,html[data-page="b2b"] body>nav .pt-btn[data-target="b2b"]::after{background:var(--experience-accent)!important}
#build-story .tl-track{display:none}#build-story .tl-nav{gap:0;padding-top:0;margin-top:26px;border-top:1px solid #ffffff25}#build-story .tl-node{border:0;border-top:2px solid transparent;border-radius:0;background:none;min-height:70px;padding:19px 12px 8px;text-align:start;position:relative;margin-top:-1px}#build-story .tl-node.on{border-color:var(--experience-accent);background:none}#build-story .tl-node:hover{background:none;color:#fff}#build-story .tl-num{display:none}#build-story .tl-nlabel{font-size:14px;font-weight:400}#build-story .tl-badge{border:none;background:rgba(var(--night-rgb),.6);border-radius:3px;font-size:14px}
.tour-bubble{animation:none!important;will-change:auto;border-radius:0!important;box-shadow:none!important;transform:none!important;padding:12px 0;border-bottom:1px solid var(--hairline);min-width:170px;justify-content:flex-start;gap:13px}.tour-bubble .tb-ring,.tour-bubble.active .tb-ring,.tour-bubble:hover .tb-ring{width:26px;height:28px;background:none;border:0;border-radius:0;box-shadow:none;transform:none}.tour-bubble.active svg{stroke:var(--brand-text)}.tour-bubble.active .tb-label{color:var(--brand-text)}.tour-bubble.active{border-bottom-color:var(--brand-text)}.tour-bubbles{gap:0!important}.tour-group{min-height:0}.tour-bubbles{flex:0;justify-content:flex-start}.tour-stage .tour-group{min-height:0}.tour-bubble .tb-label{font-weight:400}.tour-bubble:hover .tb-label{color:var(--ink)}
.way-card,.trust-card,.fin-band,.faq-item.open{border-radius:10px}.way-card:hover,.trust-card:hover{transform:none;box-shadow:none}.cta,.footer-shell footer{border-radius:10px}.motion-toggle{position:static;background:none;backdrop-filter:none;color:var(--dark-ink-2);border:0;border-radius:0;padding:0;text-decoration:underline;text-underline-offset:4px;font-size:12px}.hero-explore .circle-arrow{border:0;width:auto;margin-inline-end:7px}.hero-explore:hover .circle-arrow{transform:none}.hero-kicker{font-size:12px;letter-spacing:.06em}.hero-kicker .kicker-line{display:none}
@media(max-width:760px){body>nav .page-toggle{justify-content:space-between;gap:16px}body>nav .pt-btn{flex:0 1 auto;padding:10px 0;font-size:13px}.hero-actions{gap:23px}.hero .btn-ghost{padding:10px 0}.tour-bubbles,.tg-left .tour-bubbles,.tg-right .tour-bubbles{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:0 20px!important}.tour-bubble{width:100%;min-width:0;flex-direction:row;justify-content:flex-start;gap:8px}.tour-bubble .tb-label{text-align:start;font-size:14px}.tour-bubble .tb-ring{width:22px;flex-shrink:0}.tour-group-label{align-self:flex-start}.tour-stage .tour-group{align-items:stretch;text-align:start}#build-story .tl-nav{display:flex;overflow-x:auto;gap:22px;scrollbar-width:thin}#build-story .tl-node{flex:0 0 auto;padding:16px 0 12px;min-height:48px}#build-story .tl-nlabel{font-size:14px;white-space:nowrap}.motion-toggle{padding-top:10px}}
/* Responsive content flows naturally; no viewport-height lock or stage gating. */
:root{--header-offset:100px}section[id],main[id]{scroll-margin-top:var(--header-offset)}
.hero-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)}
.hero-copy,.vision,.nav-inner>*{min-width:0}.hero-h1,.h2,.fb-h2,.cta-h2{overflow-wrap:break-word}
body>nav .nav-inner{gap:clamp(14px,1.8vw,26px)}body>nav .nav-logo{flex-shrink:0}body>nav .page-toggle{flex-shrink:0}body>nav .nav-cta{flex-shrink:0}
.hero{min-height:0;padding-top:clamp(28px,5vh,54px)}.hero .hero-h1{font-size:clamp(2.8rem,5vw,4.8rem)}.vision-window{max-height:min(640px,70svh)}
.wrap{width:100%}.wrap>*,.ways-cards>*,.trust-grid>*,.fb-main>*,.foot-top>*{min-width:0}img{max-width:100%}.foot-bottom{flex-wrap:wrap;gap:18px}.preview-dialog{overflow-y:auto;overscroll-behavior:contain}.preview-dialog select{min-width:0;max-width:100%;font-size:16px}
#build-story{overflow:visible}#build-story .tl-head{align-items:flex-end}#build-story .tl-head>div:first-child{min-width:0}#build-story .tl-arrows{display:flex;flex-shrink:0}
#build-story .tl-rail{display:flex;gap:20px;max-width:none;width:100%;margin:32px 0 0;padding:0 var(--tl-gutter) 14px;overflow-x:auto;overflow-y:hidden;border-radius:0;scroll-snap-type:x proximity;scroll-padding-inline:var(--tl-gutter);touch-action:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--experience-accent) transparent;align-items:stretch}
#build-story .tl-rail::-webkit-scrollbar{display:block;height:4px}#build-story .tl-rail::-webkit-scrollbar-thumb{background:var(--experience-accent);border-radius:4px}#build-story .tl-rail.dragging{scroll-snap-type:none}
#build-story .tl-card,#build-story .tl-card.on{display:flex;flex-direction:column;flex:0 0 clamp(280px,29vw,390px);width:auto;height:auto;min-height:0;max-height:none;grid-area:auto;aspect-ratio:auto;visibility:visible;opacity:1;transform:none;transition:none;isolation:auto;border:1px solid #ffffff18;border-radius:10px;overflow:hidden;background:var(--night-panel);scroll-snap-align:start;box-shadow:none}
#build-story .tl-photo{position:relative;inset:auto;width:100%;height:clamp(155px,22svh,240px);aspect-ratio:auto;object-fit:cover;z-index:auto;opacity:1;transform:none}
#build-story .tl-card::after{display:none!important}#build-story .tl-body{position:static;inset:auto;max-width:none;padding:23px;flex:1;background:none;border:0}#build-story .tl-title{font-size:clamp(1.4rem,2vw,1.75rem);line-height:1.18;margin:14px 0 0}#build-story .tl-text{font-size:16px;line-height:1.6;margin-top:12px;color:#ded9e4}#build-story .tl-step{font-size:12px;border:0;padding:0;margin:0;letter-spacing:.06em}#build-story .tl-badge{inset:14px auto auto 14px;padding:7px 10px;font-size:13px}.tl-arrow{min-width:44px;min-height:44px}
@media(max-width:1280px){body>nav .nav-links{display:none}.menu-toggle{display:grid!important;font-size:20px!important}body>nav .nav-cta{margin-inline-start:auto}body>nav.menu-open .nav-inner{flex-wrap:wrap}body>nav.menu-open .nav-links{display:flex;order:4;flex-wrap:wrap;width:100%;margin:0;justify-content:center;padding:14px 0 5px}}
@media(max-width:900px){.hero-wrap{gap:28px}.hero .hero-h1{font-size:clamp(2.3rem,4.7vw,3.5rem)}.hero-actions{gap:16px}.hero .btn{padding:14px 18px}.hero .btn-ghost{padding:10px 0}.hero .hero-sub{font-size:16px}.tour-stage{gap:24px}.tour-bubble{min-width:145px}.tour-bubble .tb-label{white-space:normal}.tour-stage .phone{flex-shrink:0;width:220px}}
@media(max-width:760px){:root{--header-offset:140px}.hero-wrap{grid-template-columns:minmax(0,1fr);gap:20px}.hero .hero-h1{font-size:clamp(2.25rem,9.9vw,3.8rem)}.hero .hero-sub{margin-top:20px}.hero-copy{padding-top:0}.vision-window{max-height:none;aspect-ratio:1.25}.hero-footer{flex-wrap:wrap}.hero-footer p{max-width:none}.hero-actions .btn{min-height:44px}.hero .btn-primary{padding:14px 18px}.sec{padding-block:clamp(40px,8vw,65px)}.tour-stage .phone{width:min(230px,62vw)}.tour-bubble{min-width:0;min-height:48px}.tour-group-label{line-height:1.5}.fb-bar,.fb-brands{flex-wrap:wrap}.fb-partner{white-space:normal}.fb-row-top{flex-wrap:wrap}.fb-products>*{min-width:0}.fb-panel{padding:20px}.meta-strip{gap:22px 16px}.meta-item,.meta-item .mono{font-size:12px}.tl-head{gap:16px;flex-wrap:wrap}.tl-head .h2{font-size:30px}.tl-head .h2 .dim{font-size:20px}#build-story .tl-arrows{margin-inline-start:auto}#build-story .tl-card{flex-basis:84%;max-width:370px}#build-story .tl-body{padding:20px}#build-story .tl-title{font-size:24px}#build-story .tl-photo{height:180px}.preview-dialog{max-height:calc(100svh - 32px)}.nav-cta .btn-icon{min-width:38px;min-height:38px}}
@media(max-width:380px){:root{--pad-x:max(18px,env(safe-area-inset-left),env(safe-area-inset-right))}body>nav .nav-inner{gap:8px}body>nav .page-toggle{gap:10px}body>nav .pt-btn{font-size:12px}.hero-actions{gap:16px}.hero .btn{font-size:13px}.h2{font-size:29px}.way-card,.trust-card{padding:22px}.tour-bubbles{column-gap:12px!important}}
@media(max-height:600px) and (orientation:landscape){body>nav{position:relative}.hero{padding-top:24px}.vision-window{max-height:none}.hero .hero-h1{font-size:clamp(2rem,4.2vw,3.4rem)}section[id]{scroll-margin-top:20px}}