/* Page-specific blocks. Loaded after sage.css, scoped to one page letter each:
   .H home · .G product · .W how-it-works · .P pricing · .C contact
   Nothing shared goes here. If two pages want it, it belongs in sage.css. */

/* ==================================================================== HOME */
.H .hero{padding:90px 0 0;position:relative;isolation:isolate}
.H .gridbg{position:absolute;inset:-100px 0 auto;height:1200px;z-index:-1;background-image:linear-gradient(var(--rule2) 1px,transparent 1px),linear-gradient(90deg,var(--rule2) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 65% 55% at 50% 25%,#000,transparent 75%);opacity:.55}
.H .h1{max-width:1150px;margin-top:26px}
.H .hrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-top:30px}
.H .hrow .lede{max-width:640px;animation:sUp 1s var(--ease) .5s both}
.H .acts{display:flex;gap:10px;flex-wrap:wrap;animation:sUp 1s var(--ease) .65s both}
.H .trust{display:flex;align-items:center;gap:14px;margin-top:26px;animation:sUp 1s var(--ease) .8s both}
.H .avs{display:flex}
.H .avs img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 3px var(--paper)}
.H .avs img+img{margin-left:-10px}
.H .trust p{font-size:13.5px;color:var(--ink3);line-height:1.4}
.H .trust p b{color:var(--ink);font-weight:600}
.H .stage{position:relative;margin-top:70px;perspective:2200px}
.H .frame{animation:hFrame 1.5s var(--ease) .4s both}
.H .sig{position:absolute;z-index:3;width:300px;padding:14px 16px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--rule2),0 24px 50px -24px rgba(22,24,28,.55);font-size:13.5px;animation:sPop .8s var(--ease) both,sBob 7s ease-in-out infinite}
.H .sig .k{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.H .sig .k i{width:8px;height:8px;border-radius:3px;display:block}
.H .sig p{margin-top:6px;line-height:1.45}
.H .sig .m{margin-top:6px;font-size:12px;color:var(--ink3)}
.H .sig .chip{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:999px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);font-size:12px;font-weight:600}
.H .s1{left:-60px;top:16%;animation-delay:1.6s,2.6s}
.H .s2{right:-60px;top:40%;animation-delay:1.8s,3.4s}
.H .s3{left:-40px;bottom:8%;animation-delay:2s,4.2s}

/* flow */
.H .flow{position:relative;display:grid;grid-template-columns:28% 1fr 20% 1fr 28%;align-items:center;height:440px}
/* `>svg`, not `svg`: the flow's own diagram only. An unscoped selector here
   also caught the three icons inside .out .ic and blew them up full-bleed. */
.H .flow>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.H .flow>svg path{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:4 6;animation:sFlow 1.6s linear infinite;opacity:.55}
.H .col{display:grid;gap:12px;position:relative;z-index:1}
.H .col.right{grid-column:5}
.H .src{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:var(--card);box-shadow:0 0 0 1px var(--rule2);font-weight:600;font-size:15px}
.H .src i{width:10px;height:10px;border-radius:3px;display:block}
.H .src span{margin-left:auto;font-weight:400;font-size:12.5px;color:var(--ink3)}
.H .core{grid-column:3;justify-self:center;width:200px;height:200px;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;text-align:center;position:relative;z-index:1;box-shadow:0 30px 60px -30px rgba(22,24,28,.8)}
.H .core:before{content:"";position:absolute;inset:-12px;border-radius:50%;border:1.5px dashed var(--rule3);animation:sSpin 30s linear infinite}
.H .core b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:22px;letter-spacing:-.03em}
.H .core span{display:block;font-size:12px;color:var(--nink3);margin-top:4px}
.H .out{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--rule2)}
.H .out .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);flex:none}
.H .out b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:17px;letter-spacing:-.02em}
.H .out span{display:block;font-size:13px;color:var(--ink3)}

/* logos */
.H .lw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.H .lt{display:flex;align-items:center;gap:18px;padding:16px;border-radius:24px;background:var(--card);box-shadow:0 0 0 1px var(--rule);transition:transform .4s var(--ease),box-shadow .4s}
.H .lt:hover{transform:translateY(-5px);box-shadow:0 0 0 1px var(--rule3),0 24px 44px -26px rgba(22,24,28,.5)}
.H .lt img{width:84px;height:84px;border-radius:18px;object-fit:cover;display:block;flex:none}
.H .lt .mono{width:84px;height:84px;border-radius:18px;flex:none;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:28px;letter-spacing:-.03em}
.H .lt b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:18px;letter-spacing:-.025em}
.H .lt span{display:block;font-size:13.5px;color:var(--ink3)}

/* evidence */
.H .ev{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.H .ecard{padding:28px;border-radius:30px;background:var(--card);box-shadow:0 0 0 1px var(--rule),0 50px 90px -60px rgba(22,24,28,.5)}
.H .ehead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--rule)}
.H .ehead .t{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:22px;letter-spacing:-.03em;color:var(--neg)}
.H .ehead .s{font-size:14px;color:var(--ink3);margin-top:4px}
.H .ehead .big{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:56px;letter-spacing:-.05em;line-height:1;color:var(--neg)}
.H .meter{height:12px;border-radius:7px;background:var(--rule);margin-top:18px;overflow:hidden}
.H .meter i{display:block;height:100%;width:44%;border-radius:7px;background:var(--rose);transform-origin:left}
.H .open{margin-top:20px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 8px 0 18px;border-radius:999px;border:0;background:var(--ink);color:#fff;font:inherit;font-weight:600;font-size:15px;cursor:pointer;transition:transform .3s var(--ease)}
.H .open:hover{transform:translateY(-2px)}
.H .open .ar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);color:var(--ink);transition:transform .35s var(--ease)}
.H .open.on .ar{transform:rotate(90deg)}
.H .qs{display:grid;gap:10px;margin-top:18px}
.H .q{padding:14px 16px;border-radius:16px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule);animation:sSwap .55s var(--ease) both}
.H .q p{font-size:15px}
.H .q .m{margin-top:6px;font-size:12.5px;color:var(--ink3)}
.H .q .m b{color:var(--neg);font-weight:500}
.H .closed{margin-top:16px;font-size:13.5px;color:var(--ink3)}

