
:root{
  --ink:#0E1A2B; --ink2:#16263C; --paper:#FAFBFD; --surface:#FFFFFF;
  --magenta:#D6336C; --magenta-soft:#FDEFF4; --cyan:#0E9AA7; --cyan-soft:#EBF7F8;
  --gold:#F0B429; --mist:#E4EAF1; --slate:#55677D; --faint:#8CA0B3;
  --disp:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
  --rad:14px; --shadow:0 14px 40px -18px rgba(14,26,43,.22);
  --glow:0 0 26px rgba(214,51,108,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.32;
  background-image:radial-gradient(rgba(14,26,43,.05) 1px,transparent 1.4px);background-size:26px 26px}
::selection{background:var(--magenta);color:#fff}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button{font:inherit;cursor:pointer;border:0;background:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}
.wrap{width:min(1180px,92%);margin:0 auto;position:relative;z-index:1}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--magenta);display:flex;align-items:center;gap:.55rem;font-weight:600}
.eyebrow::before{content:"";width:14px;height:14px;flex:0 0 14px;
  background:
   linear-gradient(var(--magenta),var(--magenta)) center/100% 1.5px no-repeat,
   linear-gradient(var(--magenta),var(--magenta)) center/1.5px 100% no-repeat,
   radial-gradient(circle at center,transparent 3.2px,var(--magenta) 3.2px,var(--magenta) 4.4px,transparent 4.5px)}
h1,h2,h3{font-family:var(--disp);letter-spacing:-.02em;line-height:1.08}
h1{font-size:clamp(2.35rem,5.4vw,4.1rem);font-weight:800}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:700;letter-spacing:-.025em}
h3{font-size:1.12rem;font-weight:700}
.lead{font-size:clamp(1rem,1.4vw,1.16rem);color:var(--slate);line-height:1.65;max-width:56ch}
.mono{font-family:var(--mono)}
.grad{background:linear-gradient(92deg,var(--ink) 15%,var(--magenta) 55%,var(--cyan) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.trim{position:relative;height:64px}
.trim::before,.trim::after{content:"";position:absolute;top:50%;width:26px;height:26px;transform:translateY(-50%);opacity:.55;
  background:linear-gradient(var(--faint),var(--faint)) left center/14px 1px no-repeat,
             linear-gradient(var(--faint),var(--faint)) center top 0/1px 14px no-repeat}
.trim::before{left:4%}
.trim::after{right:4%;transform:translateY(-50%) scaleX(-1)}
.trim span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--mono);font-size:.62rem;letter-spacing:.3em;color:var(--faint)}
.reg{position:relative}
.reg::before,.reg::after{content:"";position:absolute;width:12px;height:12px;border-color:var(--mist);border-style:solid;transition:border-color .35s}
.reg::before{top:10px;left:10px;border-width:1.5px 0 0 1.5px}
.reg::after{bottom:10px;right:10px;border-width:0 1.5px 1.5px 0}
.reg:hover::before,.reg:hover::after{border-color:var(--magenta)}
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--disp);font-weight:600;font-size:.92rem;
  padding:.85rem 1.5rem;border-radius:999px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s;will-change:transform}
