/* ===== mix-1 / mix-2 / mix-3: Cobalt+ x Renovated, the next round =====
   Type system: condensed caps (Barlow Condensed) + Plus Jakarta Sans 800 italic in blue. */
.hx{margin:0;font-family:var(--disp);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.9;font-size:clamp(46px,6.4vw,104px);color:var(--ink)}
.hx em{display:block;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-style:italic;font-weight:800;text-transform:none;letter-spacing:-.055em;line-height:1.02;font-size:.74em;color:var(--blue);margin-top:.08em;padding-right:.06em}
.hx em.in{display:inline}
.dk .hx,.hx.dk{color:#fff}.dk .hx em,.hx.dk em{color:#AEB5FF}
.hx.c{text-align:center}
.kick{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}
.kick i{width:20px;height:20px;border-radius:6px;background:var(--red);display:grid;place-items:center;font-style:normal;font-size:10px;color:#fff}
.dk .kick{color:#AEB5FF}
.subp{font-size:18px;line-height:1.6;color:var(--muted);max-width:560px;margin:18px 0 0}
.dk .subp{color:#C4C8EE}

/* Sky peeks: the edge always cuts below his mouth, never through his eyes */
.peek{position:absolute;overflow:hidden;pointer-events:none;width:var(--sw,160px);height:calc(var(--sw,160px) * .853 * .82)}
.peek img{width:100%;height:auto;max-width:none;display:block;transform:translateY(105%);transition:transform .9s cubic-bezier(.34,1.3,.5,1)}
.peek.in img,.peek.up img{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.peek img{transform:none;transition:none}}

/* ---------- mix-1 hero: Cobalt+ with the new type ---------- */
.mxh h1{font-size:clamp(70px,13vw,230px)}
.mxh h1 .l2{display:block;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-style:italic;font-weight:800;text-transform:none;letter-spacing:-.055em;font-size:.56em;line-height:1.05;color:#AEB5FF}
.mxh .slot{height:1.08em}
.mxh .slot-in>span{height:1.08em;padding-right:.08em}
.mxh .sub{margin-top:30px}
.mq{position:relative}
.mq .peek{right:max(24px,7vw);bottom:100%;--sw:clamp(110px,12vw,190px);z-index:5}

/* ---------- scroll chapters: GBP / Website / AI ---------- */
.sx-intro{padding:110px 0 30px;background:#fff}
.sx-intro .w{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:40px;align-items:end}
@media(max-width:900px){.sx-intro .w{grid-template-columns:1fr;gap:10px}}
.sx{position:relative;background:#fff}
.sx-ch{position:relative;height:230vh}
.sx-st{position:sticky;top:0;height:100vh;display:grid;align-items:center;overflow:hidden;padding-top:84px;box-sizing:border-box}
.sx-g{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:center}
.sx-n{display:flex;gap:6px;margin-bottom:22px}
.sx-n span{height:6px;flex:1;max-width:70px;border-radius:9px;background:#E3E5F1;overflow:hidden}
.sx-n span i{display:block;height:100%;width:calc(var(--f,0) * 100%);background:var(--blue)}
.sx-copy .hx{font-size:clamp(40px,5vw,80px)}
.ck{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.ck li{display:flex;gap:12px;align-items:center;font-weight:700;font-size:16px;color:#9A9CB5;transition:color .4s}
.ck li i{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #D6D9EA;display:grid;place-items:center;transition:all .4s cubic-bezier(.34,1.5,.5,1)}
.ck li i::after{content:"";width:8px;height:5px;border-left:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.ck li.on{color:var(--ink)}
.ck li.on i{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}
.ck li.on i::after{opacity:1}
.sx-note{margin-top:18px;font-size:13px;color:#8A8DA3;max-width:420px}
.sx-dev{position:relative;display:grid;place-items:center;min-height:min(640px,78vh)}
.exb2{position:absolute;z-index:6;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;background:#FFF4D6;color:#7A5300;font:800 11px "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.exb2::before{content:"";width:6px;height:6px;border-radius:50%;background:#F5B400}
@media(max-width:900px){
 .sx-ch{height:220vh}
 .sx-g{grid-template-columns:1fr;gap:16px;align-content:center}
 .sx-copy .hx{font-size:clamp(32px,9vw,46px)}
 .sx-copy .subp{display:none}
 .ck{grid-template-columns:1fr 1fr;gap:6px 10px;margin-top:14px}.ck li{font-size:13px;gap:8px}.ck li i{width:20px;height:20px}
 .sx-note{display:none}
 .sx-dev{min-height:0}
 .sx-n{margin-bottom:12px}
}

/* Google Business Profile, as real as we can draw it */
.gbp{position:relative;width:min(430px,100%);border-radius:18px;background:#fff;box-shadow:0 40px 90px -30px rgba(20,25,80,.35),0 0 0 1px rgba(11,11,15,.08);overflow:hidden;font-family:Arial,Helvetica,sans-serif;color:#202124;font-size:14px}
.gb-ph{position:relative;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:130px;background:#E8EAED}
.gb-ph div{background:#DADCE0 center/cover;transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);opacity:0;transform:scale(1.06)}
.gb-ph div:first-child{grid-row:span 2}
.gb-ph div.on{opacity:1;transform:none}
.gb-ph .none{position:absolute;inset:0;display:grid;place-items:center;color:#80868B;font-size:13px;transition:opacity .4s}
.gb-ph .none::before{content:"";width:34px;height:28px;border-radius:6px;border:2px solid #BDC1C6;margin-bottom:46px;position:absolute}
.gb-b{padding:14px 18px 16px;display:grid;gap:8px}
.gb-b h4{margin:0;font-size:22px;font-weight:400;letter-spacing:0;font-family:Arial,Helvetica,sans-serif}
.gb-cat{color:#70757A;font-size:14px;margin-top:-6px}
.gb-tabs{display:flex;gap:18px;border-bottom:1px solid #E8EAED;font-size:14px;color:#5F6368;margin:0 -18px;padding:0 18px}
.gb-tabs span{padding:8px 0}.gb-tabs b{padding:8px 0;color:#1A73E8;font-weight:400;border-bottom:3px solid #1A73E8}
.gb-act{display:flex;justify-content:space-between;padding:4px 0 2px}
.gb-act span{display:grid;justify-items:center;gap:5px;font-size:12px;color:#1A73E8;transition:opacity .4s}
.gb-act span i{width:38px;height:38px;border-radius:50%;border:1px solid #DADCE0;display:grid;place-items:center}
.gb-act span i svg{width:18px;height:18px;fill:none;stroke:#1A73E8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gb-act span.off{opacity:.3}
.gb-row{display:flex;gap:14px;align-items:center;font-size:14px;color:#3C4043}
.gb-row svg{flex:none;width:18px;height:18px;fill:none;stroke:#1A73E8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gb-row .b4{color:#9AA0A6;font-style:italic}
.gb-row b.ok{color:#188038;font-weight:400}
.gb-sec{border-top:1px solid #E8EAED;margin:0 -18px;padding:12px 18px 0;display:grid;gap:8px}
.gb-sec h5{margin:0;font-size:15px;font-weight:400;font-family:Arial,Helvetica,sans-serif}
.gb-chips{display:flex;flex-wrap:wrap;gap:6px}
.gb-chips span{padding:6px 12px;border-radius:8px;border:1px solid #DADCE0;font-size:13px;color:#3C4043}
.gb-post{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:start}
.gb-post div:first-child{height:62px;border-radius:8px;background:#ccc center/cover}
.gb-post b{display:block;font-weight:400;font-size:14px}.gb-post small{color:#70757A;font-size:12px}
.gb-qa{font-size:13px;line-height:1.45}.gb-qa b{font-weight:700}
.gb-none{color:#9AA0A6;font-size:13px;font-style:italic}
[data-at]{display:none}[data-at].on{display:revert;animation:pop .5s cubic-bezier(.2,.8,.2,1)}
.gb-chips[data-at].on,.gb-post[data-at].on{display:flex}.gb-post[data-at].on{display:grid}
[data-until].off{display:none}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
.addtag{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:2px 7px;border-radius:999px;background:#E8EAFD;color:var(--blue);font:800 10px "Plus Jakarta Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
@media(max-width:900px){.gbp{width:min(360px,100%);font-size:12px}.gb-ph{height:110px}.gb-b{padding:12px 14px;gap:7px}.gb-b h4{font-size:18px}.gb-act span i{width:32px;height:32px}.gb-sec{padding-top:8px}.gb-q{display:none}}

/* Website */
.wsx{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -40px rgba(20,25,80,.45),0 0 0 1px rgba(11,11,15,.08)}
.wsx .ba-bar{border-radius:0}
.wsx-v{position:relative;aspect-ratio:16/11;container-type:inline-size;overflow:hidden}
.wsx-v .old-l{position:absolute;inset:0;z-index:2;clip-path:inset(0 0 calc(var(--w,0) * 1%) 0)}
.wsx-v .scan{position:absolute;left:0;right:0;z-index:3;bottom:calc(var(--w,0) * 1%);height:3px;background:#2532D6;box-shadow:0 0 18px 4px rgba(37,50,214,.55);opacity:calc(var(--w,0) / 100 * (1 - var(--w,0) / 100) * 4)}
.wsx-chips{position:absolute;inset:0;z-index:4;pointer-events:none}
.wsx-chips span{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(11,11,15,.18);font:700 13px "Plus Jakarta Sans",sans-serif;color:var(--ink);opacity:0;transform:translateY(10px) scale(.96);transition:all .5s cubic-bezier(.34,1.4,.5,1)}
.wsx-chips span i{width:10px;height:10px;border-radius:50%;background:#1FB36B}
.wsx-chips span.on{opacity:1;transform:none}
@media(max-width:900px){.wsx-chips span{font-size:11px;padding:6px 9px}}

/* AI engines, each in its own look */
.aix{position:relative;width:100%;aspect-ratio:16/11.5;perspective:1600px}
.ax-p{position:absolute;inset:0;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 100px -40px rgba(20,25,80,.45),0 0 0 1px rgba(11,11,15,.08);opacity:0;transform:rotateY(-14deg) translateX(8%) scale(.94);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.ax-p.on{opacity:1;transform:none;pointer-events:auto}
.ax-p.past{opacity:0;transform:rotateY(14deg) translateX(-8%) scale(.94)}
.ax-top{display:flex;align-items:center;gap:10px;padding:14px 18px;font-weight:700;font-size:15px}
.ax-top img{width:22px;height:22px}
.ax-top small{margin-left:auto;font-weight:600;font-size:12px;opacity:.6}
.ax-body{flex:1;padding:6px 22px 10px;display:grid;gap:14px;align-content:start;overflow:hidden;font-size:15px;line-height:1.6}
.ax-q{justify-self:end;max-width:78%;padding:10px 16px;border-radius:18px;font-size:14px}
.ax-a b{font-weight:700}
.ax-a ol{margin:6px 0 0;padding-left:20px;display:grid;gap:4px}
.ax-a .dim{opacity:.45}
.ax-in{margin:0 18px 16px;height:48px;border-radius:24px;display:flex;align-items:center;padding:0 8px 0 18px;font-size:14px;gap:10px}
.ax-in span{flex:1;opacity:.55}
.ax-in i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.ax-in i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.hl{background:linear-gradient(transparent 55%,rgba(37,50,214,.18) 55%)}
/* ChatGPT */
.e-gpt{background:#fff;color:#0D0D0D;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.e-gpt .ax-q{background:#F4F4F4}
.e-gpt .ax-in{background:#fff;border:1px solid #E5E5E5;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.e-gpt .ax-in i{background:#0D0D0D;color:#fff}
/* Gemini */
.e-gem{background:#F8FAFD;color:#1F1F1F;font-family:Arial,Helvetica,sans-serif}
.e-gem .ax-q{background:#E9EEF6;border-radius:18px 4px 18px 18px}
.e-gem .ax-a{display:grid;grid-template-columns:28px 1fr;gap:12px}
.e-gem .spark{width:24px;height:24px;margin-top:2px;background:conic-gradient(from 200deg,#4285F4,#9B72CB,#D96570,#4285F4);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.e-gem .ax-in{background:#F0F4F9}
.e-gem .ax-in i{color:#444746}
.e-gem .gchip{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.e-gem .gchip span{padding:6px 12px;border-radius:999px;border:1px solid #C4C7C5;font-size:13px}
/* Claude */
.e-cla{background:#FAF9F5;color:#1F1E1D}
.e-cla .ax-top{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:17px}
.e-cla .ax-q{background:#F0EEE6;border-radius:12px;font-family:"Plus Jakarta Sans",system-ui,sans-serif;justify-self:start}
.e-cla .ax-a{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.65}
.e-cla .ax-in{background:#fff;border:1px solid #E5E2D9;border-radius:16px;height:56px}
.e-cla .ax-in i{background:#C96442;color:#fff;border-radius:10px}
/* Perplexity */
.e-plx{background:#191A1A;color:#E8E8E6;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.e-plx .ax-q{justify-self:start;background:none;padding:0;font-size:19px;font-weight:600;max-width:100%}
.e-plx .src{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.e-plx .src span{background:#232525;border-radius:10px;padding:8px 10px;font-size:11px;line-height:1.35;color:#BDBDBB}
.e-plx .src b{display:block;color:#fff;font-size:12px;font-weight:600}
.e-plx sup{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#2D2F2F;font-size:9px;color:#20B8CD;vertical-align:2px}
.e-plx .ax-in{background:#202222;border:1px solid #2F3131}
.e-plx .ax-in i{background:#20B8CD;color:#0b0b0b}
/* Grok */
.e-grk{background:#0A0A0A;color:#F2F2F2;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.e-grk .ax-top img{filter:invert(1)}
.e-grk .ax-q{background:#1C1C1C}
.e-grk .ax-in{background:#1A1A1A;border:1px solid #2A2A2A}
.e-grk .ax-in i{background:#F2F2F2;color:#0A0A0A}
.engs{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.engs span{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:999px;border:1.5px solid #E3E5F1;font-size:13px;font-weight:700;color:#9A9CB5;transition:all .35s}
.engs span img{width:16px;height:16px;opacity:.5}
.engs span.on{border-color:var(--ink);background:var(--ink);color:#fff}
.engs span.on img{opacity:1}
.engs span.on img.inv{filter:invert(1)}
@media(max-width:900px){.aix{aspect-ratio:auto;height:min(440px,52vh)}.ax-body{font-size:13px;padding:4px 14px;gap:10px}.ax-q{font-size:12px}.ax-top{padding:10px 14px;font-size:13px}.e-cla .ax-a{font-size:13.5px}.ax-in{height:40px;margin:0 12px 12px}.e-plx .src{display:none}.engs{margin-top:10px}.engs span{height:30px;font-size:11px;padding:0 9px}}

/* horizontal variant (mix-2) */
.sxh{position:relative;height:560vh;background:#fff}
.sxh-st{position:sticky;top:0;height:100vh;overflow:hidden}
.sxh-tr{display:flex;height:100%;width:300vw;transform:translateX(calc(var(--x,0) * -100vw));will-change:transform}
.sxh-tr>.pan{flex:none;width:100vw;height:100%;display:grid;align-items:center}
.sxh-bar{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:flex;gap:8px;z-index:5}
.sxh-bar span{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:#F3F4FB;font:700 13px "Plus Jakarta Sans",sans-serif;color:#9A9CB5;position:relative;overflow:hidden}
.sxh-bar span i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--f,0) * 100%);background:rgba(37,50,214,.12)}
.sxh-bar span.on{color:var(--ink)}
@media(max-width:900px){.sxh{height:520vh}.sxh-bar{bottom:14px}.sxh-bar span{height:30px;font-size:11px;padding:0 10px}}

/* ---------- pricing that sells (mix-1) ---------- */
.px{position:relative;padding:120px 0;background:#06071A;color:#fff;overflow:hidden;isolation:isolate}
.px::before{content:"";position:absolute;inset:-20% -10% auto;height:80%;z-index:-1;background:radial-gradient(40% 50% at 20% 30%,rgba(37,50,214,.55),transparent 70%),radial-gradient(30% 40% at 85% 10%,rgba(174,181,255,.25),transparent 70%),radial-gradient(25% 35% at 60% 90%,rgba(255,61,61,.14),transparent 70%);filter:blur(30px)}
.px-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end;margin-bottom:34px}
.px-head p{color:#C4C8EE;font-size:18px;margin:0}
@media(max-width:900px){.px-head{grid-template-columns:1fr;gap:14px}}
.tix{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:20px 26px;border-radius:22px;background:linear-gradient(110deg,#FF3D3D,#FF6B5A);color:#fff;margin-bottom:28px;box-shadow:0 30px 60px -20px rgba(255,61,61,.5)}
.tix::before,.tix::after{content:"";position:absolute;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;background:#06071A}
.tix::before{left:-13px}.tix::after{right:-13px}
.tix b.big{font-family:var(--disp);font-size:clamp(46px,5vw,72px);line-height:.85;letter-spacing:-.01em}
.tix b.big small{display:block;font-size:.34em;letter-spacing:.06em}
.tix p{margin:0;font-size:16px;line-height:1.45}.tix p strong{display:block;font-size:20px}
.code{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:14px;background:rgba(0,0,0,.18);border:2px dashed rgba(255,255,255,.6)}
.code span{font:800 20px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.06em}
.code button{height:38px;padding:0 14px;border:0;border-radius:10px;background:#fff;color:#C22222;font:800 13px "Plus Jakarta Sans",sans-serif;cursor:pointer}
@media(max-width:760px){.tix{grid-template-columns:1fr;gap:12px;text-align:left}.code{justify-self:start}}
.pxg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.pxc{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 22px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(174,181,255,.16);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s}
.pxc:hover{transform:translateY(-6px);border-color:rgba(174,181,255,.4);background:rgba(255,255,255,.06)}
.pxc .ptg{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#AEB5FF}
.pxc h3{margin:0;font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:34px;line-height:.95;letter-spacing:-.005em}
.pxc .ln{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-style:italic;font-weight:800;letter-spacing:-.03em;color:#AEB5FF;font-size:16px;line-height:1.3}
.pxp{display:flex;align-items:flex-start;gap:2px;margin-top:6px}
.pxp .cur{font:800 24px/1 "Plus Jakarta Sans",sans-serif;margin-top:10px}
.pxp b{font-family:var(--disp);font-weight:800;font-size:clamp(66px,6vw,96px);line-height:.85;letter-spacing:-.01em}
.pxp .per{align-self:flex-end;font-size:15px;font-weight:700;color:#C4C8EE;margin-bottom:6px}
.first{margin:0;font-size:13px;color:#C4C8EE;line-height:1.4}
.first s{opacity:.6}.first b{color:#fff;font-size:15px}
.pxb{display:flex;align-items:center;justify-content:space-between;gap:10px;height:54px;padding:0 8px 0 20px;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.pxb i{width:40px;height:40px;border-radius:50%;background:var(--blue);display:grid;place-items:center;transition:transform .3s cubic-bezier(.34,1.5,.5,1)}
.pxb i svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pxb:hover{box-shadow:0 14px 34px rgba(255,255,255,.18)}.pxb:hover i{transform:rotate(45deg)}
.pxc ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;font-size:14px;color:#DDE0FF}
.pxc li{display:grid;grid-template-columns:18px 1fr;gap:9px}
.pxc li::before{content:"";width:18px;height:18px;margin-top:1px;border-radius:50%;background:rgba(174,181,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.9' fill='none' stroke='%23AEB5FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.acad{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(174,181,255,.1);font-size:13px;color:#DDE0FF}
.acad b{display:block;color:#fff}
.fit{margin:auto 0 0;font-size:13px;color:#8D93C9;padding-top:6px}
.pxc.pop{background:linear-gradient(180deg,#2532D6,#141A8A);border-color:transparent;transform:translateY(-14px);box-shadow:0 40px 80px -20px rgba(37,50,214,.8)}
.pxc.pop:hover{transform:translateY(-20px)}
.pxc.pop::before{content:"";position:absolute;inset:-2px;border-radius:28px;padding:2px;background:conic-gradient(from var(--a),transparent 0 60%,#fff 72%,#AEB5FF 78%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pxspin 3.6s linear infinite;pointer-events:none}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes pxspin{to{--a:360deg}}
.pxc.pop .ptg{color:#fff}
.pxc.pop .ln{color:#DDE0FF}
.pxc.pop li::before{background-color:rgba(255,255,255,.2)}
.star{position:absolute;top:-14px;left:50%;transform:translateX(-50%);height:28px;padding:0 14px;border-radius:999px;background:var(--red);color:#fff;font:800 12px "Plus Jakarta Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 10px 24px rgba(255,61,61,.5)}
.px-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}
.px-trust div{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(174,181,255,.12);font-size:14px;font-weight:700;color:#DDE0FF}
.px-trust svg{flex:none;width:22px;height:22px;fill:none;stroke:#AEB5FF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.px-foot{display:flex;justify-content:center;margin-top:26px}
.px-foot a{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid var(--red);padding-bottom:2px}
@media(max-width:1100px){.pxg{grid-template-columns:1fr 1fr;row-gap:30px}.pxc.pop{transform:none}.pxc.pop:hover{transform:translateY(-6px)}.px-trust{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pxg,.px-trust{grid-template-columns:1fr}.px{padding:80px 0}}

/* ---------- plan picker (mix-2) ---------- */
.pk2{position:relative;padding:120px 0;background:#fff;overflow:hidden}
.pk2 .tix::before,.pk2 .tix::after{background:#fff}
.pk-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
.pk-l{display:grid;gap:10px}
.pk-l button{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;text-align:left;padding:20px 22px;border-radius:22px;border:2px solid #E3E5F1;background:#fff;cursor:pointer;font-family:"Plus Jakarta Sans",sans-serif;transition:border-color .3s,background .3s,transform .3s}
.pk-l button:hover{border-color:#AEB5FF}
.pk-l button b{font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:28px;line-height:1;color:var(--ink)}
.pk-l button span{grid-column:1;font-size:14px;color:var(--muted)}
.pk-l button strong{grid-row:1/3;grid-column:2;font-family:var(--disp);font-weight:800;font-size:44px;color:var(--blue)}
.pk-l button strong small{font:700 13px "Plus Jakarta Sans",sans-serif;color:var(--muted)}
.pk-l button[aria-selected="true"]{border-color:var(--blue);background:#F3F4FF;transform:translateX(8px)}
.pk-l button .pop{position:absolute;top:-11px;left:20px;height:22px;padding:0 10px;border-radius:999px;background:var(--red);color:#fff;font:800 10px/22px "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.pk-c{position:sticky;top:110px;border-radius:30px;background:#06071A;color:#fff;padding:32px;overflow:hidden;min-height:540px;box-shadow:0 50px 100px -40px rgba(6,7,26,.6)}
.pk-c::before{content:"";position:absolute;right:-30%;top:-30%;width:80%;height:80%;background:radial-gradient(closest-side,rgba(37,50,214,.7),transparent);pointer-events:none}
.pk-pane{position:relative;display:none;gap:16px}
.pk-pane.on{display:grid;animation:pop .5s cubic-bezier(.2,.8,.2,1)}
.pk-pane .pxc{background:none;border:0;padding:0}
.pk-pane .pxc:hover{transform:none}
@media(max-width:900px){.pk-g{grid-template-columns:1fr}.pk-c{position:relative;top:0;min-height:0;padding:24px}.pk-l button[aria-selected="true"]{transform:none}.pk-l button b{font-size:22px}.pk-l button strong{font-size:34px}}

/* ---------- Gets found tweaks ---------- */
.vs3 .hx{font-size:clamp(44px,5.6vw,92px)}
.orb2 .hx{font-size:clamp(52px,8vw,140px)}

/* ---------- Meet Sky (white) ---------- */
.msky .sbar2 .pk{display:none}
.msky .sbar2 .peek{left:50%;bottom:calc(100% - 6px);--sw:clamp(170px,22vw,250px);margin-left:calc(var(--sw) / -2);z-index:0}
.msky .sbar2{margin-top:clamp(150px,18vw,210px)}
.msky .hx{font-size:clamp(48px,7vw,120px)}

/* Sky peeking in other spots */
.ext .cx-sky{display:none}
.ext .cx .peek{right:46px;bottom:100%;--sw:120px}
.city .tw-sky{display:none}
.city .tw .peek{left:50%;bottom:100%;--sw:min(120px,11vw);margin-left:calc(var(--sw) / -2 - 10%)}
.h3d .h3d-dev .peek{left:8%;bottom:calc(100% - 2px);--sw:150px}
@media(max-width:800px){.h3d .h3d-dev .peek{--sw:96px}}

/* ---------- mix-3: Skyline Live ---------- */
.s3{background:#06071A;color:#fff}
.s3 .hd,.s3 .ann{position:relative;z-index:20}
.cityfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.cityfx .dusk{position:absolute;inset:0;background:radial-gradient(70% 55% at 70% 100%,rgba(255,120,110,.55),transparent 70%),radial-gradient(60% 60% at 15% 85%,rgba(174,181,255,.55),transparent 70%),linear-gradient(#0B0E3A,#2532D6 62%,#8D96FF);opacity:calc(1 - var(--t,0) * .9)}
.cityfx canvas{position:absolute;inset:0;width:100%;height:100%;opacity:calc(.25 + var(--t,0) * .75)}
.lyr{position:absolute;left:-2%;right:-2%;bottom:0;display:flex;align-items:flex-end;gap:.6vw;will-change:transform}
.lyr b{flex:none;display:block;border-radius:4px 4px 0 0;background:var(--c);position:relative}
.lyr b::after{content:"";position:absolute;inset:8% 18% 0;background:repeating-linear-gradient(0deg,transparent 0 10px,var(--win,rgba(255,255,255,.08)) 10px 16px);-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 11px);mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 11px)}
.l1{transform:translateY(calc(var(--y,0) * 40px));opacity:.55}.l1 b{--c:#1B2266}
.l2{transform:translateY(calc(var(--y,0) * 90px));opacity:.8}.l2 b{--c:#11154A}
.l3 b{--c:#080A26;--win:rgba(174,181,255,.12)}
.you{position:absolute;right:12%;bottom:0;width:clamp(70px,8vw,130px);height:calc(16vh + var(--t,0) * 58vh);background:linear-gradient(#2E3BE8,#1A25A8);border-radius:8px 8px 0 0;box-shadow:0 0 60px rgba(37,50,214,.6);transition:height .25s linear}
.you::after{content:"";position:absolute;inset:6% 16% 0;background:repeating-linear-gradient(0deg,transparent 0 10px,rgba(255,236,170,.75) 10px 16px);-webkit-mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 13px);mask:repeating-linear-gradient(90deg,#000 0 7px,#0000 7px 13px);clip-path:inset(calc((1 - var(--t,0)) * 100%) 0 0 0)}
.you .rf{position:absolute;left:-6%;right:-6%;top:0;height:10px;border-radius:5px;background:#4B57F0}
.you .peek{left:50%;bottom:calc(100% - 2px);--sw:clamp(70px,7vw,110px);margin-left:calc(var(--sw) / -2)}
.you .bcn{position:absolute;right:8%;bottom:calc(100% + 4px);width:22px;height:19px;fill:var(--red);filter:drop-shadow(0 0 12px rgba(255,61,61,.9));opacity:calc((var(--t,0) - .85) * 7);transform:scale(calc(.5 + var(--t,0) * .5))}
.you .lab{position:absolute;right:calc(100% + 12px);top:6px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;background:#fff;color:var(--ink);font:800 12px "Plus Jakarta Sans",sans-serif;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.you .lab i{width:8px;height:8px;border-radius:50%;background:var(--red)}
.s3 main{position:relative;z-index:2}
.s3h{min-height:calc(100vh - 140px);display:grid;align-content:center;padding:60px 0 200px}
.s3h h1{margin:0;font-family:var(--disp);font-weight:800;text-transform:uppercase;line-height:.86;font-size:clamp(76px,13vw,220px);letter-spacing:-.01em}
.s3h h1 em{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-style:italic;font-weight:800;text-transform:none;letter-spacing:-.055em;font-size:.5em;line-height:1.08;color:#DDE1FF}
.s3h p{max-width:560px;margin:24px 0 0;font-size:19px;color:#E4E6FF;line-height:1.55}
.s3h .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.s3h .btn-o{color:#fff}
.s3h .hint{margin-top:34px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#DDE1FF}
.s3h .hint i{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:grid;place-items:center;font-style:normal;animation:bob 1.8s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(5px)}}
.gl{position:relative;border-radius:30px;background:rgba(8,10,38,.72);border:1px solid rgba(174,181,255,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:clamp(24px,4vw,52px);box-shadow:0 40px 100px rgba(0,0,0,.35)}
.gl.lt{background:rgba(255,255,255,.94);color:var(--ink);border-color:rgba(255,255,255,.6)}
.s3s{padding:0 0 60px}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.bento>div{display:grid;gap:14px;align-content:start}
.bento .cap b{display:block;font-family:var(--disp);font-weight:800;text-transform:uppercase;font-size:28px;line-height:1}
.bento .cap span{font-size:14px;color:#C4C8EE}
.bento .stage{position:relative;height:430px;border-radius:20px;background:rgba(255,255,255,.04);display:grid;place-items:center;overflow:hidden;padding:12px}
.bento .gbp{transform:scale(.8);transform-origin:50% 0;align-self:start;margin-top:10px}
.bento .aix{aspect-ratio:auto;height:100%}
.bento .wsx{align-self:center}
@media(max-width:1000px){.bento{grid-template-columns:1fr}.bento .stage{height:420px}}
.ptow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin-top:30px}
.ptow .pxc{background:rgba(255,255,255,.05)}
.ptow .bld{height:var(--h);border-radius:10px 10px 0 0;background:linear-gradient(#2E3BE8,#141A8A);position:relative;margin:-8px -6px 6px}
.ptow .bld::after{content:"";position:absolute;inset:14% 20% 0;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,236,170,.6) 8px 13px);-webkit-mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 11px);mask:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 11px)}
.ptow .pop .bld{background:linear-gradient(#FF6B5A,#C22222)}
@media(max-width:1000px){.ptow{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ptow{grid-template-columns:1fr}.ptow .bld{display:none}}
.s3 .vs3,.s3 .msky,.s3 .fqs{background:transparent}
.s3 .fq summary,.s3 .fq p{color:inherit}
.s3 .ext{padding:0 0 60px}
.s3 .city{background:transparent}
.s3 .ft{position:relative;z-index:2}
.s3 .vsw{z-index:95}
.m1 .mq{overflow-x:clip;overflow-y:visible}
.mq .mq-t{will-change:transform}
.s3 main>section{position:relative;z-index:1}
.gb-ph div[data-at]{display:block}
.addtag{font-style:normal}
:is(h1,h2,h3).hx{font-family:var(--disp);font-weight:800;text-transform:uppercase;line-height:.9}
.svc h2.hx,.orb2 h2.hx,.vs3 h2.hx,.msky h2.hx,.fqs h2.hx,.stk h2.hx,.rw h2.hx,.prod h2.hx{font-size:clamp(46px,6.4vw,104px)}
.rw h2.hx,.vs3 h2.hx,.stk h2.hx,.fqs h2.hx{color:var(--ink)}
.prod h2.hx,.orb2 h2.hx{color:#fff}
.svc h2.hx,.msky h2.hx{color:var(--ink)}
.gal .gal-head h2 em,.ext-copy h2 em,.city-copy h2 em{display:block;font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-style:italic;font-weight:800;text-transform:none;letter-spacing:-.055em;font-size:.74em;line-height:1.05;margin-top:.06em}
.gal .gal-head h2{color:var(--ink)}.gal .gal-head h2 em{color:var(--blue)}
.ext-copy h2 em,.city-copy h2 em{color:#AEB5FF}
.ext-copy h2{color:#fff}

@media(max-height:820px) and (min-width:901px){.gbp{transform:scale(.88);transform-origin:50% 50%}}
.sxh-st{padding-top:84px;box-sizing:border-box}
.sxh-bar{top:96px;bottom:auto}
@media(max-width:900px){.sxh-bar{top:84px}}
.h3d.mxh .h3d-dev{top:calc(50% + 50px)}
.h3d.mxh .scr{min-height:min(520px,60vh)}
.s3 .fqs h2.hx{color:#fff}.s3 .fqs h2.hx em{color:#AEB5FF}.s3 .fq details{border-color:rgba(174,181,255,.18)}.s3 .fq{border-color:rgba(174,181,255,.18)}
@media(max-width:900px){.sx-st,.sxh-tr>.pan{align-items:start}.sx-g{padding-top:14px}.sx-dev .gbp{transform:scale(.82);transform-origin:50% 0}.sx-dev{max-height:58vh;overflow:visible}}