/* dishes */
.H .dish{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.H .dc{padding:28px;border-radius:30px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.H .dhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.H .dr{display:grid;grid-template-columns:150px minmax(0,1fr) 46px;gap:14px;align-items:center;padding:12px 0;font-size:14.5px}
.H .dr .tr{height:14px;border-radius:7px;background:var(--rule);overflow:hidden}
.H .dr .fl{display:block;height:100%;border-radius:7px;background:var(--bar);transform-origin:left}
.H .dr.me{font-weight:600}
.H .dr.me .fl{background:var(--lime);background-image:var(--hatch);box-shadow:inset 0 0 0 1.5px var(--ink)}
.H .dr .v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.H .dsub{margin:18px 0 4px;padding-top:16px;border-top:1px solid var(--rule)}
.H .you{font-size:10px;font-weight:700;letter-spacing:.06em;background:var(--lime);box-shadow:inset 0 0 0 1px var(--ink);padding:2px 6px;border-radius:5px;margin-left:6px}

/* cannot read */
.H .gaps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.H .gl{border-radius:28px;background:var(--night);color:#fff;padding:12px 28px}
.H .gr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--nrule)}
.H .gr:last-child{border-bottom:0}
.H .gr b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:18px;letter-spacing:-.02em}
.H .gr span{font-size:13.5px;color:var(--nink2);padding:6px 12px;border-radius:999px;background:#24272C;white-space:nowrap}

/* sources */
.H .srcs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.H .sc{padding:22px;border-radius:24px;background:var(--card);box-shadow:0 0 0 1px var(--rule);transition:transform .4s var(--ease)}
.H .sc:hover{transform:translateY(-5px)}
.H .sc i{width:14px;height:14px;border-radius:4px;display:block}
.H .sc b{display:block;margin-top:40px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:22px;letter-spacing:-.03em}
.H .sc span{display:block;margin-top:6px;font-size:14px;color:var(--ink3);line-height:1.45}

/* pricing */
.H .plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.H .plan{padding:36px;border-radius:32px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column}
.H .plan.pro{background:var(--night);color:#fff;box-shadow:none}
.H .plan .lab{margin-bottom:14px}
.H .plan.pro .lab{color:var(--nink3)}
.H .plan h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:28px;letter-spacing:-.035em}
.H .price{display:flex;align-items:baseline;gap:10px;margin-top:14px}
.H .price b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:72px;letter-spacing:-.06em;line-height:1}
.H .plan.pro .price b{background:var(--lime);color:var(--ink);padding:2px 12px 6px;border-radius:14px}
.H .price span{font-size:15px;color:var(--ink3)}
.H .plan.pro .price span{color:var(--nink2)}
.H .plan p.d{margin-top:16px;font-size:16px;line-height:1.6;color:var(--ink2)}
.H .plan.pro p.d{color:var(--nink2)}
.H .plan .tk{margin:24px 0 28px}
.H .plan.pro .tk li{color:#fff}
.H .plan .btn{margin-top:auto;align-self:flex-start}
.H .cmp{display:flex;justify-content:center;margin-top:26px}

@keyframes hFrame{from{opacity:0;transform:rotateX(24deg) translateY(110px) scale(.9)}to{opacity:1;transform:none}}
@media (max-width:1100px){
  .H .hrow{grid-template-columns:minmax(0,1fr)}
  .H .sig{display:none}
  .H .flow{grid-template-columns:minmax(0,1fr);height:auto;gap:20px}
  .H .flow svg{display:none}
  .H .core,.H .col.right{grid-column:auto}
  .H .lw{grid-template-columns:repeat(2,minmax(0,1fr))}
  .H .ev,.H .dish,.H .gaps{grid-template-columns:minmax(0,1fr);gap:32px}
  .H .srcs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .H .plans{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .H .lw,.H .srcs{grid-template-columns:minmax(0,1fr)}
  .H .lt img,.H .lt .mono{width:64px;height:64px;font-size:22px}
  .H .dr{grid-template-columns:96px minmax(0,1fr) 40px}
  .H .plan{padding:26px 20px}
  .H .price b{font-size:54px}
  .H .gr{grid-template-columns:minmax(0,1fr)}
}

/* ================================================ PRODUCT (Outstrip Intelligence) */
.G .hero{padding:96px 0 0;position:relative;isolation:isolate}
.G .gridbg{position:absolute;inset:-100px 0 auto;height:1100px;z-index:-1;background-image:linear-gradient(var(--rule2) 1px,transparent 1px),linear-gradient(90deg,var(--rule2) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 65% 55% at 50% 25%,#000,transparent 75%);opacity:.55}
.G .htop{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:60px;align-items:end}
.G .h1{font-size:85px;margin-top:28px}
.G .side p{font-size:19px;line-height:1.55;color:var(--ink2);animation:sUp 1s var(--ease) .5s both}
.G .acts{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap;animation:sUp 1s var(--ease) .65s both}
.G .trust{display:flex;align-items:center;gap:14px;margin-top:30px;animation:sUp 1s var(--ease) .8s both}
.G .avs{display:flex}
.G .avs img{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 3px var(--paper)}
.G .avs img+img{margin-left:-10px}
.G .trust p{font-size:13.5px;color:var(--ink3);line-height:1.4;animation:none}
.G .trust p b{color:var(--ink);font-weight:600}

/* product frame + hotspots */
.G .stage{position:relative;margin-top:72px;perspective:2200px}
.G .frame{transition:transform .25s linear;animation:gFrame 1.5s var(--ease) .4s both}
.G .bar{display:flex;align-items:center;gap:12px;padding:6px 10px 12px}
.G .bar .url{flex:1;max-width:420px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:8px;height:30px;border-radius:999px;background:var(--sunk);font-size:12.5px;color:var(--ink3)}
.G .bar .url i{width:7px;height:7px;border-radius:50%;background:var(--moss)}
.G .shot{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 0 0 1px var(--rule)}
.G .shotwrap{position:relative}
.G .dot{position:absolute;z-index:3;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--ink),0 6px 16px -6px rgba(22,24,28,.6);animation:sPop .6s var(--ease) both;transition:transform .3s var(--ease)}
.G .dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--ink);opacity:0;animation:gRing 2.6s var(--ease) infinite}
.G .dot.on{transform:scale(1.25)}
.G .dot.on:after{animation:none;opacity:.9;inset:-7px}
.G .d1{left:10.1%;top:23.3%;animation-delay:1.6s}.G .d2{left:59.9%;top:14.6%;animation-delay:1.75s}.G .d3{left:9%;top:47%;animation-delay:1.9s}.G .d4{left:9%;top:61.4%;animation-delay:2.05s}
.G .legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.G .lgd{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border-radius:20px;background:var(--card);box-shadow:0 0 0 1px var(--rule);transition:box-shadow .3s,transform .3s var(--ease);text-align:left}
.G .lgd.on{box-shadow:0 0 0 1.5px var(--ink);transform:translateY(-3px)}
.G .lgd b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);font-size:13px}
.G .lgd strong{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:15.5px;letter-spacing:-.02em;line-height:1.25}
.G .lgd span{display:block;margin-top:4px;font-size:13.5px;color:var(--ink3);line-height:1.45}
.G .note{display:flex;justify-content:space-between;gap:16px;margin-top:14px}