.btn-p{background:var(--magenta);color:#fff;box-shadow:0 10px 28px -10px rgba(214,51,108,.55)}
.btn-p:hover{box-shadow:var(--glow),0 14px 30px -10px rgba(214,51,108,.6)}
.btn-g{background:transparent;color:var(--ink);border:1.5px solid var(--mist)}
.btn-g:hover{border-color:var(--ink)}
.btn .ar{transition:transform .3s}
.btn:hover .ar{transform:translateX(4px)}
#loader{position:fixed;inset:0;z-index:200;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2rem}
#loader .lg{filter:drop-shadow(0 0 18px rgba(214,51,108,.65));animation:hue 3.2s linear infinite}
@keyframes hue{0%{filter:drop-shadow(0 0 16px rgba(214,51,108,.55))}50%{filter:drop-shadow(0 0 30px rgba(214,51,108,.9))}100%{filter:drop-shadow(0 0 26px rgba(16,154,167,.75))}}
#loader .word{font-family:var(--disp);font-weight:800;font-size:1.5rem;letter-spacing:.28em;color:#fff}
#loader .word i{font-style:normal;color:var(--magenta)}
#cmyk{width:min(300px,60vw);height:5px;border-radius:3px;overflow:hidden;display:flex;background:rgba(255,255,255,.08)}
#cmyk b{height:100%;width:0;flex:1}
#cmyk b:nth-child(1){background:#22B8CF}#cmyk b:nth-child(2){background:#D6336C}
#cmyk b:nth-child(3){background:#F0B429}#cmyk b:nth-child(4){background:#E9EEF5}
#loader .cap{font-family:var(--mono);font-size:.62rem;letter-spacing:.34em;color:#5F7590;text-transform:uppercase}
#wipe{position:fixed;inset:0;z-index:150;pointer-events:none}
#wipe .w1,#wipe .w2{position:absolute;inset:0;transform:scaleX(0)}
#wipe .w1{background:var(--magenta);transform-origin:left}
#wipe .w2{background:var(--ink);transform-origin:left}
header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s,box-shadow .35s,backdrop-filter .35s}
header.scrolled{background:rgba(250,251,253,.82);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--mist)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--disp);font-weight:800;font-size:1.15rem;letter-spacing:-.01em}
.brand i{font-style:normal;color:var(--magenta)}
.brand svg{filter:drop-shadow(0 2px 8px rgba(214,51,108,.35))}
.links{display:flex;gap:2rem;align-items:center}
.links a{font-size:.9rem;font-weight:500;color:var(--slate);position:relative;padding:.3rem 0;transition:color .25s}
.links a::after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--magenta);transform:scaleX(0);transform-origin:right;transition:transform .3s}
.links a:hover,.links a.on{color:var(--ink)}
.links a.on::after,.links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav .btn{padding:.6rem 1.15rem;font-size:.84rem}
#burger{display:none;width:42px;height:42px;flex-direction:column;justify-content:center;gap:5px;align-items:center;z-index:130}
#burger span{width:22px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s}
#mnav{position:fixed;inset:0;background:var(--paper);z-index:120;display:flex;flex-direction:column;justify-content:center;padding:0 9%;gap:1.4rem;transform:translateX(100%)}
#mnav a{font-family:var(--disp);font-size:1.9rem;font-weight:700}
#mnav a small{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.3em;color:var(--magenta);margin-bottom:.2rem}
body.mopen #burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.mopen #burger span:nth-child(2){opacity:0}
body.mopen #burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
section{padding:5.2rem 0;position:relative}
.head{max-width:640px;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}
#hero{min-height:100svh;display:flex;align-items:center;padding:8.5rem 0 4rem;overflow:hidden}
#bg3d{position:absolute;inset:0;z-index:0;pointer-events:none}
#hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center}
.h-copy{display:flex;flex-direction:column;gap:1.5rem}
.h-copy .chips{display:flex;gap:.6rem;flex-wrap:wrap}
.chip{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);
  border:1px solid var(--mist);background:var(--surface);padding:.42rem .75rem;border-radius:999px}
.chip b{color:var(--magenta)}
.h-ctas{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.4rem}
.h-note{font-family:var(--mono);font-size:.7rem;color:var(--faint);letter-spacing:.06em}
.docket{background:var(--surface);border:1px solid var(--mist);border-radius:var(--rad);box-shadow:var(--shadow);
  padding:1.5rem 1.6rem 1.9rem;position:relative;font-family:var(--mono);max-width:480px;justify-self:end;width:100%}
.docket::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14px;
  background:radial-gradient(circle at 8px 0,transparent 5px,var(--paper) 5.5px) repeat-x;background-size:16px 14px}
