/* Inkstone homepage hero — cinematic scroll journey. Loaded after styles.css. */
/* ════ HERO: split layout + cinematic scroll journey (on top of the real brand system) ════ */
.hero-cine{ position:relative; height:820vh; }
.pin{ position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center; }
.heroglow{ position:absolute; inset:0; z-index:0; pointer-events:none; }
.heroglow .gor{ position:absolute; border-radius:50%; filter:blur(58px); opacity:.9; }
.hwrap{ position:relative; z-index:1; width:100%; max-width:var(--maxw,1200px); margin:0 auto; padding:0 var(--gut,40px); display:flex; gap:34px; align-items:center; }
.hcopy{ flex:0 0 52%; transition:opacity .4s; }
.hcopy h1{ font-family:var(--serif); font-weight:400; font-size:clamp(36px,3.9vw,56px); line-height:1.0; letter-spacing:-.022em; margin:16px 0 0; text-wrap:balance; color:var(--ink); }
.hcopy h1 em{ font-style:italic; color:var(--red); }
.hcopy .sub{ font-size:clamp(15px,1.2vw,18px); line-height:1.5; color:var(--muted); max-width:46ch; margin:20px 0 0; }
.hcopy .sub b{ color:var(--ink); font-weight:600; }
.hcopy .hero-form{ margin-top:26px; max-width:460px; }
.hcopy .form-note{ margin-top:13px; }
.hcopy .form-note .watch{ color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line2); }
.hcopy .form-note .watch:hover{ border-color:var(--ink); }
.hcopy .trust{ margin-top:26px; }