/* logo marquee. `lgo`, not `lg`: `.lg` would also match every `.btn.lg`. */
.G .logos{padding:100px 0 0}
.G .lhead{display:flex;justify-content:space-between;align-items:end;gap:20px}
.G .lhead h2{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:34px;letter-spacing:-.04em;line-height:1.1;max-width:560px}
.G .mq{margin-top:30px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.G .mqin{display:flex;gap:14px;width:max-content;animation:sMarq 36s linear infinite}
.G .mq:hover .mqin{animation-play-state:paused}
.G .lgo{display:flex;align-items:center;gap:14px;padding:10px 24px 10px 10px;border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--rule);transition:transform .4s var(--ease),box-shadow .4s}
.G .lgo:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--rule3),0 20px 40px -26px rgba(22,24,28,.5)}
.G .lgo img{width:64px;height:64px;border-radius:16px;object-fit:cover;display:block}
.G .lgo b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:16px;letter-spacing:-.02em;white-space:nowrap}
.G .lgo span{display:block;font-size:12.5px;color:var(--ink3);white-space:nowrap}

/* stats */
.G .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:70px}
.G .st{border-radius:26px;background:var(--card);padding:30px;box-shadow:0 0 0 1px var(--rule);position:relative;overflow:hidden}
.G .st .n{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:96px;letter-spacing:-.06em;line-height:1}
.G .st .n span{background:var(--lime);padding:0 .1em;border-radius:6px}
.G .st p{margin-top:14px;font-size:15.5px;color:var(--ink2);max-width:300px}
.G .st .meter{display:flex;gap:4px;margin-top:20px}
.G .st .meter i{flex:1;height:8px;border-radius:4px;background:var(--rule)}
.G .st .meter i.on{background:var(--lime);background-image:var(--hatch);box-shadow:inset 0 0 0 1.5px var(--ink)}

/* tour */
.G .tour{padding:150px 0 0}
.G .th{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:end}
.G .th h2{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:94px;line-height:.96;letter-spacing:-.06em}
.G .th p{font-size:19px;color:var(--ink2);line-height:1.55;max-width:520px}
.G .rail{display:flex;gap:6px;margin-top:48px;padding:6px;border-radius:999px;background:var(--night);width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.G .door{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:transparent;color:var(--nink3);font:inherit;font-size:14px;font-weight:500;cursor:pointer;position:relative;overflow:hidden;transition:background .25s,color .25s;white-space:nowrap}
.G .door:hover{color:#fff;background:#24272C}
.G .door.on{background:var(--lime);color:var(--ink)}
.G .door .pg{position:absolute;left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:var(--ink);transform-origin:left;animation:gProg 6s linear both}
.G .rail :focus-visible{outline-color:var(--lime)}
.G .app{margin-top:16px;border-radius:30px;background:var(--card);box-shadow:0 0 0 1px var(--rule2),0 60px 100px -60px rgba(22,24,28,.5);overflow:hidden}
.G .view{position:relative;padding:22px;min-width:0}
.G .vtop{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 6px 16px}
.G .vtop h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:24px;letter-spacing:-.03em}
.G .vtop p{font-size:14.5px;color:var(--ink3);margin-top:2px}
.G .ctl{display:flex;gap:8px;flex:none}
.G .sq{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:0;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);cursor:pointer;color:var(--ink);font-size:17px;transition:background .2s,transform .3s var(--ease)}
.G .sq:hover{background:var(--lime);transform:translateY(-2px)}
.G .swap{animation:sSwap .7s var(--ease) both}
.G .view .shot{box-shadow:0 0 0 1px var(--rule2)}