.d-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px dashed var(--mist);padding-bottom:.8rem;margin-bottom:1rem}
.d-top .t{font-size:.66rem;letter-spacing:.24em;color:var(--faint)}
.d-top .id{font-size:.72rem;color:var(--cyan);font-weight:600}
.d-mail{background:var(--cyan-soft);border:1px solid #CFE9EC;border-radius:9px;padding:.7rem .8rem;font-size:.72rem;color:#16606A;display:flex;gap:.6rem;align-items:flex-start;opacity:0}
.d-mail svg{flex:0 0 14px;margin-top:2px}
.d-rows{margin:1.1rem 0 .4rem;display:flex;flex-direction:column;gap:.55rem}
.d-row{display:flex;justify-content:space-between;font-size:.76rem;opacity:0}
.d-row .k{color:var(--faint)}.d-row .v{color:var(--ink);font-weight:500;text-align:right}
.d-price{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px dashed var(--mist);margin-top:.9rem;padding-top:.95rem;opacity:0}
.d-price .k{font-size:.68rem;letter-spacing:.2em;color:var(--faint)}
.d-price .v{font-family:var(--disp);font-weight:800;font-size:1.7rem;letter-spacing:-.02em}
.d-stamp{position:absolute;right:1.2rem;bottom:2.4rem;transform:rotate(-9deg) scale(0);border:2px solid var(--magenta);color:var(--magenta);
  font-size:.62rem;letter-spacing:.16em;font-weight:600;padding:.4rem .6rem;border-radius:6px;background:rgba(253,239,244,.85)}
.d-foot{font-size:.62rem;color:var(--faint);margin-top:1.2rem;opacity:0}
.d-cursor{display:inline-block;width:7px;height:12px;background:var(--magenta);vertical-align:-1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.strip{border-top:1px solid var(--mist);border-bottom:1px solid var(--mist);background:var(--surface);padding:1.1rem 0;overflow:hidden}
.marq{display:flex;gap:3.5rem;width:max-content;animation:marq 26s linear infinite}
.marq span{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:.7rem;white-space:nowrap}
.marq span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--magenta)}
.marq span:nth-child(3n)::before{background:var(--cyan)}
.marq span:nth-child(3n+2)::before{background:var(--gold)}
@keyframes marq{to{transform:translateX(-50%)}}
#flow{background:linear-gradient(180deg,var(--paper),#F2F6FA 55%,var(--paper))}
.flow-wrap{position:relative}
.flow-line{position:absolute;left:0;right:0;top:34px;height:3px;z-index:0}
.flow-line svg{width:100%;height:100%;overflow:visible}
.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.1rem;position:relative;z-index:1}
.fstep{display:flex;flex-direction:column;gap:.9rem}
.fdot{width:70px;height:70px;border-radius:50%;background:var(--surface);border:1.5px solid var(--mist);display:grid;place-items:center;box-shadow:var(--shadow);position:relative}
.fdot .n{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--mono);font-size:.66rem;display:grid;place-items:center}
.fstep h3{font-size:1rem}
.fstep p{font-size:.84rem;color:var(--slate);line-height:1.55}
.fstep .mono-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}
#plane{position:absolute;top:20px;left:0;width:30px;height:30px;z-index:2;filter:drop-shadow(0 4px 10px rgba(214,51,108,.4));opacity:0}
.flow-cta{margin-top:3.2rem;display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.flow-cta .big{font-family:var(--disp);font-weight:800;font-size:clamp(1.3rem,2.6vw,1.9rem)}
.flow-cta .big em{font-style:normal;color:var(--magenta)}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.bcard{background:var(--surface);border:1px solid var(--mist);border-radius:var(--rad);padding:1.7rem;display:flex;flex-direction:column;gap:.8rem;transition:transform .35s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden}
.bcard:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#D5DEE9}
.bcard.wide{grid-column:span 2}
.bic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:var(--magenta-soft)}
.bcard:nth-child(2n) .bic{background:var(--cyan-soft)}
.bcard p{font-size:.88rem;color:var(--slate);line-height:1.6}
.bcard .spec{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-top:auto;padding-top:.6rem;border-top:1px dashed var(--mist)}
#dieline .wrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.die-box{background:var(--ink);border-radius:var(--rad);padding:2.4rem;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px rgba(14,26,43,.5)}
.die-box svg{width:100%;height:auto}
.die-box .scan{position:absolute;left:0;right:0;top:0;height:80px;background:linear-gradient(180deg,transparent,rgba(16,154,167,.22),transparent);pointer-events:none}
.die-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}
.die-tags span{font-family:var(--mono);font-size:.6rem;letter-spacing:.14em;color:#9FE8EE;border:1px solid rgba(159,232,238,.35);padding:.3rem .55rem;border-radius:6px}
.checks{display:flex;flex-direction:column;gap:1rem;margin-top:1.4rem}
.checks div{display:flex;gap:.8rem;align-items:flex-start;font-size:.92rem;color:var(--slate)}
.checks svg{flex:0 0 18px;margin-top:2px}
.band{background:var(--ink);color:#fff;border-radius:calc(var(--rad) + 6px);padding:3.4rem 3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;box-shadow:0 34px 70px -30px rgba(14,26,43,.55)}
.band .st{display:flex;flex-direction:column;gap:.35rem}
.band .n{font-family:var(--disp);font-weight:800;font-size:clamp(1.7rem,3vw,2.5rem);color:#fff}
.band .n i{font-style:normal;color:var(--magenta);text-shadow:0 0 22px rgba(214,51,108,.55)}
.band .l{font-size:.8rem;color:#93A6BC;line-height:1.5}
.ptoggle{display:inline-flex;background:var(--surface);border:1px solid var(--mist);border-radius:999px;padding:4px;gap:2px;margin-bottom:2.6rem}
.ptoggle button{padding:.55rem 1.2rem;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--slate);transition:.25s}
.ptoggle button.on{background:var(--ink);color:#fff}
.ptoggle .save{font-size:.62rem;color:var(--magenta);font-family:var(--mono);margin-left:.35rem}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:stretch}
.tier{background:var(--surface);border:1px solid var(--mist);border-radius:var(--rad);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1.1rem;transition:transform .35s,box-shadow .35s}
.tier:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tier.hot{border:2px solid var(--magenta);box-shadow:0 24px 55px -22px rgba(214,51,108,.4);position:relative}
.tier.hot .flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--magenta);color:#fff;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;padding:.32rem .8rem;border-radius:999px;box-shadow:var(--glow)}
.tier .tn{font-family:var(--mono);font-size:.68rem;letter-spacing:.24em;color:var(--slate);text-transform:uppercase}
.tier .pr{font-family:var(--disp);font-weight:800;font-size:2.5rem;letter-spacing:-.03em}
.tier .pr small{font-family:var(--body);font-weight:500;font-size:.85rem;color:var(--faint)}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;font-size:.86rem;color:var(--slate)}
.tier li{display:flex;gap:.55rem;align-items:flex-start}
.tier li::before{content:"";flex:0 0 15px;height:15px;margin-top:2px;border-radius:50%;
  background:var(--cyan-soft) center/9px no-repeat url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%230E9AA7" stroke-width="4"><path d="M4 13l5 5L20 6"/></svg>')}
.tier .btn{justify-content:center;margin-top:auto}
.founding{margin-top:2.6rem;background:linear-gradient(96deg,var(--ink),#1C3050);color:#fff;border-radius:var(--rad);padding:2rem 2.2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.founding .fl{max-width:56ch}.founding .fl p{color:#9FB2C8;font-size:.9rem;margin-top:.4rem;line-height:1.6}
.founding b.pct{font-family:var(--disp);color:var(--gold)}
.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}
.qa{background:var(--surface);border:1px solid var(--mist);border-radius:12px;overflow:hidden}
.qa button{width:100%;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.1rem 1.3rem;font-weight:600;font-size:.95rem;text-align:left}
.qa .pm{flex:0 0 22px;height:22px;border-radius:50%;border:1.5px solid var(--mist);display:grid;place-items:center;font-family:var(--mono);color:var(--magenta);transition:transform .3s}
.qa.open .pm{transform:rotate(45deg);border-color:var(--magenta)}
.qa .ans{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}
.qa .ans p{padding:0 1.3rem 1.2rem;font-size:.88rem;color:var(--slate);line-height:1.65}
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.split .art{background:var(--surface);border:1px solid var(--mist);border-radius:var(--rad);padding:2rem;box-shadow:var(--shadow)}
.kv{display:flex;flex-direction:column;gap:.9rem;font-family:var(--mono);font-size:.76rem}
.kv div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--mist);padding-bottom:.6rem}
.kv .k{color:var(--faint)}.kv .v{color:var(--ink);font-weight:600;text-align:right}
.pillrow{display:flex;gap:.55rem;flex-wrap:wrap}
.pill{font-family:var(--mono);font-size:.66rem;letter-spacing:.1em;border:1px solid var(--mist);background:var(--surface);padding:.45rem .8rem;border-radius:8px;color:var(--slate)}
.solgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem}
.sol{background:var(--surface);border:1px solid var(--mist);border-radius:var(--rad);padding:1.9rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .35s,box-shadow .35s}
.sol:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.sol .pains{font-size:.85rem;color:var(--slate);line-height:1.6}
.sol .win{font-size:.85rem;color:var(--ink);background:var(--cyan-soft);border-radius:9px;padding:.8rem .95rem;line-height:1.55}
.sol .win b{color:var(--cyan)}
.ctasec .box{background:var(--ink);border-radius:calc(var(--rad) + 8px);padding:4rem 3rem;text-align:center;color:#fff;position:relative;overflow:hidden}
.ctasec .box::before{content:"";position:absolute;inset:-40%;background:
  radial-gradient(closest-side,rgba(214,51,108,.28),transparent 70%) 20% 30%/55% 55% no-repeat,
  radial-gradient(closest-side,rgba(16,154,167,.25),transparent 70%) 85% 75%/55% 55% no-repeat;animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:rotate(8deg) scale(1.08)}}