/* ── cinematic viewport + world (flat, crisp, no blur — perf-tuned) ── */
.viewport{ flex:1; height:76vh; max-height:640px; position:relative; background:transparent; overflow:hidden; }
.ghost{ position:absolute; top:6px; right:24px; z-index:0; pointer-events:none; transition:opacity .5s; }
.ghost b{ font-family:var(--serif); font-style:italic; font-size:210px; line-height:.8; color:rgba(14,14,13,.05); }
.world{ position:absolute; top:0; left:0; width:1400px; height:1180px; transform-origin:0 0; z-index:1; }
.bg{ position:absolute; inset:0; }
.scene{ position:absolute; }
.slab{ position:relative; }
.plate{ position:absolute; inset:-1px; border-radius:14px; background:transparent; box-shadow:0 44px 90px -56px rgba(14,14,13,.3); }
.glass{ position:relative; border-radius:15px; background:linear-gradient(155deg, rgba(255,255,255,.74), rgba(252,251,248,.5)); -webkit-backdrop-filter:blur(16px) saturate(1.4); backdrop-filter:blur(16px) saturate(1.4); border:1px solid rgba(255,255,255,.65); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 18px 52px -34px rgba(14,14,13,.2); }
.gdark{ background:linear-gradient(155deg, rgba(30,30,28,.94), rgba(14,14,13,.9)); border:1px solid rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 56px -34px rgba(0,0,0,.4); }
.bardots{ display:flex; gap:5px; align-items:center; padding:8px 11px; border-bottom:1px solid rgba(14,14,13,.07); }
.bardots i{ width:8px; height:8px; border-radius:50%; background:var(--line2); }
.bardots .u{ margin-left:8px; font-family:var(--mono); font-size:9px; color:var(--muted); }
.cursor{ position:absolute; width:15px; height:15px; color:var(--ink); opacity:0; left:60px; top:40px; filter:drop-shadow(0 5px 7px rgba(0,0,0,.3)); }
.s1.go .cursor{ opacity:1; animation:cur 3.6s cubic-bezier(.5,0,.5,1) forwards; }
@keyframes cur{0%{left:46px;top:26px}30%{left:198px;top:40px}55%{left:96px;top:96px}80%{left:210px;top:138px}100%{left:150px;top:120px;opacity:.45}}
.site{ padding:10px; display:flex; flex-direction:column; gap:8px; }
.s1 .b{ opacity:0; transform:translateY(12px); transition:all .5s cubic-bezier(.22,.61,.36,1); }
.s1.go .b{ opacity:1; transform:none; }
.s1.go .snav{ transition-delay:.62s; } .s1.go .shero{ transition-delay:1.05s; } .s1.go .scards{ transition-delay:1.4s; }
.snav{ display:flex; align-items:center; justify-content:space-between; padding:0 2px; }
.slogo{ width:18px; height:18px; border-radius:5px; background:var(--ink); }
.smenu{ display:flex; gap:6px; } .smenu i{ width:14px; height:4px; border-radius:2px; background:var(--line2); }
.scta{ width:48px; height:16px; border-radius:6px; background:var(--red); box-shadow:0 6px 12px -5px rgba(232,37,17,.55); }
.shero{ position:relative; display:flex; gap:9px; padding:12px; border-radius:11px; background:linear-gradient(135deg,rgba(232,37,17,.16),rgba(255,255,255,.34)); border:1px solid rgba(255,255,255,.72); overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }
.sh-glow{ position:absolute; right:-22px; top:-26px; width:96px; height:96px; border-radius:50%; background:rgba(232,37,17,.3); filter:blur(28px); }
.sh-txt{ flex:1; display:flex; flex-direction:column; gap:5px; position:relative; z-index:1; }
.sh-h{ font-family:var(--serif); font-size:16px; line-height:1; }
.sh-sub{ height:5px; width:84%; border-radius:3px; background:rgba(14,14,13,.16); }
.sh-sub.w2{ width:58%; }
.sh-btn{ margin-top:4px; width:58px; height:16px; border-radius:6px; background:var(--red); box-shadow:0 6px 12px -5px rgba(232,37,17,.6); }
.sh-prev{ width:72px; border-radius:9px; padding:7px; background:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.75); display:flex; align-items:flex-end; z-index:1; }
.sh-prev svg{ width:100%; height:36px; }
.scards{ display:flex; gap:7px; }
.scard{ flex:1; height:30px; border-radius:8px; background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.68); }
/* s1 — IDE writes the code, deploys, the site builds element by element */
.s1 .webwin{ position:absolute; left:198px; top:4px; width:254px; z-index:3; }
.s1 .ide{ position:absolute; left:0; top:46px; width:246px; z-index:1; overflow:hidden; font-family:var(--mono); }
.ide-bar{ display:flex; align-items:center; gap:7px; padding:7px 11px; border-bottom:1px solid rgba(255,255,255,.09); }
.ide-dots{ display:flex; gap:4px; } .ide-dots i{ width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.2); }
.ide-file{ font-size:8.5px; color:rgba(255,255,255,.64); }
.ide-br{ margin-left:auto; font-size:8px; color:rgba(255,255,255,.4); }
.ide-br::before{ content:"\2387\00a0"; }
.ide-code{ padding:9px 11px 8px; display:flex; flex-direction:column; gap:2px; }
.cl{ display:flex; align-items:center; gap:9px; font-size:8.5px; line-height:1.5; white-space:nowrap; opacity:0; transform:translateY(4px); transition:opacity .3s ease, transform .3s ease; }
.s1.go .cl{ opacity:1; transform:none; transition-delay:calc(.15s + var(--i) * .13s); }
.cl b{ color:rgba(255,255,255,.22); font-weight:400; width:7px; text-align:right; flex:none; }
.cl code{ color:rgba(255,255,255,.82); letter-spacing:-.1px; }
.ct{ color:#FF8E7E; } .ca{ color:#D8C29A; } .cs{ color:#E7B36A; }
.cin-caret{ display:inline-block; width:5px; height:10px; background:var(--red); margin-left:1px; opacity:0; }
.s1.go .cin-caret{ animation:cblink .9s steps(1) infinite; animation-delay:1.2s; }
@keyframes cblink{ 0%,50%{opacity:.95} 51%,100%{opacity:0} }
.ide-deploy{ display:flex; align-items:center; gap:8px; padding:7px 11px; border-top:1px solid rgba(255,255,255,.09); font-size:8px; }
.dp-cmd{ color:rgba(255,255,255,.56); white-space:nowrap; }
.dp-bar{ flex:1; height:4px; border-radius:3px; background:rgba(255,255,255,.12); overflow:hidden; }
.dp-bar i{ display:block; height:100%; width:0; background:var(--red); border-radius:3px; }
.s1.go .dp-bar i{ animation:dpfill 1.1s cubic-bezier(.4,0,.2,1) forwards; animation-delay:1.6s; }
@keyframes dpfill{ to{ width:100%; } }
.dp-live{ color:#9DC15A; opacity:0; transform:translateX(-3px); transition:all .4s ease; white-space:nowrap; }
.s1.go .dp-live{ opacity:1; transform:none; transition-delay:2.75s; }
.s1 .slive{ width:6px; height:6px; border-radius:50%; background:#3B6D11; margin-left:7px; opacity:0; }
.s1.go .slive{ animation:slivein .5s ease forwards, slivep 1.9s ease-in-out 3.2s infinite; animation-delay:2.85s; }
@keyframes slivein{ from{opacity:0; transform:scale(.4)} to{opacity:1; transform:scale(1)} }
@keyframes slivep{ 0%{box-shadow:0 0 0 0 rgba(59,109,17,.5)} 70%{box-shadow:0 0 0 5px rgba(59,109,17,0)} 100%{box-shadow:0 0 0 0 rgba(59,109,17,0)} }
.appframe{ width:180px; height:auto; padding:7px; border-radius:31px; }
.pscreen{ background:var(--paper); border-radius:25px; overflow:hidden; height:330px; position:relative; }
.el{ opacity:0; transform:translateY(12px); transition:all .5s cubic-bezier(.22,.61,.36,1); }
.s2.go .el{ opacity:1; transform:none; }
.s2.go .el:nth-child(2){transition-delay:.05s}.s2.go .el:nth-child(3){transition-delay:.1s}.s2.go .el:nth-child(4){transition-delay:.16s}.s2.go .el:nth-child(5){transition-delay:.22s}.s2.go .el:nth-child(6){transition-delay:.28s}
.atop{ display:flex; align-items:center; gap:8px; padding:11px 12px 4px; }
.av{ width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#E82511,#0E0E0D); flex:none; box-shadow:0 4px 10px -3px rgba(232,37,17,.5); }
.atop .hi{ font-family:var(--mono); font-size:8px; color:var(--muted); display:block; }
.atop .nm{ font-family:var(--serif); font-size:15px; line-height:1; }
.ahero{ margin:8px 12px 0; padding:10px 11px; border-radius:13px; display:flex; align-items:center; gap:11px; background:linear-gradient(135deg,rgba(232,37,17,.13),rgba(255,255,255,.42)); border:1px solid rgba(255,255,255,.72); box-shadow:inset 0 1px 0 rgba(255,255,255,.8); }
.ring{ width:48px; height:48px; flex:none; }
.ahero .hk{ font-size:8px; color:var(--muted); font-family:var(--mono); }
.ahero .hv{ font-family:var(--serif); font-size:25px; line-height:1; }
.ahero .hd{ font-size:8px; color:var(--red); margin-top:2px; }
.atiles{ display:flex; gap:7px; margin:8px 12px 0; }
.atile{ flex:1; padding:7px 8px; border-radius:10px; background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.68); }
.atile .tk{ font-size:7.5px; color:var(--muted); font-family:var(--mono); }
.atile .tv{ font-family:var(--serif); font-size:15px; line-height:1.1; }
.atile svg{ width:100%; height:13px; margin-top:1px; }
.alist{ margin:8px 12px 0; display:flex; flex-direction:column; gap:6px; }
.arow{ display:flex; align-items:center; gap:8px; padding:6px 7px; border-radius:9px; background:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.62); }
.arow .ai2{ width:18px; height:18px; border-radius:6px; background:rgba(232,37,17,.15); flex:none; }
.arow .ab{ flex:1; display:flex; flex-direction:column; gap:4px; }
.arow .ab span{ height:4px; border-radius:2px; background:rgba(14,14,13,.14); }
.arow .ab span.s{ width:52%; }
.msgfab{ position:absolute; right:12px; bottom:48px; width:34px; height:34px; border-radius:50%; background:var(--red); display:flex; align-items:center; justify-content:center; color:#fff; font-size:15px; box-shadow:0 12px 22px -6px rgba(232,37,17,.75); }
.ptab{ position:absolute; bottom:0; left:0; right:0; display:flex; justify-content:space-around; align-items:center; padding:8px 0; border-top:1px solid rgba(14,14,13,.07); background:rgba(255,255,255,.7); }
.ptab svg{ width:16px; height:16px; color:var(--line2); }
.ptab svg.on{ color:var(--red); }
.chatwin{ width:240px; }
.chd{ display:flex; align-items:center; gap:9px; padding:11px 13px; border-bottom:1px solid rgba(14,14,13,.07); }
.ai{ width:26px; height:26px; border-radius:50%; background:linear-gradient(135deg,#E82511,#0E0E0D); color:#fff; font-family:var(--mono); font-size:9px; display:flex; align-items:center; justify-content:center; flex:none; }
.chname{ display:flex; flex-direction:column; line-height:1.25; }
.chname b{ font-size:11.5px; font-weight:600; color:var(--ink); }
.chname i{ font-family:var(--mono); font-size:8px; color:#3B6D11; font-style:normal; display:flex; align-items:center; gap:4px; }
.chname i::before{ content:""; width:5px; height:5px; border-radius:50%; background:#3B6D11; }
.cbody{ padding:13px; display:flex; flex-direction:column; gap:7px; }
.bub{ max-width:84%; font-size:11px; line-height:1.42; padding:8px 11px; border-radius:13px; opacity:0; transform:translateY(8px); transition:all .42s cubic-bezier(.22,.61,.36,1); }
.bub.u{ align-self:flex-end; background:var(--ink); color:var(--paper); border-bottom-right-radius:4px; }
.bub.a{ align-self:flex-start; background:var(--panel); color:var(--ink); border-bottom-left-radius:4px; }
.s3.go .bub{ opacity:1; transform:none; }
.s3.go .bub:nth-child(2){ transition-delay:.3s } .s3.go .bub:nth-child(3){ transition-delay:.55s } .s3.go .bub:nth-child(4){ transition-delay:.85s } .s3.go .bub:nth-child(5){ transition-delay:1.1s }
.typing{ align-self:flex-start; display:flex; gap:4px; padding:11px 12px; background:var(--panel); border-radius:13px; border-bottom-left-radius:4px; opacity:0; transition:opacity .4s 1.4s; }
.s3.go .typing{ opacity:1; }
.typing i{ width:5px; height:5px; border-radius:50%; background:var(--muted); animation:typ 1.2s infinite; }
.typing i:nth-child(2){ animation-delay:.18s } .typing i:nth-child(3){ animation-delay:.36s }
@keyframes typ{ 0%,100%{ opacity:.3; transform:translateY(0) } 50%{ opacity:1; transform:translateY(-3px) } }
.hub{ width:340px; height:300px; position:relative; }
.hubsvg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.hubsvg .wire{ fill:none; stroke:rgba(232,37,17,.32); stroke-width:1.6; stroke-dasharray:320; stroke-dashoffset:320; transition:stroke-dashoffset .9s ease; }
.s4.go .hubsvg .wire{ stroke-dashoffset:0; }
.hubsvg .pulse{ fill:none; stroke:var(--red); stroke-width:3.4; stroke-linecap:round; stroke-dasharray:6 600; stroke-dashoffset:600; opacity:0; }
.s4.go .hubsvg .pulse{ opacity:1; animation:pk 2.6s linear infinite; }
@keyframes pk{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.node{ position:absolute; text-align:center; opacity:0; transition:all .55s cubic-bezier(.22,.61,.36,1); }
.s4.go .node{ opacity:1; }
.disc{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto; }
.disc .ic{ color:var(--red); font-size:15px; }
.nlbl{ display:block; font-family:var(--mono); font-size:8px; color:var(--muted); margin-top:5px; }
.core{ position:absolute; left:50%; top:50%; width:60px; height:60px; margin:-30px; border-radius:17px; display:flex; align-items:center; justify-content:center; }
.s4.go .core{ animation:cg 2.6s ease-in-out infinite; }
@keyframes cg{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 5px rgba(232,37,17,.10),0 16px 36px -14px rgba(232,37,17,.5)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 0 0 10px rgba(232,37,17,.16),0 18px 44px -12px rgba(232,37,17,.75)}}
.core svg{ width:27px; height:27px; }
.adcard{ width:222px; }
.adc{ padding:12px; }
.adc .ah{ font-family:var(--serif); font-size:19px; line-height:1.05; opacity:0; transform:translateY(8px); transition:all .5s; }
.adc .aimg{ height:68px; border-radius:9px; background:linear-gradient(135deg,rgba(232,37,17,.18),rgba(14,14,13,.08)); margin:9px 0; opacity:0; transform:scale(.96); transition:all .5s .1s; display:flex; align-items:center; justify-content:center; color:var(--red); font-family:var(--mono); font-size:9px; border:1px solid rgba(255,255,255,.5); }
.adc .asub{ font-size:10px; color:var(--muted); opacity:0; transition:all .5s .2s; }
.pubbtn{ margin-top:10px; background:var(--red); color:#fff; border-radius:9px; text-align:center; padding:9px; font-size:12px; font-weight:600; opacity:0; transform:translateY(8px); transition:all .45s .3s; box-shadow:0 12px 24px -10px rgba(232,37,17,.65); }
.s5.go .ah,.s5.go .aimg,.s5.go .asub,.s5.go .pubbtn{ opacity:1; transform:none; }
.s5.pub .pubbtn{ transform:scale(.94); background:#cf1f0e; }
.aud{ width:300px; height:240px; position:relative; }
.seg{ position:absolute; width:48px; height:48px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:8px; color:var(--muted); opacity:0; transform:scale(.4); transition:all .5s cubic-bezier(.22,.61,.36,1); background:rgba(255,255,255,.85); border:1px solid rgba(255,255,255,.7); }
.s6.go .seg{ opacity:1; transform:none; }
.seg.hit{ color:var(--red); box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 2px rgba(232,37,17,.5),0 14px 30px -16px rgba(232,37,17,.5); }
.dash{ width:362px; }
.dgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:12px; }
.kc{ padding:9px; border-radius:10px; background:rgba(255,255,255,.85); border:1px solid rgba(255,255,255,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.7); }
.kc .kk{ font-size:8.5px; color:var(--muted); }
.kc .kv{ font-family:var(--serif); font-size:21px; line-height:1.1; margin-top:2px; }
.kc .kv .u{ color:var(--red); }
.dchart{ margin:0 12px 12px; padding:8px; border-radius:10px; height:60px; }
.dchart .area{ fill:rgba(232,37,17,.13); }
.dchart .ln{ fill:none; stroke:var(--red); stroke-width:2.4; stroke-linecap:round; }
.dchart .gl{ stroke:rgba(14,14,13,.08); stroke-width:1; }
.flow{ position:absolute; inset:0; width:1400px; height:1180px; pointer-events:none; overflow:visible; }
.flow path{ fill:none; stroke:var(--line2); stroke-width:2.2; stroke-dasharray:10 12; opacity:0; transition:opacity .5s; }
.flow path.on{ opacity:.55; stroke:var(--red); animation:dash 1.1s linear infinite; }
@keyframes dash{to{stroke-dashoffset:-44}}
.cin-tag{ position:absolute; font-family:var(--mono); font-size:12px; color:var(--muted); opacity:0; transition:opacity .5s; }
.world.reveal .cin-tag{ opacity:1; }
.caption{ position:absolute; left:16px; bottom:16px; z-index:4; max-width:282px; padding:14px 16px; border-radius:16px; background:linear-gradient(155deg, rgba(255,255,255,.82), rgba(252,251,248,.62)); -webkit-backdrop-filter:blur(18px) saturate(1.3); backdrop-filter:blur(18px) saturate(1.3); border:1px solid rgba(255,255,255,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 20px 50px -34px rgba(14,14,13,.2); pointer-events:none; transition:opacity .3s; }
.caption .ey{ display:flex; align-items:center; gap:7px; font-family:var(--mono); font-size:10px; color:var(--red); letter-spacing:.03em; }
.caption .ey b{ width:6px; height:6px; border-radius:50%; background:var(--red); }
.caption h4{ font-family:var(--serif); font-weight:400; font-size:23px; line-height:1.02; margin:6px 0 0; }
.caption p{ font-size:12px; line-height:1.45; color:var(--muted); margin:6px 0 0; }
.caption .ix{ font-family:var(--mono); font-size:9px; color:var(--line2); margin-top:9px; }
.srail{ position:absolute; right:13px; bottom:16px; z-index:4; display:flex; flex-direction:column; gap:8px; align-items:flex-end; transition:opacity .3s; }
.srail button{ display:flex; align-items:center; gap:7px; background:none; border:0; cursor:pointer; font-family:var(--mono); font-size:9px; color:var(--muted); padding:2px; }
.srail .rl{ opacity:0; transition:opacity .2s; white-space:nowrap; }
.srail button:hover .rl,.srail button.on .rl,.srail button:focus-visible .rl{ opacity:1; }
.srail button:focus-visible{ outline:2px solid var(--red); outline-offset:3px; border-radius:4px; }
.srail .dt{ width:8px; height:8px; border-radius:50%; background:var(--line2); transition:all .2s; flex:none; }
.srail button.on .dt{ background:var(--red); box-shadow:0 0 0 4px rgba(232,37,17,.15); }
.scue{ position:absolute; left:50%; bottom:14px; transform:translateX(-50%); z-index:5; font-family:var(--mono); font-size:10.5px; color:var(--muted); transition:opacity .4s; }
.endline{ position:absolute; inset:0; z-index:6; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:24px; opacity:0; transition:opacity .7s; pointer-events:none; background:radial-gradient(120% 90% at 50% 50%, rgba(251,250,247,.93) 30%, rgba(251,250,247,.62) 100%); }
.endline h2{ font-family:var(--serif); font-weight:400; font-size:clamp(30px,3.4vw,46px); line-height:1.05; margin:0; max-width:18ch; color:var(--ink); }
.endline h2 em{ font-style:italic; color:var(--red); }
.endline p{ font-family:var(--mono); font-size:11px; color:var(--muted); margin:14px 0 0; }

/* ── perf + crispness: flatten 3D, kill blur inside the cinematic only ── */
/* ── App (s2) — minimal wallet ── */
.pstat{ display:flex; justify-content:space-between; align-items:center; padding:12px 18px 0; font-family:var(--mono); font-size:9px; color:var(--ink); }
.pdots i{ display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--ink); margin-left:3px; }
.phead{ display:flex; align-items:center; gap:10px; padding:18px 18px 0; }
.pav{ width:32px; height:32px; border-radius:50%; background:linear-gradient(135deg,#E82511,#0E0E0D); flex:none; }
.phx{ display:flex; flex-direction:column; line-height:1.2; }
.phi{ font-family:var(--mono); font-size:8px; color:var(--muted); }
.phn{ font-family:var(--serif); font-size:15px; color:var(--ink); }
.phero{ padding:36px 18px 0; }
.phk{ display:block; font-family:var(--mono); font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.phv{ display:block; font-family:var(--serif); font-size:30px; line-height:1.02; color:var(--ink); margin-top:10px; white-space:nowrap; }
.pht{ display:inline-block; font-family:var(--mono); font-size:9px; color:#3B6D11; margin-top:12px; }
.psprk{ display:block; box-sizing:border-box; width:100%; height:50px; margin-top:24px; padding:0 18px; }
.psa{ fill:rgba(232,37,17,.08); }
.psl{ fill:none; stroke:var(--red); stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
/* ── Audience (s6) redesign — targeting panel ── */
.audpanel{ width:306px; }
.aud-head{ display:flex; align-items:center; justify-content:space-between; padding:13px 16px 0; }
.aud-ttl{ font-family:var(--serif); font-size:17px; color:var(--ink); }
.aud-live{ display:inline-flex; align-items:center; gap:6px; font-family:var(--mono); font-size:9px; color:var(--muted); }
.aud-live i{ width:7px; height:7px; border-radius:50%; background:var(--red); }
.aud-total{ display:flex; align-items:baseline; gap:8px; padding:6px 16px 2px; }
.aud-tn{ font-family:var(--serif); font-size:27px; color:var(--ink); line-height:1; }
.aud-tl{ font-family:var(--mono); font-size:8.5px; color:var(--muted); }
.aud-list{ display:flex; flex-direction:column; gap:6px; padding:10px 12px 14px; }
.aud-row{ display:flex; align-items:center; gap:10px; padding:8px 11px; border-radius:13px; background:rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.55); transition:background .4s,border-color .4s,box-shadow .4s; }
.avs{ display:flex; flex:none; }
.avs i{ width:22px; height:22px; border-radius:50%; border:2px solid #fff; margin-left:-8px; box-shadow:0 2px 5px -2px rgba(0,0,0,.3); }
.avs i:first-child{ margin-left:0; }
.avs i.c1{ background:linear-gradient(135deg,#E82511,#b3170a); }
.avs i.c2{ background:linear-gradient(135deg,#8A857A,#3a3833); }
.avs i.c3{ background:linear-gradient(135deg,#F0997B,#D85A30); }
.aud-nm{ flex:1; display:flex; flex-direction:column; min-width:0; line-height:1.25; }
.aud-nm b{ font-size:11px; font-weight:600; color:var(--ink); }
.aud-nm i{ font-family:var(--mono); font-size:8px; color:var(--muted); font-style:normal; }
.aud-rc{ font-family:var(--serif); font-size:15px; color:var(--ink); }
.aud-row.hit{ background:rgba(232,37,17,.07); border-color:rgba(232,37,17,.32); box-shadow:0 10px 22px -12px rgba(232,37,17,.4); }
.aud-row.hit .aud-rc{ color:var(--red); }
/* ── Automation (s4) refine ── */
.disc{ width:46px; height:46px; }
.disc svg{ width:18px; height:18px; color:var(--red); }
.nlbl{ font-size:9px; margin-top:6px; }
.core{ width:64px; height:64px; margin:-32px; border-radius:18px; }
.hubsvg .wire{ stroke:rgba(232,37,17,.24); stroke-width:1.4; }
.s4.go .hubsvg .wire{ stroke:rgba(232,37,17,.42); }

/* ── Ad (s5) — Instagram sponsored post ── */
.igpost{ width:250px; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 18px 48px -32px rgba(14,14,13,.22); }
.ig-top{ display:flex; align-items:center; gap:9px; padding:10px 12px; }
.ig-av{ width:30px; height:30px; border-radius:50%; background:linear-gradient(135deg,#E82511,#0E0E0D); flex:none; }
.ig-id{ flex:1; display:flex; flex-direction:column; line-height:1.25; }
.ig-id b{ font-size:11px; font-weight:600; color:var(--ink); }
.ig-id i{ font-family:var(--mono); font-size:8px; color:var(--muted); font-style:normal; }
.ig-more{ color:var(--muted); font-size:16px; letter-spacing:1px; }
.ig-media{ position:relative; height:182px; background:linear-gradient(150deg,#F0A98F 0%,#E2502F 52%,#B81C0D 100%); display:flex; flex-direction:column; justify-content:center; padding:20px; overflow:hidden; }
.ig-media::after{ content:""; position:absolute; right:-40px; bottom:-50px; width:160px; height:160px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.22), transparent 70%); }
.igm-eb{ font-family:var(--mono); font-size:9px; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.9); position:relative; }
.igm-h{ font-family:var(--serif); font-size:31px; line-height:1; color:#fff; margin-top:9px; position:relative; }
.igm-sub{ font-size:11px; color:rgba(255,255,255,.92); margin-top:9px; position:relative; max-width:80%; }
.igm-badge{ align-self:flex-start; margin-top:15px; background:#fff; color:var(--ink); font-size:10px; font-weight:600; padding:8px 15px; border-radius:999px; position:relative; box-shadow:0 8px 18px -8px rgba(0,0,0,.35); }
.ig-cta{ display:flex; align-items:center; justify-content:space-between; padding:11px 13px; background:var(--panel); font-size:11.5px; font-weight:600; color:var(--ink); border-bottom:1px solid var(--line); }
.ig-cta span{ color:var(--muted); font-size:14px; }
.ig-actions{ display:flex; align-items:center; justify-content:space-between; padding:11px 13px 3px; }
.ig-actions .left{ display:flex; gap:14px; }
.ig-actions svg{ width:21px; height:21px; color:var(--ink); }
.s5.go .ig-heart{ transition:color .5s,fill .5s; }
.s5.pub .ig-heart{ color:var(--red); fill:var(--red); }
.ig-likes{ padding:3px 13px 0; font-size:11px; font-weight:600; color:var(--ink); }
.ig-cap{ padding:3px 13px 13px; font-size:11px; line-height:1.42; color:var(--ink); }
.ig-cap b{ font-weight:600; }

.world .bg{ display:none; }
.viewport{ perspective:none!important; }
.world{ will-change:auto!important; }
.world,.world *{ transform-style:flat!important; }
.plate,.core,.msgfab,.cursor,.glass{ transform:none!important; }
.node{ transform:translate(-50%,-50%)!important; }
.cin-tag{ transform:translate(-50%,0)!important; }

@media (max-width:880px){
  .pin{ align-items:flex-start; }
  .hwrap{ flex-direction:column; gap:12px; padding:96px 20px 14px; align-items:stretch; height:100vh; box-sizing:border-box; }
  .hcopy{ flex:none; }
  .hcopy .eyebrow{ display:none; }
  .hcopy h1{ font-size:31px; line-height:1.1; margin-top:0; }
  .hcopy .sub{ font-size:15.5px; line-height:1.5; margin-top:13px; }
  .hcopy .hero-form{ margin-top:18px; max-width:none; }
  .hcopy .form-note{ margin-top:12px; font-size:12px; display:block; line-height:1.6; }
  .hcopy .trust{ display:none; }
  .ghost{ display:none; }
  .viewport{ flex:1 1 auto; min-height:230px; height:auto; max-height:none; }
  .caption{ max-width:62%; padding:9px 11px; }
  .caption h4{ font-size:17px; }
  .endline h2{ font-size:24px; }
}
@media (prefers-reduced-motion:reduce){ .viewport *{ animation:none!important; } }