/* Layout: a full-bleed dusk sky that, as you scroll, shrinks into a rounded screen where Cindy's desktop appears; then calm centered sections: setup steps, a sideways run of features, proof, FAQ, close. Single committed dark theme from the Cindy kit. */
:root{
  --bg:#09090a; --deep:#060607; --panel:#121316; --text:#f2f1ee; --text-2:rgba(242,241,238,.66); --text-3:rgba(242,241,238,.4);
  --line:rgba(242,241,238,.12); --glass:rgba(242,241,238,.1); --purple:#8b5cf6; --on-purple:#000; --purple-light:#b69cff;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif; --body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --sky:radial-gradient(70% 55% at 50% 45%,#2b2160 0%,#17142b 45%,#0a0a0d 80%,#060607 100%);
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--text)}
body{font-family:var(--body);font-size:15px;line-height:1.5;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--purple-light);outline-offset:3px}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:24px}
h1,h2,h3{font-family:var(--display);font-weight:620;margin:0;text-wrap:balance}
h1{font-size:clamp(36px,4.6vw,58px);line-height:1.04;letter-spacing:-.035em}
h2{font-size:clamp(32px,4vw,50px);line-height:1.04;letter-spacing:-.035em}
h3{font-size:18px;line-height:1.3;letter-spacing:-.02em}
.grey{color:rgba(242,241,238,.42)}
.hl{color:var(--purple-light)}
p{margin:0}
.sub{color:var(--text-2);font-size:16px;line-height:1.6;max-width:52ch}

/* pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:-.01em;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,background .2s ease;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:16px;height:16px}
.btn-white{background:#fff;color:#0b0b0c}
.btn-glass{background:rgba(242,241,238,.12);border-color:rgba(242,241,238,.18);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative}
.btn-glass:hover{background:rgba(242,241,238,.18)}
.badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:11px;font-weight:500;background:#1a1922;border:1px solid rgba(242,241,238,.18);border-radius:999px;padding:2px 9px;display:flex;gap:6px;align-items:center;color:var(--text-2)}
.badge i{width:6px;height:6px;border-radius:50%;background:var(--purple-light)}

/* nav */
.nav{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:60;display:flex;justify-content:center;padding-top:12px;pointer-events:none}
.nav-in{pointer-events:auto;display:flex;align-items:center;gap:24px;width:min(1180px,calc(100% - 32px));padding:6px 6px 6px 14px;border-radius:999px;border:1px solid transparent;transition:width .6s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s}
.nav.compact .nav-in{width:min(800px,calc(100% - 32px));background:rgba(12,12,14,.78);border-color:var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:620;font-size:19px;letter-spacing:-.03em}
.logo svg{width:22px;height:22px}
.links{display:flex;gap:24px;margin-inline:auto;font-size:14px;color:rgba(242,241,238,.75);white-space:nowrap}
.nav-in{box-sizing:border-box;min-height:52px}
.logo{flex:none}.nav .btn{flex:none}
.links a:hover{color:#fff}
.nav .btn{height:38px;padding:0 16px;font-size:14px}

/* hero: sky that becomes a screen */
.hero{position:relative;height:210vh}
.stick{position:sticky;top:0;height:100vh;overflow:hidden}
.screen{position:absolute;inset:0;border-radius:0;overflow:hidden;background:var(--sky);will-change:inset,border-radius;box-shadow:0 0 0 1px rgba(242,241,238,0)}
.screen .cloud{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.c1{width:70%;height:30%;left:-10%;top:18%;background:#2a2560;opacity:.7}
.c2{width:60%;height:22%;right:-8%;top:30%;background:#c8b6e8;opacity:.35}
.c3{width:80%;height:14%;left:10%;top:52%;background:#f3c3ad;opacity:.45}
.c4{width:70%;height:26%;left:20%;top:66%;background:#2b2445;opacity:.8}
.c5{width:40%;height:18%;left:2%;top:58%;background:#b38fc4;opacity:.35}
@media (prefers-reduced-motion:no-preference){.screen .cloud{animation:drift 22s ease-in-out infinite alternate}.c2{animation-duration:28s!important}.c3{animation-duration:34s!important}@keyframes drift{to{transform:translateX(5%) scale(1.06)}}}
.grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1px);background-size:3px 3px}
.copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;padding-inline:24px;z-index:2;will-change:opacity,transform}
.copy .sub{color:rgba(255,255,255,.72)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.also{font-size:13px;color:rgba(255,255,255,.62)}
.also u{text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.works{position:absolute;left:0;right:0;bottom:28px;z-index:2;display:flex;gap:12px 26px;justify-content:center;align-items:center;flex-wrap:wrap;padding-inline:24px;font-size:14px;color:rgba(255,255,255,.85);will-change:opacity}
.works small{font-size:12px;color:rgba(255,255,255,.55)}
.works span{display:flex;align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:500;color:rgba(255,255,255,.9)}
.works .wi{width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;overflow:hidden}
.works .wi svg{width:16px;height:16px;display:block}.works .wi img{width:17px;height:17px;object-fit:contain;display:block}
.works .wi.meta img{width:22px;height:22px}.works .wi.ph{background:none}.works .wi.ph svg{width:26px;height:26px}

/* the desktop inside the screen */
.desk{position:absolute;left:50%;top:50%;width:1280px;height:800px;transform-origin:50% 50%;opacity:0;pointer-events:none;z-index:1}
.menubar{position:absolute;left:0;right:0;top:0;height:30px;background:rgba(10,10,14,.35);backdrop-filter:blur(20px);display:flex;align-items:center;gap:20px;padding-inline:18px;font-size:13px;color:#fff}
.menubar svg{width:16px;height:15px}
.menubar .right{margin-left:auto;display:flex;gap:16px;color:rgba(255,255,255,.85)}
.win{position:absolute;background:rgba(10,10,13,.94);border:1px solid rgba(242,241,238,.12);border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);overflow:hidden;will-change:transform,opacity}
.wtitle{height:38px;display:flex;align-items:center;gap:8px;padding-inline:14px;border-bottom:1px solid rgba(242,241,238,.08);font-family:var(--mono);font-size:12px;color:var(--text-3)}
.wtitle i{width:11px;height:11px;border-radius:50%;background:#ff5f57}
.wtitle i:nth-child(2){background:#febc2e}.wtitle i:nth-child(3){background:#28c840}
.wtitle span{margin-inline:auto;display:flex;gap:8px;align-items:center}
.wbody{padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;height:calc(100% - 38px);justify-content:flex-end}
.bub{max-width:80%;padding:11px 14px;border-radius:14px;font-size:15px;line-height:1.45}
.bub.in{background:rgba(242,241,238,.08);align-self:flex-start;border-bottom-left-radius:4px}
.bub.out{background:var(--purple);color:#000;align-self:flex-end;border-bottom-right-radius:4px}
.typing{align-self:flex-end;font-family:var(--mono);font-size:12px;color:var(--purple-light)}
.line{font-family:var(--mono);font-size:13.5px;line-height:1.55;color:var(--text-2)}
.line b{color:var(--purple-light);font-weight:500}
.line em{font-style:normal;color:var(--text)}
.status{font-family:var(--mono);font-size:12px;color:var(--purple-light);display:flex;gap:8px;align-items:center}
.status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--purple-light)}
.inputbar{border:1px solid rgba(242,241,238,.1);border-radius:10px;height:38px;display:flex;align-items:center;padding-inline:12px;font-family:var(--mono);font-size:12px;color:var(--text-3)}
.toast{position:absolute;right:22px;top:46px;width:300px;background:rgba(20,19,26,.82);border:1px solid rgba(242,241,238,.14);border-radius:16px;backdrop-filter:blur(20px);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;transition:opacity .5s,transform .5s}
.toast svg{width:28px;height:28px;flex:none}
.toast b{font-size:14px;font-weight:600}
.toast p{font-size:13px;color:var(--text-2);margin-top:2px}
.dock{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:10px;padding:10px;border-radius:22px;background:rgba(242,241,238,.14);border:1px solid rgba(242,241,238,.18);backdrop-filter:blur(20px)}
.dock div{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;position:relative}
.dock div::after{content:"";position:absolute;bottom:-7px;width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.7)}
.dock .d1{background:linear-gradient(#3d3a46,#1c1b22)}.dock .d2{background:linear-gradient(#a58bff,#6f45e6)}.dock .d3{background:#f2f1ee}.dock .d4{background:linear-gradient(#2a2733,#121116)}.dock .d5{background:#060607;border:1px solid rgba(242,241,238,.2)}
.dock svg{width:30px;height:30px}
.scene{display:none}
[data-show="0"] .s0,[data-show="1"] .s1,[data-show="2"] .s2{display:flex}
.toast.s2{display:flex}
[data-show="0"] .toast,[data-show="1"] .toast{opacity:0;transform:translateY(-8px)}

.tabs{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;z-index:3;opacity:0;will-change:opacity}
.tabs .pause{width:36px;height:36px;border-radius:50%;background:rgba(242,241,238,.1);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer}
.tabs .pause svg{width:12px;height:12px}
.seg{display:flex;gap:2px;padding:4px;border-radius:999px;background:rgba(242,241,238,.06);border:1px solid var(--line)}
.seg button{border:0;background:transparent;border-radius:999px;padding:7px 14px;font-size:13px;color:var(--text-2);cursor:pointer;white-space:nowrap}
.seg button[aria-selected="true"]{background:rgba(242,241,238,.12);color:#fff}

/* sections */
section.block{padding-block:112px}
.center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.step{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:10px;display:flex;flex-direction:column;gap:18px}
.shot{height:230px;border-radius:16px;overflow:hidden;position:relative;background:var(--sky);display:grid;place-items:center}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,10,0) 40%,rgba(9,9,10,.35))}
.shot>*{position:relative;z-index:1}
.glass{background:rgba(14,13,18,.62);border:1px solid rgba(242,241,238,.16);border-radius:14px;backdrop-filter:blur(14px);padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:210px}
.glass .r{display:flex;justify-content:space-between;gap:14px;align-items:center}
.glass .k{color:var(--text-2)}
.tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:4px;line-height:1.2}
.t-p{background:var(--purple);color:#000}
.t-o{border:1px solid var(--line);color:var(--text-2);font-weight:500}
.sbody{padding:0 12px 14px;display:flex;flex-direction:column;gap:8px}
.sh{display:flex;align-items:center;gap:10px}
.n{width:24px;height:24px;border-radius:50%;border:1px solid rgba(242,241,238,.3);display:grid;place-items:center;font-size:12px;color:var(--text-2)}
.sbody p{color:var(--text-2);font-size:15px}
.after{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:56px}
.after small{font-size:13px;color:var(--text-3)}

.feat-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.arrows{display:flex;gap:8px}
.arrows button{width:40px;height:40px;border-radius:50%;background:rgba(242,241,238,.08);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer}
.arrows svg{width:16px;height:16px}
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:40px;padding-inline:max(24px,calc((100vw - 1120px)/2 + 24px));scrollbar-width:none;scroll-behavior:smooth}
.rail::-webkit-scrollbar{display:none}
.fcard{flex:none;width:340px;scroll-snap-align:start;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:10px;display:flex;flex-direction:column;gap:16px}
.fart{height:270px;border-radius:16px;position:relative;overflow:hidden;display:grid;place-items:center;background:#16131f}
.fart::before{content:"";position:absolute;inset:-20%;background:var(--g);filter:blur(36px)}
.fart>*{position:relative}
.ga{--g:radial-gradient(40% 40% at 25% 30%,#8b5cf6,transparent),radial-gradient(45% 45% at 80% 75%,#f0a6c7aa,transparent),radial-gradient(50% 50% at 60% 10%,#2c2370,transparent)}
.gb{--g:radial-gradient(45% 45% at 70% 30%,#b69cff,transparent),radial-gradient(40% 40% at 20% 80%,#6d3fd8,transparent),radial-gradient(40% 40% at 90% 90%,#f3b38f99,transparent)}
.gc{--g:radial-gradient(45% 45% at 30% 70%,#f4a98c99,transparent),radial-gradient(40% 40% at 75% 25%,#8b5cf6,transparent),radial-gradient(50% 50% at 50% 50%,#271d55,transparent)}
.fbody{padding:0 12px 14px;display:flex;flex-direction:column;gap:8px}
.fh{display:flex;align-items:center;gap:10px}
.fi{width:26px;height:26px;border-radius:7px;background:var(--purple);display:grid;place-items:center}
.fi svg{width:14px;height:14px}
.fbody p{color:var(--text-2);font-size:15px}
.fbody p+p{color:var(--text)}
.small4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:64px}
.small4 div{display:flex;flex-direction:column;gap:8px}
.si{width:34px;height:34px;border-radius:10px;background:rgba(242,241,238,.07);border:1px solid var(--line);display:grid;place-items:center}
.si svg{width:16px;height:16px}
.small4 b{font-weight:600;font-size:15px}
.small4 p{color:var(--text-2);font-size:14px}

.proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:56px}
.pc{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:10px}
.big{font-family:var(--display);font-weight:620;font-size:clamp(40px,4.6vw,58px);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.pc p{color:var(--text-2)}
.note{font-size:13px;color:var(--text-3);text-align:center;margin-top:18px}

.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:56px}
details{border-top:1px solid var(--line);padding-block:20px}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;font-size:17px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--text-3);font-size:20px;line-height:1;transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin-top:12px;color:var(--text-2);max-width:60ch;font-size:15px}
.faq a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--text-3)}

.final{padding-block:40px 80px}
.finalbox{position:relative;border-radius:28px;overflow:hidden;background:var(--sky);padding:120px 24px;text-align:center}
.finalbox .cloud{position:absolute;border-radius:50%;filter:blur(60px)}
.finalbox .in{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}
.finalbox svg.mk{width:64px;height:64px}
.finalbox small{font-size:13px;color:rgba(255,255,255,.62)}
footer{padding-block:24px 40px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--text-3);font-size:13px}

@media (max-width:900px){
  .links{display:none}.nav-in{justify-content:space-between}
  .steps,.proof{grid-template-columns:minmax(0,1fr)}
  .small4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq{grid-template-columns:minmax(0,1fr);gap:24px}
  .seg button:not([aria-selected="true"]){display:none}
  .wrap{padding-inline:16px}
  .rail{padding-inline:16px}
  .fcard{width:290px}
  section.block{padding-block:80px}
  .works{display:none}
}

.owl{position:absolute;pointer-events:none;will-change:transform,opacity;filter:drop-shadow(0 0 40px rgba(139,92,246,.18))}
.o1{left:3%;top:12%;width:min(30vw,440px)}
.o2{right:3%;top:5%;width:min(31vw,450px)}
.o3{left:33%;bottom:5%;width:min(34vw,520px)}
@media (prefers-reduced-motion:no-preference){.owl img{animation:bob 7s ease-in-out infinite alternate}.o2 img{animation-duration:8.5s}.o3 img{animation-duration:9.5s}@keyframes bob{to{transform:translateY(-14px) rotate(-1.5deg)}}}
.owl img{width:100%;display:block}
.fowl{position:absolute;width:min(46%,420px);right:-4%;top:-6%;opacity:.55;pointer-events:none}
.fowl2{position:absolute;width:min(40%,380px);left:-6%;bottom:-18%;opacity:.4;pointer-events:none;transform:scaleX(-1)}
.shot .sowl{position:absolute;width:62%;right:-12%;top:-14%;opacity:.28;z-index:0}
@media (max-width:700px){.o1{width:46vw;top:10%}.o2{width:46vw;top:4%}.o3{width:60vw;left:20%}}
.logo img{width:28px;height:28px}
.menubar img{width:18px;height:18px;border-radius:5px!important}
.toast img{width:34px;height:34px;flex:none}
.dock .d5{background:none;border:0}.dock .d5 img{width:58px;height:58px}
.finalbox img.mk{width:84px;height:84px;position:relative}

.onall span{font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--purple-light);border:1px solid rgba(182,156,255,.4);border-radius:999px;padding:7px 12px}
.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:36px}
.job{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:10px 10px 22px;display:flex;flex-direction:column;gap:14px;transition:opacity .3s,border-color .3s}
.job.wide{grid-column:1/-1}
.job .toon{height:170px;border-radius:16px;background:radial-gradient(70% 80% at 50% 40%,#231b4d,#0d0c12 80%);display:grid;place-items:center}
.job.wide .toon{height:190px}
.toon svg{height:130px;width:auto;max-width:100%}
.toon .ln{fill:none;stroke:#f2f1ee;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.toon .ln2{fill:none;stroke:rgba(242,241,238,.45);stroke-width:3;stroke-linecap:round}
.toon .acc{fill:none;stroke:#8b5cf6;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.toon .acc2{fill:#8b5cf6;stroke:#8b5cf6;stroke-width:3}
.toon .fl{fill:rgba(139,92,246,.25)}
.toon .fl2{fill:#b69cff}
.toon .dk{fill:none;stroke:#060607;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.toon .dkf{fill:#060607}
.jh{display:flex;align-items:center;gap:10px;padding-inline:12px}
.jh h3{flex:1}
.num{font-family:var(--mono);font-size:12px;font-weight:700;background:var(--purple);color:#000;border-radius:4px;padding:3px 6px}
.job p{padding-inline:12px;color:var(--text-2);font-size:15px}
.sw{width:46px;height:26px;border-radius:999px;border:1px solid var(--line);background:rgba(242,241,238,.1);position:relative;cursor:pointer;flex:none;transition:background .25s}
.sw i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#f2f1ee;transition:transform .25s}
.sw[aria-checked="true"]{background:var(--purple);border-color:var(--purple)}
.sw[aria-checked="true"] i{transform:translateX(20px);background:#000}
.off-note{display:none;margin-inline:12px;font-family:var(--mono);font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em}
.job:not(.on){opacity:.55}
.job:not(.on) .off-note{display:block}
.replace{display:grid;grid-template-columns:minmax(0,1.5fr) 56px minmax(0,1fr);gap:16px;align-items:center;margin-top:48px}
.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cat{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{font-size:13px;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--text);text-decoration:line-through;text-decoration-color:rgba(182,156,255,.7)}
.cat small{font-size:12.5px;color:var(--text-2)}
.arrow svg{width:48px;height:48px}
.cindybox{background:var(--purple);color:#000;border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px}
.cb-icon{width:64px;height:64px;border-radius:22%;border:2px solid rgba(0,0,0,.25)}
.cindybox h3{font-size:30px}
.cindybox ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-weight:500}
.costs{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin-top:48px;align-items:stretch}
.ctable{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:8px 22px}
.crow{display:grid;grid-template-columns:1.1fr 1.3fr .7fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);align-items:baseline}
.crow:first-child{border-top:0}
.crow span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:14px}
.crow em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--text-3);margin-left:4px}
.crow.head span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.crow.total{border-top:1px solid rgba(242,241,238,.35)}
.crow.total span{font-weight:600}
.crow.total span:last-child{font-family:var(--display);font-size:26px;letter-spacing:-.03em}
.cprice{background:var(--deep);border:1px solid rgba(182,156,255,.35);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:48px}
.inputs{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:14px}
.inputs label{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:15px}
.inputs input{width:96px;background:var(--deep);border:1px solid var(--line);border-radius:8px;color:var(--text);font:500 15px var(--mono);padding:9px 10px;text-align:right}
.inputs input:focus{outline:2px solid var(--purple-light);outline-offset:1px}
.money{display:flex;align-items:center;gap:6px}.money b{font-family:var(--mono);font-weight:500;color:var(--text-2)}
.results{background:var(--deep);border:1px solid rgba(182,156,255,.35);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:16px}
.results .bars{display:flex;flex-direction:column;gap:14px}
.results .bar{display:flex;flex-direction:column;gap:6px}
.results .bar-top{display:flex;justify-content:space-between;font-size:14px}
.results .bar-top span:last-child{font-family:var(--mono)}
.results .track{height:10px;border-radius:5px;background:rgba(242,241,238,.07);overflow:hidden}
.results .fill{height:100%;background:var(--purple);border-radius:5px;width:0;transition:width .5s ease}
.results .fill.dim{background:rgba(242,241,238,.35)}
@media (max-width:900px){.jobs,.replace,.costs,.calc,.stack{grid-template-columns:minmax(0,1fr)}.arrow{justify-self:center;transform:rotate(90deg)}.crow{grid-template-columns:1fr 1fr .8fr}}
.label{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}

.strip{border-block:1px solid var(--line);background:var(--deep)}
.stripin{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap;padding-block:22px}
.inds{display:flex;flex-wrap:wrap;gap:8px 22px}
.inds span{font-family:var(--display);font-weight:560;font-size:18px;letter-spacing:-.02em;color:rgba(242,241,238,.78)}
.orbitgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
.otext{display:flex;flex-direction:column;gap:18px}
.olist{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;color:var(--text-2)}
.olist b{font-family:var(--display);font-weight:620;font-size:22px;color:var(--text);margin-right:10px;letter-spacing:-.03em}
.orbit{position:relative;width:min(100%,520px);aspect-ratio:1;margin-inline:auto;container-type:inline-size}
.ring{position:absolute;border-radius:50%;border:1px solid var(--line);inset:0;margin:auto}
.r1{width:48%;height:48%;border-color:rgba(182,156,255,.25)}
.r2{width:78%;height:78%;border-style:dashed}
.r3{width:98%;height:98%;border-color:rgba(242,241,238,.07)}
.ring i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--purple-light);top:-3.5px;left:calc(50% - 3.5px)}
@media (prefers-reduced-motion:no-preference){.r2{animation:spin 40s linear infinite}.r3{animation:spin 70s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}}
.r2 i:nth-child(2){top:auto;bottom:-3.5px}.r2 i:nth-child(3){left:-3.5px;top:calc(50% - 3.5px)}
.r3 i{background:rgba(242,241,238,.5)}.r3 i:nth-child(2){top:auto;bottom:-3.5px;left:calc(50% - 3.5px)}
.core{position:absolute;inset:0;margin:auto;width:30%;height:30%;border-radius:50%;background:radial-gradient(circle,#2b2160,#0d0c14 70%);border:1px solid rgba(182,156,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 80px rgba(139,92,246,.35)}
.core-mark{width:44%;height:auto;aspect-ratio:1;border-radius:22%}
.core b{font-family:var(--display);font-weight:620;font-size:20px;letter-spacing:-.03em}
.node,.sat{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));white-space:nowrap}
.node{--r:min(39%,205px);background:var(--panel);border:1px solid rgba(182,156,255,.35);border-radius:999px;padding:7px 12px 7px 7px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;transform:translate(-50%,-50%) rotate(var(--a)) translateX(39cqw) rotate(calc(-1 * var(--a)))}
.node span{font-family:var(--mono);font-size:11px;font-weight:700;background:var(--purple);color:#000;border-radius:999px;width:24px;height:24px;display:grid;place-items:center}
.sat{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);transform:translate(-50%,-50%) rotate(var(--a)) translateX(25cqw) rotate(calc(-1 * var(--a)))}
.wk{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;margin-top:48px;align-items:stretch}
.wklist{display:flex;flex-direction:column}
.wki{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px 4px;border-top:1px solid var(--line);position:relative}
.wki:focus-visible{outline:2px solid var(--purple-light);outline-offset:2px}
.wki b{font-family:var(--display);font-weight:620;font-size:20px;letter-spacing:-.02em;color:var(--text-3);transition:color .3s}
.wki span{display:none;color:var(--text-2);font-size:15px;max-width:44ch}
.wki.on b{color:var(--text)}.wki.on span{display:block}
.wbar{display:block;height:2px;background:var(--line);border-radius:2px;overflow:hidden;margin-top:8px}
.wki:not(.on) .wbar{visibility:hidden}
.wbar i{display:block;height:100%;width:0;background:var(--purple-light)}
.wki.on .wbar i{animation:fillbar 6s linear forwards}
.wk.paused .wki.on .wbar i{animation:none;width:100%}
@keyframes fillbar{to{width:100%}}
.wkpanel{border:1px solid var(--line);border-radius:22px;background:radial-gradient(80% 70% at 70% 20%,#231b4d,#0b0a10 75%);padding:28px;min-height:380px;display:flex;align-items:center;justify-content:center}
.wp{display:none;flex-direction:column;gap:12px;width:min(100%,440px);background:rgba(10,10,13,.88);border:1px solid rgba(242,241,238,.12);border-radius:16px;padding:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.wkpanel[data-w="0"] [data-p="0"],.wkpanel[data-w="1"] [data-p="1"],.wkpanel[data-w="2"] [data-p="2"],.wkpanel[data-w="3"] [data-p="3"],.wkpanel[data-w="4"] [data-p="4"],.wkpanel[data-w="5"] [data-p="5"]{display:flex;animation:rise .45s ease both}
@keyframes rise{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
.pc-head{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}
.pc-head .mono2,.mono2{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--text-3)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--purple-light)}
.wave{display:flex;align-items:center;gap:3px;height:36px}
.wave i{flex:1;background:var(--purple);border-radius:2px;height:30%}
.wave i:nth-child(3n){height:70%}.wave i:nth-child(4n){height:50%}.wave i:nth-child(5n){height:90%}.wave i:nth-child(7n){height:40%}
@media (prefers-reduced-motion:no-preference){.wkpanel .wave i,.wave.on i{animation:wv 1.1s ease-in-out infinite alternate}.wave i:nth-child(2n){animation-delay:-.3s}.wave i:nth-child(3n){animation-delay:-.6s}@keyframes wv{to{transform:scaleY(.35)}}}
.wave.big{height:56px}
.tl{margin:0;font-size:14px;color:var(--text-2)}.tl b{color:var(--purple-light);font-weight:500;margin-right:6px}.tl em{font-style:normal;color:var(--text);margin-right:6px}
.chipsrow{display:flex;gap:8px;flex-wrap:wrap}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.checks li{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 10px;border-radius:10px;background:rgba(242,241,238,.05)}
.checks li::before{content:"✓";color:var(--purple-light);margin-right:8px}
.checks li.q::before{content:"•"}
.checks li span{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--text-2)}
.reps{display:flex;flex-direction:column;gap:8px}
.rep{display:grid;grid-template-columns:30px 1fr 90px 44px;gap:10px;align-items:center;padding:8px;border-radius:10px;font-size:14px}
.rep.pick{background:rgba(139,92,246,.18);outline:1px solid rgba(182,156,255,.5)}
.rep b{font-weight:500}
.load{height:6px;border-radius:3px;background:rgba(242,241,238,.1);overflow:hidden}.load i{display:block;height:100%;background:var(--purple-light)}
.cal{display:flex;flex-direction:column;gap:6px}
.slot{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:stretch;font-family:var(--mono);font-size:12px;color:var(--text-3)}
.job{background:rgba(242,241,238,.06);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;font-family:var(--body);color:var(--text)}
.job b{font-weight:500;font-size:13px}.job small{color:var(--text-2);font-size:12px}
.job.new{background:var(--purple);color:#000}.job.new small{color:rgba(0,0,0,.65)}
.free{border:1px dashed var(--line);border-radius:10px;padding:8px 10px;font-family:var(--mono);color:var(--text-3)}
.player{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;border:1px solid var(--line);border-radius:28px;background:var(--panel);padding:36px;align-items:center}
.pl-left{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.playbtn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#0b0b0c;border:0;border-radius:999px;padding:8px 22px 8px 8px;font-size:15px;font-weight:500;cursor:pointer}
.pi{width:34px;height:34px;border-radius:50%;background:var(--purple);display:grid;place-items:center}.pi svg{width:14px;height:14px}
.results-mini{display:flex;gap:8px;flex-wrap:wrap}
.pl-right{background:var(--deep);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}
.wave.big i{background:rgba(139,92,246,.35)}.wave.big.on i{background:var(--purple)}
.wave:not(.on).big i{animation:none!important}
.script{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow:auto}
.script p{margin:0;font-size:14px;color:var(--text-3);transition:color .3s}
.script p::before{content:attr(data-t);font-family:var(--mono);font-size:11px;color:var(--text-3);margin-right:10px}
.script p b{color:var(--purple-light);font-weight:500;margin-right:6px}.script p em{font-style:normal;margin-right:6px}
.script p.lit{color:var(--text)}
.nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:22px;background:var(--panel);margin-top:48px;overflow:hidden}
.nums div{padding:28px 24px;display:flex;flex-direction:column;gap:8px}
.nums div+div{border-left:1px solid var(--line)}
.nums p{color:var(--text-2);font-size:14px;margin:0}
.nums .big{font-size:clamp(34px,3.6vw,48px)}
@media (max-width:700px){.node{font-size:10px!important;transform:translate(-50%,-50%) rotate(var(--a)) translateX(31cqw) rotate(calc(-1 * var(--a)))!important}.owl{opacity:.6}}
@media (max-width:900px){.orbitgrid,.wk,.player{grid-template-columns:minmax(0,1fr)}.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.nums div:nth-child(3){border-left:0}.nums div:nth-child(n+3){border-top:1px solid var(--line)}.node{font-size:11px;padding:5px 9px 5px 5px}.node span{width:20px;height:20px}.sat{display:none}.player{padding:22px}}
section[id]{scroll-margin-top:84px}

.ghl{margin-top:48px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:10px;display:flex;flex-direction:column;gap:6px}
.trow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr) 110px 150px;gap:16px;align-items:center;padding:12px 18px;border-radius:14px;background:rgba(242,241,238,.035)}
.trow:nth-child(even){background:rgba(242,241,238,.065)}
.trow.th{background:none;padding-block:14px 8px}
.trow.th span{font-family:var(--display);font-weight:620;font-size:18px;letter-spacing:-.02em}
.trow.th .tr,.trow.th .tp{text-align:center}
.tf{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
.tr{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lchip{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#111;border-radius:999px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.lchip img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.lchip:not(:has(img)){padding-left:12px}
.lchip.dk{background:transparent;color:var(--text-2);border:1px dashed rgba(242,241,238,.3);box-shadow:none;font-weight:500}
.tp{text-align:center;font-family:var(--display);font-weight:620;font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tc{display:flex;justify-content:center}
.inc{background:var(--purple);color:#000;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:6px 14px}
.cinhead{display:inline-flex;align-items:center;gap:8px}.cinhead img{width:26px;height:26px;border-radius:22%}
.tfoot{display:grid;grid-template-columns:minmax(0,3fr) 110px 150px;gap:16px;align-items:center;padding:18px;border-top:1px solid var(--line);margin-top:6px}
.tfoot span:first-child{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:right;color:var(--text-2)}
.tot{text-align:center;font-family:var(--display);font-weight:620;font-size:24px;letter-spacing:-.03em;text-decoration:line-through;text-decoration-color:rgba(182,156,255,.8)}
.cprice2{background:#fff;color:#000;border-radius:12px;padding:10px 12px;text-align:center;font-weight:600;font-size:13px;line-height:1.25}
@media (max-width:900px){.trow{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.trow .tr{grid-column:1/-1;justify-content:flex-start;order:3}.tp{text-align:right}.tc{display:none}.trow.th{display:none}.tfoot{grid-template-columns:1fr auto;gap:10px}.tfoot span:first-child{text-align:left}.cprice2{grid-column:1/-1}}

.ghl{margin-top:48px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:10px;display:flex;flex-direction:column;gap:6px}
.trow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.9fr) 110px 150px;gap:16px;align-items:center;padding:12px 18px;border-radius:14px;background:rgba(242,241,238,.035)}
.trow:nth-child(even){background:rgba(242,241,238,.065)}
.trow.th{background:none;padding-block:14px 8px}
.trow.th span{font-family:var(--display);font-weight:620;font-size:18px;letter-spacing:-.02em}
.trow.th .tr,.trow.th .tp{text-align:center}
.tf{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
.tr{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.lchip{display:inline-flex;align-items:center;gap:7px;background:#fff;color:#111;border-radius:999px;padding:5px 12px 5px 5px;font-size:13px;font-weight:600;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.lchip img{width:22px;height:22px;border-radius:6px;object-fit:cover}
.lchip:not(:has(img)){padding-left:12px}
.lchip.dk{background:transparent;color:var(--text-2);border:1px dashed rgba(242,241,238,.3);box-shadow:none;font-weight:500}
.tp{text-align:center;font-family:var(--display);font-weight:620;font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tc{display:flex;justify-content:center}
.inc{background:var(--purple);color:#000;font-family:var(--mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:6px 14px}
.cinhead{display:inline-flex;align-items:center;gap:8px}.cinhead img{width:26px;height:26px;border-radius:22%}
.tfoot{display:grid;grid-template-columns:minmax(0,3fr) 110px 150px;gap:16px;align-items:center;padding:18px;border-top:1px solid var(--line);margin-top:6px}
.tfoot span:first-child{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:right;color:var(--text-2)}
.tot{text-align:center;font-family:var(--display);font-weight:620;font-size:24px;letter-spacing:-.03em;text-decoration:line-through;text-decoration-color:rgba(182,156,255,.8)}
.cprice2{background:#fff;color:#000;border-radius:12px;padding:10px 12px;text-align:center;font-weight:600;font-size:13px;line-height:1.25}
@media (max-width:900px){.trow{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.trow .tr{grid-column:1/-1;justify-content:flex-start;order:3}.tp{text-align:right}.tc{display:none}.trow.th{display:none}.tfoot{grid-template-columns:1fr auto;gap:10px}.tfoot span:first-child{text-align:left}.cprice2{grid-column:1/-1}}

.roi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:48px}
.roi-in{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:26px}
.sl{display:flex;flex-direction:column;gap:10px}
.slh{display:flex;justify-content:space-between;align-items:center;gap:12px}
.slh label{font-weight:500;font-size:15px}
.slv{display:inline-flex;align-items:baseline;gap:0;font-family:var(--display);font-weight:620;font-size:26px;letter-spacing:-.03em;color:var(--purple-light)}
.slv input{width:3ch;min-width:1.4ch;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--purple-light);font:inherit;text-align:center;padding:0;-moz-appearance:textfield}
.slv input::-webkit-outer-spin-button,.slv input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.slv input:focus{outline:none;border-bottom-color:var(--purple-light)}
.sl input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--purple) var(--p,50%),rgba(242,241,238,.12) var(--p,50%));outline:none;margin:4px 0}
.sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--purple);cursor:pointer;box-shadow:0 0 0 4px rgba(139,92,246,.2)}
.sl input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid var(--purple);cursor:pointer}
.sl input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--purple-light)}
.slr{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;color:var(--text-3)}
.slr span:nth-child(2){text-align:center;flex:1}
.roi-out{display:flex;flex-direction:column;gap:16px}
.lose,.gain{border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:6px}
.lose{background:var(--panel);border:1px solid var(--line)}
.gain{background:rgba(139,92,246,.14);border:1px solid rgba(182,156,255,.45)}
.lose .big,.gain .big{font-size:clamp(40px,4.4vw,56px)}
.gain .big{color:var(--purple-light)}
.per{color:var(--text-2);font-size:14px}.per b{color:var(--text);font-weight:600}
.split{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:8px;font-size:13px;color:var(--text-2)}
.split span{display:inline-flex;align-items:center;gap:7px}.split b{color:var(--text);font-weight:600}
.split i{width:8px;height:8px;border-radius:2px;display:inline-block}.split .d1{background:var(--text-2)}.split .d2{background:var(--purple-light)}
.jobs2{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.jobs2 div{padding:20px 24px;display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center}
.jobs2 div+div{border-left:1px solid var(--line)}
.jobs2 b{font-family:var(--display);font-weight:620;font-size:36px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.jobs2 span{color:var(--text-2);font-size:13px}
.roibar{margin-top:16px;border-radius:26px;border:1px solid rgba(182,156,255,.45);background:radial-gradient(70% 120% at 50% 0%,rgba(139,92,246,.35),rgba(6,6,7,.9) 70%),var(--deep);padding:44px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.mega{font-family:var(--display);font-weight:620;font-size:clamp(56px,9vw,112px);line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.roibar p{margin:0;color:var(--text-2);font-size:15px;max-width:52ch}
@media (max-width:900px){.roi{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .roi-in{padding:22px 18px;gap:28px}
  .sl input[type=range]{height:8px;margin:8px 0}
  .sl input[type=range]::-webkit-slider-thumb{width:30px;height:30px}
  .sl input[type=range]::-moz-range-thumb{width:22px;height:22px}
  .slr span:nth-child(2){display:none}
  .slh label{font-size:16px}
  .lose,.gain{padding:20px}
  .jobs2 b{font-size:30px}
  .roibar{padding:36px 18px}
}

.mh{display:none}
@media (max-width:640px){.mh{display:block;font-size:12px;color:var(--text-3);font-weight:400;margin-top:2px}}
.hero-h{max-width:none}
.hero-s{max-width:54ch;text-wrap:balance}
@media (max-width:640px){.hero-h{font-size:clamp(32px,9vw,44px)}}

.aisum{padding-block:8px 72px}
.aisin{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.aisin p{margin:0;font-size:17px;color:var(--text)}
.airow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.aib{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 0 1px rgba(242,241,238,.15)}
.aib:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--purple-light)}
.aib img,.aib svg{width:24px;height:24px;object-fit:contain}
.aib.full img{width:100%;height:100%;object-fit:cover}
.ainote{font-size:13px;color:var(--text-3);min-height:18px}

.hs{display:block}
.rot{display:grid;justify-items:center;color:var(--purple-light)}
.rot>span{grid-area:1/1;opacity:0;transform:translateY(.28em);transition:opacity .55s ease,transform .55s ease;max-width:16ch;text-wrap:balance}
.rot>span.on{opacity:1;transform:none}
.rot>span.out{opacity:0;transform:translateY(-.28em)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:900px){.rot>span{max-width:none}}
@media (prefers-reduced-motion:reduce){.rot{display:flex;flex-direction:column;align-items:center;font-size:.62em;line-height:1.15;gap:.1em;margin-top:.2em}.rot>span{opacity:1;transform:none;transition:none}}

.cat-line{display:inline-block;white-space:normal;text-align:center;line-height:1.35;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);border:1px solid rgba(242,241,238,.22);background:rgba(242,241,238,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;padding:7px 14px;max-width:100%;text-wrap:balance}
.hs{text-wrap:balance}
@media (min-width:900px){.hs{max-width:20ch;margin-inline:auto}}
@media (max-width:640px){.cat-line{font-size:10px;letter-spacing:.04em;padding:6px 12px;max-width:min(100%,300px)}.copy{gap:16px;padding-top:76px;padding-bottom:20px;justify-content:center;justify-content:safe center}}
@media (max-width:640px) and (max-height:700px){.hero-h{font-size:30px}.copy .sub{font-size:14.5px;line-height:1.5}.copy{gap:12px}.also{display:none}}
.orbitsec{overflow:hidden}
@media (max-width:700px){.o3{bottom:-8%}}

.showall{display:none}
@media (max-width:700px){
  /* MOBILE-FLOW hero */
  .hero{height:auto}
  .stick{position:relative;height:auto;overflow:hidden;display:flex;flex-direction:column;padding-bottom:40px;background:var(--sky)}
  .copy{position:relative;inset:auto;order:1;padding:104px 20px 36px!important;gap:18px}
  .screen{position:relative!important;inset:auto!important;order:2;margin-inline:12px;aspect-ratio:520/800;border-radius:22px!important;box-shadow:0 0 0 1px rgba(242,241,238,.16)!important;height:auto}
  .desk{left:0;top:0;width:520px;height:800px;transform-origin:0 0;opacity:1}
  .desk #w1{left:20px!important;top:52px!important;width:480px!important;height:330px!important}
  .desk #w2{left:40px!important;top:400px!important;width:460px!important;height:290px!important}
  .desk .toast{right:12px;top:42px;width:270px}
  .desk .menubar span:nth-child(n+4){display:none}
  .tabs{position:relative;order:3;left:auto;bottom:auto;transform:none;opacity:1;pointer-events:auto;margin:16px auto 0}
  .screen .owl,.screen .cloud{display:none}
  .stick:has(.owl) .copy::before{content:"";position:absolute;inset:40px 0 0;background:url(img/owl-right.png) right 8% top 40px/52% auto no-repeat,url(img/owl-left.png) left -6% top 120px/46% auto no-repeat;opacity:.35;pointer-events:none;z-index:-1}
  .copy{z-index:1;isolation:isolate}
  /* tighter sections */
  section.block{padding-block:56px}
  .feat-head h2,.center h2{font-size:30px}
  .olist{display:none}
  .orbit{width:min(100%,330px)}
  /* five jobs: swipe row */
  .jobs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:12px;margin-inline:-16px;padding-inline:16px;padding-bottom:6px;scrollbar-width:none}
  .jobs::-webkit-scrollbar{display:none}
  .job,.job.wide{flex:none;width:80vw;max-width:320px;scroll-snap-align:start}
  .job .toon,.job.wide .toon{height:132px}
  .toon svg{height:104px}
  .small4{gap:18px;margin-top:40px}
  .small4 p{font-size:13px}
  /* watch Cindy work */
  .wk{margin-top:28px;gap:16px}
  .wki{padding:13px 4px}.wki b{font-size:17px}
  .wkpanel{min-height:300px;padding:16px}
  /* steps: swipe row */
  .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:12px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none;margin-top:32px}
  .steps::-webkit-scrollbar{display:none}
  .step{flex:none;width:80vw;max-width:320px;scroll-snap-align:start}
  .shot{height:170px}
  .after{margin-top:32px}
  /* sample call */
  .player{gap:18px}
  .script{max-height:210px}
  /* compare: first six rows, then show all */
  .ghl .trow:nth-child(n+8){display:none}
  .ghl.open .trow:nth-child(n+8){display:grid}
  .showall{display:block;margin:6px auto 4px;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:10px 18px;font:500 14px var(--body);cursor:pointer}
  .trow{padding:12px}
  .lchip{font-size:12px;padding:4px 10px 4px 4px}.lchip img{width:18px;height:18px}
  /* calculator */
  .roi{margin-top:28px}
  .roi-in{gap:22px}
  .lose .big,.gain .big{font-size:38px}
  .jobs2 div{padding:14px}
  .roibar{padding:30px 16px}
  /* numbers + faq */
  .nums{margin-top:28px}.nums div{padding:18px}
  details{padding-block:16px}
}

.inv{display:flex;flex-direction:column;gap:6px;background:rgba(242,241,238,.05);border-radius:12px;padding:12px}
.ir{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.ir.sm{font-size:13px;color:var(--text-2)}
.ir.tot2{border-top:1px solid var(--line);padding-top:8px;margin-top:2px;font-weight:600}
.steps3{display:flex;gap:6px;flex-wrap:wrap}
.s3{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:5px 10px;border:1px solid var(--line);color:var(--text-2)}
.s3.done::before{content:"✓ ";color:var(--purple-light)}
.s3.paid{background:var(--purple);color:#000;border-color:var(--purple);font-weight:700}
.small4{grid-template-columns:repeat(5,minmax(0,1fr))!important}
@media (max-width:900px){.small4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.small4>div:last-child{grid-column:1/-1}}

.calllink,.also-m{display:none}
@media (max-width:700px){
  .cat-line{display:none}
  .copy{padding:96px 22px 28px!important;gap:16px}
  .hero-h{font-size:clamp(28px,8.6vw,36px)!important;line-height:1.06}
  .rot>span{white-space:nowrap;max-width:none;font-size:min(1em,7.2vw)}
  .copy .sub{font-size:16px;line-height:1.55;max-width:30ch}
  .ctas .btn-glass{display:none}
  .ctas{margin-top:4px}
  .calllink{display:inline-block;font-size:14px;color:var(--text-2);text-decoration:underline;text-decoration-color:rgba(242,241,238,.3);text-underline-offset:4px;margin-top:-4px}
  .copy .also{display:none}
  .also-m{display:block;order:4;text-align:center;margin:18px 24px 0;font-size:13px;color:var(--text-3)}
  .also-m u{text-decoration-color:rgba(242,241,238,.25);text-underline-offset:3px}
  .stick:has(.owl) .copy::before{opacity:.09!important}
  .strip{display:none}
}
.srcs{max-width:760px;margin-left:auto;margin-right:auto}.srcs summary{cursor:pointer;list-style:none;display:block;text-align:center;font-size:13px;font-weight:400;color:var(--text-3)}.srcs summary::-webkit-details-marker{display:none}.srcs summary::after{content:" +";font-size:13px;color:var(--text-2);display:inline;transition:none}.srcs[open] summary::after{content:" −";transform:none}.srcs p{margin:10px 0 0}
.sitefoot{background:var(--deep);border-top:1px solid var(--line);padding:64px 0 28px}
.sitefoot .wrap{max-width:1240px;display:block;color:inherit;font-size:inherit}.sitefoot .logo{color:var(--text);text-decoration:none}.fgrid{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:64px}
.fbrand{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.fbrand p{margin:0;color:var(--text-2);font-size:14px;line-height:1.6;max-width:32ch}
.fdemo{padding:10px 18px;font-size:14px}
.fsocial{display:flex;gap:14px;margin-top:4px}
.fsocial a{color:var(--text-3);display:grid;place-items:center;width:22px;height:22px;transition:color .2s}
.fsocial a:hover{color:var(--text)}.fsocial svg{width:20px;height:20px}
.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 32px}
.fstack{display:flex;flex-direction:column;gap:40px}
.fcol h4{margin:0 0 14px;font-family:var(--body);font-size:14px;font-weight:600;color:var(--text)}
.fcol ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.fcol a{color:var(--text-2);font-size:14px;text-decoration:none;transition:color .2s}
.fcol a:hover{color:var(--text)}
.indlist .more{display:none}.indlist.open .more{display:list-item}
.fmore{margin-top:14px;background:none;border:0;padding:0;color:var(--text);font:600 14px var(--body);cursor:pointer}
.fmore:hover{color:var(--purple-light)}
.flegal{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--text-3)}
.flegal span{margin-right:8px}
.flegal a{color:var(--text-2);text-decoration:none}.flegal a:hover{color:var(--text)}
@media (max-width:1020px){.fgrid{grid-template-columns:minmax(0,1fr);gap:40px}.fbrand p{max-width:46ch}}
@media (max-width:700px){.sitefoot{padding:48px 0 24px}.fcols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.fcol a{font-size:14px}.flegal{margin-top:40px;gap:10px 18px}.flegal span{width:100%}}

/* ===== Hero refinement (Oct 2026): calmer glow, quieter owls, clear hierarchy ===== */
.screen{background:radial-gradient(44% 40% at 50% 46%,rgba(104,72,214,.30) 0%,rgba(46,34,104,.16) 48%,rgba(6,6,7,0) 78%),#060607}
.grain{display:none}
.owl{filter:none}
.owl img{opacity:.5}
.o1 img{-webkit-mask-image:linear-gradient(90deg,#000 45%,transparent 98%);mask-image:linear-gradient(90deg,#000 45%,transparent 98%)}
.o2 img{-webkit-mask-image:linear-gradient(270deg,#000 45%,transparent 98%);mask-image:linear-gradient(270deg,#000 45%,transparent 98%)}
.o3 img{opacity:.26;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 45%);mask-image:linear-gradient(180deg,transparent 0%,#000 45%)}
@media (min-width:701px){
  .o1{left:-2%;top:16%;width:min(27vw,400px)}
  .o2{right:-2%;top:8%;width:min(28vw,410px)}
  .o3{left:calc(50% - min(16vw,230px));bottom:-11%;width:min(32vw,460px)}
  .copy{gap:0;padding-top:56px}
  .cat-line{border:0!important;background:none!important;padding:0!important;border-radius:0!important;font:500 12px var(--mono)!important;letter-spacing:.16em!important;color:rgba(242,241,238,.48)!important;margin-bottom:30px}
  .hero-h{max-width:850px;margin-inline:auto;font-size:clamp(44px,5.4vw,74px);line-height:1.02;letter-spacing:-.04em}
  .hs{max-width:none}
  .rot{margin-top:.04em}
  .hero-s{max-width:550px!important;margin:28px auto 0;font-size:19px;line-height:1.55;color:rgba(242,241,238,.66)!important;text-wrap:balance}
  .ctas{margin-top:40px;gap:12px}
  .also{margin-top:30px;font-size:13px;color:rgba(242,241,238,.42)}
  .also u{text-decoration:none}
}
.ctas .btn{height:52px;padding:0 30px;font-size:15.5px;font-weight:500;letter-spacing:-.005em;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.ctas .btn-white{background:#fff;color:#0b0b0c;box-shadow:none}
.ctas .btn-white:hover{background:#ebeae6;transform:translateY(-1px)}
.ctas .btn-glass{background:rgba(6,6,7,.35);border:1px solid rgba(242,241,238,.18);color:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;gap:10px;padding:0 26px 0 22px}
.ctas .btn-glass:hover{background:rgba(242,241,238,.05);border-color:rgba(242,241,238,.34);transform:translateY(-1px)}
.ctas .btn-glass .playic{width:18px;height:18px}
.ctas .badge{display:none}
.also-m u{text-decoration:none}
/* lead-source band below the hero */
.srcstrip{border-block:1px solid var(--line);background:var(--deep)}
.srcin{display:flex;align-items:center;justify-content:space-between;gap:20px 40px;padding-block:28px}
.srctxt{display:flex;flex-direction:column;gap:6px;max-width:400px}
.srctxt p{margin:0;font-size:14px;line-height:1.5;color:var(--text-2)}
.srctxt a{color:var(--purple-light);white-space:nowrap}
.srcs-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.srcs-row span{display:flex;align-items:center;gap:9px;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--line);background:rgba(242,241,238,.04);font-size:14px;font-weight:500;color:var(--text)}
.srcs-row .wi{width:26px;height:26px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;overflow:hidden}
.srcs-row .wi svg{width:16px;height:16px;display:block}.srcs-row .wi img{width:17px;height:17px;object-fit:contain;display:block}
.srcs-row .wi.meta img{width:22px;height:22px}.srcs-row .wi.ph{background:none}.srcs-row .wi.ph svg{width:26px;height:26px}
@media (max-width:1180px){.srcin{flex-direction:column;align-items:flex-start}.srcs-row{justify-content:flex-start}.srctxt{max-width:560px}}
@media (max-width:700px){
  .srcin{padding-block:24px;gap:16px}
  .srcs-row{gap:8px}.srcs-row span{font-size:13px;padding:4px 12px 4px 4px}.srcs-row .wi{width:24px;height:24px}
  .hero-s{color:rgba(242,241,238,.68)!important}
  .ctas .btn{height:50px;padding:0 28px}
}

/* ===== Lead tracking section (sources -> Cindy) ===== */
.tracking{padding:120px 0 40px}
.tk-head{gap:16px;margin-bottom:48px}
.tk-head .sub{max-width:560px}
.tk-link{color:var(--purple-light);white-space:nowrap}
.tk-card{position:relative;max-width:1000px;margin-inline:auto;border-radius:32px;overflow:hidden;padding:64px 48px 52px;
  background:radial-gradient(90% 70% at 0% 0%,rgba(255,206,184,.55) 0%,rgba(255,206,184,0) 55%),linear-gradient(155deg,#c9b6ff 0%,#9a77fb 32%,#7246f0 62%,#3a1fb0 85%,#1a0d5c 100%);
  box-shadow:0 40px 120px rgba(91,54,224,.25),inset 0 1px 0 rgba(255,255,255,.35)}
.tk-row{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tk-tile{display:flex;flex-direction:column;align-items:center;gap:12px}
.tk-ic{width:clamp(56px,9vw,104px);aspect-ratio:1;border-radius:28%;background:#fff;display:grid;place-items:center;box-shadow:0 14px 34px rgba(30,10,90,.28),0 0 0 6px rgba(255,255,255,.14)}
.tk-ic svg,.tk-ic img{width:44%;height:44%;object-fit:contain;display:block}
.tk-ic.meta img{width:56%;height:56%}
.tk-ic.ph{background:#34c759}.tk-ic.ph svg{width:100%;height:100%}
.tk-tile span{font-size:13.5px;font-weight:500;color:#fff;text-shadow:0 1px 8px rgba(30,10,90,.35);text-align:center;line-height:1.25}
.tk-lines{position:relative;z-index:1;display:block;width:100%;height:clamp(110px,18vw,180px);margin:6px 0 -2px;overflow:visible}
.tk-lines path{fill:none;vector-effect:non-scaling-stroke}
.tk-lines .base path{stroke:rgba(255,255,255,.38);stroke-width:2.5}
.tk-lines .glow path{stroke:#ffd9c2;stroke-width:3;stroke-linecap:round;stroke-dasharray:90 910;stroke-dashoffset:90;filter:drop-shadow(0 0 6px rgba(255,200,170,.9));opacity:0}
@media (prefers-reduced-motion:no-preference){.tk-lines .glow path{animation:tkflow 2.75s cubic-bezier(.45,.05,.4,1) infinite}}
@keyframes tkflow{0%{stroke-dashoffset:90;opacity:0}10%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:-910;opacity:0}}
.tk-hub{position:relative;z-index:2;display:flex;justify-content:center}
.tk-hub-ic{width:clamp(76px,11vw,120px);aspect-ratio:1;border-radius:30%;padding:10px;background:rgba(255,255,255,.22);box-shadow:0 0 0 1px rgba(255,255,255,.35),0 20px 50px rgba(30,10,90,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tk-hub-ic img{width:100%;height:100%;border-radius:24%;display:block}
.tk-result{position:relative;z-index:2;margin:28px auto 0;width:max-content;max-width:100%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:12px 20px;border-radius:999px;background:rgba(10,6,30,.55);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;color:rgba(255,255,255,.85)}
.tk-result b{color:#fff;font-weight:600}
.tk-dot{width:8px;height:8px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.2)}
.tk-src{font:500 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:#ffd9c2}
.tk-val{font-family:var(--display);font-weight:620;color:#fff}
@media (max-width:700px){
  .tracking{padding:72px 0 16px}
  .tk-head{margin-bottom:32px}
  .tk-card{padding:36px 14px 28px;border-radius:24px}
  .tk-row{gap:6px}
  .tk-ic{width:clamp(48px,14vw,60px);box-shadow:0 10px 24px rgba(30,10,90,.28),0 0 0 4px rgba(255,255,255,.14)}
  .tk-tile{gap:8px}.tk-tile span{font-size:11px}
  .tk-lines{height:96px}
  .tk-result{border-radius:18px;font-size:13px;padding:10px 14px;gap:4px 10px}
}

/* jobs blended into One system */
.sysjobs{margin-top:72px}
.sysjobs .jobs{margin-top:0}
@media (max-width:700px){.sysjobs{margin-top:44px}}

/* sample call, decluttered */
.player{align-items:center}
.pl-left{gap:20px}
.pl-left .sub{max-width:34ch}
.pl-right{gap:14px}
.pl-right .pc-head{display:flex;align-items:center;gap:8px}
.pl-tag{margin-left:auto;font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border:1px solid var(--line);border-radius:999px;padding:2px 8px}
.pl-right #ptime{margin-left:10px}
.wave.big{height:40px;gap:3px}
.wave.big i{flex:1;max-width:4px;border-radius:2px}
.script{height:230px;max-height:none;justify-content:flex-start;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 28px);mask-image:linear-gradient(180deg,transparent 0,#000 28px);padding-top:16px}
.script p{display:none;font-size:15px;line-height:1.5;color:var(--text-2)}
.script p::before{display:none}
.script p.pre{display:block;color:var(--text-2)}
.script p.lit{display:block;color:var(--text);animation:plin .35s ease}
.script p b,.script p em{display:block;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0 0 2px}
.script p em{color:var(--text-3)}
@keyframes plin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pl-out{display:inline-flex;visibility:hidden;opacity:0;align-items:center;gap:8px;align-self:flex-start;padding:8px 14px;border-radius:999px;background:rgba(139,92,246,.14);border:1px solid rgba(182,156,255,.35);font-size:13.5px;color:var(--text-2)}
.pl-out b{color:var(--text);font-weight:600}
.pl-out .tk-dot{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 3px rgba(52,199,89,.2)}
.pl-out.show{visibility:visible;opacity:1;animation:plin .35s ease}
@media (prefers-reduced-motion:reduce){.script p{display:block}.pl-out{visibility:visible;opacity:1}}
@media (max-width:700px){.script{height:210px}.script p{font-size:14px}.pl-tag{display:none}}

/* One system: one place for everything Cindy does */
.sys-head{gap:16px;margin-bottom:56px}
.sys-head .sub{max-width:560px}
.sysgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.sysgrid .orbit{margin:0 auto}
.caps{display:flex;flex-direction:column;gap:28px}
.capgrp{display:flex;flex-direction:column;gap:10px}
.caplist{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);overflow:hidden}
.cap{display:flex;align-items:center;gap:12px;padding:0 16px 0 0;border-top:1px solid var(--line);transition:background .2s}
.cap:first-child{border-top:0}
.cap:hover{background:rgba(242,241,238,.03)}
.cap>a{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:14px 0 14px 16px}
.cap .num{flex:none;font:700 11px var(--mono);background:var(--purple);color:#000;border-radius:5px;padding:3px 6px;transition:background .2s,color .2s}
.cap .si{flex:none;width:30px;height:30px;border-radius:9px;background:rgba(242,241,238,.06);border:1px solid var(--line);display:grid;place-items:center}
.cap .si svg{width:15px;height:15px}
.cap .ct{display:flex;flex-direction:column;gap:2px;min-width:0}
.cap .ct b{font-weight:500;font-size:15px;color:var(--text)}
.cap .ct span{font-size:13px;color:var(--text-3);line-height:1.4}
.cap .go{margin-left:auto;color:var(--text-3);transition:transform .2s,color .2s}
.cap:hover .go{color:var(--purple-light);transform:translateX(3px)}
.cap .sw{flex:none}
.cap[data-job]:not(.on) .num{background:rgba(242,241,238,.1);color:var(--text-3)}
.cap[data-job]:not(.on) .ct b{color:var(--text-3)}
@media (max-width:960px){.sysgrid{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:700px){.sys-head{margin-bottom:28px}.cap>a{padding:12px 0 12px 14px;gap:12px}.cap .ct b{font-size:14.5px}.sysgrid .orbit{display:none}}
.orbit .node{transition:opacity .3s}.orbit .node.off{opacity:.3}

/* One system v3: the orbit carries everything */
.orbitsec .orbit{width:min(100%,640px)}
.orbitsec .node{cursor:pointer;font:500 14px var(--body);color:var(--text);padding:8px 14px 8px 8px;transition:opacity .3s,border-color .2s,background .2s}
.orbitsec .node:hover{border-color:rgba(182,156,255,.7)}
.orbitsec .node.off{opacity:1;background:transparent;border-color:var(--line);color:var(--text-3)}
.orbitsec .node.off span{background:rgba(242,241,238,.1);color:var(--text-3)}
.orbitsec .sat{display:inline-flex;align-items:center;gap:7px;font:500 12.5px var(--body);letter-spacing:0;text-transform:none;color:var(--text-2);background:rgba(18,19,22,.92);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 9px;transform:translate(-50%,-50%) rotate(var(--a)) translateX(26cqw) rotate(calc(-1 * var(--a)));transition:color .2s,border-color .2s;z-index:1}
.orbitsec .sat svg{width:13px;height:13px;opacity:.8}
.orbitsec .sat:hover{color:var(--text);border-color:rgba(182,156,255,.5)}
.orbitsec .core{z-index:2}
.sat-row{display:none}
@media (max-width:700px){
  .orbitsec .orbit{width:min(100%,360px);display:block!important}
  .orbitsec .sat{display:none}
  .orbitsec .node{font-size:11px;padding:5px 9px 5px 5px}
  .sat-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
  .sat-row a{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text-2);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 12px 7px 10px}
  .sat-row svg{width:13px;height:13px;opacity:.8}
}

/* One system: text left, orb right (so it doesn't mirror the centered tracking card) */
.sysgrid2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.sysgrid2 .sys-head{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:18px;margin:0}
.sysgrid2 .sys-head .sub{margin:0;max-width:40ch}
.sys-link{color:var(--purple-light);font-size:15px;display:inline-flex;gap:6px;align-items:center}
.sys-link span{transition:transform .2s}.sys-link:hover span{transform:translateX(3px)}
.sysgrid2 .orbit{margin:0 0 0 auto}
@media (max-width:960px){.sysgrid2{grid-template-columns:minmax(0,1fr);gap:36px}.sysgrid2 .orbit{margin:0 auto}}
@media (max-width:700px){
  .orbitsec .orbit{width:calc(100% + 24px)!important;max-width:460px;margin:0 -12px!important}
  .orbitsec .node{font-size:12px!important;padding:6px 10px 6px 6px!important}
  .orbitsec .node span{width:22px;height:22px}
  .orbitsec .core b{font-size:22px}
}

/* Sample call: one headline, one big button, plays in a pop-up */
.callsec{padding-top:40px}
.callbox{position:relative;overflow:hidden;border-radius:32px;border:1px solid var(--line);padding:120px 24px;text-align:center;
  background:radial-gradient(50% 60% at 50% 55%,rgba(110,76,224,.42) 0%,rgba(43,33,96,.25) 45%,rgba(9,9,10,0) 80%),#0b0b0e}
.callbox .cowl{position:absolute;width:min(30%,320px);opacity:.28;pointer-events:none}
.callbox .cowl.l{left:-3%;top:8%;-webkit-mask-image:linear-gradient(90deg,#000 40%,transparent);mask-image:linear-gradient(90deg,#000 40%,transparent)}
.callbox .cowl.r{right:-3%;bottom:4%;-webkit-mask-image:linear-gradient(270deg,#000 40%,transparent);mask-image:linear-gradient(270deg,#000 40%,transparent)}
.callbox .in{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}
.callbox h2{font-size:clamp(36px,5vw,64px);line-height:1.02}
.hl2{background:linear-gradient(90deg,#d9cbff,#b69cff 45%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.callbox .sub{max-width:520px;margin:0;font-size:18px;color:rgba(242,241,238,.7)}
.talkbtn{margin-top:14px;display:inline-flex;align-items:center;gap:18px;padding:10px 34px 10px 10px;border-radius:999px;cursor:pointer;
  background:rgba(242,241,238,.1);border:1px solid rgba(242,241,238,.22);color:#fff;font:600 19px var(--body);letter-spacing:-.01em;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s,border-color .2s,transform .2s}
.talkbtn:hover{background:rgba(242,241,238,.16);border-color:rgba(242,241,238,.36);transform:translateY(-1px)}
.talkbtn .mic{position:relative;width:62px;height:62px;border-radius:50%;background:#111;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(182,156,255,.55),0 0 26px rgba(139,92,246,.6)}
.talkbtn .mic svg{width:24px;height:24px;color:#fff}
@media (prefers-reduced-motion:no-preference){.talkbtn .mic::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(182,156,255,.5);animation:micp 2.2s ease-out infinite}}
@keyframes micp{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media (max-width:700px){.callbox{padding:72px 18px;border-radius:24px}.callbox .sub{font-size:16px}.talkbtn{font-size:16px;gap:12px;padding:8px 24px 8px 8px}.talkbtn .mic{width:50px;height:50px}.callbox .cowl{width:46%;opacity:.18}}

/* fixed square sizes (Safari can squeeze aspect-ratio boxes in tight columns) */
.tk-ic{--s:clamp(56px,9vw,104px);width:var(--s);height:var(--s);aspect-ratio:auto;flex:none}
.tk-hub-ic{--s:clamp(84px,11vw,120px);width:var(--s);height:var(--s);aspect-ratio:auto;flex:none;box-sizing:border-box}
.tk-hub-ic img{width:100%;height:100%;object-fit:cover}
.tk-ic svg,.tk-ic img{object-fit:contain}
.core-mark{object-fit:cover}
@media (max-width:700px){.tk-ic{--s:min(13vw,54px);border-radius:16px}.tk-hub-ic{--s:84px;padding:8px}}

/* ===== Site pages (added to the home styles) ===== */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 14px;border-radius:8px}
.skip:focus{left:12px}
/* nav with menus */
.nav .menu{display:flex;align-items:center;gap:4px;margin-inline:auto;font-size:14px;color:rgba(242,241,238,.78)}
.nav .mi{position:relative}
.nav .mt{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;background:none;border:0;cursor:pointer;color:inherit;font-size:14px;white-space:nowrap}
.nav .mt:hover,.nav .mi.open .mt,.nav .mt[aria-current]{color:#fff;background:rgba(242,241,238,.07)}
.nav .mt svg{width:10px;height:10px;opacity:.6;transition:transform .2s}
.nav .mi.open .mt svg{transform:rotate(180deg)}
.nav .dd{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;background:rgba(14,14,17,.97);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 24px 60px rgba(0,0,0,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav .mi.open .dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav .dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.dd-grid{display:grid;gap:2px}
.dd a.di{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;min-width:220px}
.dd a.di:hover{background:rgba(242,241,238,.06)}
.dd a.di b{font-weight:500;color:var(--text);font-size:14px;display:flex;align-items:center;gap:8px}
.dd a.di span{color:var(--text-3);font-size:12.5px;line-height:1.4}
.dd h6{margin:6px 12px 4px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.dd .dd-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:6px 2px 0;padding:10px 12px 4px;border-top:1px solid var(--line);font-size:13px;color:var(--text-2)}
.dd .dd-foot a{color:var(--purple-light)}
.dd .pill{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--purple-light);border:1px solid rgba(182,156,255,.35);border-radius:999px;padding:1px 6px}
.dd-ind{grid-template-columns:repeat(3,minmax(0,1fr));width:min(720px,calc(100vw - 48px))}
.dd-ind a.di{min-width:0;padding:7px 12px}
.dd-prod{grid-template-columns:repeat(2,minmax(0,1fr));width:min(620px,calc(100vw - 48px))}
.nav .right2{display:flex;align-items:center;gap:6px;flex:none}
.nav .login{font-size:14px;color:rgba(242,241,238,.78);padding:0 12px;height:38px;display:inline-flex;align-items:center;border-radius:999px}
.nav .login:hover{color:#fff}
.nav .burger{display:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:rgba(242,241,238,.06);align-items:center;justify-content:center;cursor:pointer}
.nav .burger svg{width:18px;height:18px}
.nav .menu{display:flex}
.msheet{position:fixed;inset:0;z-index:59;background:#060607;padding:84px 20px 28px;overflow-y:auto;display:none}
.msheet.open{display:block}
.msheet details{border-bottom:1px solid var(--line)}
.msheet summary,.msheet .ml{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font-size:18px;font-family:var(--display);font-weight:620;letter-spacing:-.02em;list-style:none;cursor:pointer}
.msheet summary::-webkit-details-marker{display:none}
.msheet summary::after{content:"+";font-family:var(--body);font-weight:400;color:var(--text-3);font-size:22px}
.msheet details[open] summary::after{content:"−"}
.msheet .ml{border-bottom:1px solid var(--line)}
.msheet .mlinks{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:0 4px 16px}
.msheet .mlinks a{color:var(--text-2);font-size:15px;padding:6px 0}
.msheet .mcta{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.msheet .mcta .btn{height:50px;font-size:16px}
body.menu-open{overflow:hidden}
@media (max-width:1060px){.nav .menu,.nav .login{display:none}.nav .burger{display:inline-flex}}
@media (max-width:700px){.nav .right2 .btn-white{display:none}}

/* sub-page hero */
.phero{position:relative;overflow:hidden;background:var(--sky);padding:168px 0 88px;isolation:isolate}
.phero::before{content:"";position:absolute;inset:0;background:url(img/owl-right.png) no-repeat right -40px top 60px/420px auto,url(img/owl-left.png) no-repeat left -60px bottom -40px/360px auto;opacity:.09;z-index:-1}
.phero.plain::before{display:none}
.phero .wrap{display:flex;flex-direction:column;gap:20px}
.phero.center .wrap{align-items:center;text-align:center}
.phero h1{font-size:clamp(38px,5.2vw,64px);max-width:18ch}
.phero.center h1{margin-inline:auto}
.phero h1 .hl{color:var(--purple-light)}
.phero .lead{font-size:18px;line-height:1.55;color:rgba(242,241,238,.74);max-width:56ch;margin:0}
.phero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.phero.center .ctas{justify-content:center}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.crumbs a:hover{color:var(--text)}
.crumbs span[aria-hidden]{opacity:.5}
.phero.center .crumbs{justify-content:center}
.statusp{display:inline-flex;align-items:center;gap:8px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--purple-light);border:1px solid rgba(182,156,255,.35);border-radius:999px;padding:4px 10px;width:max-content}
.statusp i{width:6px;height:6px;border-radius:50%;background:var(--purple-light)}
.hero-visual{margin-top:48px}
.sec{padding-block:96px}
.sec.tight{padding-block:64px}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:40px}
.sec-head.center{align-items:center;text-align:center}
.sec-head h2{max-width:22ch}
.sec-head .sub{margin:0}
.bg-deep{background:var(--deep);border-block:1px solid var(--line)}

/* cards */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px}
.card h3{font-size:19px}
.card p{margin:0;color:var(--text-2);font-size:14.5px;line-height:1.55}
.card .num{font:700 12px var(--mono);background:var(--purple);color:#000;border-radius:5px;padding:2px 6px;width:max-content}
.card.link{transition:border-color .2s,transform .2s}
.card.link:hover{border-color:rgba(182,156,255,.45);transform:translateY(-2px)}
.card .more{margin-top:auto;padding-top:6px;color:var(--purple-light);font-size:14px}
.card .ic{width:40px;height:40px;border-radius:12px;background:rgba(139,92,246,.14);border:1px solid rgba(182,156,255,.25);display:grid;place-items:center;color:var(--purple-light)}
.card .ic svg{width:20px;height:20px}
.card .tags{display:flex;gap:6px;flex-wrap:wrap}

/* split rows */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
.split.rev>:first-child{order:2}
.split .txt{display:flex;flex-direction:column;gap:16px}
.split .txt h2{font-size:clamp(28px,3.2vw,40px)}
.ticks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ticks li{display:flex;gap:10px;color:var(--text-2);font-size:15px;line-height:1.5}
.ticks li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:rgba(139,92,246,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b69cff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}

/* mock product panel */
.mock{background:linear-gradient(180deg,#141418,#0c0c0f);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.mock .pc-head{display:flex;align-items:center;gap:8px;font:500 11.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}
.mock .pc-head .dot{width:7px;height:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 3px rgba(52,199,89,.18)}
.mock .pc-head .r{margin-left:auto}
.mrow{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(242,241,238,.04);border:1px solid rgba(242,241,238,.06);font-size:13.5px}
.mrow .av{width:28px;height:28px;border-radius:50%;background:#2a2733;display:grid;place-items:center;font:600 11px var(--body);color:var(--text-2);flex:none}
.mrow b{font-weight:500}
.mrow .m{color:var(--text-3);font-size:12.5px}
.mrow .r{margin-left:auto;display:flex;align-items:center;gap:8px}
.mrow.hi{border-color:rgba(182,156,255,.4);background:rgba(139,92,246,.08)}
.chip{display:inline-flex;align-items:center;gap:6px;font:500 11px var(--mono);letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--text-2);white-space:nowrap}
.chip.p{background:var(--purple);border-color:var(--purple);color:#000}
.chip.g{border-color:rgba(52,199,89,.4);color:#7ee09a}
.chip.y{border-color:rgba(251,188,4,.4);color:#ffd46b}
.chip img{width:12px;height:12px;border-radius:3px}
.bubs{display:flex;flex-direction:column;gap:8px}
.bb{max-width:82%;padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:1.45}
.bb.in{background:#23222a;border-bottom-left-radius:5px;align-self:flex-start}
.bb.out{background:var(--purple);color:#000;border-bottom-right-radius:5px;align-self:flex-end}
.bb small{display:block;font:500 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin-bottom:2px}
.tscript{display:flex;flex-direction:column;gap:9px;font-size:13.5px;line-height:1.5}
.tscript p{margin:0;color:var(--text-2)}
.tscript b{color:var(--purple-light);font-weight:500;margin-right:6px}
.tscript em{font-style:normal;color:var(--text);font-weight:500;margin-right:6px}
.bars{display:flex;flex-direction:column;gap:9px}
.bar{display:grid;grid-template-columns:120px 1fr 54px;gap:10px;align-items:center;font-size:13px;color:var(--text-2)}
.bar i{display:block;height:8px;border-radius:99px;background:rgba(242,241,238,.08);overflow:hidden}
.bar i u{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--purple-light));border-radius:99px}
.bar b{font-weight:500;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
.flow{display:flex;flex-direction:column;gap:0;align-items:stretch}
.flow .st{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(242,241,238,.04);font-size:14px}
.flow .st small{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--purple-light);width:64px;flex:none}
.flow .ln{width:2px;height:16px;background:var(--line);margin-left:32px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kpi{padding:12px;border-radius:12px;background:rgba(242,241,238,.04);border:1px solid rgba(242,241,238,.06)}
.kpi span{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.kpi b{display:block;font-family:var(--display);font-weight:620;font-size:24px;letter-spacing:-.03em;margin-top:4px}
.kan{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kan .col{display:flex;flex-direction:column;gap:6px}
.kan .col>span{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:0 2px}
.kan .kc{padding:8px 10px;border-radius:10px;background:rgba(242,241,238,.05);border:1px solid rgba(242,241,238,.07);font-size:12.5px}
.kan .kc small{display:block;color:var(--text-3);font-size:11.5px}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.slots span{padding:9px 0;text-align:center;border-radius:10px;border:1px solid var(--line);font-size:13px;color:var(--text-2)}
.slots span.on{background:var(--purple);border-color:var(--purple);color:#000;font-weight:600}
.slots span.x{opacity:.35;text-decoration:line-through}

/* steps */
.steps-r{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.steps-r .stp{padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:10px}
.steps-r .stp::before{counter-increment:s;content:counter(s);width:30px;height:30px;border-radius:50%;background:var(--purple);color:#000;font:700 13px var(--mono);display:grid;place-items:center}
.steps-r .stp p{margin:0;color:var(--text-2);font-size:14.5px}

/* link chips */
.lchips{display:flex;flex-wrap:wrap;gap:10px}
.lchips a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(242,241,238,.04);font-size:14px;color:var(--text-2);transition:border-color .2s,color .2s}
.lchips a:hover{color:var(--text);border-color:rgba(182,156,255,.45)}
.lchips a img{width:18px;height:18px;border-radius:5px;background:#fff}

/* faq on sub pages */
.faq2{max-width:820px;margin-inline:auto}
.faq2 details{border-bottom:1px solid var(--line);padding:20px 0}
.faq2 summary{font-size:17px}
.faq2 details p{margin:12px 0 0;color:var(--text-2);line-height:1.6;max-width:68ch}
.faq-groups{display:flex;flex-direction:column;gap:56px}
.faq-groups h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:8px}

/* compare */
.vs-logos{display:flex;align-items:center;gap:14px}
.vs-logos .lg{width:56px;height:56px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.vs-logos .lg img{width:40px;height:40px;object-fit:contain}
.vs-logos .lg.cin{background:none}
.vs-logos .lg.cin img{width:56px;height:56px;border-radius:16px}
.vs-logos .x{font:500 13px var(--mono);color:var(--text-3)}
.ctable{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--panel)}
.ctable .cr{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);font-size:14.5px}
.ctable .cr:first-child{border-top:0;font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);background:rgba(242,241,238,.03)}
.ctable .cr>span:not(:first-child){display:flex;flex-direction:column;gap:2px}
.ctable .cr small{color:var(--text-3);font-size:12px}
.ctable .cindy-col{color:var(--text)}
.mk{display:inline-flex;align-items:center;gap:7px;font-weight:500}
.mk::before{content:"";width:18px;height:18px;border-radius:50%;flex:none;background-position:center;background-repeat:no-repeat;background-size:11px}
.mk.yes::before{background-color:rgba(139,92,246,.22);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b69cff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E")}
.mk.no::before{background-color:rgba(242,241,238,.07);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E")}
.mk.partial::before,.mk.addon::before,.mk.soon::before{background-color:rgba(251,188,4,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd46b'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E")}
.mk.no{color:var(--text-3);font-weight:400}
.verdict{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.verdict .card.cpick{border-color:rgba(182,156,255,.4);background:linear-gradient(180deg,rgba(139,92,246,.1),var(--panel) 60%)}
.pricebox{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pricebox .card b.big{font-family:var(--display);font-weight:620;font-size:28px;letter-spacing:-.03em}
.srcnote{font-size:12.5px;color:var(--text-3);line-height:1.6}
.srcnote a{text-decoration:underline;text-underline-offset:2px}

/* industries hub */
.ind-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ind-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--panel);font-size:16px;font-weight:500;transition:border-color .2s,transform .2s}
.ind-grid a:hover{border-color:rgba(182,156,255,.45);transform:translateY(-2px)}
.ind-grid a span{color:var(--purple-light)}
.jobchips{display:flex;flex-wrap:wrap;gap:10px}
.jobchips span{display:inline-flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);font-size:14px}
.jobchips span small{color:var(--purple-light);font:500 12px var(--mono)}
.notice{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-radius:16px;border:1px solid rgba(251,188,4,.3);background:rgba(251,188,4,.06);font-size:14px;line-height:1.55;color:var(--text-2)}
.notice svg{width:20px;height:20px;flex:none;color:#ffd46b;margin-top:1px}
.notice b{color:var(--text);font-weight:600}
.notice a{color:var(--purple-light);text-decoration:underline;text-underline-offset:2px}

/* article */
.article{max-width:740px;margin-inline:auto}
.article .meta{display:flex;gap:14px;flex-wrap:wrap;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.prose{font-size:17px;line-height:1.75;color:rgba(242,241,238,.82)}
.prose h2{font-size:clamp(24px,2.6vw,30px);margin:48px 0 14px;color:var(--text)}
.prose h3{font-size:20px;margin:32px 0 10px;color:var(--text)}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px}
.prose li{margin-bottom:8px}
.prose a{color:var(--purple-light);text-decoration:underline;text-underline-offset:3px}
.prose strong{color:var(--text);font-weight:600}
.prose blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--purple);font-family:var(--display);font-size:22px;line-height:1.35;color:var(--text);letter-spacing:-.015em}
.prose .callout{margin:28px 0;padding:20px 22px;border-radius:16px;background:rgba(139,92,246,.1);border:1px solid rgba(182,156,255,.3);color:var(--text);font-size:16px;line-height:1.6}
.prose .callout::before{content:"Takeaway";display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--purple-light);margin-bottom:6px}
.legal .prose{font-size:15.5px;line-height:1.7}
.legal .prose h2{font-size:22px;margin-top:40px}
.legal .prose h3{font-size:17px}
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.post-card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;border:1px solid var(--line);background:var(--panel);transition:border-color .2s,transform .2s}
.post-card:hover{border-color:rgba(182,156,255,.45);transform:translateY(-2px)}
.post-card h3{font-size:20px;line-height:1.25}
.post-card p{margin:0;color:var(--text-2);font-size:14.5px}
.post-card .meta{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);display:flex;gap:10px}
.post-card .meta b{color:var(--purple-light);font-weight:500}

/* forms */
.form{display:flex;flex-direction:column;gap:14px;max-width:520px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-2)}
.form input,.form textarea,.form select{font:inherit;font-size:15px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.form input:focus,.form textarea:focus{outline:2px solid var(--purple-light);outline-offset:1px;border-color:transparent}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .note{font-size:12.5px;color:var(--text-3)}
.formmsg{display:none;padding:14px 16px;border-radius:12px;background:rgba(139,92,246,.12);border:1px solid rgba(182,156,255,.35);font-size:14px}

/* status board (security) */
.statusb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.statusb .card{align-items:flex-start}
.badge-c{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#1c1b21;border:1px solid var(--line);font:600 13px var(--body);line-height:1.15;color:var(--text)}
.badge-c small{display:block;font:500 10px var(--mono);letter-spacing:.06em;color:var(--text-3);margin-top:3px}

/* sub-page final cta */
.cta2{padding:24px 0 96px}

@media (max-width:960px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.g3,.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.ind-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:minmax(0,1fr);gap:36px}.split.rev>:first-child{order:0}.statusb{grid-template-columns:1fr 1fr}}
@media (max-width:700px){
  .phero{padding:116px 0 56px}
  .phero h1{font-size:clamp(32px,9vw,40px)}
  .phero .lead{font-size:16px}
  .phero::before{background-size:260px auto,220px auto;opacity:.08}
  .sec{padding-block:64px}.sec.tight{padding-block:44px}
  .g2,.g3,.g4,.posts,.verdict,.pricebox,.steps-r,.statusb{grid-template-columns:minmax(0,1fr)}
  .ind-grid{grid-template-columns:minmax(0,1fr)}
  .ctable .cr{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.85fr);padding:12px 14px;font-size:13.5px;gap:8px}
  .ctable .cr small{display:none}
  .kan{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bar{grid-template-columns:96px 1fr 44px}
  .form .row2{grid-template-columns:1fr}
  .prose{font-size:16px}
  .cta2{padding-bottom:64px}
}

.phero.has-vis{padding-bottom:96px}
.phero.has-vis .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.phero.has-vis .ptxt{display:flex;flex-direction:column;gap:20px}
.phero.has-vis h1{font-size:clamp(38px,4.6vw,58px)}
@media (max-width:960px){.phero.has-vis .wrap{grid-template-columns:minmax(0,1fr);gap:40px}}
.prose a,.srcnote a,.prose li{overflow-wrap:anywhere}
.ticks li .tkx{display:block;flex:1}
.nav.compact .nav-in{width:min(1000px,calc(100% - 32px))}
.msheet details{padding:0;margin:0}.msheet details[open] summary::after{transform:none}.msheet summary{gap:0}
.faq2 details[open] summary::after{transform:rotate(45deg)}
.phero .meta{display:flex;gap:8px 18px;flex-wrap:wrap;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.btn .arr{width:15px;height:15px;flex:none;margin-left:-2px;transition:transform .2s ease}
.btn:hover .arr{transform:translateX(3px)}
.nav .btn .arr{width:13px;height:13px}

/* sample call pop-up */
.callmodal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px}
.callmodal[hidden]{display:none}
.cm-back{position:absolute;inset:0;background:rgba(4,4,6,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .2s}
.cm-card{position:relative;width:min(440px,100%);border-radius:28px;border:1px solid rgba(182,156,255,.28);padding:40px 28px 26px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
  background:radial-gradient(80% 60% at 50% 0%,rgba(110,76,224,.35),rgba(18,19,22,0) 70%),#121316;box-shadow:0 40px 120px rgba(0,0,0,.6);opacity:0;transform:translateY(12px) scale(.98);transition:opacity .2s,transform .2s}
.callmodal.in .cm-back,.callmodal.in .cm-card{opacity:1;transform:none}
.cm-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--text-2);font-size:20px;line-height:1;cursor:pointer}
.cm-x:hover{color:#fff}
.cm-av{position:relative;width:96px;height:96px;margin-bottom:6px}
.cm-av img{position:relative;z-index:1;width:100%;height:100%;border-radius:28%}
.cm-av i{position:absolute;inset:-8px;border-radius:32%;border:2px solid rgba(182,156,255,.45);opacity:0}
.callmodal .cm-wave.on~*{}
@media (prefers-reduced-motion:no-preference){.cm-wave.on~.cm-cap{}.callmodal.in .cm-av i{animation:micp 2s ease-out infinite}.callmodal.in .cm-av i:nth-child(3){animation-delay:1s}}
.cm-name{font-family:var(--display);font-weight:620;font-size:24px;letter-spacing:-.02em}
.cm-sub{font-size:13px;color:var(--text-3)}
.cm-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:44px;width:100%;margin:8px 0 2px}
.cm-wave i{width:3px;height:18%;border-radius:2px;background:rgba(182,156,255,.35);transition:height .2s}
.cm-wave.on i{background:var(--purple-light);animation:wv 1s ease-in-out infinite alternate}
.cm-wave i:nth-child(3n){animation-delay:-.3s;height:40%}.cm-wave i:nth-child(4n){animation-delay:-.6s;height:28%}.cm-wave i:nth-child(5n){animation-delay:-.15s;height:60%}
.cm-cap{min-height:4.6em;margin:0;font-size:16px;line-height:1.5;color:var(--text)}
.cm-cap em{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;color:var(--text-3);margin-bottom:4px}
.cm-cap.cindy em{color:var(--purple-light)}
.cm-out{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(139,92,246,.14);border:1px solid rgba(182,156,255,.35);font-size:13.5px;color:var(--text-2);visibility:hidden;opacity:0;transition:opacity .3s}
.cm-out b{color:var(--text)}
.cm-out .tk-dot{width:7px;height:7px;border-radius:50%;background:#34c759}
.cm-out.show{visibility:visible;opacity:1}
.cm-ctrls{display:flex;gap:10px;margin-top:8px;width:100%}
.cm-btn{flex:1;height:46px;border-radius:999px;border:1px solid var(--line);background:rgba(242,241,238,.06);color:#fff;font:500 15px var(--body);cursor:pointer}
.cm-btn:hover{background:rgba(242,241,238,.12)}
.cm-btn.end{background:#e5484d;border-color:#e5484d}
.cm-btn.end:hover{background:#d13d42}
@keyframes wv{from{transform:scaleY(.4)}to{transform:scaleY(1.6)}}
@keyframes micp{0%{transform:scale(.9);opacity:.9}100%{transform:scale(1.35);opacity:0}}

/* ===== Page headers with more flavour ===== */
.phero{background:radial-gradient(55% 75% at 50% -5%,rgba(116,80,232,.42) 0%,rgba(46,34,104,.2) 45%,rgba(8,8,10,0) 78%),#08080a;border-bottom:1px solid rgba(242,241,238,.06)}
.phero.has-vis{background:radial-gradient(45% 70% at 78% 40%,rgba(116,80,232,.38) 0%,rgba(46,34,104,.16) 50%,rgba(8,8,10,0) 80%),radial-gradient(40% 50% at 10% 0%,rgba(116,80,232,.18),rgba(8,8,10,0) 70%),#08080a}
.phero::before{opacity:.14}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(242,241,238,.1) 1px,transparent 1.3px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(65% 70% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(65% 70% at 50% 20%,#000 20%,transparent 75%)}
.phero.has-vis::after{-webkit-mask-image:radial-gradient(55% 80% at 78% 40%,#000 15%,transparent 75%);mask-image:radial-gradient(55% 80% at 78% 40%,#000 15%,transparent 75%)}
.hl2{background:linear-gradient(90deg,#e4d9ff 0%,#b69cff 45%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero h1{letter-spacing:-.04em}
.phero .lead{color:rgba(242,241,238,.72)}
.hchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.phero.center .hchips{justify-content:center}
.hchips a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(242,241,238,.14);background:rgba(242,241,238,.05);font-size:14px;color:var(--text-2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .2s,border-color .2s,background .2s}
.hchips a:hover{color:#fff;border-color:rgba(182,156,255,.5);background:rgba(139,92,246,.12)}
.hchips img{width:18px;height:18px;border-radius:5px;background:#fff;object-fit:contain}
.pvis{position:relative}
.pvis::before{content:"";position:absolute;inset:8% 6%;border-radius:40px;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 70%);filter:blur(40px);z-index:-1}
/* compare scorecard */
.score{background:linear-gradient(180deg,#141418,#0c0c0f);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.score .sh{display:grid;grid-template-columns:minmax(0,1.4fr) 72px 72px;gap:8px;align-items:center;padding:0 4px 12px;border-bottom:1px solid var(--line)}
.score .sh img{width:30px;height:30px;border-radius:9px;justify-self:center;background:#fff;object-fit:contain}
.score .sh img.cin{background:none}
.score .sh span{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.score .sr{display:grid;grid-template-columns:minmax(0,1.4fr) 72px 72px;gap:8px;align-items:center;padding:11px 4px;border-bottom:1px solid rgba(242,241,238,.06);font-size:14px}
.score .sr:last-child{border-bottom:0}
.score .sr .mk{justify-self:center;font-size:0;gap:0}
.score .sr .mk::before{width:22px;height:22px;background-size:12px}
@media (max-width:700px){.score .sh,.score .sr{grid-template-columns:minmax(0,1fr) 52px 52px}.score .sr{font-size:13px}}
.faq2 details{overflow-x:clip}.faq2 summary::after{flex:none;margin-right:2px}
.phero h1 .hl2.sm{font-size:.74em;line-height:1.08;display:inline-block;margin-top:.12em}
.phero.center .crumbs{display:none}