.ctasec h2{color:#fff;position:relative}
.ctasec p{color:#9FB2C8;margin:1rem auto 2rem;max-width:52ch;position:relative}
footer{border-top:1px solid var(--mist);background:var(--surface);padding:3.6rem 0 2.4rem;position:relative;z-index:1}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}
.fgrid h4{font-family:var(--mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-bottom:1rem}
.fgrid a{display:block;font-size:.88rem;color:var(--slate);padding:.28rem 0;transition:color .25s}
.fgrid a:hover{color:var(--magenta)}
.fbot{margin-top:2.6rem;padding-top:1.4rem;border-top:1px dashed var(--mist);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.66rem;color:var(--faint);letter-spacing:.08em}
.cform{background:var(--surface);border:1px solid var(--mist);border-radius:var(--rad);padding:2.2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1.1rem}
.cform label{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--slate);display:block;margin-bottom:.4rem}
.cform input,.cform select,.cform textarea{width:100%;font:inherit;font-size:.92rem;padding:.8rem .95rem;border:1.5px solid var(--mist);border-radius:10px;background:var(--paper);color:var(--ink);transition:border-color .25s,box-shadow .25s}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 4px rgba(214,51,108,.12)}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.cform textarea{min-height:120px;resize:vertical}
#csent{display:none;text-align:center;padding:2.5rem 1rem}
#csent .tick{width:66px;height:66px;margin:0 auto 1.2rem;border-radius:50%;background:var(--cyan-soft);display:grid;place-items:center}
[data-rv]{opacity:0}
.reduced [data-rv]{opacity:1 !important;transform:none !important}