/* panels */
.G .panels{padding:110px 0 0;display:grid;gap:22px}
.G .pn{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:56px;align-items:center;padding:44px;border-radius:34px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.G .pn.flip .tx{order:2}
.G .pn .num{display:flex;align-items:center;gap:12px;min-width:0;height:auto;padding:0;background:none;border-radius:0}
.G .pn .num b{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:999px;background:var(--ink);color:var(--lime);font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:15px}
.G .pn h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:38px;line-height:1.04;letter-spacing:-.045em;margin-top:20px}
.G .pn .body{margin-top:16px;font-size:16.5px;line-height:1.62;color:var(--ink2)}
.G .pn .tk{margin-top:24px}
.G .more{display:inline-flex;gap:8px;margin-top:22px;font-weight:600;font-size:15px;text-decoration:none;color:var(--ink);background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 100%/100% 6px;padding-bottom:2px;transition:background-size .3s var(--ease)}
.G .more:hover{background-size:100% 100%;color:var(--ink)}
.G .tile{position:relative;border-radius:26px;padding:22px;overflow:hidden}
.G .tile.s{background:var(--paper)}.G .tile.l{background:var(--limeS)}.G .tile.p{background:var(--periS)}.G .tile.t{background:var(--tealS)}.G .tile.c{background:var(--coralS)}.G .tile.y{background:var(--sunS)}.G .tile.k{background:var(--night)}
.G .tile img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 0 0 1px rgba(22,24,28,.08),0 30px 60px -36px rgba(22,24,28,.55)}
.G .tile img+img{margin-top:12px}
.G .tile .real{position:absolute;left:22px;bottom:10px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.G .tile.k .real{color:var(--nink3)}

/* manifesto */
.G .man{padding:160px 0 0}
.G .big{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:54px;line-height:1.1;letter-spacing:-.045em;max-width:1180px}
.G .big s{color:var(--ink3);text-decoration-color:var(--rose);text-decoration-thickness:4px}
.G .wl{display:inline-flex;gap:8px;margin-top:30px;font-weight:600;text-decoration:none;color:var(--ink);background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 100%/100% 6px;padding-bottom:2px}
.G .wl:hover{color:var(--ink)}
.G .duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;margin-top:80px}
.G .dc{border-radius:30px;padding:40px;position:relative;overflow:hidden}
.G .dc.no{background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.G .dc.yes{background:var(--night);color:#fff}
.G .dc.yes .lab{color:var(--nink3)}
.G .dc h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:38px;letter-spacing:-.045em;line-height:1.04;margin-top:14px}
.G .dc p{margin-top:14px;font-size:16px;line-height:1.62;color:var(--ink2)}
.G .dc.yes p{color:var(--nink2)}
.G .xs{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.G .xs span{padding:9px 14px;border-radius:999px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);font-size:14px;color:var(--ink3);text-decoration:line-through;text-decoration-color:var(--rose);text-decoration-thickness:2px;transition:transform .3s var(--ease)}
.G .xs span:hover{transform:rotate(-3deg) scale(1.05)}
.G .price{display:flex;align-items:center;gap:16px;margin-top:30px;padding-top:24px;border-top:1px solid var(--nrule);flex-wrap:wrap}
.G .price b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:56px;letter-spacing:-.05em;line-height:1;background:var(--lime);color:var(--ink);padding:4px 14px 8px;border-radius:14px}
.G .price span{color:var(--nink2);font-size:15px}
.G .cta{padding:150px 0 0}
.G .cc h2{max-width:960px;font-size:72px}