/* ===== system-wide sector ambience ===== */
#ambient{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6}
#inkbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:106;background:linear-gradient(90deg,#22B8CF,var(--magenta) 55%,var(--gold));transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px rgba(214,51,108,.35)}
#cursor-reg{position:fixed;top:-11px;left:-11px;width:22px;height:22px;z-index:99;pointer-events:none;opacity:0;transition:opacity .35s;will-change:transform}
#cursor-reg svg{width:100%;height:100%}
@media (hover:none),(pointer:coarse){#cursor-reg{display:none}}
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.28) 50%,transparent 75%);transform:translateX(-130%);transition:transform .9s ease}
.btn:hover::after{transform:translateX(130%)}
.strip:hover .marq{animation-play-state:paused}
.bcard::before{content:"";position:absolute;right:-30px;bottom:-30px;width:130px;height:130px;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .5s;
  background-image:radial-gradient(rgba(214,51,108,.16) 1.4px,transparent 1.8px);background-size:11px 11px}
.bcard:hover::before{opacity:1}
.trim{overflow:hidden}
.trim .trimline{position:absolute;top:50%;left:-30%;width:26%;height:1px;background:linear-gradient(90deg,transparent,rgba(214,51,108,.5),transparent);animation:trimsweep 7s ease-in-out infinite}
@keyframes trimsweep{0%{left:-30%}55%,100%{left:104%}}
[data-rv]:not(.rv-done) .eyebrow::before,.eyebrow[data-rv]:not(.rv-done)::before{transform:rotate(-110deg) scale(.55)}
.eyebrow::before{transition:transform 1s cubic-bezier(.34,1.56,.64,1) .15s}
.reduced .eyebrow::before{transform:none !important}
.cmyset b{font-weight:600;color:var(--faint);transition:color .7s}
.cmyset.rv-done b:nth-child(1){color:#22B8CF;transition-delay:.1s}
.cmyset.rv-done b:nth-child(2){color:var(--magenta);transition-delay:.28s}
.cmyset.rv-done b:nth-child(3){color:var(--gold);transition-delay:.46s}
.cmyset.rv-done b:nth-child(4){color:var(--ink);transition-delay:.64s}
.pagehead{overflow:hidden}
.ph-bg{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1400px,110%);z-index:0;pointer-events:none;opacity:.75}
.ph-bg svg{width:100%;height:auto}
.ph-reg{transform-box:fill-box;transform-origin:center;animation:phspin 46s linear infinite}
@keyframes phspin{to{transform:rotate(360deg)}}
.reduced .ph-reg,.reduced .trim .trimline{animation:none}
.d-stamp{will-change:transform}