@keyframes gFrame{from{opacity:0;transform:rotateX(26deg) translateY(120px) scale(.9)}to{opacity:1;transform:none}}
@keyframes gRing{0%{transform:scale(.8);opacity:.8}80%,100%{transform:scale(1.6);opacity:0}}
@keyframes gProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gTile{from{opacity:0;transform:translateY(70px) rotate(1.5deg) scale(.96)}to{opacity:1;transform:none}}
@keyframes gApp{from{transform:scale(.94) translateY(40px);opacity:.5}to{transform:none;opacity:1}}
@supports (animation-timeline: view()){
  .G .pn .tile{animation:gTile linear both;animation-timeline:view();animation-range:entry 5% entry 75%}
  .G .pn .tx{animation:sRv linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
  .G .app{animation:gApp linear both;animation-timeline:view();animation-range:entry 0% cover 35%}
}
@media (max-width:1100px){
  .G .htop{grid-template-columns:minmax(0,1fr);gap:24px}
  .G .h1{font-size:61px}
  .G .legend{grid-template-columns:repeat(2,minmax(0,1fr))}
  .G .th{grid-template-columns:minmax(0,1fr);gap:16px}
  .G .th h2{font-size:65px}
  .G .pn{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px}
  .G .pn.flip .tx{order:0}
  .G .duo{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .G .hero{padding-top:56px}
  .G .h1{font-size:41px}
  .G .side p{font-size:17px}
  .G .frame{padding:6px;border-radius:18px}
  .G .bar{display:none}
  .G .lhead{flex-direction:column;align-items:flex-start}
  .G .lhead h2{font-size:26px}
  .G .stats{grid-template-columns:minmax(0,1fr)}
  .G .st .n{font-size:72px}
  .G .th h2{font-size:47px}
  .G .dot{width:22px;height:22px;margin:-11px 0 0 -11px;font-size:11px}
  .G .legend{grid-template-columns:minmax(0,1fr)}
  .G .note{flex-direction:column;gap:4px}
  .G .rail{width:100%}
  .G .view{padding:14px}
  .G .vtop{flex-direction:column;align-items:flex-start}
  .G .pn{padding:22px 16px;border-radius:26px}
  .G .pn h3{font-size:30px}
  .G .tile{padding:12px}
  .G .big{font-size:32px}
  .G .dc{padding:26px 20px}
  .G .cc h2{font-size:38px}
}

/* =========================================================== HOW IT WORKS */
.W .hero{padding:96px 0 0}
.W .htop{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px;align-items:end}
.W .h1{margin-top:26px}
.W .htop .lede{animation:sUp 1s var(--ease) .5s both}
.W .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:64px}
.W .st{padding:30px;border-radius:26px;background:var(--card);box-shadow:0 0 0 1px var(--rule);animation:sUp 1s var(--ease) both}
.W .st:nth-child(1){animation-delay:.6s}.W .st:nth-child(2){animation-delay:.7s}.W .st:nth-child(3){animation-delay:.8s}
.W .st .n{font-size:80px}
.W .st .n.wd{font-size:52px;padding-top:16px;padding-bottom:12px}
.W .st .n span.l{background:var(--lime);padding:0 .1em;border-radius:6px}
.W .st p{margin-top:12px;color:var(--ink2);font-size:15.5px}

/* method */
.W .steps{position:relative;display:grid;gap:16px;padding-left:76px}
.W .steps:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:var(--rule3)}
.W .steps .line{position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:var(--ink);transform-origin:top}
.W .step{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;padding:32px 36px;border-radius:28px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.W .step .num{position:absolute;left:-76px;top:28px}
.W .step h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:28px;letter-spacing:-.035em;line-height:1.1}
.W .step p{margin-top:12px;font-size:16px;line-height:1.62;color:var(--ink2)}
.W .side{display:grid;gap:10px;align-content:start}
.W .kv{padding:14px 16px;border-radius:16px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule)}
.W .kv b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.W .kv span{display:block;margin-top:4px;font-size:15px;line-height:1.45}
.W .kv.get{background:var(--limeS);box-shadow:inset 0 0 0 1.5px var(--ink)}
.W .kv.get b{color:var(--ink)}

/* sources table */
.W .tcard{border-radius:28px;background:var(--card);box-shadow:0 0 0 1px var(--rule);padding:26px 18px 10px;overflow:hidden}
.W .srcn{display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:17px;white-space:nowrap}
.W .srcn i{width:10px;height:10px;border-radius:3px;display:block}
.W .stop{color:var(--neg)}
.W .foot-n{margin-top:18px;font-size:14px;color:var(--ink3);max-width:900px;line-height:1.55}

/* principles */
.W .rules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.W .rule{grid-column:span 2;padding:30px;border-radius:28px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column;min-height:300px;transition:transform .4s var(--ease),box-shadow .4s}
.W .rule:hover{transform:translateY(-5px);box-shadow:0 0 0 1.5px var(--ink)}
.W .rule.w3{grid-column:span 3}
.W .rule.dark{background:var(--night);color:#fff;box-shadow:none}
.W .rule.dark .num{background:var(--lime);color:var(--ink)}
.W .rule h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:26px;letter-spacing:-.035em;line-height:1.1;margin-top:22px}
.W .rule p{margin-top:12px;font-size:15.5px;line-height:1.6;color:var(--ink2)}
.W .rule.dark p{color:var(--nink2)}
.W .give{margin-top:auto;padding-top:22px}
.W .give span{display:inline-block;font-size:13.5px;padding:7px 12px;border-radius:999px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);color:var(--ink2)}
.W .give span b{font-weight:600;color:var(--ink)}
.W .rule.dark .give span{background:#24272C;box-shadow:none;color:var(--nink2)}
.W .rule.dark .give span b{color:#fff}

/* cannot */
.W .gaps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.W .gl{border-radius:28px;background:var(--night);color:#fff;padding:10px 28px}
.W .gr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid var(--nrule)}
.W .gr:last-child{border-bottom:0}
.W .gr b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:17px;letter-spacing:-.02em}
.W .gr span{font-size:13.5px;color:var(--nink2);padding:6px 12px;border-radius:999px;background:#24272C;white-space:nowrap}

/* ai */
.W .ai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.W .aic{padding:38px;border-radius:30px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column}
.W .aic.no{background:var(--night);color:#fff;box-shadow:none}
.W .aic h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:32px;letter-spacing:-.04em}
.W .aic p{margin-top:14px;font-size:16.5px;line-height:1.62;color:var(--ink2)}
.W .aic.no p{color:var(--nink2)}
.W .aic .tag{margin-top:auto;padding-top:26px}
.W .aic .tag span{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:600;font-size:14.5px;color:var(--ink)}

/* faq */
.W .faq{display:grid;gap:10px;max-width:980px}
.W .qa{border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--rule);overflow:hidden;transition:box-shadow .3s}
.W .qa.on{box-shadow:0 0 0 1.5px var(--ink)}
.W .qa button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;padding:18px 24px;border:0;background:transparent;font:inherit;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:19px;letter-spacing:-.02em;text-align:left;cursor:pointer;color:var(--ink)}
.W .qa .pm{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);font-size:18px;transition:transform .35s var(--ease),background .3s}
.W .qa.on .pm{transform:rotate(45deg);background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
.W .qa .a{padding:0 24px 22px;font-size:16px;line-height:1.62;color:var(--ink2);max-width:820px;animation:sSwap .45s var(--ease) both}

@keyframes wLine{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@supports (animation-timeline: view()){
  .W .steps .line{animation:wLine linear both;animation-timeline:view();animation-range:entry 30% exit 70%}
  .W .step{animation:sRv linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
}
@media (max-width:1100px){
  .W .htop{grid-template-columns:minmax(0,1fr);gap:20px}
  .W .step{grid-template-columns:minmax(0,1fr);gap:20px}
  .W .rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .W .rule,.W .rule.w3{grid-column:span 1}
  .W .gaps,.W .ai{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:720px){
  .W .stats{grid-template-columns:minmax(0,1fr)}
  .W .steps{padding-left:0}
  .W .steps:before,.W .steps .line{display:none}
  .W .step{padding:24px 18px}
  .W .step .num{position:static;margin-bottom:12px}
  .W .rules{grid-template-columns:minmax(0,1fr)}
  .W .rule{min-height:0}
  .W .gr{grid-template-columns:minmax(0,1fr)}
  .W .aic{padding:26px 20px}
  .W .tbl{min-width:640px}
}

/* ================================================================= PRICING */
.P .hero{padding:96px 0 0;text-align:center}
.P .h1{max-width:1100px;margin:26px auto 0}
.P .hero .lede{max-width:720px;margin:26px auto 0;animation:sUp 1s var(--ease) .5s both}
.P .facts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;margin-top:56px;text-align:left}
.P .fact{padding:28px 30px;border-radius:26px;background:var(--card);box-shadow:0 0 0 1px var(--rule);animation:sUp 1s var(--ease) both}
.P .fact:nth-child(1){animation-delay:.6s;background:var(--night);color:#fff;box-shadow:none}.P .fact:nth-child(2){animation-delay:.7s}.P .fact:nth-child(3){animation-delay:.8s}
.P .fact .n{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:72px;letter-spacing:-.06em;line-height:1}
.P .fact:nth-child(1) .n span{background:var(--lime);color:var(--ink);padding:2px 12px 6px;border-radius:14px}
.P .fact .n.sm{font-size:40px;padding-top:16px;padding-bottom:16px}
.P .fact p{margin-top:12px;font-size:15.5px;color:var(--ink2)}
.P .fact:nth-child(1) p{color:var(--nink2)}

.P .plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.P .plan{padding:40px;border-radius:32px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column;transition:transform .4s var(--ease)}
.P .plan:hover{transform:translateY(-6px)}
.P .plan.pro{background:var(--night);color:#fff;box-shadow:none;position:relative;overflow:hidden}
.P .plan.pro:before{content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;border:1px solid var(--nrule)}
.P .plan .lab{margin-bottom:12px}
.P .plan.pro .lab{color:var(--nink3)}
.P .plan h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:32px;letter-spacing:-.04em}
.P .price{display:flex;align-items:baseline;gap:10px;margin-top:16px;flex-wrap:wrap}
.P .price b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:76px;letter-spacing:-.06em;line-height:1}
.P .plan.pro .price b{background:var(--lime);color:var(--ink);padding:2px 12px 6px;border-radius:14px}
.P .price span{font-size:15px;color:var(--ink3)}
.P .plan.pro .price span{color:var(--nink2)}
.P .plan p.d{margin-top:18px;font-size:16.5px;line-height:1.6;color:var(--ink2)}
.P .plan.pro p.d{color:var(--nink2)}
.P .plan .tk{margin:26px 0 30px}
.P .plan.pro .tk li{color:#fff}
.P .plan .btn{margin-top:auto;align-self:flex-start}

.P .cmp{border-radius:30px;background:var(--card);box-shadow:0 0 0 1px var(--rule);padding:12px 12px 6px;overflow:hidden}
.P .cmp .tbl th{padding-top:20px;vertical-align:bottom}
.P .cmp .tbl th.c,.P .cmp .tbl td.c{text-align:center;width:200px}
.P .cmp .tbl th.pro{background:var(--night);color:#fff;border-radius:18px 18px 0 0}
.P .cmp .tbl td.pro{background:rgba(228,255,87,.16)}
.P .cmp .tbl tbody tr:last-child td.pro{border-radius:0 0 18px 18px}
.P .cmp .tbl td small{display:block;font-size:13px;color:var(--ink3);margin-top:2px}
.P .y,.P .x{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%}
.P .y{background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
.P .x{background:var(--sunk);box-shadow:inset 0 0 0 1.5px var(--rule3)}
.P .tx{font-weight:600;font-size:14px}

.P .faq{display:grid;gap:10px}
.P .fqw{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px;align-items:start}
.P .qa{border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--rule);overflow:hidden;transition:box-shadow .3s}
.P .qa.on{box-shadow:0 0 0 1.5px var(--ink)}
.P .qa button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;padding:18px 24px;border:0;background:transparent;font:inherit;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:18.5px;letter-spacing:-.02em;text-align:left;cursor:pointer;color:var(--ink)}
.P .qa .pm{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);font-size:18px;transition:transform .35s var(--ease),background .3s}
.P .qa.on .pm{transform:rotate(45deg);background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}
.P .qa .a{padding:0 24px 22px;display:grid;gap:10px;animation:sSwap .45s var(--ease) both}
.P .qa .a p{font-size:16px;line-height:1.62;color:var(--ink2)}
.P .sticky{position:sticky;top:110px}

@media (max-width:1100px){
  .P .facts{grid-template-columns:minmax(0,1fr)}
  .P .plans{grid-template-columns:minmax(0,1fr)}
  .P .fqw{grid-template-columns:minmax(0,1fr);gap:24px}
  .P .sticky{position:static}
}
@media (max-width:720px){
  .P .plan{padding:26px 20px}
  .P .price b{font-size:56px}
  .P .cmp .tbl{min-width:640px}
  .P .cmp .tbl th.c,.P .cmp .tbl td.c{width:130px}
}

/* ================================================================= CONTACT */
.C .hero{padding:96px 0 0}
.C .htop{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:60px;align-items:end}
.C .h1{margin-top:26px}
.C .sub2{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:28px;letter-spacing:-.035em;margin-top:22px;animation:sUp 1s var(--ease) .45s both}
.C .htop .lede{animation:sUp 1s var(--ease) .55s both}
.C .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:60px}
.C .st{padding:28px 30px;border-radius:26px;background:var(--card);box-shadow:0 0 0 1px var(--rule);animation:sUp 1s var(--ease) both}
.C .st:nth-child(1){animation-delay:.6s}.C .st:nth-child(2){animation-delay:.7s}.C .st:nth-child(3){animation-delay:.8s;background:var(--night);color:#fff;box-shadow:none}
.C .st .n{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:64px;letter-spacing:-.055em;line-height:1}
.C .st:nth-child(3) .n span{background:var(--lime);color:var(--ink);padding:0 10px 4px;border-radius:12px}
.C .st p{margin-top:12px;font-size:15.5px;color:var(--ink2)}
.C .st:nth-child(3) p{color:var(--nink2)}

.C .talk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start}
.C .formc{padding:40px;border-radius:32px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.C .f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:28px}
.C .fld{display:grid;gap:8px}
.C .fld.full{grid-column:1/-1}
.C .fld label,.C .fld legend{font-size:13.5px;font-weight:600;color:var(--ink2);padding:0}
.C .fld input,.C .fld textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--sunk);border:0;border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--rule2);outline:0;transition:box-shadow .2s,background .2s;width:100%}
.C .fld textarea{min-height:140px;resize:vertical}
.C .fld input:focus,.C .fld textarea:focus{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}
.C .fld input[aria-invalid="true"],.C .fld textarea[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--neg)}
.C .err{font-size:13px;color:var(--neg);min-height:0}
.C .err:empty{display:none}
.C fieldset{border:0;margin:0;padding:0;min-width:0}
.C .topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.C .tp{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);font:inherit;font-size:14.5px;color:var(--ink2);cursor:pointer;transition:background .2s,box-shadow .2s,transform .25s var(--ease)}
.C .tp:hover{transform:translateY(-2px);color:var(--ink)}
.C .tp[aria-pressed="true"]{background:var(--lime);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);font-weight:600}
.C .send{display:flex;align-items:center;gap:18px;margin-top:22px;flex-wrap:wrap}
.C .send p{font-size:13.5px;color:var(--ink3);max-width:360px}
.C .done{margin-top:22px;display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:18px;background:var(--limeS);box-shadow:inset 0 0 0 1.5px var(--ink);animation:sSwap .5s var(--ease) both}
.C .done i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);flex:none}
.C .fail{margin-top:22px;padding:18px 20px;border-radius:18px;background:var(--coralS);box-shadow:inset 0 0 0 1.5px var(--neg);font-size:15px;line-height:1.5;animation:sSwap .5s var(--ease) both}
.C .fail a{font-weight:600}
.C .side{display:grid;gap:12px}
.C .sc{padding:26px;border-radius:26px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.C .sc.dark{background:var(--night);color:#fff;box-shadow:none}
.C .sc h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:21px;letter-spacing:-.025em}
.C .sc p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink2)}
.C .sc.dark p{color:var(--nink2)}
.C .sc .btn{margin-top:16px}
.C .mail{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:20px;letter-spacing:-.02em;text-decoration:none;color:var(--ink);background:var(--lime);padding:8px 16px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform .3s var(--ease)}
.C .mail:hover{transform:translateY(-2px);color:var(--ink)}
.C .tip{margin-top:20px;padding:22px 26px;border-radius:24px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--rule2);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.C .tip p{font-size:15.5px;line-height:1.55;max-width:780px}