@media (max-width:1020px){
  .bento{grid-template-columns:repeat(2,1fr)}
  .bcard.wide{grid-column:span 2}
  .band{grid-template-columns:repeat(2,1fr);padding:2.6rem 2rem}
}
@media (max-width:880px){
  .links,.nav>.btn{display:none}
  #burger{display:flex}
  #hero .wrap{grid-template-columns:1fr;gap:3rem}
  .docket{justify-self:start;max-width:520px}
  .flow-grid{grid-template-columns:1fr;gap:0}
  .flow-line{display:none}
  .fstep{flex-direction:row;gap:1.2rem;padding:0 0 2rem 0;position:relative}
  .fstep::before{content:"";position:absolute;left:34px;top:70px;bottom:0;width:2px;background:linear-gradient(var(--mist),var(--mist))}
  .fstep:last-child::before{display:none}
  .fdot{flex:0 0 70px}
  #dieline .wrap,.split{grid-template-columns:1fr;gap:2.4rem}
  .solgrid{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  section{padding:3.6rem 0}
  .tiers{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr}
  .bcard.wide{grid-column:span 1}
  .band{grid-template-columns:1fr 1fr;gap:1.4rem}
  .cform .two{grid-template-columns:1fr}
  #hero{padding-top:7rem}
  .founding{padding:1.6rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.15s !important}
}