.C .priv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.C .pc{padding:28px;border-radius:26px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column;gap:10px}
.C .pc .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);margin-bottom:12px}
.C .pc h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:21px;letter-spacing:-.025em}
.C .pc p{font-size:15px;line-height:1.55;color:var(--ink2)}
.C .pc.dark{background:var(--night);color:#fff;box-shadow:none}
.C .pc.dark p{color:var(--nink2)}

.C .terms{display:grid;gap:14px}
.C .tr{display:grid;grid-template-columns:72px minmax(0,1.2fr) minmax(0,.8fr);gap:36px;align-items:start;padding:34px 36px;border-radius:28px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.C .tr h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:26px;letter-spacing:-.035em;line-height:1.15}
.C .tr p{margin-top:10px;font-size:16px;line-height:1.6;color:var(--ink2)}
.C .mean{padding:18px 20px;border-radius:18px;background:var(--limeS);box-shadow:inset 0 0 0 1.5px var(--ink)}
.C .mean b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.C .mean span{display:block;margin-top:6px;font-size:15.5px;line-height:1.5}

@media (max-width:1100px){
  .C .htop,.C .talk{grid-template-columns:minmax(0,1fr);gap:20px}
  .C .priv{grid-template-columns:repeat(2,minmax(0,1fr))}
  .C .tr{grid-template-columns:60px minmax(0,1fr)}
  .C .tr .mean{grid-column:2}
}
@media (max-width:720px){
  .C .stats,.C .priv{grid-template-columns:minmax(0,1fr)}
  .C .formc{padding:24px 18px}
  .C .f2{grid-template-columns:minmax(0,1fr)}
  .C .tr{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 18px}
  .C .tr .mean{grid-column:auto}
}

/* ============================================= SCAN + 404, on the new shell */
.X .hero{padding:96px 0 0}
.X .htop{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}
.X .h1{margin-top:26px}
.X .htop .lede{animation:sUp 1s var(--ease) .5s both}
.X .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}
.X .fact{padding:24px 26px;border-radius:24px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.X .fact b{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:46px;letter-spacing:-.055em;line-height:1}
.X .fact span{display:block;margin-top:10px;font-size:14.5px;color:var(--ink2);line-height:1.45}
.X .ex{padding:26px;border-radius:30px;background:var(--night);color:#fff}
.X .ex .ph{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:19px;letter-spacing:-.025em}
.X .ex .ph span{font-size:12px;font-weight:400;color:var(--nink3);letter-spacing:0}
.X .ex .score{display:flex;align-items:baseline;gap:10px;padding:16px 0 4px}
.X .ex .score b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:52px;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}
.X .ex .score span{font-size:13px;color:var(--nink2);line-height:1.4}
.X .ex .track{height:10px;border-radius:99px;background:#24272C;overflow:hidden;margin-top:12px}
.X .ex .track i{display:block;height:100%;border-radius:99px;background:var(--lime);transform-origin:left}
.X .ex .rows{margin-top:14px;display:grid;gap:2px}
.X .ex .r{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--nrule);font-size:14px;color:var(--nink2)}
.X .ex .r:last-child{border-bottom:0}
.X .ex .r .m{font-variant-numeric:tabular-nums;color:#fff;font-weight:600}
.X .ex .n{margin-top:14px;font-size:11.5px;color:var(--nink3)}
.X .formc{padding:36px;border-radius:32px;background:var(--card);box-shadow:0 0 0 1px var(--rule);max-width:680px}
.X .f2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.X .fld{display:grid;gap:8px;margin-top:14px}
.X .fld.full{grid-column:1/-1}
.X .fld label{font-size:13.5px;font-weight:600;color:var(--ink2)}
.X .fld input{font:inherit;font-size:16px;color:var(--ink);background:var(--sunk);border:0;border-radius:14px;padding:14px 16px;box-shadow:inset 0 0 0 1px var(--rule2);outline:0;width:100%;transition:box-shadow .2s,background .2s}
.X .fld input:focus{box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff}
.X .fld input[aria-invalid="true"]{box-shadow:inset 0 0 0 1.5px var(--neg)}
.X .hint{font-size:13px;color:var(--ink3);line-height:1.45}
.X .err{font-size:13px;color:var(--neg)}
.X .err:empty{display:none}
.X .formc .btn{margin-top:22px}
.X .after{margin-top:14px;font-size:13px;color:var(--ink3);line-height:1.5}
.X .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.X .cd{padding:28px;border-radius:26px;background:var(--card);box-shadow:0 0 0 1px var(--rule);display:flex;flex-direction:column;gap:10px}
.X .cd.dark{background:var(--night);color:#fff;box-shadow:none}
.X .cd.dark p{color:var(--nink2)}
.X .cd.dark .meta{color:var(--nink3);border-top-color:var(--nrule)}
.X .cd .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink);margin-bottom:10px;color:var(--ink)}
.X .cd h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:21px;letter-spacing:-.025em}
.X .cd p{font-size:15px;line-height:1.55;color:var(--ink2)}
.X .cd .meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink3)}
.X .absence{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.X .gl{border-radius:28px;background:var(--night);color:#fff;padding:10px 28px}
.X .gr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid var(--nrule)}
.X .gr:last-child{border-bottom:0}
.X .gr b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:17px;letter-spacing:-.02em}
.X .gr span{font-size:13.5px;color:var(--nink2);padding:6px 12px;border-radius:999px;background:#24272C;white-space:nowrap}
.X .lost{padding:140px 0 60px;max-width:860px}
.X .code{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--ink);color:var(--lime);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.X .lost p{margin-top:22px}
.X .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
@media (max-width:1100px){
  .X .htop,.X .absence{grid-template-columns:minmax(0,1fr);gap:28px}
  .X .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .X .facts,.X .cards{grid-template-columns:minmax(0,1fr)}
  .X .f2{grid-template-columns:minmax(0,1fr)}
  .X .formc{padding:24px 18px}
  .X .gr{grid-template-columns:minmax(0,1fr)}
  .X .lost{padding-top:80px}
}