/* Phonesol marketing site — phonesol.com
   One stylesheet for every page. Tokens first, then layout, components, page parts. */

@font-face{font-family:"Plus Jakarta Sans";src:url(/assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plus Jakarta Sans";src:url(/assets/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";src:url(/assets/fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --ink:#0F0F1A; --ink-2:#4A5065; --ink-3:#7B8196; --line:#E6E7F0; --line-2:#EEEFF5;
  --bg:#FFFFFF; --bg-2:#F6F7FB; --tint:#F4F3FF; --soft:#EFEEFE;
  --accent:#635BFF; --accent-2:#8078FF; --accent-h:#524BD6;
  --ok:#0A7A43; --ok-bg:#E8F5EE; --warn:#B06A00; --warn-bg:#FDF3E1; --err:#B42318; --err-bg:#FDECEA;
  --night:#0B0B14; --night-2:#14141F; --night-line:rgba(255,255,255,.09);
  --font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r-sm:10px; --r:14px; --r-lg:22px; --r-xl:28px;
  --sh-1:0 1px 2px rgba(15,15,26,.05),0 1px 1px rgba(15,15,26,.03);
  --sh-2:0 1px 2px rgba(15,15,26,.04),0 12px 32px -8px rgba(15,15,26,.10);
  --sh-3:0 2px 4px rgba(15,15,26,.04),0 30px 60px -18px rgba(40,34,140,.22);
  --max:1200px; --gut:24px; --hdr:68px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;transition:top .2s}
.skip:focus{top:12px}

/* ---------- layout ---------- */
.wrap{width:100%;max-width:calc(var(--max) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.sec{padding:120px 0}
.sec.tight{padding:88px 0}
.sec.alt{background:var(--bg-2)}
.sec.night{background:var(--night);color:#fff}
@media (max-width:900px){.sec{padding:84px 0}.sec.tight{padding:64px 0}}
@media (max-width:560px){:root{--gut:16px}.sec{padding:68px 0}}

/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.eyebrow::before{content:"";width:18px;height:1.5px;background:currentColor;border-radius:2px}
.night .eyebrow{color:#A7A2FF}
.h1{font-size:clamp(40px,6.4vw,78px);line-height:1.01;letter-spacing:-.045em;font-weight:780}
.h2{font-size:clamp(32px,4.4vw,54px);line-height:1.04;letter-spacing:-.04em;font-weight:760}
.h3{font-size:clamp(22px,2.2vw,28px);line-height:1.18;letter-spacing:-.025em;font-weight:720}
.h4{font-size:18px;line-height:1.35;letter-spacing:-.015em;font-weight:700}
.it{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em;font-size:1.1em;line-height:.9}
.it.ac{color:var(--accent)}
.night .it.ac{color:#A7A2FF}
.lead{font-size:clamp(17px,1.5vw,19.5px);line-height:1.6;color:var(--ink-2);max-width:620px}
.night .lead{color:rgba(255,255,255,.66)}
.muted{color:var(--ink-3)}
.mono{font-family:var(--mono);font-feature-settings:"tnum" 1,"zero" 1}
.head{display:grid;gap:18px;max-width:760px;margin-bottom:56px}
.head.center{margin-left:auto;margin-right:auto;text-align:center;justify-items:center}
.head.center .lead{margin:0 auto}
.head.split{max-width:none;grid-template-columns:1.1fr .9fr;align-items:end;gap:40px}
@media (max-width:900px){.head.split{grid-template-columns:1fr;gap:18px}.head{margin-bottom:40px}}

/* ---------- buttons ---------- */
.btn{--h:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--h);padding:0 22px;border-radius:999px;font-weight:620;font-size:15.5px;letter-spacing:-.012em;white-space:nowrap;isolation:isolate;transition:background .2s,color .2s,box-shadow .25s,transform .25s var(--ease)}
.btn:has(.ab){padding-right:7px}
.btn .ab{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .3s var(--ease),background .2s}
.btn .ab svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.btn:hover .ab svg{transform:translateX(2px)}
.btn.sm{--h:40px;padding:0 16px;font-size:14.5px}
.btn.sm:has(.ab){padding-right:5px}
.btn.sm .ab{width:30px;height:30px}
.btn.sm .ab svg{width:14px;height:14px}
.btn.pri{color:#fff;background:linear-gradient(180deg,#7770FF 0%,#635BFF 52%,#5A52F2 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(30,20,120,.25),0 0 0 1px #5149E6,0 1px 2px rgba(40,30,160,.25),0 8px 22px -8px rgba(99,91,255,.75)}
.btn.pri .ab{background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.btn.pri:hover{transform:translateY(-1px);background:linear-gradient(180deg,#7E77FF 0%,#6A62FF 52%,#5D55F5 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(30,20,120,.25),0 0 0 1px #5149E6,0 2px 4px rgba(40,30,160,.2),0 14px 30px -10px rgba(99,91,255,.8)}
.btn.pri:hover .ab{background:rgba(255,255,255,.24)}
.btn.dark{color:#fff;background:linear-gradient(180deg,#2A2A3C,#0F0F1A);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px #0F0F1A,0 8px 20px -10px rgba(15,15,26,.6)}
.btn.dark .ab{background:rgba(255,255,255,.12)}
.btn.dark:hover{transform:translateY(-1px)}
.btn.ghost{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px rgba(15,15,26,.10),0 1px 2px rgba(15,15,26,.05),0 4px 12px -6px rgba(15,15,26,.10)}
.btn.ghost .ab{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.btn.ghost:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(99,91,255,.35),0 1px 2px rgba(15,15,26,.05),0 10px 22px -10px rgba(99,91,255,.35)}
.btn.ghost:hover .ab{background:var(--tint)}
.btn.light{color:var(--ink);background:#fff;box-shadow:inset 0 -1px 0 rgba(15,15,26,.08),0 8px 24px -10px rgba(0,0,0,.5)}
.btn.light .ab{background:var(--accent);color:#fff}
.btn.light:hover{transform:translateY(-1px);background:#F4F3FF}
.btn.line-w{color:#fff;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.btn.line-w:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.btn:active{transform:translateY(0) scale(.985)}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:650;color:var(--accent)}
.link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.link:hover svg{transform:translateX(3px)}
.ticks{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--ink-2)}
.ticks li{display:inline-flex;align-items:center;gap:8px}
.ticks svg{width:16px;height:16px;color:var(--ok)}
.night .ticks{color:rgba(255,255,255,.7)}
.night .ticks svg{color:#7CE0A8}

/* ---------- header: floating translucent pill, full-width white bar on scroll ---------- */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;padding:14px var(--gut) 0;transition:padding .45s var(--ease)}
.hdr-bar{position:relative;max-width:var(--max);margin:0 auto;height:62px;display:flex;align-items:center;gap:20px;padding:0 8px 0 20px;border-radius:20px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 1px rgba(15,15,26,.07),0 10px 34px -14px rgba(30,24,110,.22);transition:max-width .45s var(--ease),border-radius .45s var(--ease),background .3s,box-shadow .3s,padding .45s var(--ease),height .45s var(--ease)}
.hdr.scrolled{padding:0}
.hdr.scrolled .hdr-bar{max-width:100%;height:64px;border-radius:0;background:#fff;padding:0 max(var(--gut),calc((100% - var(--max))/2));box-shadow:0 1px 0 var(--line),0 6px 20px -16px rgba(15,15,26,.25)}
.logo{display:inline-flex;align-items:center;flex:none}
.logo svg{height:28px;width:auto}
.nav{display:flex;align-items:center;gap:2px;margin:0 auto}
.nl{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:999px;font-size:14.75px;font-weight:560;color:var(--ink-2);transition:background .15s,color .15s}
.nl svg{width:14px;height:14px;opacity:.7;transition:transform .2s}
.nl:hover,.dd.open>.nl{background:rgba(15,15,26,.05);color:var(--ink)}
.nl[aria-current="page"]{color:var(--ink);background:rgba(99,91,255,.08)}
.dd{position:relative}
.dd.open>.nl svg{transform:rotate(180deg)}
.dd-menu{position:absolute;top:calc(100% + 14px);left:50%;width:600px;padding:8px;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 30px 70px -24px rgba(15,15,26,.30);display:grid;gap:8px;opacity:0;visibility:hidden;transform:translate(-50%,-6px);transition:opacity .18s,transform .22s var(--ease),visibility .18s}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd-menu.wide{width:720px;grid-template-columns:1fr 220px}
.dd.open .dd-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-content:start}
.dd-grid a{display:grid;grid-template-columns:38px 1fr;gap:1px 12px;padding:11px 12px;border-radius:13px;transition:background .15s}
.dd-grid a:hover{background:var(--bg-2)}
.dd-grid .ic{grid-row:span 2;width:38px;height:38px;border-radius:11px;background:var(--tint);color:var(--accent);display:grid;place-items:center;transition:background .2s,color .2s}
.dd-grid a:hover .ic{background:var(--accent);color:#fff}
.dd-grid .ic svg{width:18px;height:18px}
.dd-grid b{font-size:14.5px;font-weight:650;line-height:1.3;align-self:end}
.dd-grid small{font-size:13px;color:var(--ink-3);line-height:1.35}
.dd-promo{grid-row:span 2;display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:14px;background:var(--night);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.dd-promo::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(240px 180px at 100% 0%,rgba(99,91,255,.65),transparent 70%)}
.dd-promo .tag{align-self:flex-start;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,.12);color:#C9C6FF}
.dd-promo b{font-size:17px;letter-spacing:-.02em;margin-top:auto}
.dd-promo small{font-size:13px;color:rgba(255,255,255,.65);line-height:1.45}
.dd-promo .more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:#fff;margin-top:6px}
.dd-promo .more svg{width:14px;height:14px;transition:transform .2s}
.dd-promo:hover .more svg{transform:translateX(3px)}
.dd-foot{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border-top:1px solid var(--line-2);margin-top:2px}
.dd-foot a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;color:var(--ink-2)}
.dd-foot a:hover{color:var(--accent)}
.dd-foot svg{width:14px;height:14px}
.dd-menu.wide .dd-foot{grid-column:1}
.hdr-cta{display:flex;align-items:center;gap:8px}
.burger{display:none;width:42px;height:42px;border-radius:999px;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.burger svg{width:20px;height:20px}
.drawer{position:fixed;inset:0;z-index:49;background:#fff;padding:calc(64px + 12px) var(--gut) 32px;overflow-y:auto;display:none;flex-direction:column;gap:4px}
.drawer.open{display:flex;animation:drawerIn .25s var(--ease)}
@keyframes drawerIn{from{opacity:0;transform:translateY(-8px)}}
.drawer>a,.drawer summary{display:flex;align-items:center;justify-content:space-between;padding:14px 4px;font-size:18px;font-weight:650;border-bottom:1px solid var(--line-2);list-style:none;cursor:pointer}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary svg{width:18px;height:18px;transition:transform .2s}
.drawer details[open] summary svg{transform:rotate(180deg)}
.drawer details div{display:grid;padding:6px 0 10px}
.drawer details div a{padding:10px 4px;font-size:16px;color:var(--ink-2)}
.drawer .d-cta{display:grid;gap:10px;margin-top:22px}
.drawer .d-cta .btn{width:100%}
@media (max-width:1080px){.nav{display:none}.burger{display:grid}.hdr-cta{margin-left:auto}}
@media (max-width:560px){.hdr{padding:10px 12px 0}.hdr-bar{height:58px;padding:0 7px 0 16px;border-radius:18px}.hdr.scrolled .hdr-bar{height:60px;padding:0 16px}.logo svg{height:25px}}
@media (max-width:420px){.hdr-bar{gap:8px;padding-left:12px}.logo svg{height:21px}.hdr-cta{gap:6px}.hdr-cta .btn{--h:38px;padding:0 11px;font-size:13px}.hdr-cta .btn:has(.ab){padding-right:4px}.hdr-cta .btn .ab{width:28px;height:28px}}
body.lock{overflow:hidden}
/* first section sits under the fixed header */
:root{--hdr-space:76px}
.hero,.ph{padding-top:calc(var(--hdr-space) + 72px)!important}
.nf{padding-top:calc(var(--hdr-space) + 40px)}

/* ---------- hero ---------- */
.hero{position:relative;padding:72px 0 96px;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(1200px 520px at 78% 8%,rgba(99,91,255,.10),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(128,120,255,.07),transparent 60%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.09) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);opacity:.55}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px;align-items:center}
.hero-copy{display:grid;gap:26px;align-content:start}
.hero-copy .lead{max-width:540px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.pill-tag{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.pill-tag b{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--accent);font:500 11.5px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.pill-tag b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(99,91,255,.18);animation:pulse 2.2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px rgba(99,91,255,0)}}
@media (max-width:1000px){.hero-grid{grid-template-columns:1fr;gap:56px}.hero{padding:48px 0 72px}}

/* counter scene (hero visual) */
.scene{position:relative;height:560px;max-width:560px;width:100%;justify-self:end}
.scene .card{position:absolute;background:#fff;border-radius:20px;box-shadow:0 0 0 1px rgba(15,15,26,.06),var(--sh-3)}
.tk{left:0;top:84px;width:340px;padding:22px;z-index:2}
.tk-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.tk-id{font:500 12.5px/1 var(--mono);color:var(--ink-3);letter-spacing:.02em}
.tk-dev{display:flex;gap:14px;align-items:center;padding-bottom:18px;border-bottom:1px dashed var(--line)}
.tk-ph{width:46px;height:46px;border-radius:12px;background:var(--tint);display:grid;place-items:center;color:var(--accent)}
.tk-ph svg{width:22px;height:22px}
.tk-dev b{display:block;font-size:16px;letter-spacing:-.01em}
.tk-dev small{display:block;font:400 12px/1.5 var(--mono);color:var(--ink-3)}
.tk-steps{display:grid;gap:0;padding:18px 0 4px;position:relative}
.tk-step{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:7px 0;font-size:14px;color:var(--ink-3);transition:color .4s}
.tk-step i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line);display:grid;place-items:center;background:#fff;transition:background .4s,box-shadow .4s;position:relative;z-index:1}
.tk-step i svg{width:12px;height:12px;color:#fff;opacity:0;transition:opacity .3s}
.tk-step time{font:400 11.5px/1 var(--mono);color:var(--ink-3);opacity:0;transition:opacity .4s}
.tk-step.done{color:var(--ink)}
.tk-step.done i{background:var(--accent);box-shadow:none}
.tk-step.done i svg{opacity:1}
.tk-step.done time{opacity:1}
.tk-step.now{color:var(--ink);font-weight:650}
.tk-step.now i{box-shadow:inset 0 0 0 1.5px var(--accent)}
.tk-step.now i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}
.tk-rail{position:absolute;left:10.25px;top:30px;bottom:22px;width:1.5px;background:var(--line)}
.tk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2);font-size:13px;color:var(--ink-2)}
.tk-foot .mono{font-size:15px;color:var(--ink);font-weight:500}
.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}
.chip.ok{background:var(--ok-bg);color:var(--ok)}
.chip.warn{background:var(--warn-bg);color:var(--warn)}
.chip.ac{background:var(--soft);color:var(--accent)}
.chip.neu{background:var(--bg-2);color:var(--ink-2)}
.chip.err{background:var(--err-bg);color:var(--err)}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip.bare::before{display:none}

.rc{right:0;top:0;width:206px;z-index:1;padding:20px 18px 26px;border-radius:6px 6px 0 0!important;font-family:var(--mono);font-size:11.5px;line-height:1.7;color:#3a3f52;transform:rotate(2.2deg);transform-origin:top right}
.rc::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:11px;background:linear-gradient(-45deg,transparent 7px,#fff 0) 0 0/14px 11px repeat-x,linear-gradient(45deg,transparent 7px,#fff 0) 0 0/14px 11px repeat-x;filter:drop-shadow(0 2px 1px rgba(15,15,26,.06))}
.rc .rc-h{text-align:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #d8dae4}
.rc .rc-h svg{height:16px;width:auto;margin:0 auto 8px}
.rc .row{display:flex;justify-content:space-between;gap:8px}
.rc .tot{border-top:1px dashed #d8dae4;margin-top:8px;padding-top:8px;font-weight:500;color:var(--ink);font-size:13px}
.rc .bc{height:30px;margin-top:12px;background:repeating-linear-gradient(90deg,#1b1b28 0 2px,transparent 2px 4px,#1b1b28 4px 5px,transparent 5px 8px,#1b1b28 8px 11px,transparent 11px 12px)}
.rc-lines>*{opacity:0;transform:translateY(-4px);transition:opacity .35s,transform .35s}
.rc-lines>.in{opacity:1;transform:none}

.sms{left:120px;bottom:6px;width:340px;z-index:3;padding:14px 16px;display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;border-radius:18px!important;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.sms.show{opacity:1;transform:none}
.sms .av{width:38px;height:38px;border-radius:12px;background:var(--ink);display:grid;place-items:center}
.sms .av svg{width:20px;height:20px}
.sms b{font-size:13px;display:flex;justify-content:space-between;color:var(--ink)}
.sms b span{font:400 11px var(--mono);color:var(--ink-3)}
.sms p{font-size:13.5px;line-height:1.45;color:var(--ink-2);margin-top:2px}
.stat-f{right:6px;top:338px;width:180px;padding:16px 18px;z-index:2}
.stat-f small{font-size:12px;color:var(--ink-3);font-weight:600}
.stat-f .mono{font-size:24px;font-weight:500;letter-spacing:-.02em;display:block;margin:2px 0 8px}
.spark{height:36px;width:100%}
@media (max-width:1000px){.scene{justify-self:center}}
@media (max-width:600px){
  .scene{height:auto;display:grid;gap:14px}
  .scene .card{position:relative;inset:auto;width:100%;transform:none}
  .rc,.stat-f{display:none}
  .sms{opacity:1;transform:none}
}

/* ---------- logo strip / workflow rail ---------- */
.rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.rail ol{display:grid;grid-template-columns:repeat(6,1fr)}
.rail li{position:relative;display:flex;align-items:center;gap:12px;padding:26px 18px;font-weight:650;font-size:15px;letter-spacing:-.01em}
.rail li+li{border-left:1px solid var(--line)}
.rail li span{font:500 11.5px var(--mono);color:var(--ink-3)}
.rail li svg{width:18px;height:18px;color:var(--accent);flex:none}
.rail li{white-space:nowrap}
@media (max-width:1000px){.rail ol{grid-template-columns:repeat(3,1fr)}.rail li:nth-child(4){border-left:0}.rail li:nth-child(n+4){border-top:1px solid var(--line)}}
@media (max-width:560px){.rail ol{grid-template-columns:1fr 1fr}.rail li{padding:18px 12px;font-size:14px}.rail li:nth-child(odd){border-left:0}.rail li:nth-child(4){border-left:1px solid var(--line)}.rail li:nth-child(n+3){border-top:1px solid var(--line)}}

/* ---------- module showcase (tabs) ---------- */
.show{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
.show-tabs{display:grid;gap:4px;position:sticky;top:calc(var(--hdr) + 24px)}
.show-tab{display:grid;grid-template-columns:40px 1fr;gap:2px 14px;align-items:center;text-align:left;padding:14px;border-radius:14px;transition:background .2s,box-shadow .2s}
.show-tab .ic{grid-row:span 2;width:40px;height:40px;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;color:var(--ink-2);transition:all .2s}
.show-tab .ic svg{width:19px;height:19px}
.show-tab b{font-size:15.5px;font-weight:680;letter-spacing:-.01em}
.show-tab small{font-size:13px;color:var(--ink-3);line-height:1.35}
.show-tab:hover{background:rgba(255,255,255,.7)}
.show-tab[aria-selected="true"]{background:#fff;box-shadow:var(--sh-2),inset 0 0 0 1px var(--line)}
.show-tab[aria-selected="true"] .ic{background:var(--accent);color:#fff;box-shadow:none}
.show-panel{background:#fff;border-radius:var(--r-xl);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);padding:40px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center;min-height:520px}
.show-panel[hidden]{display:none}
.show-panel.enter{animation:panelIn .45s var(--ease)}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}}
.show-copy{display:grid;gap:16px;align-content:start}
.show-copy .k{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.show-copy p{color:var(--ink-2)}
.checks{display:grid;gap:11px;margin-top:6px}
.checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;line-height:1.5}
.checks svg{width:20px;height:20px;color:var(--accent);margin-top:1px}
.snap{display:flex;gap:22px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line-2)}
.snap div{display:grid}
.snap .mono{font-size:20px;font-weight:500;letter-spacing:-.02em}
.snap small{font-size:12.5px;color:var(--ink-3)}
@media (max-width:1060px){.show{grid-template-columns:1fr}.show-tabs{position:relative;top:0;display:flex;overflow-x:auto;gap:6px;margin:0 calc(var(--gut)*-1);padding:2px var(--gut) 8px;scrollbar-width:none}.show-tabs::-webkit-scrollbar{display:none}.show-tab{grid-template-columns:auto;padding:0 14px;height:42px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);flex:none}.show-tab .ic,.show-tab small{display:none}.show-tab[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:none}.show-tab b{font-size:14.5px}}
@media (max-width:820px){.show-panel{grid-template-columns:1fr;padding:26px;gap:28px;min-height:0}}

/* mock UI surfaces */
.mock{background:var(--bg-2);border-radius:20px;padding:18px;box-shadow:inset 0 0 0 1px var(--line-2);display:grid;gap:12px;font-size:13.5px;position:relative}
.mock .pane{background:#fff;border-radius:14px;box-shadow:0 0 0 1px var(--line-2),var(--sh-1);padding:14px 16px}
.mock .bar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mock .t{font-weight:700;font-size:14px;letter-spacing:-.01em}
.mock .s{font-size:12px;color:var(--ink-3)}
.mock .mono{font-size:13px}
.mrow{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:9px 0}
.mrow+.mrow{border-top:1px solid var(--line-2)}
.thumb{width:34px;height:34px;border-radius:9px;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.thumb svg{width:17px;height:17px}
.thumb.g{background:#EAF6EF;color:var(--ok)}.thumb.a{background:#FDF3E1;color:var(--warn)}.thumb.n{background:var(--bg-2);color:var(--ink-2)}
.mrow b{font-weight:650;font-size:13.5px;display:block;line-height:1.3}
.mrow small{font-size:12px;color:var(--ink-3)}
.mbtn{display:flex;align-items:center;justify-content:center;height:42px;border-radius:11px;background:var(--accent);color:#fff;font-weight:650;font-size:14px;gap:8px}
.mbtn.alt{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pay span{height:38px;border-radius:10px;display:grid;place-items:center;font-weight:650;font-size:12.5px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pay span.on{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent);background:var(--tint)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpi{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 0 0 1px var(--line-2)}
.kpi small{font-size:11.5px;color:var(--ink-3);font-weight:600}
.kpi .mono{display:block;font-size:19px;font-weight:500;letter-spacing:-.02em;margin-top:2px}
.kpi em{font-style:normal;font-size:11.5px;font-weight:650}
.up{color:var(--ok)}.dn{color:var(--err)}
.bars{display:flex;align-items:flex-end;gap:7px;height:110px;padding-top:8px}
.bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--accent-2),var(--accent));opacity:.9;transform-origin:bottom;animation:grow .9s var(--ease) both}
.bars i:nth-child(odd){background:#DAD8FF}
@keyframes grow{from{transform:scaleY(.1)}}
.bubble{max-width:86%;padding:10px 13px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:0 0 0 1px var(--line-2);font-size:13px;line-height:1.45}
.bubble.me{justify-self:end;border-radius:14px 14px 4px 14px;background:var(--accent);color:#fff;box-shadow:none}
.bubble small{display:block;font:400 10.5px var(--mono);opacity:.7;margin-top:4px}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:#fff}
.toggle-s{width:32px;height:18px;border-radius:99px;background:var(--accent);position:relative;flex:none}
.toggle-s::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}
.toggle-s.off{background:#D5D7E2}.toggle-s.off::after{right:auto;left:2px}
.stockbar{height:6px;border-radius:9px;background:var(--line-2);overflow:hidden;margin-top:6px}
.stockbar i{display:block;height:100%;border-radius:9px;background:var(--ok)}
.stockbar.low i{background:var(--warn)}

/* ---------- beliefs ---------- */
.beliefs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}
.belief{padding:28px 28px 8px 0;display:grid;gap:14px;align-content:start}
.belief+.belief{padding-left:28px;border-left:1px solid var(--line)}
.belief .n{font:500 13px var(--mono);color:var(--accent)}
.belief p{color:var(--ink-2);font-size:15px}
@media (max-width:1000px){.beliefs{grid-template-columns:1fr 1fr}.belief:nth-child(3){padding-left:0;border-left:0}.belief:nth-child(n+3){border-top:1px solid var(--line);margin-top:20px}}
@media (max-width:600px){.beliefs{grid-template-columns:1fr}.belief,.belief+.belief{padding:24px 0 4px;border-left:0}.belief+.belief{border-top:1px solid var(--line);margin-top:20px}}
.quote-big{font-family:var(--serif);font-style:italic;font-size:clamp(34px,4.6vw,60px);line-height:1.08;letter-spacing:-.02em;max-width:900px}
.quote-big .q{color:var(--accent)}

/* ---------- roadmap (night) ---------- */
.night{position:relative;overflow:hidden;isolation:isolate}
.night::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 500px at 85% -10%,rgba(99,91,255,.28),transparent 60%),radial-gradient(600px 400px at -10% 110%,rgba(128,120,255,.14),transparent 60%)}
.night::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%)}
.core{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:26px 28px;border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));box-shadow:inset 0 0 0 1px var(--night-line);margin-bottom:18px}
.core .live{display:inline-flex;align-items:center;gap:8px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#7CE0A8}
.core .live::before{content:"";width:8px;height:8px;border-radius:50%;background:#3DD68C;box-shadow:0 0 0 4px rgba(61,214,140,.18)}
.core h3{font-size:20px;letter-spacing:-.02em}
.core p{color:rgba(255,255,255,.6);font-size:14.5px}
.core ul{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.core li{padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.07);font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
@media (max-width:900px){.core{grid-template-columns:1fr;gap:12px}.core ul{justify-content:flex-start}}
.road{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stage{padding:26px;border-radius:var(--r-lg);background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--night-line);display:grid;gap:14px;align-content:start;transition:background .25s,transform .3s var(--ease)}
.stage:hover{background:rgba(255,255,255,.06);transform:translateY(-3px)}
.stage .top{display:flex;justify-content:space-between;align-items:center}
.stage .num{font:500 13px var(--mono);color:rgba(255,255,255,.4)}
.st{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:7px}
.st.b{background:rgba(99,91,255,.25);color:#C9C6FF}
.st.n{background:rgba(255,196,94,.14);color:#FFD08A}
.st.p{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}
.stage h3{font-size:20px;letter-spacing:-.02em;line-height:1.25}
.stage .tag{font-family:var(--serif);font-style:italic;font-size:19px;color:#C9C6FF;line-height:1.25}
.stage p{font-size:14.5px;color:rgba(255,255,255,.62)}
.stage ul.tags{display:flex;flex-wrap:wrap;gap:6px}
.stage ul.tags li{font:500 11.5px var(--mono);padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75)}
.stage ul.ben{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--night-line)}
.stage ul.ben li{font-size:13.5px;color:rgba(255,255,255,.72);display:grid;grid-template-columns:14px 1fr;gap:8px;line-height:1.45}
.stage ul.ben li::before{content:"";width:6px;height:6px;margin-top:7px;border-radius:2px;background:var(--accent-2)}
@media (max-width:1100px){.road{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.road{grid-template-columns:1fr}}

/* ---------- testimonials ---------- */
.tm-grid{columns:3;column-gap:18px}
.tm{break-inside:avoid;margin-bottom:18px;padding:26px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:18px}
.tm .cat{display:flex;justify-content:space-between;align-items:center}
.stars{display:flex;gap:2px;color:#F5A524}
.stars svg{width:15px;height:15px}
.tm blockquote{font-size:16.5px;line-height:1.6;letter-spacing:-.005em;color:var(--ink)}
.tm figcaption{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--line-2)}
.tm figcaption b{display:block;font-size:14.5px}
.tm figcaption small{font-size:13px;color:var(--ink-3)}
.tm .avatar{width:40px;height:40px}
.tm.tm-dark{background:var(--ink);color:#fff;box-shadow:none}
.tm.tm-dark blockquote{color:#fff;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.25;letter-spacing:-.01em}
.tm.tm-dark figcaption{border-color:rgba(255,255,255,.12)}
.tm.tm-dark small{color:rgba(255,255,255,.55)}
.tm.tm-dark .chip{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:1000px){.tm-grid{columns:2}}
@media (max-width:640px){.tm-grid{columns:1}}

/* ---------- pricing ---------- */
.bill{display:inline-flex;padding:4px;border-radius:12px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);gap:2px}
.bill button{height:38px;padding:0 16px;border-radius:9px;font-size:14.5px;font-weight:650;color:var(--ink-2);display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.bill button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:var(--sh-1),0 0 0 1px var(--line)}
.bill button em{font-style:normal;font:500 11px var(--mono);padding:3px 6px;border-radius:6px;background:var(--ok-bg);color:var(--ok)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;margin-top:36px}
.plan{position:relative;padding:32px 30px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:20px}
.plan.hot{background:var(--ink);color:#fff;box-shadow:0 30px 60px -24px rgba(40,34,140,.5)}
.plan .badge{position:absolute;top:-12px;left:30px;padding:6px 11px;border-radius:8px;background:var(--accent);color:#fff;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.plan .pn{display:flex;justify-content:space-between;align-items:baseline}
.plan .pn h3{font-size:22px;letter-spacing:-.02em}
.plan .pn small{font-size:13px;color:var(--ink-3);font-weight:600}
.plan.hot .pn small{color:rgba(255,255,255,.55)}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:64px}
.price .amt{font:500 52px/1 var(--mono);letter-spacing:-.05em}
.price .per{font-size:14px;color:var(--ink-3)}
.plan.hot .price .per{color:rgba(255,255,255,.55)}
.tax{font:500 11px/1 var(--mono);padding:5px 7px;border-radius:6px;background:var(--bg-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);align-self:center}
.plan.hot .tax{background:rgba(255,255,255,.08);color:rgba(255,255,255,.75);box-shadow:none}
.plan p.d{font-size:14.5px;color:var(--ink-2);line-height:1.55;min-height:68px}
.plan.hot p.d{color:rgba(255,255,255,.68)}
.plan .btn{width:100%}
.plan ul{display:grid;gap:11px;padding-top:20px;border-top:1px solid var(--line-2)}
.plan.hot ul{border-color:rgba(255,255,255,.1)}
.plan li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:14.5px;line-height:1.45}
.plan li svg{width:18px;height:18px;color:var(--accent);margin-top:1px}
.plan.hot li svg{color:#A7A2FF}
.plan .yr{font-size:12.5px;color:var(--ok);font-weight:650;min-height:18px;margin-top:-12px}
.plan.hot .yr{color:#7CE0A8}
.price-note{margin-top:26px;text-align:center;font-size:14px;color:var(--ink-3)}
@media (max-width:1000px){.plans{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.plan p.d{min-height:0}}

.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
.cmp-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.cmp th,.cmp td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line-2)}
.cmp thead th{position:sticky;top:0;background:#fff;font-size:15px;font-weight:700}
.cmp thead th:not(:first-child),.cmp td:not(:first-child){text-align:center;width:22%}
.cmp tbody th{font-weight:550;color:var(--ink-2)}
.cmp tr.grp th{background:var(--bg-2);font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:12px 20px}
.cmp td svg{width:20px;height:20px;margin:0 auto;color:var(--accent)}
.cmp td .no{display:block;width:12px;height:1.5px;background:#C8CAD6;margin:0 auto}
.cmp td small{font-size:13.5px;color:var(--ink)}
.cmp tbody tr:last-child>*{border-bottom:0}
.cmp .hot{background:var(--tint)}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:start}
.faq-nav{display:grid;gap:4px;position:sticky;top:calc(var(--hdr) + 24px)}
.faq-nav button{text-align:left;padding:12px 14px;border-radius:12px;font-weight:620;font-size:15px;color:var(--ink-2);display:flex;justify-content:space-between;align-items:center}
.faq-nav button span{font:500 12px var(--mono);color:var(--ink-3)}
.faq-nav button:hover{background:var(--bg-2)}
.faq-nav button[aria-selected="true"]{background:var(--ink);color:#fff}
.faq-nav button[aria-selected="true"] span{color:rgba(255,255,255,.5)}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px 0;font-size:18px;font-weight:660;letter-spacing:-.015em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);position:relative;transition:background .2s,transform .3s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);border-radius:2px}
.qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s var(--ease)}
.qa[open] summary i{background:var(--ink)}
.qa[open] summary i::before,.qa[open] summary i::after{background:#fff}
.qa[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.qa summary:hover{color:var(--accent)}
.qa .a{padding:0 60px 26px 0;color:var(--ink-2);font-size:16px;line-height:1.7}
.qa .a ul{display:grid;gap:6px;margin-top:8px}
.qa .a li{padding-left:16px;position:relative}
.qa .a li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:1.5px;background:var(--accent)}
.faq-group[hidden]{display:none}
.faq-group{border-top:1px solid var(--line)}
@media (max-width:900px){.faq{grid-template-columns:1fr;gap:20px}.faq-nav{position:relative;top:0;display:flex;overflow-x:auto;gap:6px;margin:0 calc(var(--gut)*-1);padding:0 var(--gut) 6px;scrollbar-width:none}.faq-nav::-webkit-scrollbar{display:none}.faq-nav button{flex:none;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);height:40px;padding:0 16px;gap:8px;font-size:14px}.qa summary{font-size:16.5px;padding:20px 0}.qa .a{padding-right:0}}

/* ---------- CTA band ---------- */
.cta{position:relative;border-radius:36px;padding:88px 64px;background:var(--night);color:#fff;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 420px at 100% 0%,rgba(99,91,255,.55),transparent 60%),radial-gradient(500px 360px at 0% 120%,rgba(128,120,255,.25),transparent 60%)}
.cta .mark{position:absolute;right:-70px;bottom:-90px;width:380px;opacity:.10;z-index:-1;transform:rotate(-8deg)}
.cta .h2{max-width:640px}
.cta-side{display:grid;gap:22px;justify-items:start}
.cta-side .ticks{display:grid;gap:12px;font-size:15.5px}
.cta-side .btns{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){.cta{grid-template-columns:1fr;padding:56px 28px;border-radius:26px;gap:32px}}
@media (max-width:560px){.cta-outer .wrap{padding:0}.cta{border-radius:0}}

/* ---------- footer ---------- */
.ftr{background:var(--bg-2);border-top:1px solid var(--line);padding:72px 0 32px;margin-top:0}
.ftr .trust{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:40px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.trust li{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.trust svg{width:16px;height:16px;color:var(--accent)}
.ftr-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
.ftr-brand{display:grid;gap:16px;align-content:start;max-width:320px}
.ftr-brand p{font-size:14.5px;color:var(--ink-2)}
.ftr-brand .logo svg{height:30px}
.ftr h4{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.ftr ul{display:grid;gap:10px}
.ftr ul a{font-size:14.5px;color:var(--ink-2);transition:color .15s}
.ftr ul a:hover{color:var(--accent)}
.soon{font:500 10.5px var(--mono);padding:2px 6px;border-radius:5px;background:var(--soft);color:var(--accent);margin-left:6px;vertical-align:1px}
.ftr-bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:13.5px;color:var(--ink-3)}
.ftr-bot ul{display:flex;flex-wrap:wrap;gap:6px 20px}
.ftr-bot a:hover{color:var(--ink)}
@media (max-width:1000px){.ftr-grid{grid-template-columns:1fr 1fr 1fr}.ftr-brand{grid-column:1/-1}}
@media (max-width:560px){.ftr-grid{grid-template-columns:1fr 1fr}}

/* ---------- inner pages ---------- */
.ph{position:relative;padding:88px 0 72px;overflow:hidden;isolation:isolate}
.ph::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 420px at 80% -10%,rgba(99,91,255,.10),transparent 60%)}
.ph::after{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.08) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%);opacity:.5}
.ph-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.ph .copy{display:grid;gap:24px;align-content:start}
@media (max-width:1000px){.ph-grid{grid-template-columns:1fr}.ph{padding:56px 0 56px}}
.jump{display:flex;flex-wrap:wrap;gap:8px}
.jump a{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600;color:var(--ink-2);transition:all .2s}
.jump a:hover{color:var(--accent);box-shadow:inset 0 0 0 1px #CFCCFF}
.jump a svg{width:15px;height:15px}

.dash{background:#fff;border-radius:var(--r-xl);box-shadow:0 0 0 1px rgba(15,15,26,.06),var(--sh-3);padding:22px;display:grid;gap:16px}
.dash .kpis{grid-template-columns:1fr 1fr}
.dash .kpi{background:var(--bg-2);box-shadow:none;padding:16px}
.dash .kpi .mono{font-size:26px}

.feat{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center;padding:72px 0;border-top:1px solid var(--line)}
.feat:first-child{border-top:0;padding-top:0}
.feat.flip .feat-copy{order:2}
.feat-copy{display:grid;gap:18px;align-content:start}
.feat-copy p{color:var(--ink-2);font-size:16.5px}
@media (max-width:1000px){.feat{grid-template-columns:1fr;gap:36px;padding:56px 0}.feat.flip .feat-copy{order:0}}

.flow{display:flex;align-items:stretch;gap:0;counter-reset:f}
.flow li{flex:1;position:relative;padding:22px 18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;align-content:start}
.flow li:first-child{border-radius:18px 0 0 18px}.flow li:last-child{border-radius:0 18px 18px 0}
.flow li+li{margin-left:-1px}
.flow li::before{counter-increment:f;content:"0" counter(f);font:500 12px var(--mono);color:var(--ink-3)}
.flow li b{font-size:16px;letter-spacing:-.01em}
.flow li svg{width:22px;height:22px;color:var(--accent)}
@media (max-width:900px){.flow{flex-direction:column}.flow li:first-child{border-radius:18px 18px 0 0}.flow li:last-child{border-radius:0 0 18px 18px}.flow li+li{margin:-1px 0 0}.flow li{grid-template-columns:auto 22px 1fr;align-items:center;gap:14px}}

.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:1000px){.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid4,.grid3,.grid2{grid-template-columns:1fr}}
.tile{padding:26px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:12px;align-content:start;transition:box-shadow .25s,transform .3s var(--ease)}
a.tile:hover{box-shadow:inset 0 0 0 1px #CFCCFF,var(--sh-2);transform:translateY(-2px)}
.tile .ic{width:44px;height:44px;border-radius:12px;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.tile .ic svg{width:21px;height:21px}
.tile p{font-size:14.5px;color:var(--ink-2)}
.tile .top{display:flex;justify-content:space-between;align-items:flex-start}
.alt .tile{background:#fff}

.roles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.role{padding:22px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:14px}
.role .avatar{width:44px;height:44px;font-size:14px}
.role b{display:block;font-size:16px;letter-spacing:-.01em}
.role small{font-size:13.5px;color:var(--ink-3)}
.role ul{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line-2)}
.role li{font-size:13px;color:var(--ink-2);display:flex;align-items:center;justify-content:space-between}
@media (max-width:1100px){.roles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.roles{grid-template-columns:1fr 1fr}}
@media (max-width:440px){.roles{grid-template-columns:1fr}}

.locs{display:grid;gap:10px}
.loc{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--line-2)}
.loc .pin{width:38px;height:38px;border-radius:11px;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.loc .pin svg{width:18px;height:18px}
.loc b{display:block;font-size:14.5px}
.loc small{font-size:12.5px;color:var(--ink-3)}
.loc .mono{font-size:15px;font-weight:500;text-align:right}
.meter{height:6px;border-radius:9px;background:var(--line-2);overflow:hidden;margin-top:6px;width:100%}
.meter i{display:block;height:100%;background:var(--accent);border-radius:9px}

.why{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.why>div{padding:36px 32px;display:grid;gap:12px;align-content:start}
.why>div+div{border-left:1px solid var(--line)}
.why .big{font:500 13px var(--mono);color:var(--accent)}
.why p{color:var(--ink-2);font-size:15px}
@media (max-width:900px){.why{grid-template-columns:1fr}.why>div+div{border-left:0;border-top:1px solid var(--line)}}

/* about */
.founder{position:relative;border-radius:var(--r-xl);background:var(--ink);color:#fff;padding:32px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate}
.founder::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px 360px at 100% 0%,rgba(99,91,255,.55),transparent 60%)}
.founder .mark{position:absolute;right:-60px;top:-60px;width:300px;opacity:.16;z-index:-1}
.founder .mono{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.founder blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:-.01em}
.founder .who{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.founder .who .avatar{width:48px;height:48px;font-size:15px;background:#fff;color:var(--ink)}
.founder .who b{display:block}
.founder .who small{color:rgba(255,255,255,.55);font-size:13.5px}
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
.story .body{display:grid;gap:20px;font-size:17.5px;line-height:1.7;color:var(--ink-2)}
@media (max-width:900px){.story{grid-template-columns:1fr;gap:28px}}
.cap{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cap>div{padding:26px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:10px;align-content:start}
.cap .verb{font-size:30px;font-weight:760;letter-spacing:-.04em}
.cap .verb .dot{color:var(--accent)}
.cap p{font-size:14.5px;color:var(--ink-2)}
@media (max-width:1000px){.cap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cap{grid-template-columns:1fr}}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:15px;height:1.5px;background:linear-gradient(90deg,#3DD68C 0 25%,rgba(255,255,255,.15) 25%)}
.tl>div{position:relative;padding:44px 24px 0 0;display:grid;gap:8px;align-content:start}
.tl>div::before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background:var(--night);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.tl>div:first-child::before{background:#3DD68C;box-shadow:0 0 0 5px rgba(61,214,140,.18)}
.tl>div:nth-child(2)::before{box-shadow:inset 0 0 0 1.5px var(--accent-2);background:var(--accent)}
.tl b{font-size:18px;letter-spacing:-.015em}
.tl p{font-size:14.5px;color:rgba(255,255,255,.6)}
@media (max-width:900px){.tl{grid-template-columns:1fr;gap:24px}.tl::before{left:7px;right:auto;top:0;bottom:0;width:1.5px;height:auto;background:rgba(255,255,255,.15)}.tl>div{padding:0 0 0 40px}.tl>div::before{top:4px}}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ct{padding:32px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:16px;align-content:start;transition:box-shadow .25s,transform .3s var(--ease)}
.ct:hover{box-shadow:inset 0 0 0 1px #CFCCFF,var(--sh-2)}
.ct .ic{width:48px;height:48px;border-radius:14px;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.ct .ic svg{width:22px;height:22px}
.ct.wa .ic{background:#E7F8EE;color:#128C4A}
.ct p{color:var(--ink-2);font-size:15.5px}
.ct .addr{font:500 15px var(--mono);color:var(--ink);padding:12px 14px;border-radius:12px;background:var(--bg-2);display:flex;justify-content:space-between;align-items:center;gap:10px;word-break:break-all}
.copy-btn{font:600 12.5px var(--font);color:var(--accent);padding:6px 10px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);flex:none}
.copy-btn:hover{box-shadow:inset 0 0 0 1px #CFCCFF}
.ct.main{background:var(--ink);color:#fff;box-shadow:none;grid-row:span 1}
.ct.main p{color:rgba(255,255,255,.66)}
.ct.main .ic{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:760px){.contact-grid{grid-template-columns:1fr}}

/* 404 */
.nf{min-height:calc(100vh - var(--hdr));display:grid;place-items:center;text-align:center;padding:80px 0}
.nf .code{font:500 clamp(90px,16vw,180px)/1 var(--mono);letter-spacing:-.06em;color:var(--accent)}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
.no-js .rv{opacity:1;transform:none}
.load>*{animation:up .8s var(--ease) both}
.load>*:nth-child(2){animation-delay:.07s}.load>*:nth-child(3){animation-delay:.14s}.load>*:nth-child(4){animation-delay:.21s}.load>*:nth-child(5){animation-delay:.28s}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .rv{opacity:1;transform:none}
  html{scroll-behavior:auto}
}
.why .ic{width:44px;height:44px;border-radius:12px;background:var(--tint);display:grid;place-items:center}
.why .ic svg{width:21px;height:21px}

.price .amt.custom{font:750 44px/1 var(--font);letter-spacing:-.04em}
.head.center{max-width:860px}
.loc>span:nth-child(2){display:grid;min-width:0}
.role .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff}
.role .ic svg{width:20px;height:20px}
.tk-dev>span:last-child{min-width:0}.tk-dev small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1000px){.hero,.ph{padding-top:calc(var(--hdr-space) + 36px)!important}}
.dd-menu{left:-12px;transform:translateY(-6px)}
.dd.open .dd-menu{transform:none}

/* ================= hero options (header + hero round, 2026-10-07) ================= */
.pill-tag{transition:box-shadow .2s}
.pill-tag svg{width:14px;height:14px;color:var(--ink-3);transition:transform .2s}
.pill-tag:hover{box-shadow:inset 0 0 0 1px #CFCCFF,var(--sh-1)}
.pill-tag:hover svg{transform:translateX(2px)}
.hero-copy.center{justify-items:center;text-align:center;max-width:860px;margin:0 auto}
.hero-copy.center .pill-tag{justify-self:center}
.hero-copy.center .lead{margin:0 auto}
.hero-copy.center .hero-ctas,.hero-copy.center .ticks{justify-content:center}
.h1{text-wrap:balance}

/* shared status pills inside mocks */
.pl{display:inline-flex;align-items:center;gap:.4em;height:1.85em;padding:0 .75em;border-radius:99px;font-size:.74em;font-weight:650;white-space:nowrap;background:var(--bg-2);color:var(--ink-2)}
.pl::before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor}
.pl.ok{background:var(--ok-bg);color:var(--ok)}.pl.warn{background:var(--warn-bg);color:var(--warn)}.pl.ac{background:var(--soft);color:var(--accent)}
.kd{display:inline-flex;align-items:center;font-size:.72em;font-weight:700;padding:.2em .5em;border-radius:6px}
.kd.up{color:var(--ok);background:var(--ok-bg)}.kd.dn{color:var(--warn);background:var(--warn-bg)}

/* app window */
.aw{font-size:12.5px;width:68em;background:#fff;border-radius:1.15em;overflow:hidden;box-shadow:0 0 0 1px rgba(15,15,26,.08),0 2px 4px rgba(15,15,26,.04),0 40px 80px -30px rgba(40,34,140,.35);text-align:left;color:var(--ink);line-height:1.4}
.aw svg{display:block}
.aw-top{height:2.7em;display:flex;align-items:center;gap:.45em;padding:0 1em;background:#F3F3F8;border-bottom:1px solid var(--line-2)}
.aw-top i{width:.78em;height:.78em;border-radius:50%;background:#DCDDE6}
.aw-url{margin:0 auto;display:inline-flex;align-items:center;gap:.45em;height:1.75em;padding:0 1em;border-radius:7px;background:#fff;box-shadow:0 0 0 1px var(--line-2);font-size:.8em;color:var(--ink-3);font-family:var(--mono)}
.aw-url svg{width:1em;height:1em}
.aw-nav{height:3.7em;display:flex;align-items:center;gap:1.2em;padding:0 1.2em;border-bottom:1px solid var(--line-2);background:#fff}
.aw-ws{display:flex;align-items:center;gap:.55em;font-size:.95em;white-space:nowrap}
.aw-ws svg{width:1.6em;height:1.6em}
.aw-nav nav{display:flex;gap:.2em}
.aw-nav nav span{font-size:.86em;font-weight:560;color:var(--ink-2);padding:.45em .75em;border-radius:7px;white-space:nowrap}
.aw-nav nav span.on{background:var(--tint);color:var(--accent)}
.aw-search{margin-left:auto;display:flex;align-items:center;gap:.5em;height:2.3em;padding:0 .6em 0 .8em;border-radius:8px;background:var(--bg-2);font-size:.84em;color:var(--ink-3);min-width:11em}
.aw-search svg{width:1.1em;height:1.1em}
.aw-search kbd{margin-left:auto;font:500 .9em var(--mono);padding:.1em .4em;border-radius:5px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.aw-pos{height:2.5em;padding:0 1.2em;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;font-size:.86em;display:grid;place-items:center}
.aw-body{background:#F6F7FB;padding:1.3em;display:grid;gap:1em}
.aw-card{background:#fff;border-radius:.9em;padding:1em 1.1em;box-shadow:0 0 0 1px rgba(15,15,26,.05)}
.aw-h{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.7em}
.aw-h b{font-size:.95em;letter-spacing:-.01em}
.aw-h small{font-size:.78em;color:var(--ink-3)}
.aw-h .ct{font-size:.74em;font-weight:650;color:var(--ink-3);background:var(--bg-2);padding:.25em .6em;border-radius:99px}
.aw-head{display:flex;align-items:flex-end;justify-content:space-between}
.aw-head small{display:block;font-size:.78em;color:var(--ink-3)}
.aw-head b{font-size:1.35em;letter-spacing:-.02em}
.seg{display:flex;padding:.22em;border-radius:.7em;background:#fff;box-shadow:0 0 0 1px rgba(15,15,26,.06)}
.seg span{font-size:.8em;font-weight:600;color:var(--ink-3);padding:.4em .9em;border-radius:.5em}
.seg span.on{background:var(--ink);color:#fff}
.kpis4{display:grid;grid-template-columns:repeat(4,1fr);gap:1em}
.k{background:#fff;border-radius:.9em;padding:.95em 1.05em .8em;box-shadow:0 0 0 1px rgba(15,15,26,.05);display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:.25em}
.k small{grid-column:1/-1;font-size:.76em;font-weight:600;color:var(--ink-3)}
.k b{font-size:1.5em;font-weight:500;letter-spacing:-.03em}
.k svg{grid-column:1/-1;width:100%;height:1.7em;color:var(--accent);margin-top:.2em}
.k .kd.dn+svg{color:var(--warn)}
.aw-2{display:grid;grid-template-columns:1.55fr 1fr;gap:1em}
.ch-v{display:flex;align-items:center;gap:.6em;margin:-.2em 0 .5em}
.ch-v b{font-size:1.5em;font-weight:500;letter-spacing:-.03em}
.ch-svg{width:100%;height:9.5em;overflow:visible}
.ch-svg .gr line{stroke:#EEEFF5;stroke-width:1}
.ch-svg .cur{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ch-svg .prev{fill:none;stroke:#C9CCD9;stroke-width:1.5;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.ch-svg .pt{fill:#fff;stroke:var(--accent);stroke-width:2.5;vector-effect:non-scaling-stroke}
.ch-x{display:flex;justify-content:space-between;font-size:.72em;color:var(--ink-3);margin-top:.5em}
.lg{display:flex;align-items:center;gap:.5em;font-size:.74em;color:var(--ink-3)}
.lg i{width:.9em;height:.2em;border-radius:2px;background:var(--accent);display:inline-block}
.lg i.b{background:#C9CCD9;margin-left:.4em}
.nr{display:grid;grid-template-columns:2.3em 1fr auto;gap:.75em;align-items:center;padding:.6em 0}
.nr+.nr{border-top:1px solid var(--line-2)}
.nr b{display:block;font-size:.86em;line-height:1.3}
.nr small{font-size:.74em;color:var(--ink-3)}
.ni{width:2.3em;height:2.3em;border-radius:.6em;display:grid;place-items:center}
.ni svg{width:1.15em;height:1.15em}
.ni.a{background:var(--warn-bg);color:var(--warn)}.ni.p{background:var(--tint);color:var(--accent)}.ni.g{background:var(--ok-bg);color:var(--ok)}
.pp .aw-h{margin-bottom:.6em}
.pp-bar{display:flex;gap:.25em;height:.65em}
.pp-bar i{border-radius:99px}
.pp-leg{display:flex;flex-wrap:wrap;gap:.4em 1.6em;margin-top:.7em}
.pp-leg span{display:flex;align-items:center;gap:.45em;font-size:.78em;color:var(--ink-2)}
.pp-leg i{width:.6em;height:.6em;border-radius:3px}
.pp-leg b{font-size:1em;color:var(--ink)}

/* A: window bleeding off the right edge */
.hero-a .hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}
.hero-a .h1{font-size:clamp(40px,5.4vw,72px)}
.ha-vis{position:relative;width:880px;perspective:2400px}
.ha-vis .aw{font-size:12.9px;transform:rotateY(-9deg) rotateX(3deg);transform-origin:left center}
.fl{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 0 1px rgba(15,15,26,.06),0 24px 50px -18px rgba(30,24,110,.35)}
.fl b{display:block;font-size:14px;letter-spacing:-.01em}
.fl small{font-size:12.5px;color:var(--ink-3)}
.fl .pl{font-size:11.5px;margin-left:6px}
.fi{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--accent);flex:none}
.fi.ok{background:var(--ok-bg);color:var(--ok)}
.fi svg{width:19px;height:19px}
.fl-1{left:-56px;top:58%}
.fl-2{left:200px;bottom:-28px}
.hero-a{padding-bottom:120px}

/* B: centred copy, wide POS shot */
.hero-b{padding-bottom:0}
.hb-vis{position:relative;margin-top:64px;display:flex;justify-content:center;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.hb-vis::before{content:"";position:absolute;inset:8% 10% auto;height:70%;z-index:-1;background:radial-gradient(closest-side,rgba(99,91,255,.35),transparent);filter:blur(40px)}
.hb-vis .aw{width:96em;font-size:min(12.5px,calc((100vw - 48px)/96))}
.pos{display:grid;grid-template-columns:31em 1fr;gap:1em}
.pos-l,.pos-r{background:#fff;border-radius:.9em;box-shadow:0 0 0 1px rgba(15,15,26,.05);padding:1em;display:grid;gap:.75em;align-content:start}
.fld{display:flex;align-items:center;gap:.6em;height:2.9em;padding:0 .9em;border-radius:.65em;box-shadow:inset 0 0 0 1px var(--line);font-size:.88em;font-weight:600}
.fld svg{width:1.15em;height:1.15em;color:var(--ink-3)}
.fld .phd{font-weight:400;color:var(--ink-3)}
.fld em{margin-left:auto;font-style:normal;color:var(--accent);font-size:.92em}
.cart{display:grid}
.cl{display:grid;grid-template-columns:2.6em 1fr auto 5.2em;gap:.8em;align-items:center;padding:.7em 0;border-bottom:1px solid var(--line-2)}
.th{width:2.6em;height:2.6em;border-radius:.65em;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.th svg{width:1.2em;height:1.2em}
.th.xl{width:3.2em;height:3.2em;border-radius:.8em}
.th.xl svg{width:1.5em;height:1.5em}
.nm b{display:block;font-size:.88em}
.nm small{font-size:.74em;color:var(--ink-3)}
.qt{display:flex;align-items:center;gap:.7em;font-size:.84em;font-weight:650;padding:.25em;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line)}
.qt i{font-style:normal;width:1.6em;height:1.6em;border-radius:50%;display:grid;place-items:center;background:var(--bg-2);color:var(--ink-2)}
.pr{text-align:right;font-size:.9em}
.tot{display:flex;justify-content:space-between;font-size:.9em;font-weight:650;padding:.3em 0}
.tot b{font-size:1.15em;font-weight:500}
.acts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.acts span{height:2.6em;border-radius:.6em;box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font-size:.84em;font-weight:620;color:var(--ink-2)}
.ck{display:flex;justify-content:space-between;align-items:center;height:3.3em;padding:0 1.2em;border-radius:.75em;background:var(--accent);color:#fff;font-weight:700;font-size:.95em;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.ck b{font-weight:500;font-size:1.05em}
.tabs{display:flex;padding:.25em;border-radius:.75em;background:var(--bg-2);gap:.2em}
.tabs span{flex:1;display:flex;align-items:center;justify-content:center;gap:.5em;height:2.5em;border-radius:.55em;font-size:.85em;font-weight:620;color:var(--ink-3)}
.tabs span svg{width:1.1em;height:1.1em}
.tabs span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,15,26,.08),0 0 0 1px rgba(15,15,26,.05)}
.crumb{font-size:.82em;color:var(--ink-3)}
.crumb i{font-style:normal;margin:0 .3em}
.crumb b{color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75em}
.pc{border-radius:.8em;padding:.8em;box-shadow:inset 0 0 0 1px var(--line-2);display:grid;gap:.3em;align-content:start}
.pimg{height:5.2em;border-radius:.6em;background:linear-gradient(160deg,#F4F3FF,#ECEBFA);display:grid;place-items:center;color:#A9A4FF;margin-bottom:.3em}
.pimg svg{width:2.2em;height:2.2em}
.pc b{font-size:.86em;line-height:1.3}
.vc{justify-self:start;font-size:.7em;font-weight:600;padding:.15em .55em;border-radius:5px;background:var(--bg-2);color:var(--ink-2)}
.pp2{font-size:.88em;text-decoration:underline dotted #B9BCCB;text-underline-offset:3px}
.avl{font-size:.72em;font-weight:600}
.avl.ok{color:var(--ok)}.avl.warn{color:var(--warn)}.avl.err{color:var(--err)}

/* C: bento */
.bento{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px}
.bc{background:#fff;border-radius:22px;padding:20px;box-shadow:0 0 0 1px rgba(15,15,26,.06),0 20px 40px -24px rgba(30,24,110,.25);transition:transform .35s var(--ease),box-shadow .35s}
.bc:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(99,91,255,.18),0 26px 50px -24px rgba(30,24,110,.35)}
.bc-tk{grid-row:span 2;display:flex;flex-direction:column}
.tkd{display:flex;gap:12px;align-items:center;padding-bottom:16px;border-bottom:1px dashed var(--line)}
.tkd b{display:block;font-size:16px;letter-spacing:-.01em}
.tkd small{font-size:13px;color:var(--ink-3)}
.tl2{display:grid;gap:4px;padding:16px 0;position:relative}
.tl2::before{content:"";position:absolute;left:10px;top:26px;bottom:26px;width:1.5px;background:var(--accent)}
.tl2 li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:6px 0;font-size:14px;position:relative}
.tl2 i{width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center}
.tl2 i svg{width:12px;height:12px}
.tl2 li.now{font-weight:700}
.tl2 li.now i{background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg)}
.tl2 time{font:400 11.5px var(--mono);color:var(--ink-3)}
.tkf{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line-2);font-size:13.5px;color:var(--ink-2)}
.tkf .who{display:flex;align-items:center;gap:8px}
.avt{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.tkf b{font-size:15px;font-weight:500;color:var(--ink)}
.big{display:block;font-size:26px;font-weight:500;letter-spacing:-.03em;margin:-4px 0 10px}
.bars2{display:flex;align-items:flex-end;gap:6px;height:78px}
.bars2 i{flex:1;border-radius:5px 5px 2px 2px;background:#E3E1FF}
.bars2 i.on{background:linear-gradient(180deg,#8078FF,#635BFF)}
.bc-sales .ch-x{font-size:11px}
.srow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0}
.srow+.srow{border-top:1px solid var(--line-2)}
.srow .th{font-size:13px}
.srow b{font-size:13.5px;display:block}
.srow b.mono{font-weight:500;font-size:15px}
.mt{display:block;height:5px;border-radius:9px;background:var(--line-2);margin-top:6px;overflow:hidden}
.mt i{display:block;height:100%;border-radius:9px;background:var(--ok)}
.mt i.w{background:var(--warn)}
.bc-msg{grid-column:span 2;display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start}
.bc-msg .av{width:44px;height:44px;border-radius:13px;background:var(--ink);display:grid;place-items:center}
.bc-msg .av svg{width:22px;height:22px}
.bc-msg .aw-h{margin-bottom:4px}
.bc-msg p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.bc-msg .pl{font-size:11.5px;align-self:center}

/* D: tablet + phone */
.hd-vis{position:relative;height:560px}
.tab{position:absolute;left:0;top:0;width:660px;padding:14px;border-radius:34px;background:linear-gradient(160deg,#2B2B3A,#0F0F1A);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 50px 90px -30px rgba(30,24,110,.5)}
.tab-scr{border-radius:22px;overflow:hidden;background:#fff}
.tab .aw{width:auto;font-size:10.6px;border-radius:0;box-shadow:none}
.aw.bare .aw-top{display:none}
.tv{display:grid;gap:1em}
.tv-h{display:flex;gap:1em;align-items:center}
.tv-h small{display:block;font-size:.76em;color:var(--ink-3)}
.tv-h b{display:block;font-size:1.25em;letter-spacing:-.02em;margin:.1em 0}
.tv-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em}
.tt{background:#fff;border-radius:.8em;padding:.8em 1em;box-shadow:0 0 0 1px rgba(15,15,26,.05);display:grid;gap:.3em}
.tt small{font-size:.74em;color:var(--ink-3);font-weight:600}
.tt b{font-size:.92em}
.tt .pl{font-size:.8em}
.tv-2{display:grid;grid-template-columns:1fr 1fr;gap:.8em}
.sv{display:flex;justify-content:space-between;font-size:.86em;padding:.55em 0;border-top:1px solid var(--line-2)}
.sv b{font-weight:500}
.sv.tot{color:var(--ok);font-weight:600}
.chk{display:flex;flex-wrap:wrap;gap:.4em}
.chk span{display:inline-flex;align-items:center;gap:.35em;font-size:.78em;font-weight:600;padding:.4em .7em;border-radius:99px;background:var(--ok-bg);color:var(--ok)}
.chk span svg{width:1em;height:1em}
.chk span.bad{background:var(--warn-bg);color:var(--warn)}
.phn{position:absolute;right:-36px;top:190px;width:214px;height:430px;padding:9px;border-radius:44px;background:linear-gradient(160deg,#2B2B3A,#0F0F1A);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 40px 70px -24px rgba(15,15,26,.55);z-index:2}
.notch{position:absolute;left:50%;top:18px;transform:translateX(-50%);width:70px;height:20px;border-radius:99px;background:#0F0F1A;z-index:2}
.phn-scr{height:100%;border-radius:36px;overflow:hidden;background:#F2F2F7}
.ph-app{display:flex;flex-direction:column;height:100%}
.ph-top{padding:48px 14px 12px;display:grid;justify-items:center;gap:4px;background:rgba(255,255,255,.9);border-bottom:1px solid #E3E3EA}
.ph-top .av{width:40px;height:40px;border-radius:50%;background:var(--ink);display:grid;place-items:center}
.ph-top .av svg{width:20px;height:20px}
.ph-top b{font-size:13px}
.ph-top small{font-size:10.5px;color:var(--ink-3)}
.ph-msgs{display:grid;gap:8px;padding:14px 10px;align-content:start}
.ph-msgs .b{max-width:86%;padding:8px 11px;border-radius:16px;font-size:12px;line-height:1.4}
.ph-msgs .b small{display:block;font-size:9.5px;opacity:.6;margin-top:3px}
.ph-msgs .in{background:#E7E7EE;color:var(--ink);border-bottom-left-radius:5px}
.ph-msgs .out{justify-self:end;background:var(--accent);color:#fff;border-bottom-right-radius:5px}

/* option review labels */
.opt-label{position:absolute;left:50%;transform:translateX(-50%);top:calc(var(--hdr-space) + 14px);z-index:3;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}
.opt-label b{font:500 11px/1 var(--mono);letter-spacing:.06em;padding:6px 9px;border-radius:99px;background:var(--accent)}
.opt-label span{color:rgba(255,255,255,.65);font-weight:500}
.hero.opt{padding-top:calc(var(--hdr-space) + 120px)!important;border-top:1px solid var(--line)}
.hero.opt:first-of-type{border-top:0}

/* hero options: tablet and phone */
@media (max-width:1180px){.ha-vis{width:760px}.ha-vis .aw{font-size:11.2px}.tab{width:600px}.tab .aw{font-size:9px}}
@media (max-width:1000px){
  .hero-a .hero-grid{grid-template-columns:minmax(0,1fr)}
  .ha-vis{width:135%;}
  .ha-vis .aw{font-size:calc((100vw - 32px) * 1.35 / 68);transform:none}
  .fl-1{left:auto;right:4%;top:auto;bottom:-24px}.fl-2{display:none}
  .hd-vis{height:auto;display:grid;justify-items:center;padding-bottom:150px}
  .tab{position:relative;right:auto;width:100%;padding:10px;border-radius:26px}
  .tab .aw{font-size:calc((100vw - 52px) / 60)}
  .phn{left:auto;top:auto;right:4%;bottom:-10px;width:150px;height:300px;border-radius:30px;padding:6px}
  .phn-scr{border-radius:25px}.notch{top:12px;width:44px;height:13px}
  .ph-top{padding-top:30px}.ph-msgs .b{font-size:9px}.ph-top b{font-size:10px}
  .hero.opt{padding-top:calc(var(--hdr-space) + 80px)!important}
}
@media (max-width:640px){
  .bento{grid-template-columns:1fr;font-size:13px}.bc-tk{grid-row:auto}.bc-msg{grid-column:auto;grid-template-columns:40px 1fr}.bc-msg .pl{display:none}
  .hb-vis{margin-top:40px;justify-content:flex-start;margin-right:calc(var(--gut) * -1)}
  .hb-vis .aw{font-size:7px}
  .opt-label span{display:none}
}

/* ================= hero option C variations + demo video (2026-10-07, round 3) ================= */
/* Log in: now the hero ghost button (round 18) */

/* video tile */
.vt{position:relative;display:block;aspect-ratio:16/9;border-radius:22px;overflow:hidden;isolation:isolate;background:#14122E;color:#fff;container-type:inline-size;box-shadow:0 0 0 1px rgba(15,15,26,.08),0 30px 60px -28px rgba(30,24,110,.5);transition:transform .35s var(--ease),box-shadow .35s}
.vt:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(99,91,255,.3),0 36px 70px -28px rgba(30,24,110,.6)}
.vt-poster,.vt-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,20,.05) 30%,rgba(11,11,20,.72)),radial-gradient(60% 60% at 50% 45%,rgba(99,91,255,.18),transparent 70%)}
.vt-mock{position:absolute;inset:0;display:block;background:radial-gradient(120% 90% at 80% 0%,#3b33c9 0%,#1d1a52 45%,#0F0F1A 100%);overflow:hidden}
.vt-mock .aw{position:absolute;left:9%;top:12%;font-size:calc(100cqw / 68 * .95);transform:rotate(-4deg);transform-origin:top left;box-shadow:0 40px 80px -20px rgba(0,0,0,.6)}
.vt-play{position:absolute;left:50%;top:46%;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);color:var(--accent);box-shadow:0 0 0 10px rgba(255,255,255,.18),0 20px 40px -10px rgba(0,0,0,.45);transition:transform .3s var(--ease),box-shadow .3s}
.vt-play svg{width:30px;height:30px;margin-left:4px}
.vt:hover .vt-play,.vt-row:hover .vt-play{transform:scale(1.07);box-shadow:0 0 0 14px rgba(255,255,255,.22),0 20px 40px -10px rgba(0,0,0,.45)}
.vt-play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);animation:vring 2.4s var(--ease) infinite}
@keyframes vring{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
.vt-cap{position:absolute;left:20px;bottom:18px;right:20px;z-index:2;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.vt-cap b{font-size:16px;letter-spacing:-.01em}
.vt-cap small{font-size:13.5px;color:rgba(255,255,255,.72)}
.vt-dot{width:8px;height:8px;border-radius:50%;background:#FF4E45;align-self:center;box-shadow:0 0 0 3px rgba(255,78,69,.25)}
.vt-play.sm{width:42px;height:42px;margin:-21px 0 0 -21px;top:50%;box-shadow:0 0 0 6px rgba(255,255,255,.2),0 10px 20px -6px rgba(0,0,0,.4)}
.vt-play.sm svg{width:18px;height:18px;margin-left:2px}
.vt-play.sm::before{inset:-6px}

/* C1: video first */
.bento.b1 .vt{grid-column:span 2}

/* C2: centred, wide bento */
.hero-c2 .bento.b2{margin-top:64px;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);grid-template-rows:auto auto}
.b2 .bc-tk{grid-row:span 2}
.b2 .vt.fill{grid-row:span 2;aspect-ratio:auto;min-height:100%}
.b2 .vt.fill .vt-mock .aw{left:7%;top:10%;font-size:calc(100cqw / 68 * .98)}

/* C3: dark panel */
.bento-panel{position:relative;padding:18px;border-radius:32px;background:radial-gradient(90% 70% at 85% 0%,rgba(99,91,255,.55),transparent 60%),linear-gradient(160deg,#1A1740,#0B0B14 70%);box-shadow:0 50px 90px -40px rgba(30,24,110,.6);isolation:isolate;overflow:hidden}
.bento-panel::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.bento-panel .bc{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 20px 40px -24px rgba(0,0,0,.6)}
.vt-row{grid-column:span 2;display:grid;grid-template-columns:168px 1fr auto;gap:18px;align-items:center;padding:12px 18px 12px 12px;color:var(--ink)}
.vt-thumb{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;container-type:inline-size;display:block}
.vt-thumb .vt-mock .aw{left:10%;top:14%}
.vt-txt{display:grid;gap:2px}
.vt-txt small{font-size:10.5px;letter-spacing:.08em;color:var(--accent)}
.vt-txt b{font-size:16px;letter-spacing:-.01em}
.vt-txt>span{font-size:13.5px;color:var(--ink-3)}
.vt-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent);transition:background .2s,color .2s,transform .25s var(--ease)}
.vt-go svg{width:18px;height:18px}
.vt-row:hover .vt-go{background:var(--accent);color:#fff;transform:translateX(2px)}

/* C4: video with floating cards */
.vf{position:relative;padding:34px 0 40px 28px}
.vf .vt.big{border-radius:26px}
.vf .fl{padding:11px 16px 11px 11px}
.vf .fl .kd{font-size:11px;margin-left:4px;vertical-align:2px}
.vf-1{left:-8px;top:0}
.vf-2{left:-4px;bottom:0}
.vf-3{right:-26px;bottom:52px}

/* lightbox */
.vlb{padding:0;border:0;width:min(1100px,calc(100vw - 32px));aspect-ratio:16/9;border-radius:20px;background:#000;overflow:visible;box-shadow:0 40px 120px rgba(0,0,0,.5)}
.vlb::backdrop{background:rgba(11,11,20,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.vlb-f,.vlb-f iframe{width:100%;height:100%;border:0;border-radius:20px;display:block}
.vlb-f .ph-msg{height:100%;display:grid;place-content:center;gap:6px;text-align:center;color:rgba(255,255,255,.75);font-size:15px;background:radial-gradient(120% 90% at 80% 0%,#3b33c9 0%,#1d1a52 45%,#0F0F1A 100%);border-radius:20px}
.vlb-f .ph-msg b{color:#fff;font-size:20px}
.vlb-x{position:absolute;right:0;top:-52px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center;cursor:pointer}
.vlb-x:hover{background:rgba(255,255,255,.24)}
.vlb-x svg{width:20px;height:20px}

@media (max-width:1000px){
  .vf{max-width:640px;width:100%;justify-self:center}
}
@media (max-width:900px){
  .hero-c2 .bento.b2{grid-template-columns:1fr 1fr;margin-top:48px}
  .b2 .vt.fill{grid-column:span 2;grid-row:auto;aspect-ratio:16/9;min-height:0}
  .b2 .bc-tk{grid-row:span 2}
}
@media (max-width:640px){
  .bento.b1 .vt,.vt-row{grid-column:auto}
  .hero-c2 .bento.b2{grid-template-columns:1fr}
  .b2 .vt.fill{grid-column:auto}
  .b2 .bc-tk{display:none}
  .bento-panel{padding:10px;border-radius:24px}
  .vt-row{grid-template-columns:110px 1fr;gap:14px;padding:10px}
  .vt-go{display:none}
  .vt-play{width:60px;height:60px;margin:-30px 0 0 -30px}
  .vt-play svg{width:24px;height:24px}
  .vt-cap{left:14px;bottom:12px}.vt-cap small{display:none}
  .vf{padding:30px 0 34px}
  .vf .fl{transform:scale(.86)}
  .vf-1{left:-10px;transform-origin:left top}.vf-2{left:-10px;transform-origin:left bottom}.vf-3{display:none}
}
.vf .vt-cap{left:0;right:0;bottom:auto;top:calc(46% + 54px);justify-content:center}
@media (max-width:640px){.vf .vt-cap{top:calc(46% + 40px)}}

/* ================= video thumbnail: two styles, solid play button (2026-10-07, round 6) ================= */
.vt.glass{background:#F4F3FF;color:var(--ink);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 30px 60px -30px rgba(30,24,110,.35)}
.vt.glass:hover{box-shadow:0 0 0 1px rgba(99,91,255,.25),0 36px 70px -30px rgba(30,24,110,.45)}
.vt.glass .vt-poster::after{display:none}
.lp{position:absolute;inset:0;display:block;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fff,#F1F0FF)}
.lp::before{content:"";position:absolute;inset:0;z-index:1;background-image:radial-gradient(rgba(15,15,26,.10) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,transparent 30%,#000 90%);mask-image:radial-gradient(70% 70% at 50% 45%,transparent 30%,#000 90%);opacity:.55}
.lp-orb{position:absolute;border-radius:50%;filter:blur(min(30px,5.5cqw));z-index:0}
.lp-orb.o1{width:36cqw;height:36cqw;left:29%;top:13%;background:radial-gradient(circle,#635BFF 0%,rgba(99,91,255,.5) 45%,transparent 70%);opacity:.85}
.lp-orb.o2{width:30cqw;height:30cqw;left:46%;top:28%;background:radial-gradient(circle,#A79FFF 0%,rgba(167,159,255,.5) 45%,transparent 70%)}
.lp-orb.o3{width:22cqw;height:22cqw;left:37%;top:42%;background:radial-gradient(circle,#7CC8FF 0%,rgba(124,200,255,.35) 45%,transparent 70%);opacity:.6}
/* play button: solid white disc, large purple triangle, soft halo, pulsing rings */
.lp-btn{position:absolute;left:50%;top:45%;z-index:3;width:clamp(80px,19cqw,120px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);
  box-shadow:0 0 0 clamp(7px,1.6cqw,11px) rgba(255,255,255,.42),0 22px 44px -14px rgba(50,40,170,.55);transition:transform .35s var(--ease),box-shadow .35s}
.lp-btn svg{position:relative;z-index:1;width:46%;height:46%;margin-left:7%;color:var(--accent)}
.lp-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 16px rgba(167,159,255,.55);animation:lpring 2.8s var(--ease) infinite}
.lp-ring.r2{animation-delay:1.4s}
@keyframes lpring{0%{transform:scale(1);opacity:.95}100%{transform:scale(1.65);opacity:0}}
.vt.glass:hover .lp-btn{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 clamp(9px,2cqw,14px) rgba(255,255,255,.5),0 28px 54px -14px rgba(50,40,170,.65)}
/* clean: title under the button */
.lp-cap{position:absolute;left:0;right:0;top:calc(45% + clamp(40px,9.5cqw,60px) + max(18px,4cqw));z-index:3;text-align:center;font-size:max(17px,3.7cqw);font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.lp .it{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.12em;letter-spacing:-.01em}
/* minimal thumbnail: logo top-left, title bottom-left */
.lp.cover::before{-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.lp.cover .lp-orb.o1{left:auto;right:-8%;top:-18%;width:46cqw;height:46cqw;opacity:.35}
.lp.cover .lp-orb.o2{left:33%;top:8%;width:34cqw;height:34cqw;opacity:1}
.lp.cover .lp-btn{top:42%}
.lp-logo{position:absolute;left:max(18px,5cqw);top:max(16px,4.6cqw);z-index:3;display:block}
.lp-logo svg{height:max(18px,4.2cqw);width:auto}
.lp-txt{position:absolute;left:max(18px,5cqw);right:max(18px,5cqw);bottom:max(16px,4.6cqw);z-index:3;display:grid;gap:max(2px,.6cqw);text-align:left}
.lp-t{font-size:max(20px,5.4cqw);font-weight:750;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}
.lp-s{font-size:max(12px,2.4cqw);font-weight:500;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){.lp-ring{animation:none;opacity:0}}
@media (max-width:900px){.b2 .vt.fill{aspect-ratio:16/10}}
@media (max-width:640px){.b2 .vt.fill{aspect-ratio:4/3}}

/* ================= home: features section (2026-10-07, round 7) ================= */
.fx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.fx-card{grid-column:span 3;display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 18px 40px -30px rgba(30,24,110,.3);transition:transform .35s var(--ease),box-shadow .35s}
.fx-card.fx-lg{grid-column:span 6}
.fx-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(99,91,255,.2),0 26px 50px -30px rgba(30,24,110,.4)}
.fx-vis{position:relative;isolation:isolate;display:grid;place-items:center;padding:26px 22px 0;height:200px;overflow:hidden;font-size:11.5px;
  background:radial-gradient(80% 90% at 85% 0%,rgba(99,91,255,.13),transparent 60%),linear-gradient(180deg,#F7F6FF,#F1F0FB)}
.fx-vis::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.09) 1px,transparent 1px);background-size:16px 16px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}
.fx-card.fx-lg .fx-vis{height:290px;padding:30px 40px 0;font-size:13px}
.fx-vis>*{width:100%;align-self:start}
.fx-card.fx-lg .fx-vis>*{max-width:470px}
.fx-txt{display:grid;gap:10px;align-content:start;padding:24px 24px 26px;border-top:1px solid var(--line-2);flex:1}
.fx-card.fx-lg .fx-txt{padding:28px 32px 30px}
.fx-txt h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;font-weight:720}
.fx-card.fx-lg .fx-txt h3{font-size:clamp(21px,1.9vw,25px)}
.fx-txt p{font-size:15px;line-height:1.6;color:var(--ink-2)}
.fx-txt .link{margin-top:4px;font-size:14.5px}
.fx-ic{width:36px;height:36px;border-radius:11px;background:var(--tint);color:var(--accent);display:grid;place-items:center;margin-bottom:4px}
.fx-ic svg{width:18px;height:18px}

/* mini app panels (em-based) */
.fx-panel{background:#fff;border-radius:1.15em 1.15em 0 0;padding:1.1em 1.2em .6em;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 1.6em 3em -1.4em rgba(30,24,110,.32);display:grid;gap:.15em;line-height:1.35;color:var(--ink)}
.fx-hd{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-bottom:.5em}
.fx-hd b{font-size:1.08em;letter-spacing:-.01em}
.fx-hd small{font-size:.9em;color:var(--ink-3);font-weight:600}
.fx-cts{display:flex;gap:.4em}
.fx-cts span{font-size:.8em;font-weight:650;padding:.3em .7em;border-radius:99px;background:var(--bg-2);color:var(--ink-2)}
.fx-cts span.w{background:var(--warn-bg);color:var(--warn)}
.fx-search{display:flex;align-items:center;gap:.6em;padding:.65em .85em;border-radius:.75em;background:var(--bg-2);color:var(--ink-3);font-size:.92em;margin-bottom:.4em}
.fx-search svg{width:1.15em;height:1.15em;flex:none}
.fx-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.8em;align-items:center;padding:.62em 0}
.fx-row+.fx-row{border-top:1px solid var(--line-2)}
.fx-th{width:2.5em;height:2.5em;border-radius:.7em;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.fx-th svg{width:1.2em;height:1.2em}
.fx-th.g{background:var(--ok-bg);color:var(--ok)}.fx-th.a{background:var(--warn-bg);color:var(--warn)}
.fx-nm{display:grid;min-width:0}
.fx-nm b{font-size:.98em;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-nm small{font-size:.82em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-nm small.mono{font-size:.74em;letter-spacing:.02em}
.fx-av{width:2.1em;height:2.1em;border-radius:50%;color:#fff;font-size:.82em;font-weight:700;display:grid;place-items:center}
.fx-pl{display:inline-flex;align-items:center;gap:.4em;height:1.9em;padding:0 .75em;border-radius:99px;font-size:.8em;font-weight:650;white-space:nowrap;background:var(--bg-2);color:var(--ink-2)}
.fx-pl::before{content:"";width:.45em;height:.45em;border-radius:50%;background:currentColor}
.fx-pl.ok{background:var(--ok-bg);color:var(--ok)}.fx-pl.warn{background:var(--warn-bg);color:var(--warn)}.fx-pl.ac{background:var(--soft);color:var(--accent)}
.fx-seg{display:flex;gap:.25em;padding:.25em;border-radius:.8em;background:var(--bg-2);margin-bottom:.5em}
.fx-seg span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45em;padding:.5em .4em;border-radius:.6em;font-size:.88em;font-weight:650;color:var(--ink-3)}
.fx-seg span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,15,26,.08)}
.fx-seg svg{width:1.05em;height:1.05em}
.fx-qt{display:inline-flex;align-items:center;gap:.55em;padding:.2em .35em;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line);font-size:.85em;font-weight:650}
.fx-qt i{font-style:normal;width:1.4em;height:1.4em;border-radius:50%;display:grid;place-items:center;color:var(--ink-3)}
.fx-pr{font-size:.95em;font-weight:500;min-width:4.6em;text-align:right}
.fx-foot{display:flex;justify-content:space-between;align-items:center;padding:.7em 0 .5em;border-top:1px dashed var(--line);font-weight:650}
.fx-foot b{font-size:1.15em;font-weight:500}
.fx-btns{display:grid;padding:.7em 0 .6em;border-top:1px dashed var(--line)}
.fx-btns span{display:grid;place-items:center;height:2.6em;padding:0 1em;border-radius:.75em;font-size:.88em;font-weight:650}
.fx-btns .g{background:var(--bg-2);color:var(--ink-2)}
.fx-btns .p{background:linear-gradient(180deg,#7A73FF,#635BFF);color:#fff;display:flex;justify-content:center;gap:.35em;align-items:center}
.fx-btns .p b{font-weight:500}
.fx-mt{display:block;height:.38em;border-radius:9px;background:var(--line-2);margin-top:.45em;overflow:hidden}
.fx-mt i{display:block;height:100%;border-radius:9px;background:var(--ok)}
.fx-mt i.w{background:var(--warn)}
.fx-kd{font-size:.8em;font-weight:700;padding:.2em .55em;border-radius:6px;color:var(--ok);background:var(--ok-bg)}
.fx-big{display:block;font-size:2em;font-weight:500;letter-spacing:-.03em;margin:-.2em 0 .45em}
.fx-bars{display:flex;align-items:flex-end;gap:.45em;height:5.4em}
.fx-bars i{flex:1;border-radius:.35em .35em .15em .15em;background:#E3E1FF}
.fx-bars i.on{background:linear-gradient(180deg,#8078FF,#635BFF)}
.fx-rule .fx-nm b{font-weight:600}
.fx-chat{display:grid;gap:.6em;align-content:start;padding-top:.2em}
.fx-b{max-width:88%;padding:.75em .95em;border-radius:1.15em;font-size:.98em;line-height:1.45;box-shadow:0 .8em 1.6em -1em rgba(30,24,110,.3)}
.fx-b small{display:block;font-size:.76em;opacity:.65;margin-top:.3em}
.fx-b.in{background:#fff;color:var(--ink);border-bottom-left-radius:.35em}
.fx-b.out{justify-self:end;background:var(--accent);color:#fff;border-bottom-right-radius:.35em}

/* "also built in" strip */
.fx-more{margin-top:28px;display:flex;align-items:center;gap:18px 24px;flex-wrap:wrap;padding:22px 24px;border-radius:22px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.fx-also{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fx-more ul{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}
.fx-more li{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.fx-more li svg{width:15px;height:15px;color:var(--accent)}

@media (max-width:1100px){
  .fx-card{grid-column:span 6}
  .fx-card.fx-lg{grid-column:span 12}
  .fx-card.fx-lg .fx-vis{display:grid;grid-template-columns:1fr}
}
@media (max-width:640px){
  .fx-grid{gap:14px}
  .fx-card,.fx-card.fx-lg{grid-column:span 12}
  .fx-card.fx-lg .fx-vis{height:250px;padding:24px 18px 0;font-size:11.2px}
  .fx-vis{height:190px;padding:22px 18px 0}
  .fx-txt,.fx-card.fx-lg .fx-txt{padding:22px 20px 24px}
  .fx-more{padding:18px;flex-direction:column;align-items:flex-start}
  .fx-more .btn{align-self:stretch;justify-content:center}
}
.review-gap{height:var(--hdr-space)}

/* ================= features redesign: shared screens + three layouts (2026-10-07, round 8) ================= */
.pl.err{background:var(--err-bg);color:var(--err)}
.scr-bar{display:flex;align-items:center;justify-content:space-between;gap:1em}
.scr-t{display:flex;align-items:center;gap:.6em}
.scr-t b{font-size:1.3em;letter-spacing:-.02em}
.scr-ct{font-size:.78em;font-weight:650;color:var(--ink-3);background:#fff;box-shadow:0 0 0 1px var(--line);padding:.25em .65em;border-radius:99px}
.scr-tools{display:flex;gap:.5em;align-items:center}
.scr-in{display:inline-flex;align-items:center;gap:.5em;height:2.5em;padding:0 .9em;min-width:13em;border-radius:.6em;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink-3);font-size:.86em}
.scr-in svg{width:1.1em;height:1.1em}
.scr-gh,.scr-pri{display:inline-grid;place-items:center;height:2.5em;padding:0 1em;border-radius:.6em;font-size:.86em;font-weight:650}
.scr-gh{background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--ink-2)}
.scr-pri{background:var(--accent);color:#fff}
.scr-chips{display:flex;gap:.4em;flex-wrap:wrap}
.scr-chips span{display:inline-flex;align-items:center;gap:.4em;height:2.2em;padding:0 .85em;border-radius:99px;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:.8em;font-weight:600;color:var(--ink-2)}
.scr-chips span.on{background:var(--ink);color:#fff;box-shadow:none}
.scr-chips span.w{color:var(--warn);background:var(--warn-bg);box-shadow:none}
.scr-chips svg{width:1.05em;height:1.05em}
.scr-table{background:#fff;border-radius:.9em;box-shadow:0 0 0 1px rgba(15,15,26,.05);overflow:hidden}
.scr-th,.scr-tr{display:grid;align-items:center;gap:1em;padding:.75em 1.1em}
.scr-table.inv .scr-th,.scr-table.inv .scr-tr{grid-template-columns:minmax(0,2.4fr) 1fr 1fr .7fr .9fr 1.15fr}
.scr-th{font-size:.74em;font-weight:650;color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;background:#FAFAFD;border-bottom:1px solid var(--line-2)}
.scr-tr{font-size:.86em;color:var(--ink-2)}
.scr-tr+.scr-tr{border-top:1px solid var(--line-2)}
.scr-th .r,.scr-tr .r{text-align:right}
.scr-tr .mono{color:var(--ink);font-weight:500}
.scr-prod{display:flex;align-items:center;gap:.75em;min-width:0}
.scr-prod b{display:block;color:var(--ink);font-size:1.02em;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr-prod small{display:block;font-size:.84em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scr-prod>span:last-child{min-width:0}
.scr-loc{display:inline-flex;align-items:center;gap:.35em;font-size:.95em}
.scr-loc svg{width:1em;height:1em;color:var(--ink-3)}
.scr-tr .pl{font-size:.82em}
.scr-av{width:2.4em;height:2.4em;border-radius:50%;color:#fff;font-size:.8em;font-weight:700;display:grid;place-items:center;flex:none}
.scr-2{display:grid;grid-template-columns:minmax(0,1fr) 21em;gap:1em}
.scr-2.scr-st{grid-template-columns:1.25fr 1fr}
.scr-card{background:#fff;border-radius:.9em;padding:1.1em 1.2em;box-shadow:0 0 0 1px rgba(15,15,26,.05);display:grid;gap:.6em;align-content:start}
.scr-who{display:flex;align-items:center;gap:.8em;padding-bottom:.6em;border-bottom:1px solid var(--line-2)}
.scr-who .scr-av{width:3.2em;height:3.2em;font-size:.95em}
.scr-who b{display:block;font-size:1.15em;letter-spacing:-.01em}
.scr-who small{font-size:.8em;color:var(--ink-3)}
.scr-kv{display:flex;justify-content:space-between;align-items:center;gap:1em;font-size:.86em;color:var(--ink-3);padding:.35em 0}
.scr-kv b{color:var(--ink);font-weight:600}
.scr-kv b.mono{font-weight:500}
.scr-card .scr-kv+.scr-kv{border-top:1px solid var(--line-2);padding-top:.7em}
.scr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;padding:.4em 0}
.scr-stats span{background:var(--bg-2);border-radius:.6em;padding:.6em .7em;display:grid}
.scr-stats b{font-size:1.05em;font-weight:500}
.scr-stats small{font-size:.72em;color:var(--ink-3)}
.scr-open{display:flex;align-items:center;gap:.7em;padding:.7em;border-radius:.7em;box-shadow:0 0 0 1px var(--line-2)}
.scr-open b{display:block;font-size:.86em}
.scr-open small{font-size:.76em;color:var(--ink-3)}
.scr-open .pl{margin-left:auto;font-size:.78em}
.scr-tabs{display:flex;gap:.2em;padding:.2em;border-radius:.6em;background:var(--bg-2)}
.scr-tabs span{font-size:.76em;font-weight:600;padding:.3em .7em;border-radius:.45em;color:var(--ink-3)}
.scr-tabs span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,15,26,.08)}
.scr-msgs{display:grid;gap:.55em;padding:.3em 0}
.scr-auto{justify-self:center;display:inline-flex;align-items:center;gap:.4em;font-size:.72em;font-weight:650;color:var(--accent);background:var(--tint);padding:.3em .7em;border-radius:99px}
.scr-auto svg{width:1em;height:1em}
.scr-b{max-width:78%;padding:.65em .9em;border-radius:1em;font-size:.86em;line-height:1.45}
.scr-b small{display:block;font-size:.8em;opacity:.65;margin-top:.25em}
.scr-b.out{justify-self:end;background:var(--accent);color:#fff;border-bottom-right-radius:.3em}
.scr-b.in{background:var(--bg-2);color:var(--ink);border-bottom-left-radius:.3em}
.scr-compose{display:flex;align-items:center;gap:.6em;padding:.45em .45em .45em .9em;border-radius:.7em;box-shadow:0 0 0 1px var(--line);font-size:.84em;color:var(--ink-3)}
.scr-compose>span:first-child{flex:1}
.scr-tpl{font-weight:600;color:var(--ink-2);padding:.3em .6em;border-radius:.4em;background:var(--bg-2)}
.scr-send{width:2.2em;height:2.2em;border-radius:.55em;background:var(--accent);color:#fff;display:grid;place-items:center}
.scr-send svg{width:1.1em;height:1.1em}
.scr-table.staff{box-shadow:none;border-radius:0}
.scr-table.staff .scr-tr{grid-template-columns:minmax(0,1.6fr) 1fr auto;padding:.7em 0}
.scr-tg{width:2.4em;height:1.4em;border-radius:99px;background:#DADBE6;position:relative}
.scr-tg::after{content:"";position:absolute;left:.18em;top:.18em;width:1.04em;height:1.04em;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.scr-tg.on{background:var(--accent)}.scr-tg.on::after{left:auto;right:.18em}

/* shared bits */
.fz-bul{display:grid;gap:9px;margin:2px 0 4px}
.fz-bul li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2);line-height:1.5}
.fz-bul svg{width:18px;height:18px;flex:none;margin-top:2px;padding:3px;border-radius:50%;background:var(--tint);color:var(--accent);stroke-width:2.6}
.fx-also-row{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:14px 18px;flex-wrap:wrap;text-align:center}
.fx-also-row ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.fx-also-row li{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.fx-also-row li svg{width:15px;height:15px;color:var(--accent)}
.fx-also-row.dark li{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:rgba(255,255,255,.78)}
.fx-also-row.dark li svg{color:#A9A4FF}
.fx-also-row.dark .fx-also{color:rgba(255,255,255,.5)}
.fx-also-row .fx-also{flex-basis:100%}

/* option 1: scroll story */
.fs-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:72px;align-items:start;margin-top:24px}
.fs-step{min-height:72vh;display:grid;align-content:center;gap:16px;padding:32px 0;opacity:.28;transition:opacity .45s var(--ease)}
.fs-step.on{opacity:1}
.fs-step:first-child{min-height:56vh;align-content:start;padding-top:80px}
.fs-num{justify-self:start;font-size:12px;letter-spacing:.06em;color:var(--accent);background:var(--tint);padding:6px 10px;border-radius:99px}
.fs-step h3{font-size:clamp(26px,2.5vw,34px);line-height:1.12;letter-spacing:-.03em;font-weight:740}
.fs-step>p{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:460px}
.fs-inline{display:none}
.fs-stage{position:sticky;top:calc(var(--hdr-space) + 48px);height:min(580px,calc(100vh - var(--hdr-space) - 96px));border-radius:32px;overflow:hidden;isolation:isolate;container-type:inline-size;
  background:radial-gradient(70% 60% at 100% 0%,rgba(99,91,255,.28),transparent 60%),radial-gradient(60% 60% at 0% 100%,rgba(128,120,255,.16),transparent 60%),linear-gradient(160deg,#F4F3FF,#E9E7FF);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
.fs-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.1) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 70%);mask-image:linear-gradient(135deg,#000,transparent 70%)}
.fs-frame{position:absolute;left:48px;top:52px;right:0;bottom:0}
.fs-shot{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.985);transform-origin:top left;transition:opacity .5s var(--ease),transform .6s var(--ease)}
.fs-shot.on{opacity:1;transform:none}
.fs-shot .aw{font-size:calc(100cqw * 1.42 / 68);box-shadow:0 0 0 1px rgba(15,15,26,.08),0 40px 80px -30px rgba(40,34,140,.45)}
.fs-dots{position:absolute;left:22px;top:50%;transform:translateY(-50%);display:grid;gap:8px;z-index:2}
.fs-dots i{width:6px;height:6px;border-radius:50%;background:rgba(99,91,255,.25);transition:height .3s,background .3s}
.fs-dots i.on{height:20px;border-radius:4px;background:var(--accent)}

/* option 2: tabs + full screen */
.ft-tabs{display:flex;gap:4px;width:max-content;max-width:100%;margin:8px auto 28px;padding:6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 10px 30px -18px rgba(30,24,110,.3);overflow-x:auto;scrollbar-width:none}
.ft-tabs::-webkit-scrollbar{display:none}
.ft-tab{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:0;border-radius:999px;background:none;font:600 14.5px var(--font);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ft-tab svg{width:17px;height:17px}
.ft-tab:hover{color:var(--ink);background:var(--bg-2)}
.ft-tab[aria-selected="true"]{background:var(--ink);color:#fff}
.ft-stage{position:relative;border-radius:32px;overflow:hidden;isolation:isolate;
  background:radial-gradient(60% 70% at 100% 0%,rgba(99,91,255,.26),transparent 60%),radial-gradient(50% 60% at 0% 100%,rgba(128,120,255,.14),transparent 60%),linear-gradient(160deg,#F5F4FF,#ECEAFF);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
.ft-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.09) 1px,transparent 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 50%);mask-image:linear-gradient(90deg,#000,transparent 50%)}
.ft-panel[hidden]{display:none}
.ft-panel{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:48px;align-items:start;padding:56px 0 0 56px;min-height:540px}
.ft-panel.enter .ft-copy{animation:up .5s var(--ease) both}.ft-panel.enter .ft-shot{animation:up .6s .05s var(--ease) both}
.ft-copy{display:grid;gap:16px;align-content:start;padding-bottom:56px}
.ft-copy h3{font-size:clamp(26px,2.4vw,32px);line-height:1.12;letter-spacing:-.03em;font-weight:740}
.ft-copy>p{font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.ft-shot{container-type:inline-size;height:500px;overflow:hidden;border-top-left-radius:18px}
.ft-shot .aw{font-size:calc(100cqw * 1.18 / 68);box-shadow:0 0 0 1px rgba(15,15,26,.08),0 40px 80px -30px rgba(40,34,140,.45)}

/* option 3: dark bento */
.fb .head .lead{color:rgba(255,255,255,.66)}
.fb .h2{color:#fff}
.fb .eyebrow{color:#A9A4FF}
.fb .it.ac{color:#A9A4FF}
.fb{position:relative;overflow:hidden;isolation:isolate}
.fb::before{content:"";position:absolute;left:50%;top:-240px;width:1100px;height:600px;transform:translateX(-50%);z-index:-1;background:radial-gradient(closest-side,rgba(99,91,255,.35),transparent);filter:blur(10px)}
.fb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.fb-tile{position:relative;display:flex;flex-direction:column;min-height:440px;border-radius:28px;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#191930,#111120);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:box-shadow .3s,transform .35s var(--ease)}
.fb-tile:hover{box-shadow:inset 0 0 0 1px rgba(169,164,255,.35);transform:translateY(-3px)}
.fb-tile::before{content:"";position:absolute;right:-20%;top:-30%;width:80%;height:80%;z-index:-1;background:radial-gradient(closest-side,rgba(99,91,255,.28),transparent)}
.fb-tile.tall{min-height:560px}
.fb-tile.w7{grid-column:span 7}.fb-tile.w5{grid-column:span 5}.fb-tile.w6{grid-column:span 6}
.fb-copy{display:grid;gap:12px;align-content:start;padding:32px 34px 0;max-width:520px}
.fb-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(99,91,255,.2);color:#C4C0FF;margin-bottom:2px}
.fb-ic svg{width:19px;height:19px}
.fb-copy h3{font-size:clamp(21px,1.9vw,25px);line-height:1.2;letter-spacing:-.02em;font-weight:720;color:#fff}
.fb-copy p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.64)}
.fb-copy .link{color:#B9B5FF;font-size:14.5px}
.fb-shot{margin-top:auto;padding:30px 0 0 34px;height:270px;overflow:hidden;container-type:inline-size}
.fb-tile.tall .fb-shot{height:330px}
.fb-shot .aw{font-size:calc((100cqw - 34px) * 1.25 / 68);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 60px -20px rgba(0,0,0,.7)}
.fb-shot.k-pos .aw,.fb-shot.k-inventory .aw{font-size:calc((100cqw - 34px) * 1.55 / 68)}

/* review page option separators */
.sec-opt{display:flex;justify-content:center;padding:22px 16px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;gap:10px;align-items:center;flex-wrap:wrap;text-align:center}
.sec-opt b{font:500 11px/1 var(--mono);letter-spacing:.06em;padding:6px 9px;border-radius:99px;background:var(--accent)}
.sec-opt span{color:rgba(255,255,255,.65);font-weight:500}

@media (max-width:1000px){
  .fs-grid{grid-template-columns:1fr;gap:0}
  .fs-stage{display:none}
  .fs-step,.fs-step:first-child{min-height:0;opacity:1;padding:36px 0;align-content:start}
  .fs-inline{display:block;margin-top:8px;height:340px;border-radius:24px;overflow:hidden;container-type:inline-size;padding:28px 0 0 28px;
    background:radial-gradient(70% 60% at 100% 0%,rgba(99,91,255,.26),transparent 60%),linear-gradient(160deg,#F4F3FF,#E9E7FF)}
  .fs-inline .aw{font-size:calc(100cqw * 1.3 / 68)}
  .ft-panel{grid-template-columns:1fr;gap:28px;padding:36px 0 0 32px;min-height:0}
  .ft-copy{padding:0 32px 0 0}
  .ft-shot{height:380px}
  .ft-shot .aw{font-size:calc(100cqw * 1.35 / 68)}
  .fb-tile.w7,.fb-tile.w5,.fb-tile.w6{grid-column:span 12}
  .fb-tile,.fb-tile.tall{min-height:0}
  .fb-shot,.fb-tile.tall .fb-shot{height:300px}
}
@media (max-width:640px){
  .fs-inline{height:260px;padding:20px 0 0 20px}
  .fs-inline .aw{font-size:calc(100cqw * 1.6 / 68)}
  .ft-tabs{width:auto;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);border-radius:0;box-shadow:none;background:none;padding:0 var(--gut)}
  .ft-tab{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
  .ft-panel{padding:28px 0 0 22px}
  .ft-copy{padding-right:22px}
  .ft-shot{height:280px}
  .ft-shot .aw{font-size:calc(100cqw * 1.7 / 68)}
  .fb-copy{padding:26px 24px 0}
  .fb-shot,.fb-tile.tall .fb-shot{height:240px;padding:24px 0 0 24px}
  .fb-shot .aw,.fb-shot.k-pos .aw,.fb-shot.k-inventory .aw{font-size:calc((100cqw - 24px) * 1.7 / 68)}
}
.scr-perm .scr-kv{flex-direction:row-reverse;justify-content:flex-end}
.scr-perm .scr-kv>:first-child{flex:1}
.scr-perm .scr-kv b.mono{min-width:2.4em}

/* ================= features: scroll story, rebuilt motion (round 9) ================= */
.fs2 .fs-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start;margin-top:16px}
.fs2 .fs-steps{position:relative;padding-left:64px}
.fs-rail{position:absolute;left:15px;top:0;bottom:0;width:2px;border-radius:2px;background:var(--line);overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}
.fs-rail b{display:block;height:100%;background:linear-gradient(180deg,#A9A4FF,var(--accent));transform-origin:top;transform:scaleY(var(--p,0))}
.fs2 .fs-step{min-height:80vh;display:grid;align-content:center;padding:40px 0}
.fs-body{position:relative;display:grid;gap:16px;justify-items:start}
.fs-node{position:absolute;left:-64px;top:-5px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:500;
  background:var(--bg,#fff);color:var(--ink-3);box-shadow:inset 0 0 0 1.5px var(--line);transition:background .4s var(--ease),color .4s,box-shadow .4s}
.fs-step.on .fs-node{background:var(--accent);color:#fff;box-shadow:0 0 0 6px rgba(99,91,255,.14),0 10px 22px -8px rgba(99,91,255,.7)}
.fs-kick{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650;color:var(--accent)}
.fs-kick svg{width:16px;height:16px}
.fs2 .fs-step h3{font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:-.03em;font-weight:740}
.fs2 .fs-step p{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:470px}
.fs2 .fs-body>:not(.fs-node):not(.fs-inline){opacity:.22;transform:translateY(8px);transition:opacity .5s var(--ease),transform .7s cubic-bezier(.16,1,.3,1)}
.fs2 .fs-step.on .fs-body>:not(.fs-node):not(.fs-inline){opacity:1;transform:none}
.fs2 .fs-step.on .fs-body>h3{transition-delay:.05s}.fs2 .fs-step.on .fs-body>p{transition-delay:.1s}
.fs2 .fs-step.on .fs-body>.fz-bul{transition-delay:.15s}.fs2 .fs-step.on .fs-body>.link{transition-delay:.2s}
.fs2 .fs-step.on .fz-bul svg{animation:fsPop .5s cubic-bezier(.34,1.56,.64,1) both}
.fs2 .fs-step.on .fz-bul li:nth-child(1) svg{animation-delay:.3s}.fs2 .fs-step.on .fz-bul li:nth-child(2) svg{animation-delay:.42s}.fs2 .fs-step.on .fz-bul li:nth-child(3) svg{animation-delay:.54s}
.fs2 .fs-inline{display:none}

/* stage */
.fs2 .fs-stage{position:sticky;top:calc(var(--hdr-space) + 40px);height:min(600px,calc(100vh - var(--hdr-space) - 80px));border-radius:32px;overflow:hidden;isolation:isolate;container-type:inline-size;
  background:linear-gradient(160deg,#F7F6FF 0%,#EEEcFF 100%);box-shadow:inset 0 0 0 1px rgba(99,91,255,.13)}
.fs2 .fs-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.09) 1px,transparent 1px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(80% 70% at 0% 100%,#000,transparent);mask-image:radial-gradient(80% 70% at 0% 100%,#000,transparent)}
.fs-glow{position:absolute;z-index:-1;width:75%;aspect-ratio:1;right:-25%;top:-45%;border-radius:50%;background:radial-gradient(closest-side,rgba(99,91,255,.42),transparent);
  transform:translate(calc(var(--s,0) * -7%),calc(var(--s,0) * 9%));transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.fs-glow.g2{width:55%;right:auto;left:-20%;top:auto;bottom:-35%;background:radial-gradient(closest-side,rgba(169,164,255,.35),transparent);transform:translate(calc(var(--s,0) * 8%),calc(var(--s,0) * -6%))}
.fs-top{position:absolute;left:30px;right:28px;top:24px;display:flex;align-items:center;gap:14px;z-index:3}
.fs-count{display:inline-flex;align-items:baseline;gap:6px;font-size:12.5px;color:var(--ink-3)}
.fs-count b{display:inline-block;font-weight:500;color:var(--ink);font-size:14px}
.fs-label{font-size:14px;font-weight:650;color:var(--ink);display:inline-block}
.fs-count b.roll,.fs-label.roll{animation:fsRoll .55s cubic-bezier(.16,1,.3,1)}
.fs-segs{margin-left:auto;display:flex;gap:5px}
.fs-segs i{width:26px;height:4px;border-radius:4px;background:rgba(99,91,255,.16);overflow:hidden}
.fs-segs b{display:block;height:100%;border-radius:4px;background:var(--accent);transform-origin:left;transform:scaleX(var(--f,0))}
.fs2 .fs-frame{position:absolute;left:48px;top:70px;right:0;bottom:0}
.fs2 .fs-aw{width:58em;font-size:calc(100cqw * 1.1 / 58);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 50px 90px -30px rgba(40,34,140,.45);transition:transform 1s cubic-bezier(.16,1,.3,1)}
.fs2 .fs-aw .aw-nav nav{position:relative;isolation:isolate}
.fs2 .fs-aw .aw-nav nav span{transition:color .35s}
.fs2 .fs-aw .aw-nav nav span.on{background:none}
.fs-ind{position:absolute;z-index:-1;top:0;bottom:0;left:0;width:0;border-radius:7px;background:var(--tint);opacity:0;
  transition:transform .55s cubic-bezier(.16,1,.3,1),width .55s cubic-bezier(.16,1,.3,1),opacity .3s}
.fs2 .fs-aw .aw-url.roll{animation:fsFade .5s var(--ease)}
.fs-panes{display:grid}
.fs-pane{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(-10px);filter:blur(4px);transition:opacity .3s,transform .4s var(--ease),filter .3s,visibility 0s .4s}
.fs-pane.on{opacity:1;visibility:visible;transform:none;filter:none;transition:opacity .35s,transform .5s var(--ease),filter .35s,visibility 0s}

/* floating notification */
.fs-call{position:absolute;z-index:4;left:26px;bottom:34px;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 12px;border-radius:18px;max-width:330px;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 0 0 1px rgba(15,15,26,.06),0 28px 50px -18px rgba(30,24,110,.45);opacity:0;transform:translateY(18px) scale(.92);pointer-events:none;
  transition:opacity .25s,transform .3s var(--ease)}
.fs-call.show{opacity:1;transform:none;transition:opacity .4s,transform .7s cubic-bezier(.34,1.56,.64,1)}
.fs-call.show.idle{animation:fsFloat 5s ease-in-out infinite}
.fs-call b{display:block;font-size:14px;font-weight:700;letter-spacing:-.01em}
.fs-call small{display:block;font-size:12.5px;color:var(--ink-3);margin-top:1px}
.fs-call-ic{position:relative;width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent);color:#fff}
.fs-call-ic svg{width:18px;height:18px}
.fs-call-ic::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(99,91,255,.5)}
.fs-call.show .fs-call-ic::after,.fs-inline.play .fs-call-ic::after{animation:fsRing 1.6s .4s ease-out 2}
.fs-call[data-key="pos"] .fs-call-ic,.fs-inline[data-key="pos"] .fs-call-ic{background:#0A7A43}
.fs-call[data-key="inventory"] .fs-call-ic,.fs-inline[data-key="inventory"] .fs-call-ic{background:#B06A00}
.fs-call[data-key="staff"] .fs-call-ic,.fs-inline[data-key="staff"] .fs-call-ic{background:var(--ink)}

/* cursor */
.fs-cur{position:absolute;z-index:5;left:0;top:0;width:22px;height:22px;opacity:0;pointer-events:none;transform:translate(var(--cx,70%),var(--cy,80%));
  filter:drop-shadow(0 4px 6px rgba(15,15,26,.25));transition:transform .75s cubic-bezier(.65,0,.35,1),opacity .3s}
.fs-cur.on{opacity:1}
.fs-cur svg{width:100%;height:100%;display:block;transition:transform .15s}
.fs-cur.click svg{transform:scale(.82)}
.fs-cur::before{content:"";position:absolute;left:-12px;top:-12px;width:28px;height:28px;border-radius:50%;background:rgba(99,91,255,.35);transform:scale(0);opacity:0}
.fs-cur.click::before{animation:fsClick .6s ease-out}

/* content motion inside a screen. JS tags elements with .fa* and --d (delay) */
.fs-pane.on .fa,.fs-inline.play .fa,[data-fg-play].play .fa{animation:fsUp .7s var(--d,0s) cubic-bezier(.16,1,.3,1) both}
.fs-pane.on .fa-r,.fs-inline.play .fa-r,[data-fg-play].play .fa-r{animation:fsRight .6s var(--d,0s) cubic-bezier(.16,1,.3,1) both}
.fs-pane.on .fa-p,.fs-inline.play .fa-p,[data-fg-play].play .fa-p{animation:fsPop .5s var(--d,0s) cubic-bezier(.34,1.56,.64,1) both}
.fs-pane.on .fa-x,.fs-inline.play .fa-x,[data-fg-play].play .fa-x{transform-origin:left;animation:fsGrow .8s var(--d,0s) cubic-bezier(.16,1,.3,1) both}
.fs-pane.on .fa-h,.fs-inline.play .fa-h,[data-fg-play].play .fa-h{animation:fsUp .7s var(--d,0s) cubic-bezier(.16,1,.3,1) both,fsHi 1.8s calc(var(--d,0s) + .8s) ease both}
.fs-pane.on .fa-d,.fs-inline.play .fa-d,[data-fg-play].play .fa-d{stroke-dasharray:1;animation:fsDraw 1.5s var(--d,0s) cubic-bezier(.65,0,.35,1) both}
.fs-pane.on .fa-f,.fs-inline.play .fa-f,[data-fg-play].play .fa-f{animation:fsFade .9s var(--d,0s) ease both}
.fs-pane.on .fa-t::after,.fs-inline.play .fa-t::after,[data-fg-play].play .fa-t::after{animation:fsKnob .45s var(--d,0s) cubic-bezier(.34,1.56,.64,1) both}
.fs-pane.on .fa-t,.fs-inline.play .fa-t,[data-fg-play].play .fa-t{animation:fsTg .3s var(--d,0s) ease both}
.fs-pane .scr-tg::after,.fs-inline .scr-tg::after,[data-fg-play] .scr-tg::after{left:.18em;right:auto;transition:none}
.fs-pane .scr-tg.on::after,.fs-inline .scr-tg.on::after,[data-fg-play] .scr-tg.on::after{transform:translateX(1em)}
.fs-inline:not(.play) .fa,.fs-inline:not(.play) .fa-r,.fs-inline:not(.play) .fa-p,.fs-inline:not(.play) .fa-h,
.fg-js [data-fg-play]:not(.play) .fa,.fg-js [data-fg-play]:not(.play) .fa-r,.fg-js [data-fg-play]:not(.play) .fa-p,.fg-js [data-fg-play]:not(.play) .fa-h{opacity:0}

@keyframes fsUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes fsRight{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes fsPop{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}
@keyframes fsGrow{from{transform:scaleX(0)}to{transform:none}}
@keyframes fsDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes fsFade{from{opacity:0}to{opacity:1}}
@keyframes fsHi{0%,100%{background:transparent}25%,60%{background:rgba(242,184,103,.16)}}
@keyframes fsKnob{from{transform:none}to{transform:translateX(1em)}}
@keyframes fsTg{from{background:#DADBE6}to{background:var(--accent)}}
@keyframes fsRoll{from{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}
@keyframes fsFloat{0%,100%{transform:none}50%{transform:translateY(-6px)}}
@keyframes fsRing{from{box-shadow:0 0 0 0 rgba(99,91,255,.45)}to{box-shadow:0 0 0 14px rgba(99,91,255,0)}}
@keyframes fsClick{from{transform:scale(.3);opacity:1}to{transform:scale(1.6);opacity:0}}

/* also built in */
.bi{margin-top:56px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:56px;padding:52px;border-radius:32px;
  background:#0F0F1A;color:#fff;box-shadow:0 40px 80px -40px rgba(15,15,26,.5)}
.bi::before{content:"";position:absolute;z-index:-1;left:-15%;top:-60%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(99,91,255,.45),transparent)}
.bi::after{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;
  -webkit-mask-image:radial-gradient(70% 90% at 0% 0%,#000,transparent);mask-image:radial-gradient(70% 90% at 0% 0%,#000,transparent)}
.bi-head{display:grid;gap:16px;align-content:start;justify-items:start}
.bi-tag{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:99px;font-size:12.5px;font-weight:650;letter-spacing:.02em;color:#C9C6FF;background:rgba(99,91,255,.18);box-shadow:inset 0 0 0 1px rgba(169,164,255,.25)}
.bi-tag svg{width:14px;height:14px}
.bi-head h3{font-size:clamp(26px,2.5vw,34px);line-height:1.12;letter-spacing:-.03em;font-weight:740;color:#fff}
.bi-head h3 .it{color:#A9A4FF}
.bi-head p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.62)}
.bi-head .link{color:#B9B5FF}
.bi-list{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
.bi-list li{display:flex;gap:14px;align-items:flex-start;padding:18px 8px 18px 0;border-top:1px solid rgba(255,255,255,.08)}
.bi-list li:nth-child(-n+2){border-top:0;padding-top:0}
.bi-ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;color:#C9C6FF;background:linear-gradient(160deg,rgba(99,91,255,.32),rgba(99,91,255,.12));box-shadow:inset 0 0 0 1px rgba(169,164,255,.22);transition:transform .3s var(--ease),background .3s}
.bi-ic svg{width:18px;height:18px}
.bi-list li:hover .bi-ic{transform:translateY(-2px);background:var(--accent);color:#fff}
.bi-list b{display:block;font-size:15px;font-weight:650;color:#fff;margin-bottom:3px}
.bi-list small{display:block;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.55)}
.bi.rv .bi-list li{opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(.15s + var(--i) * 55ms)}
.bi.rv.in .bi-list li{opacity:1;transform:none}

@media (max-width:1000px){
  .fs2 .fs-grid{grid-template-columns:1fr;gap:0}
  .fs2 .fs-stage{display:none}
  .fs2 .fs-steps{padding-left:52px}
  .fs-rail{left:13px}
  .fs-node{left:-52px;width:28px;height:28px;font-size:10.5px}
  .fs2 .fs-step{min-height:0;padding:36px 0}
  .fs2 .fs-body>:not(.fs-node):not(.fs-inline){opacity:1;transform:none}
  .fs2 .fs-inline{display:block;position:relative;justify-self:stretch;margin-top:10px;height:330px;border-radius:24px;overflow:hidden;container-type:inline-size;padding:26px 0 0 26px;
    background:radial-gradient(70% 60% at 100% 0%,rgba(99,91,255,.26),transparent 60%),linear-gradient(160deg,#F6F5FF,#EBE9FF);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
  .fs-inline .aw{font-size:calc(100cqw * 1.35 / 68)}
  .fs-inline .fs-call{left:14px;bottom:16px;opacity:0;transform:translateY(14px) scale(.92)}
  .fs-inline.play .fs-call{animation:fsCallIn .7s 1.3s cubic-bezier(.34,1.56,.64,1) both}
  .bi{grid-template-columns:1fr;gap:32px;padding:36px 28px}
}
@keyframes fsCallIn{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}
@media (max-width:640px){
  .fs2 .fs-steps{padding-left:44px}
  .fs-rail{left:11px}
  .fs-node{left:-44px;width:24px;height:24px;font-size:9.5px;top:-3px}
  .fs2 .fs-inline{height:260px;padding:18px 0 0 18px;margin-left:-44px;width:calc(100% + 44px)}
  .fs-inline .aw{font-size:calc(100cqw * 1.7 / 68)}
  .fs-inline .fs-call{max-width:calc(100% - 28px);padding:10px 14px 10px 10px}
  .fs-inline .fs-call-ic{width:32px;height:32px}
  .bi{padding:30px 20px;border-radius:24px}
  .bi-list{grid-template-columns:1fr}
  .bi-list li:nth-child(2){border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
}
@media (prefers-reduced-motion:reduce){
  .fs2 *,.fs2 *::before,.fs2 *::after{animation:none!important;transition:none!important}
  .fs-inline .fs-call{opacity:1;transform:none}
  .fs-cur{display:none}
}
@media (max-width:640px){
  .fs-inline .fs-call{left:12px;bottom:12px;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;max-width:calc(100% - 24px)}
  .fs-inline .fs-call b{font-size:12.5px}
  .fs-inline .fs-call small{font-size:11px}
  .fs-inline .fs-call-ic{width:28px;height:28px;border-radius:9px}
  .fs-inline .fs-call-ic svg{width:14px;height:14px}
}

/* ================= why phonesol: three options (round 10) ================= */
.wy .head{margin-bottom:48px}
/* option 1: reasons bento */
.wy-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.wy-t{position:relative;display:flex;flex-direction:column;gap:24px;min-height:330px;padding:32px;border-radius:28px;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#fff,#FAFAFE);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,15,26,.03);transition:box-shadow .3s,transform .4s var(--ease)}
.wy-t:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(99,91,255,.25),0 24px 50px -28px rgba(40,34,140,.35)}
.wy-t.w7{grid-column:span 7;min-height:420px}.wy-t.w5{grid-column:span 5;min-height:420px}.wy-t.w4{grid-column:span 4}
.wy-t.w7{padding-left:0;padding-right:0}.wy-t.w7 .wy-copy{padding:0 32px}
.wy-copy{display:grid;gap:12px;justify-items:start;max-width:520px}
.wy-k{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:650;color:var(--accent)}
.wy-k svg{width:16px;height:16px}
.wy-t h3{font-size:clamp(21px,1.9vw,25px);line-height:1.2;letter-spacing:-.025em;font-weight:730}
.wy-t p{font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.wy-mqs{margin-top:auto;display:grid;gap:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wy-mq{overflow:hidden}
.wy-mq-t{display:flex;gap:10px;width:max-content;animation:wyMq 46s linear infinite}
.wy-mq.rev .wy-mq-t{animation-direction:reverse;animation-duration:52s}
.wy-t:hover .wy-mq-t{animation-play-state:paused}
.wy-chip{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 8px 0 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 6px 16px -10px rgba(30,24,110,.25);white-space:nowrap;font-size:14px}
.wy-chip svg{width:16px;height:16px;color:var(--ink-3)}
.wy-chip b{font-weight:650}
.wy-chip i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--tint);padding:5px 9px;border-radius:9px}
.wy-big{display:flex;align-items:flex-start;gap:2px;line-height:1;margin:4px 0}
.wy-big b{font-size:clamp(52px,5.4vw,72px);font-weight:500;letter-spacing:-.04em;color:var(--ink)}
.wy-big span{font-size:40px;font-weight:600;color:var(--accent);margin-top:2px}
.wy-lib{margin-top:auto;display:grid;gap:8px}
.wy-lib-r{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 6px 18px -12px rgba(30,24,110,.25)}
.wy-lib-r b{font-size:14px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wy-lib-r small{font-size:12px;color:var(--ink-3)}
.wy-lib-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg-2);color:var(--ink-2)}
.wy-lib-ic svg{width:16px;height:16px}
.wy-add{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}
.wy-add svg{width:13px;height:13px;stroke-width:3}
.wy-t.rv .wy-lib-r{opacity:0;transform:translateY(14px)}
.wy-t.rv.in .wy-lib-r{opacity:1;transform:none;transition:opacity .6s var(--ease),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(.5s + var(--i) * .18s)}
.wy-t.rv .wy-add{transform:scale(0)}
.wy-t.rv.in .wy-add{transform:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.9s + var(--i) * .18s)}
.wy-tl{margin-top:auto;position:relative;display:grid;gap:10px;padding-left:0}
.wy-tl li{position:relative;display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:var(--ink)}
.wy-tl-ic{position:relative;z-index:1;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.wy-tl-ic svg{width:16px;height:16px}
.wy-tl li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;width:2px;height:10px;background:var(--line)}
.wy-tl-ok{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok)}
.wy-tl-ok svg{width:12px;height:12px;stroke-width:3}
.wy-t.rv .wy-tl-ok{transform:scale(0)}
.wy-t.rv.in .wy-tl-ok{transform:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.6s + var(--i) * .35s)}
.wy-price{color:var(--accent);white-space:nowrap}
.wy-price b{font-weight:600}
.wy-tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.wy-tags span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:600;color:var(--ink-2)}
.wy-tags svg{width:14px;height:14px;color:var(--ok);stroke-width:2.6}
.wy-safe{margin-top:auto;display:flex;align-items:center;gap:20px}
.wy-lock{position:relative;width:64px;height:64px;flex:none;border-radius:20px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#7770FF,#524BD6);box-shadow:0 14px 30px -12px rgba(99,91,255,.7)}
.wy-lock svg{width:26px;height:26px}
.wy-lock::before,.wy-lock::after{content:"";position:absolute;inset:-8px;border-radius:26px;border:1px solid rgba(99,91,255,.25);animation:wyPulse 3s ease-out infinite}
.wy-lock::after{animation-delay:1.5s}
.wy-safe ul{display:grid;gap:7px}
.wy-safe li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.wy-safe li svg{width:15px;height:15px;color:var(--ok);stroke-width:2.6}

/* option 2: before / after */
.wy-sw{display:grid;gap:24px;justify-items:center}
.wy-tog{position:relative;display:inline-flex;padding:5px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 10px 30px -18px rgba(30,24,110,.3);isolation:isolate}
.wy-tog button{position:relative;z-index:1;height:42px;padding:0 20px;border:0;background:none;border-radius:999px;font:600 14.5px var(--font);color:var(--ink-2);cursor:pointer;transition:color .3s;min-width:150px}
.wy-tog button[aria-pressed="true"]{color:#fff}
.wy-tog i{position:absolute;z-index:0;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:999px;background:var(--ink);transition:transform .55s cubic-bezier(.16,1,.3,1),background .4s}
.wy-sw.after .wy-tog i{transform:translateX(100%);background:var(--accent)}
.wy-stage{position:relative;width:100%;aspect-ratio:16/8;border-radius:32px;overflow:hidden;isolation:isolate;container-type:inline-size;
  background:#F4F4F8;box-shadow:inset 0 0 0 1px var(--line);transition:background .8s}
.wy-stage::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(15,15,26,.1) 1px,transparent 1px);background-size:22px 22px;opacity:.7}
.wy-stage::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:70%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;
  background:radial-gradient(closest-side,rgba(99,91,255,.35),transparent);transition:transform 1.2s cubic-bezier(.16,1,.3,1),opacity .8s}
.wy-sw.after .wy-stage{background:#F1F0FF}
.wy-sw.after .wy-stage::after{transform:translate(-50%,-50%) scale(1);opacity:1}
.wy-stage>*{font-size:clamp(8px,1.25cqw,14px)}
.wy-m{position:absolute;padding:1em 1.1em;border-radius:1em;background:#fff;color:var(--ink-2);box-shadow:0 0 0 1px rgba(15,15,26,.08),0 1.2em 2.4em -1.2em rgba(15,15,26,.3);
  transform:rotate(var(--r));transition:left .9s cubic-bezier(.65,0,.35,1),top .9s cubic-bezier(.65,0,.35,1),transform .9s cubic-bezier(.65,0,.35,1),opacity .6s;transition-delay:calc(var(--i) * 60ms)}
.wy-m-h{display:flex;align-items:center;gap:.45em;font-size:.82em;font-weight:700;color:var(--ink);margin-bottom:.6em}
.wy-m-h svg{width:1.15em;height:1.15em;color:var(--ink-3)}
.wy-m-h em{font-style:normal;margin-left:auto;font-size:.85em;color:#fff;background:var(--err);border-radius:99px;padding:.1em .5em}
.wy-m p{font-size:.86em;line-height:1.5}
.m-book{--r:-6deg;--i:0;left:5%;top:9%;width:15.5em;background:#FFFDF6;font-family:var(--serif);font-style:italic}
.m-book p{font-size:1.08em;border-bottom:1px dashed #E8E1C8;padding:.15em 0}
.m-book .x{text-decoration:line-through;color:var(--ink-3)}
.m-book .wy-m-h{font-family:var(--font);font-style:normal}
.m-sheet{--r:4deg;--i:1;left:63%;top:7%;width:18em}
.wy-cells{display:grid;grid-template-columns:1.6fr .7fr 1fr;font-size:.76em;border:1px solid #DDE3D8}
.wy-cells i{font-style:normal;padding:.35em .5em;border-right:1px solid #DDE3D8;border-bottom:1px solid #DDE3D8;font-family:var(--mono)}
.wy-cells i:nth-child(-n+3){background:#EAF3E6;font-weight:600}
.wy-cells i:nth-child(8){color:var(--err);background:var(--err-bg)}
.m-sms{--r:-3deg;--i:2;left:71%;top:55%;width:14em}
.m-sms .b{display:inline-block;background:#E9E9EF;color:var(--ink);border-radius:1em;border-bottom-left-radius:.3em;padding:.45em .8em;margin:.15em 0;font-size:.85em}
.m-till{--r:5deg;--i:3;left:9%;top:58%;width:12.5em;font-family:var(--mono);background:#FDFDFD}
.m-till p{display:flex;justify-content:space-between;font-size:.78em;border-bottom:1px dotted #D9D9E0;padding:.25em 0}
.m-till .t{font-weight:600;color:var(--ink);border:0}
.m-sticky{--r:-5deg;--i:4;left:41%;top:64%;width:12em;background:#FFE98A;color:#5E4B00;font-family:var(--serif);font-style:italic;font-size:1.1em;line-height:1.35;border-radius:.25em;box-shadow:0 1em 2em -1em rgba(94,75,0,.4)}
.m-calc{--r:3deg;--i:5;left:39%;top:6%;width:11em;background:#24242E;color:#fff}
.m-calc .wy-m-h{color:#fff}.m-calc .wy-m-h svg{color:rgba(255,255,255,.5)}
.m-calc b{display:block;text-align:right;font-size:1.35em;font-weight:500;padding:.2em .3em;background:#383846;border-radius:.4em;margin-bottom:.5em}
.wy-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:.3em}
.wy-keys i{height:1.3em;border-radius:.3em;background:#44445A}
.wy-sw:not(.after) .wy-m{animation:wyBob 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}
.wy-sw.after .wy-m{left:50%;top:46%;transform:translate(-50%,-50%) rotate(0) scale(.35);opacity:0}
.wy-one{position:absolute;left:50%;top:50%;width:46em;border-radius:1.1em;background:#fff;overflow:visible;
  box-shadow:0 0 0 1px rgba(15,15,26,.07),0 3em 5em -2em rgba(40,34,140,.45);transform:translate(-50%,-44%) scale(.86);opacity:0;
  transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .5s;transition-delay:0s}
.wy-sw.after .wy-one{transform:translate(-50%,-50%);opacity:1;transition-delay:.45s}
.wy-o-top{display:flex;align-items:center;gap:.6em;height:3.4em;padding:0 1.1em;border-bottom:1px solid var(--line-2)}
.wy-o-top svg{width:1.4em;height:1.4em}
.wy-o-top>b{font-size:.95em;margin-right:.8em}
.wy-o-top nav{display:flex;gap:.2em}
.wy-o-top nav span{font-size:.8em;font-weight:560;color:var(--ink-2);padding:.4em .7em;border-radius:.5em}
.wy-o-top nav span.on{background:var(--tint);color:var(--accent)}
.wy-o-body{padding:1.1em;display:grid;gap:.5em;background:#FAFAFD;border-radius:0 0 1.1em 1.1em}
.wy-o-k{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;margin-bottom:.3em}
.wy-o-k span{background:#fff;border-radius:.7em;padding:.7em .8em;box-shadow:0 0 0 1px var(--line-2);display:grid;gap:.15em}
.wy-o-k small{font-size:.72em;color:var(--ink-3)}
.wy-o-k b{font-size:1.25em;font-weight:500}
.wy-o-r{display:grid;grid-template-columns:6em 1fr auto;align-items:center;gap:.8em;padding:.7em .8em;background:#fff;border-radius:.7em;box-shadow:0 0 0 1px var(--line-2);font-size:.88em}
.wy-o-r .mono{font-size:.85em;color:var(--ink-3)}
.wy-o-r b{font-weight:620}
.wy-o-toast{position:absolute;right:-2.5em;bottom:-1.6em;display:flex;align-items:center;gap:.7em;padding:.7em 1.1em .7em .7em;border-radius:1em;background:#fff;
  box-shadow:0 0 0 1px rgba(15,15,26,.06),0 1.5em 3em -1.2em rgba(30,24,110,.45);opacity:0;transform:translateY(1em) scale(.9);transition:opacity .3s,transform .3s}
.wy-o-toast>svg{width:2.5em;height:2.5em;padding:.6em;border-radius:.7em;background:var(--accent);color:#fff}
.wy-o-toast b{display:block;font-size:.9em}.wy-o-toast small{font-size:.76em;color:var(--ink-3)}
.wy-sw.after .wy-o-toast{opacity:1;transform:none;transition:opacity .4s 1.3s,transform .7s 1.3s cubic-bezier(.34,1.56,.64,1)}
.wy-outs{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.wy-out{display:grid;gap:10px;justify-items:start;padding-top:24px;border-top:1px solid var(--line)}
.wy-out-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.wy-out-ic svg{width:19px;height:19px}
.wy-out h3{font-size:19px;letter-spacing:-.02em;font-weight:700}
.wy-out p{font-size:15px;line-height:1.6;color:var(--ink-2)}

/* option 3: editorial */
.wy3-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:88px;align-items:start}
.wy3-stick{position:sticky;top:calc(var(--hdr-space) + 64px);display:grid;gap:22px;justify-items:start}
.wy3 .h2{font-size:clamp(36px,4.2vw,56px)}
.wy3-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.wy3-prog{display:flex;align-items:center;gap:14px;margin-top:22px;width:220px;color:var(--ink-3)}
.wy3-prog b{font-weight:500;color:var(--accent);font-size:14px}
.wy3-prog span{flex:1;height:3px;border-radius:3px;background:var(--line);overflow:hidden}
.wy3-prog span i{display:block;height:100%;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--p,.1667));transition:transform .6s cubic-bezier(.16,1,.3,1)}
.wy3-prog small{font-size:12.5px}
.wy-rows{display:grid}
.wy-row{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:20px;align-items:start;padding:34px 0;border-top:1px solid var(--line)}
.wy-row:last-child{border-bottom:1px solid var(--line)}
.wy-row::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.wy-row.on::before{transform:none}
.wy-n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:13px;color:var(--ink-3);background:var(--bg-2);transition:background .4s,color .4s,box-shadow .4s}
.wy-row.on .wy-n{background:var(--accent);color:#fff;box-shadow:0 10px 22px -8px rgba(99,91,255,.7)}
.wy-row h3{font-size:clamp(21px,1.9vw,25px);line-height:1.2;letter-spacing:-.025em;font-weight:730;margin-bottom:8px;transition:color .4s}
.wy-row p{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:440px}
.wy-row>div{transition:opacity .5s,transform .6s cubic-bezier(.16,1,.3,1)}
.wy-rows.js .wy-row:not(.on)>div{opacity:.5}
.wy-proof{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:99px;white-space:nowrap;font-size:12.5px;font-weight:650;color:var(--ink-2);background:#fff;box-shadow:inset 0 0 0 1px var(--line);margin-top:4px;transition:background .4s,color .4s,box-shadow .4s}
.wy-proof svg{width:14px;height:14px}
.wy-row.on .wy-proof{background:var(--tint);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(99,91,255,.2)}

@keyframes wyMq{to{transform:translateX(calc(-50% - 5px))}}
@keyframes wyPulse{from{transform:scale(.9);opacity:1}to{transform:scale(1.35);opacity:0}}
@keyframes wyBob{0%,100%{translate:0 0}50%{translate:0 -.5em}}

@media (max-width:1000px){
  .wy-t.w7,.wy-t.w5{grid-column:span 12;min-height:0}
  .wy-t.w4{grid-column:span 6}
  .wy-t.w4:last-child{grid-column:span 12}
  .wy-stage{aspect-ratio:4/3}
  .wy-stage>*{font-size:clamp(7px,1.7cqw,13px)}
  .wy-one{width:52em}
  .wy-outs{grid-template-columns:1fr;gap:20px}
  .wy3-grid{grid-template-columns:1fr;gap:36px}
  .wy3-stick{position:static}
  .wy3-prog{display:none}
}
@media (max-width:640px){
  .wy-t.w4{grid-column:span 12}
  .wy-t{padding:26px;min-height:0}
  .wy-t.w7 .wy-copy{padding:0 26px}
  .wy-chip{height:40px;font-size:13px}
  .wy-tog button{min-width:0;padding:0 14px;font-size:13.5px}
  .wy-stage{aspect-ratio:3/4;border-radius:24px}
  .wy-stage>*{font-size:clamp(7px,2.4cqw,12px)}
  .m-book{left:4%;top:5%}.m-sheet{left:40%;top:24%}.m-sms{left:44%;top:66%}.m-till{left:6%;top:47%}.m-sticky{left:12%;top:76%}.m-calc{left:58%;top:4%}
  .wy-one{width:34em}
  .wy-o-top nav span:nth-child(n+4){display:none}
  .wy-o-toast{right:.5em;bottom:-3.5em}
  .wy-row{grid-template-columns:44px 1fr;gap:16px;padding:28px 0}
  .wy-proof{grid-column:2;justify-self:start;margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  .wy *,.wy *::before,.wy *::after{animation:none!important;transition:none!important}
}
.wy-big b{font-family:var(--font);font-weight:740;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.wy-one{width:54em}
.wy-stage>*{font-size:clamp(8px,1.3cqw,15px)}
@media (max-width:1000px){.wy-one{width:56em}}
@media (max-width:640px){
  .wy-stage{aspect-ratio:4/5}
  .wy-stage>*{font-size:clamp(7px,2.5cqw,12px)}
  .wy-one{width:36em}
  .wy-o-toast{right:-.5em;bottom:-3.2em}
  .m-sheet{top:26%}.m-till{top:52%}.m-sms{top:68%}.m-sticky{top:80%}
}
.wy-help{margin-top:auto;display:grid;gap:8px}
.wy-help>*{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 6px 18px -12px rgba(30,24,110,.25);transition:box-shadow .25s,transform .25s var(--ease)}
.wy-help a:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px rgba(99,91,255,.3),0 10px 24px -14px rgba(30,24,110,.35)}
.wy-help>*>svg{width:34px;height:34px;flex:none;padding:8px;border-radius:10px;background:var(--tint);color:var(--accent)}
.wy-help .wy-yt>svg{padding:7px;background:#FFF0F0}
.wy-help b{display:block;font-size:14px;font-weight:650;color:var(--ink)}
.wy-help small{display:block;font-size:12.5px;color:var(--ink-3)}
.wy-t.rv .wy-help>*{opacity:0;transform:translateY(12px)}
.wy-t.rv.in .wy-help>*{opacity:1;transform:none;transition:opacity .6s var(--ease) .5s,transform .7s cubic-bezier(.16,1,.3,1) .5s}
.wy-t.rv.in .wy-help>*+*{transition-delay:.7s}

/* ================= roadmap: three options (round 11) ================= */
.rm .head{margin-bottom:48px}
.rm-st{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:650;white-space:nowrap;background:var(--bg-2);color:var(--ink-2)}
.rm-st i{width:7px;height:7px;border-radius:50%;background:currentColor;position:relative}
.rm-st.live{background:var(--ok-bg);color:var(--ok)}
.rm-st.b{background:var(--tint);color:var(--accent)}
.rm-st.b i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid currentColor;animation:rmPing 1.8s ease-out infinite}
.rm-st.n{background:var(--warn-bg);color:var(--warn)}
.rm-st.p{background:var(--bg-2);color:var(--ink-3)}
.night .rm-st{background:rgba(255,255,255,.07);color:rgba(255,255,255,.7)}
.night .rm-st.live{background:rgba(52,199,123,.14);color:#7CE0A8}
.night .rm-st.b{background:rgba(99,91,255,.22);color:#C9C6FF}
.night .rm-st.n{background:rgba(242,184,103,.14);color:#F6C77E}
.rm-num{font-size:12px;color:var(--ink-3)}
.night .rm-num{color:rgba(255,255,255,.45)}
.rm-ben{display:grid;gap:10px}
.rm-ben li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rm-ben li svg{width:18px;height:18px;flex:none;margin-top:2px;padding:3px;border-radius:50%;background:var(--tint);color:var(--accent);stroke-width:2.6}
.rm-ben b{color:var(--ink);font-weight:650}
.night .rm-ben li{color:rgba(255,255,255,.66)}
.night .rm-ben b{color:#fff}
.night .rm-ben li svg{background:rgba(99,91,255,.25);color:#C9C6FF}
.rm-tags{display:flex;flex-wrap:wrap;gap:6px}
.rm-tags li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:8px;background:var(--bg-2);color:var(--ink-2)}
.night .rm-tags li{background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rm-tagline{font-size:16px;font-weight:600;color:var(--ink)}
.night .rm-tagline{color:#fff}

/* mock: unified inbox */
.rm-inbox{font-size:13px;display:grid;grid-template-columns:17em minmax(0,1fr);border-radius:1.2em;overflow:hidden;background:#fff;color:var(--ink);text-align:left;
  box-shadow:0 0 0 1px rgba(15,15,26,.07),0 2.5em 5em -2em rgba(20,16,80,.45)}
.rm-inbox.sm{font-size:11px;grid-template-columns:15em minmax(0,1fr)}
.rm-inbox.big{font-size:14px}
.rm-ib-list{border-right:1px solid var(--line-2);background:#FAFAFD;padding:.8em .6em}
.rm-ib-h{display:flex;align-items:center;justify-content:space-between;padding:.2em .5em .8em}
.rm-ib-h b{font-size:1.05em}.rm-ib-h span{font-size:.75em;color:var(--ink-3)}
.rm-ib-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6em;align-items:center;padding:.6em .5em;border-radius:.7em}
.rm-ib-r.on{background:#fff;box-shadow:0 0 0 1px var(--line-2),0 .3em .8em -.4em rgba(15,15,26,.15)}
.rm-ib-t{min-width:0}.rm-ib-t b{display:block;font-size:.86em;font-weight:650}
.rm-ib-t small{display:block;font-size:.76em;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rm-ib-r em{font-style:normal;font-size:.7em;color:var(--ink-3);align-self:start;margin-top:.3em}
.rm-ch{width:2.2em;height:2.2em;border-radius:.65em;display:grid;place-items:center;flex:none}
.rm-ch svg{width:1.15em;height:1.15em}
.rm-ch.rm-wa{background:#E7F8EE;color:#128C4B}.rm-ch.rm-call{background:var(--err-bg);color:var(--err)}.rm-ch.rm-sms{background:var(--tint);color:var(--accent)}.rm-ch.rm-mail{background:#FDF3E1;color:var(--warn)}
.rm-ib-chat{display:flex;flex-direction:column;gap:.7em;padding:1em 1.1em;min-height:22em}
.rm-ib-who{display:flex;align-items:center;gap:.6em;padding-bottom:.7em;border-bottom:1px solid var(--line-2)}
.rm-ib-who b{font-size:.95em}.rm-ib-who small{font-size:.75em;color:var(--ink-3)}
.rm-b{max-width:80%;padding:.6em .9em;border-radius:1em;font-size:.86em;line-height:1.45;background:var(--bg-2);border-bottom-left-radius:.3em;align-self:flex-start}
.rm-ai{align-self:flex-end;max-width:86%;position:relative;padding:.7em .9em;border-radius:1em;border-bottom-right-radius:.3em;background:linear-gradient(160deg,#7770FF,#5A52F2);color:#fff;box-shadow:0 .8em 1.8em -.8em rgba(99,91,255,.7)}
.rm-ai-h{display:inline-flex;align-items:center;gap:.35em;font-size:.72em;font-weight:700;opacity:.85;margin-bottom:.3em}
.rm-ai-h svg{width:1.1em;height:1.1em}
.rm-ai p{font-size:.86em;line-height:1.45}
.rm-typing{display:none}
.rm-made{align-self:center;display:inline-flex;align-items:center;gap:.4em;font-size:.76em;font-weight:650;color:var(--ok);background:var(--ok-bg);padding:.4em .8em;border-radius:99px}
.rm-made svg{width:1.1em;height:1.1em;stroke-width:2.6}
/* mock: automation flow */
.rm-flow{font-size:13px;width:24em;display:grid;gap:1.1em;padding:1.2em;border-radius:1.2em;background:#fff;color:var(--ink);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 2.5em 5em -2em rgba(20,16,80,.45)}
.rm-fl-top{display:flex;justify-content:space-between;align-items:center}
.rm-fl-top b{font-size:1em}
.rm-on{font-size:.72em;font-weight:650;color:var(--ok);background:var(--ok-bg);padding:.35em .7em;border-radius:99px}
.rm-fl{position:relative;display:flex;align-items:center;gap:.8em;padding:.7em .8em;border-radius:.8em;box-shadow:0 0 0 1px var(--line);background:#fff}
.rm-fl:not(:last-child)::after{content:"";position:absolute;left:1.9em;top:100%;width:2px;height:1.1em;background:linear-gradient(var(--accent),#C9C6FF);transform-origin:top}
.rm-fl-ic{width:2.3em;height:2.3em;border-radius:.65em;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.rm-fl-ic svg{width:1.15em;height:1.15em}
.rm-fl small{display:block;font-size:.7em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.rm-fl b{display:block;font-size:.88em;font-weight:620}
/* mock: marketing */
.rm-mk{font-size:13px;width:22em;display:grid;gap:.9em;color:var(--ink)}
.rm-mk-card{display:grid;gap:.5em;justify-items:start;padding:1.2em;border-radius:1.2em;background:#fff;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 2.5em 5em -2em rgba(20,16,80,.45)}
.rm-mk-card small{font-size:.72em;color:var(--ink-3)}
.rm-mk-card b{font-size:1.1em}
.rm-stars{display:flex;gap:.25em}
.rm-stars i svg{width:1.6em;height:1.6em;color:#F5B300;fill:#F5B300}
.rm-mk-btn{margin-top:.3em;font-size:.8em;font-weight:650;color:#fff;background:var(--accent);padding:.55em 1em;border-radius:.6em}
.rm-mk-post{display:flex;align-items:center;gap:.8em;padding:.8em;border-radius:1em;background:#fff;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 1.5em 3em -1.5em rgba(20,16,80,.4);margin-left:2.5em}
.rm-mk-img{width:3em;height:3em;border-radius:.7em;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#8078FF,#F2B867)}
.rm-mk-img svg{width:1.4em;height:1.4em}
.rm-mk-post b{display:block;font-size:.86em}.rm-mk-post small{font-size:.72em;color:var(--ink-3)}
/* mock: integrations hub */
.rm-hub{font-size:13px;position:relative;width:24em;aspect-ratio:1;max-width:100%}
.rm-orbit{position:absolute;inset:12%;border-radius:50%;border:1.5px dashed rgba(99,91,255,.35);animation:rmSpin 40s linear infinite}
.rm-core{position:absolute;left:50%;top:50%;width:5em;height:5em;margin:-2.5em 0 0 -2.5em;border-radius:1.4em;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 1.5em 3em -1em rgba(99,91,255,.55)}
.rm-core svg{width:2.6em;height:2.6em}
.rm-app{position:absolute;left:50%;top:50%;width:6.6em;margin:-2.3em 0 0 -3.3em;display:grid;justify-items:center;gap:.3em;transform:rotate(var(--a)) translateY(-9.2em) rotate(calc(var(--a) * -1))}
.rm-app svg{width:2.8em;height:2.8em;padding:.7em;border-radius:.9em;background:#fff;color:var(--accent);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 .8em 1.6em -.8em rgba(20,16,80,.4)}
.rm-app small{font-size:.72em;font-weight:650;color:var(--ink-2);white-space:nowrap}
.night .rm-app small{color:rgba(255,255,255,.7)}
/* mock: live core modules */
.rm-mods{font-size:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;width:100%}
.rm-mod{display:flex;align-items:center;gap:.7em;padding:.8em .9em;border-radius:.9em;background:#fff;color:var(--ink);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 1em 2em -1.2em rgba(20,16,80,.45)}
.rm-mod>svg{width:2.3em;height:2.3em;padding:.55em;border-radius:.65em;background:var(--tint);color:var(--accent)}
.rm-mod b{font-size:.95em;font-weight:650}
.rm-mod em{margin-left:auto;display:inline-flex;align-items:center;gap:.3em;font-style:normal;font-size:.72em;font-weight:650;color:var(--ok);background:var(--ok-bg);padding:.3em .6em;border-radius:99px}
.rm-mod em svg{width:1em;height:1em;stroke-width:2.8}

/* play-in motion (JS adds .rm-js to <html> and .play when in view) */
.rm-js [data-play] .rm-ib-r,.rm-js [data-play] .rm-ib-chat>*,.rm-js [data-play] .rm-fl,.rm-js [data-play] .rm-mk>*,.rm-js [data-play] .rm-stars i,
.rm-js [data-play] .rm-app,.rm-js [data-play] .rm-mod,.rm-js [data-play].rm-live li{opacity:0}
.rm-js .play .rm-ib-r{animation:rmUp .5s calc(.1s + var(--i) * .08s) cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-ib-who{animation:rmUp .5s .2s cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-ib-chat .s1{animation:rmUp .5s .5s cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-ib-chat .s2{animation:rmPop .55s 1.1s cubic-bezier(.34,1.56,.64,1) both}
.rm-js .play .rm-ai p{animation:rmFade .4s 1.9s both}
.rm-js .play .rm-typing{display:flex;position:absolute;left:.9em;bottom:.9em;gap:.25em;animation:rmGone .1s 1.9s both}
.rm-typing b{width:.45em;height:.45em;border-radius:50%;background:#fff;animation:rmDot 1s ease-in-out infinite}
.rm-typing b:nth-child(2){animation-delay:.15s}.rm-typing b:nth-child(3){animation-delay:.3s}
.rm-js .play .rm-ib-chat .s3{animation:rmUp .5s 2.7s cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-ib-chat .s4{animation:rmPop .5s 3.3s cubic-bezier(.34,1.56,.64,1) both}
.rm-js .play .rm-fl{animation:rmUp .5s calc(.15s + var(--i) * .22s) cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-fl:not(:last-child)::after{animation:rmGrowY .4s calc(.45s + var(--i) * .22s) ease both}
.rm-js .play .rm-mk>*{animation:rmUp .6s .15s cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-mk>*+*{animation-delay:.5s}
.rm-js .play .rm-stars i{animation:rmPop .4s calc(.5s + var(--i) * .1s) cubic-bezier(.34,1.56,.64,1) both}
.rm-js .play .rm-app{animation:rmOut .7s calc(.1s + var(--i,0) * .08s) cubic-bezier(.16,1,.3,1) both}
.rm-js .play .rm-mod{animation:rmUp .5s calc(.1s + var(--i) * .06s) cubic-bezier(.16,1,.3,1) both}
.rm-js .play.rm-live li{animation:rmUp .5s calc(.1s + var(--i) * .06s) cubic-bezier(.16,1,.3,1) both}
@keyframes rmUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes rmPop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes rmFade{from{opacity:0}to{opacity:1}}
@keyframes rmGone{to{opacity:0;visibility:hidden}}
@keyframes rmDot{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-.25em);opacity:1}}
@keyframes rmGrowY{from{transform:scaleY(0)}to{transform:none}}
@keyframes rmOut{from{opacity:0;translate:0 0;scale:.3}to{opacity:1;scale:1}}
@keyframes rmSpin{to{transform:rotate(360deg)}}
@keyframes rmPing{from{transform:scale(.6);opacity:1}to{transform:scale(1.8);opacity:0}}
.rm-js [data-play] .rm-ai p{opacity:0}
.rm-js .play .rm-ai p{opacity:1}

/* option 1: timeline */
.rm-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:28px}
.rm-line{position:absolute;left:10%;right:10%;top:22px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 6px,transparent 6px 12px)}
.rm-line b{position:absolute;left:0;top:0;bottom:0;width:25%;background:linear-gradient(90deg,#34C77B,var(--accent));transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.16,1,.3,1) .3s;box-shadow:0 0 12px rgba(99,91,255,.8)}
.rm-track.in .rm-line b{transform:none}
.rm-node{position:relative;display:grid;justify-items:center;gap:10px;padding:0 6px 16px;border:0;background:none;cursor:pointer;color:rgba(255,255,255,.6);font:inherit;text-align:center}
.rm-node b{font-size:15px;font-weight:650;line-height:1.3;transition:color .25s}
.rm-node:hover b,.rm-node[aria-selected="true"] b{color:#fff}
.rm-dot{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#16162A;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);color:rgba(255,255,255,.65);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background .3s}
.rm-dot svg{width:19px;height:19px}
.rm-node.live .rm-dot{background:#0E3B27;color:#7CE0A8;box-shadow:inset 0 0 0 1.5px rgba(124,224,168,.5)}
.rm-node.b .rm-dot{background:var(--accent);color:#fff;box-shadow:0 0 0 6px rgba(99,91,255,.2),0 0 30px rgba(99,91,255,.7)}
.rm-node.n .rm-dot{color:#F6C77E;box-shadow:inset 0 0 0 1.5px rgba(246,199,126,.45)}
.rm-node.p .rm-dot{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}
.rm-node[aria-selected="true"] .rm-dot{transform:scale(1.12)}
.rm-node::after{content:"";position:absolute;left:50%;bottom:-2px;width:28px;height:3px;margin-left:-14px;border-radius:3px;background:var(--accent);transform:scaleX(0);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.rm-node[aria-selected="true"]::after{transform:none}
.rm-node:focus-visible{outline:2px solid #A7A2FF;outline-offset:4px;border-radius:14px}
.rm-stage{border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);overflow:hidden}
.rm-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:48px;min-height:470px}
.rm-panel[hidden]{display:none}
.rm-panel.enter .rm-pc{animation:rmUp .5s cubic-bezier(.16,1,.3,1) both}
.rm-pc{display:grid;gap:16px;justify-items:start}
.rm-pc h3{font-size:clamp(24px,2.3vw,30px);line-height:1.15;letter-spacing:-.025em;font-weight:730;color:#fff}
.rm-pc>p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.66)}
.rm-pc .link{color:#B9B5FF}
.rm-pv{display:grid;place-items:center;min-width:0}
.rm-pv .rm-inbox{width:100%}
.rm-pv .rm-mods{max-width:440px}
.rm-cta{margin-top:36px;display:flex;justify-content:center}

/* option 2: board */
.rm-board{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr) minmax(0,.95fr);gap:16px;align-items:start}
.rm-col{display:grid;gap:10px;padding:12px;border-radius:24px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.rm-col-h{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 4px 4px}
.rm-col-h .mono{font-size:12px;color:var(--ink-3);background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:3px 8px;border-radius:99px}
.rm-live{display:grid;gap:8px}
.rm-live li{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 1px 2px rgba(15,15,26,.04)}
.rm-li-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.rm-li-ic svg{width:17px;height:17px}
.rm-live b{font-size:14.5px;font-weight:650}
.rm-live em{margin-left:auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok)}
.rm-live em svg{width:12px;height:12px;stroke-width:3}
.rm-card{display:grid;gap:10px;padding:20px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 1px 2px rgba(15,15,26,.04);transition:transform .3s var(--ease),box-shadow .3s}
.rm-card:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(99,91,255,.25),0 18px 40px -24px rgba(40,34,140,.35)}
.rm-card-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rm-card-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg-2);color:var(--ink-2)}
.rm-card-ic svg{width:16px;height:16px}
.rm-card h3{font-size:18px;font-weight:700;letter-spacing:-.02em}
.rm-card .rm-tagline{font-size:14.5px;font-weight:500;color:var(--ink-2)}
.rm-card.big{gap:12px;padding:24px;box-shadow:inset 0 0 0 1px rgba(99,91,255,.22),0 30px 60px -36px rgba(40,34,140,.5)}
.rm-card.big h3{font-size:24px}
.rm-card.big .rm-tagline{font-size:16px;font-weight:600;color:var(--ink)}
.rm-card.big>p:not(.rm-tagline){font-size:15px;line-height:1.6;color:var(--ink-2)}
.rm-card.big .rm-inbox{margin:6px 0 4px}
.rm-prog{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font-size:12.5px;font-weight:650;color:var(--accent)}
.rm-prog i{height:6px;border-radius:6px;background:var(--tint);overflow:hidden}
.rm-prog b{display:block;height:100%;width:62%;border-radius:6px;background:linear-gradient(90deg,var(--accent) 0,#A9A4FF 50%,var(--accent) 100%);background-size:200% 100%;animation:rmShine 2.4s linear infinite}
.rm-idea{margin-top:20px;display:flex;align-items:center;gap:16px;padding:18px 18px 18px 20px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 10px 30px -22px rgba(30,24,110,.3)}
.rm-idea-ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--tint);color:var(--accent);flex:none}
.rm-idea-ic svg{width:19px;height:19px}
.rm-idea b{display:block;font-size:16px;font-weight:680}
.rm-idea small{display:block;font-size:14px;color:var(--ink-2)}
.rm-idea .btn{margin-left:auto}
@keyframes rmShine{to{background-position:-200% 0}}

/* option 3: spotlight */
.rm-spot{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center;padding:52px;border-radius:32px;
  background:radial-gradient(60% 80% at 100% 0%,rgba(99,91,255,.32),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.rm-spot-c{display:grid;gap:16px;justify-items:start}
.rm-spot-c h3{font-size:clamp(30px,3.2vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:760;color:#fff}
.rm-spot-c>p:not(.rm-tagline){font-size:16px;line-height:1.6;color:rgba(255,255,255,.66)}
.rm-scs{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rm-sc{display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);transition:transform .35s var(--ease),box-shadow .3s}
.rm-sc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(169,164,255,.35)}
.rm-sc-v{height:250px;display:grid;place-items:center;overflow:hidden;padding:20px;background:radial-gradient(70% 70% at 50% 40%,rgba(99,91,255,.18),transparent 70%)}
.rm-sc-v .mini{font-size:10.5px}
.rm-sc-v .rm-hub.mini{width:20em}
.rm-sc-c{display:grid;gap:8px;padding:22px 24px 26px}
.rm-sc-c h3{font-size:20px;font-weight:700;letter-spacing:-.02em;color:#fff}
.rm-sc-c p{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.62)}
.rm-corebar{margin-top:16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 16px 16px 22px;border-radius:22px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rm-corebar ul{display:flex;flex-wrap:wrap;gap:6px 16px}
.rm-corebar li{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:rgba(255,255,255,.78)}
.rm-corebar li svg{width:16px;height:16px;color:#7CE0A8}
.rm-corebar .btn{margin-left:auto}

@media (max-width:1000px){
  .rm-track{display:flex;overflow-x:auto;scrollbar-width:none;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);padding:0 var(--gut)}
  .rm-track::-webkit-scrollbar{display:none}
  .rm-node{flex:0 0 150px}
  .rm-line{left:calc(var(--gut) + 75px);right:auto;width:600px}
  .rm-line b{width:150px}
  .rm-panel{grid-template-columns:1fr;padding:32px 28px;gap:32px;min-height:0}
  .rm-board{grid-template-columns:1fr 1fr}
  .rm-board .rm-col:nth-child(2){grid-column:span 2;order:-1}
  .rm-spot{grid-template-columns:1fr;padding:36px 28px;gap:36px}
  .rm-scs{grid-template-columns:1fr}
  .rm-sc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rm-sc-v{height:auto;min-height:220px}
  .rm-corebar .btn{margin-left:0}
}
@media (max-width:640px){
  .rm-inbox,.rm-inbox.big{font-size:10.5px;grid-template-columns:minmax(0,1fr)}
  .rm-inbox .rm-ib-list{display:none}
  .rm-inbox .rm-ib-chat{min-height:0}
  .rm-board{grid-template-columns:1fr}
  .rm-board .rm-col:nth-child(2){grid-column:auto}
  .rm-idea{flex-wrap:wrap}
  .rm-idea .btn{margin-left:0}
  .rm-sc{display:flex}
  .rm-panel{padding:26px 20px}
  .rm-spot{padding:28px 20px}
  .rm-flow,.rm-mk{font-size:11.5px;width:100%;max-width:24em}
  .rm-hub{font-size:11px}
  .rm-mods{font-size:12px;grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.rm *,.rm *::before,.rm *::after{animation:none!important;transition:none!important}.rm-js [data-play] *{opacity:1!important}}
.rm-sc-v .rm-flow.mini{font-size:9.6px;gap:.9em}.rm-sc-v .rm-flow.mini .rm-fl:not(:last-child)::after{height:.9em}

/* ================= roadmap spotlight, dark-native live demo (round 12) ================= */
.rm3 .rm-spot{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015))}
.rm-aur{position:absolute;z-index:-1;border-radius:50%;filter:blur(40px);pointer-events:none}
.rm-aur.a1{width:520px;height:420px;right:-120px;top:-180px;background:rgba(99,91,255,.45);animation:rmAur 14s ease-in-out infinite alternate}
.rm-aur.a2{width:380px;height:300px;right:30%;bottom:-200px;background:rgba(52,199,123,.12);animation:rmAur 18s ease-in-out infinite alternate-reverse}
@keyframes rmAur{to{transform:translate(-90px,60px) scale(1.15)}}
[data-glow]{--mx:50%;--my:50%}
[data-glow]::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(169,164,255,.13),transparent 60%)}
[data-glow]:hover::after{opacity:1}
.rm3 .rm-sc{position:relative;isolation:isolate}
.rm3 .rm-sc>*,.rm3 .rm-spot>div{position:relative;z-index:1}

/* glass tokens */
.rx,.rxf,.rxr,.rxh{--gl:rgba(255,255,255,.05);--gl2:rgba(255,255,255,.08);--bd:rgba(255,255,255,.1);--mut:rgba(255,255,255,.55);color:#fff}
.rx-ci{width:2.2em;height:2.2em;flex:none;border-radius:.7em;display:grid;place-items:center;font-style:normal}
.rx-ci svg{width:1.1em;height:1.1em}
.rx-ci.c-wa{background:rgba(37,211,102,.16);color:#5BE38F}.rx-ci.c-sms{background:rgba(99,91,255,.25);color:#C9C6FF}
.rx-ci.c-call{background:rgba(255,107,107,.15);color:#FF9A9A}.rx-ci.c-mail{background:rgba(242,184,103,.15);color:#F6C77E}

/* live inbox */
.rx{font-size:12.5px;display:grid;grid-template-columns:auto 4.2em minmax(0,1fr);align-items:center}
.rx-chs{display:flex;flex-direction:column;justify-content:space-between;height:15em}
.rx-c{display:flex;align-items:center;gap:.55em;height:2.6em;padding:0 .9em 0 .2em;border-radius:99px;font-size:.92em;font-weight:600;color:var(--mut);background:var(--gl);box-shadow:inset 0 0 0 1px var(--bd);transition:color .3s,box-shadow .3s,background .3s}
.rx-c .rx-ci{width:2.2em;height:2.2em;border-radius:50%}
.rx-c.hit{color:#fff;background:rgba(99,91,255,.18);box-shadow:inset 0 0 0 1px rgba(169,164,255,.5),0 0 24px rgba(99,91,255,.45)}
.rx-svg{width:100%;height:15em;overflow:visible}
.rx-p{fill:none;stroke:url(#rxg);stroke-width:1.4;stroke-dasharray:3 4;animation:rxDash 1.6s linear infinite;vector-effect:non-scaling-stroke}
.rx-p.hit{stroke:#A9A4FF;stroke-width:2;filter:drop-shadow(0 0 3px #8078FF)}
.rx-pk{fill:#fff;filter:drop-shadow(0 0 4px #A9A4FF);opacity:0}
.rx-pk.go{opacity:1}
@keyframes rxDash{to{stroke-dashoffset:-14}}
.rx-win{border-radius:1.3em;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px var(--bd),0 3em 6em -2em rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.2);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.rx-top{display:flex;align-items:center;gap:.7em;height:3.1em;padding:0 1em;border-bottom:1px solid var(--bd)}
.rx-dots{display:flex;gap:.35em}.rx-dots i{width:.65em;height:.65em;border-radius:50%;background:rgba(255,255,255,.18)}
.rx-top b{font-size:.95em;margin-left:.4em}
.rx-all{font-size:.78em;color:var(--mut)}
.rx-new{margin-left:auto;font-size:.76em;font-weight:650;color:#C9C6FF;background:rgba(99,91,255,.25);padding:.3em .7em;border-radius:99px}
.rx-new b{font-weight:700}
.rx-new.bump{animation:rxBump .4s cubic-bezier(.34,1.56,.64,1)}
@keyframes rxBump{40%{transform:scale(1.25)}}
.rx-body{display:grid;grid-template-columns:12.5em minmax(0,1fr);height:24.5em}
.rx-list{display:flex;flex-direction:column;gap:.3em;padding:.6em;border-right:1px solid var(--bd);background:rgba(0,0,0,.12)}
.rx-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.55em;align-items:center;padding:.55em;border-radius:.75em;transition:background .3s,box-shadow .3s,transform .5s cubic-bezier(.16,1,.3,1)}
.rx-r span{min-width:0}.rx-r b{display:block;font-size:.84em;font-weight:620}
.rx-r small{display:block;font-size:.74em;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-r em{font-style:normal;font-size:.68em;color:var(--mut);align-self:start;margin-top:.25em}
.rx-r.on{background:var(--gl2);box-shadow:inset 0 0 0 1px rgba(169,164,255,.35)}
.rx-r.flash{animation:rxFlash .9s ease}
@keyframes rxFlash{30%{background:rgba(99,91,255,.28)}}
.rx-chat{display:flex;flex-direction:column;min-width:0;padding:.8em 1em 1em}
.rx-who{display:flex;align-items:center;gap:.6em;padding-bottom:.75em;border-bottom:1px solid var(--bd);margin-bottom:.8em}
.rx-who b{display:block;font-size:.92em}.rx-who small{font-size:.74em;color:var(--mut)}
.rx-live{margin-left:auto;display:inline-flex;align-items:center;gap:.4em;font-size:.72em;font-weight:650;color:#7CE0A8}
.rx-live i{width:.5em;height:.5em;border-radius:50%;background:#34C77B;box-shadow:0 0 0 0 rgba(52,199,123,.6);animation:rxLive 1.8s infinite}
@keyframes rxLive{to{box-shadow:0 0 0 .6em rgba(52,199,123,0)}}
.rx-msgs{display:flex;flex-direction:column;gap:.6em;min-height:0}
.rx-msgs>*{animation:rxIn .5s cubic-bezier(.16,1,.3,1) both}
@keyframes rxIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.rx-msgs.out>*{animation:rxOut .35s ease both}
@keyframes rxOut{to{opacity:0;transform:translateY(-8px)}}
.rx-b{max-width:82%;padding:.6em .85em;border-radius:1em;font-size:.86em;line-height:1.45}
.rx-b.in{align-self:flex-start;background:var(--gl2);box-shadow:inset 0 0 0 1px var(--bd);border-bottom-left-radius:.3em}
.rx-sys{align-self:center;display:inline-flex;align-items:center;gap:.45em;font-size:.74em;font-weight:650;color:#FF9A9A;background:rgba(255,107,107,.12);padding:.35em .8em;border-radius:99px}
.rx-sys svg{width:1.1em;height:1.1em}
.rx-ai{align-self:flex-end;max-width:88%;position:relative;padding:.65em .9em;border-radius:1em;border-bottom-right-radius:.3em;
  background:linear-gradient(150deg,rgba(128,120,255,.55),rgba(90,82,242,.55));box-shadow:inset 0 0 0 1px rgba(201,198,255,.35),0 .8em 2em -.8em rgba(99,91,255,.8)}
.rx-ai-h{display:flex;align-items:center;gap:.35em;font-size:.7em;font-weight:700;color:#DCDAFF;margin-bottom:.25em}
.rx-ai-h svg{width:1.1em;height:1.1em}
.rx-ai p{font-size:.86em;line-height:1.45;min-height:1.45em}
.rx-ai p .cur{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-.15em;background:#fff;animation:rxBlink .8s steps(1) infinite}
@keyframes rxBlink{50%{opacity:0}}
.rx-think{display:flex;gap:.3em;padding:.3em 0}
.rx-think i{width:.45em;height:.45em;border-radius:50%;background:#fff;opacity:.5;animation:rmDot 1s ease-in-out infinite}
.rx-think i:nth-child(2){animation-delay:.15s}.rx-think i:nth-child(3){animation-delay:.3s}
.rx-ai.thinking{background:linear-gradient(110deg,rgba(128,120,255,.35) 20%,rgba(169,164,255,.6) 40%,rgba(128,120,255,.35) 60%);background-size:250% 100%;animation:rxIn .5s cubic-bezier(.16,1,.3,1) both,rxShim 1.2s linear infinite}
@keyframes rxShim{to{background-position:-250% 0}}
.rx-done{align-self:center;margin-top:.2em;display:flex;align-items:center;gap:.6em;padding:.55em .9em .55em .55em;border-radius:.9em;background:rgba(52,199,123,.12);box-shadow:inset 0 0 0 1px rgba(124,224,168,.3),0 0 30px -6px rgba(52,199,123,.35)}
.rx-done>svg{width:1.9em;height:1.9em;padding:.45em;border-radius:.6em;background:#34C77B;color:#05210F;stroke-width:3}
.rx-done b{display:block;font-size:.84em;color:#B7F0CF}.rx-done small{font-size:.72em;color:rgba(183,240,207,.7)}
.rx-msgs>.rx-done{animation:rxPop .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes rxPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}

/* stage cards: dark glass visuals */
.rm3 .rm-sc-v{background:radial-gradient(70% 70% at 50% 45%,rgba(99,91,255,.2),transparent 70%)}
.rxf{font-size:11px;position:relative;width:21em;display:grid;gap:.9em}
.rxf-rail{position:absolute;left:1.95em;top:1.6em;bottom:1.6em;width:2px;background:rgba(255,255,255,.1);overflow:hidden;border-radius:2px}
.rxf-rail b{position:absolute;left:0;top:0;width:100%;height:30%;background:linear-gradient(transparent,#A9A4FF,transparent);animation:rxRail 4s linear infinite}
@keyframes rxRail{from{transform:translateY(-100%)}to{transform:translateY(340%)}}
.rxf-n{position:relative;display:flex;align-items:center;gap:.8em;padding:.6em .8em;border-radius:.9em;background:var(--gl);box-shadow:inset 0 0 0 1px var(--bd);animation:rxLit 4s calc(var(--i) * .95s) infinite}
.rxf-n i{width:2.3em;height:2.3em;flex:none;border-radius:.7em;display:grid;place-items:center;background:rgba(99,91,255,.2);color:#C9C6FF;font-style:normal;transition:background .3s}
.rxf-n i svg{width:1.1em;height:1.1em}
.rxf-n small{display:block;font-size:.7em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.rxf-n b{display:block;font-size:.95em;font-weight:620}
@keyframes rxLit{0%,22%{background:rgba(99,91,255,.2);box-shadow:inset 0 0 0 1px rgba(169,164,255,.55),0 0 26px -4px rgba(99,91,255,.7)}32%,100%{background:var(--gl);box-shadow:inset 0 0 0 1px var(--bd)}}
.rxr{font-size:11px;width:21em;display:grid;gap:.8em;position:relative}
.rxr-card{display:grid;gap:.45em;padding:1.1em 1.2em;border-radius:1.1em;background:var(--gl);box-shadow:inset 0 0 0 1px var(--bd)}
.rxr-card small{font-size:.74em;color:var(--mut)}
.rxr-card b{font-size:1.1em}
.rxr-stars{display:flex;gap:.3em}
.rxr-stars i svg{width:1.8em;height:1.8em;color:rgba(255,255,255,.18);fill:currentColor;animation:rxStar 5s calc(.3s + var(--i) * .18s) infinite}
@keyframes rxStar{0%,4%{color:rgba(255,255,255,.18);transform:scale(1)}8%{color:#FFC94D;transform:scale(1.3)}12%,80%{color:#FFC94D;transform:scale(1)}90%,100%{color:rgba(255,255,255,.18)}}
.rxr-toast{display:flex;align-items:center;gap:.7em;padding:.7em .9em;border-radius:1em;margin-left:2em;background:linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px var(--bd),0 1.4em 2.6em -1em rgba(0,0,0,.6);animation:rxToast 5s infinite}
@keyframes rxToast{0%,30%{opacity:0;transform:translateY(12px) scale(.95)}40%,85%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-6px)}}
.rxr-g{width:2.4em;height:2.4em;flex:none;border-radius:.7em;display:grid;place-items:center;font-weight:800;font-size:1em;color:#fff;background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}
.rxr-toast b{display:block;font-size:.88em}.rxr-toast small{font-size:.74em;color:var(--mut)}
.rxh{font-size:10.5px;position:relative;width:21em;aspect-ratio:1}
.rxh>svg{position:absolute;inset:0;width:100%;height:100%}
.rxh-o{fill:none;stroke:rgba(169,164,255,.22);stroke-width:1;stroke-dasharray:2 4;transform-origin:100px 100px;animation:rmSpin 50s linear infinite}
.rxh-l path{stroke:rgba(169,164,255,.18);stroke-width:1}
.rxh-pk circle{fill:#C9C6FF;filter:drop-shadow(0 0 3px #8078FF)}
.rxh-core{position:absolute;left:50%;top:50%;width:5.4em;height:5.4em;margin:-2.7em 0 0 -2.7em;border-radius:1.5em;display:grid;place-items:center;background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 0 40px rgba(99,91,255,.55);animation:rxCore 2.4s ease-in-out infinite}
.rxh-core svg{width:2.7em;height:2.7em}
@keyframes rxCore{50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 60px rgba(99,91,255,.8)}}
.rxh-a{position:absolute;left:50%;top:50%;width:7em;margin:-1.6em 0 0 -3.5em;display:grid;justify-items:center;gap:.3em;transform:rotate(var(--a)) translateY(-7.4em) rotate(calc(var(--a) * -1))}
.rxh-a svg{width:3em;height:3em;padding:.75em;border-radius:.95em;color:#C9C6FF;background:var(--gl);box-shadow:inset 0 0 0 1px var(--bd);animation:rxApp 2.4s calc(var(--i) * .4s + 1.9s) infinite}
.rxh-a small{font-size:.8em;font-weight:600;color:var(--mut);white-space:nowrap}
@keyframes rxApp{0%,25%{background:rgba(99,91,255,.35);box-shadow:inset 0 0 0 1px rgba(169,164,255,.6),0 0 20px rgba(99,91,255,.6)}40%,100%{background:var(--gl);box-shadow:inset 0 0 0 1px var(--bd)}}

@media (max-width:1000px){
  .rx{font-size:12px}
}
@media (max-width:640px){
  .rx{grid-template-columns:minmax(0,1fr);font-size:10.5px}
  .rx-chs{flex-direction:row;flex-wrap:wrap;height:auto;justify-content:center;gap:.4em;margin-bottom:1em}
  .rx-c{font-size:.85em}
  .rx-svg{display:none}
  .rx-body{grid-template-columns:minmax(0,1fr);height:25em}
  .rx-list{display:none}
}
@media (prefers-reduced-motion:reduce){.rx *,.rxf *,.rxr *,.rxh *,.rm-aur{animation:none!important}}

/* ---------- round 13: early access feedback (tq-, ts-, tw-, te-) ---------- */
.tq-stars{display:inline-flex;gap:2px;color:#F5A524}
.tq-stars i{display:grid}
.tq-stars svg{width:15px;height:15px}
.tq-av{--c:var(--accent);width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--font);letter-spacing:.02em;color:#fff;background:var(--c);box-shadow:0 0 0 3px #fff,0 8px 16px -8px var(--c)}
.tq-av.lg{width:52px;height:52px;font-size:16px}
.tq-av.sm{width:30px;height:30px;font-size:10.5px;box-shadow:0 0 0 2.5px var(--bg-2)}
.tq-who{display:flex;align-items:center;gap:12px;min-width:0}
.tq-who b{display:block;font-size:14.5px;line-height:1.3;color:var(--ink)}
.tq-who small{display:block;font-size:13px;line-height:1.35;color:var(--ink-3)}
.tq-m{color:inherit;padding:0;background:linear-gradient(transparent 58%,rgba(99,91,255,.2) 58%,rgba(99,91,255,.2) 94%,transparent 94%) no-repeat 0 0/100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@keyframes tq-pop{from{opacity:0;transform:scale(.4) rotate(-25deg)}to{opacity:1;transform:none}}

/* option 1: spotlight */
.ts{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:stretch}
.ts-main{position:relative;overflow:hidden;isolation:isolate;padding:56px 56px 44px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 40px 70px -50px rgba(15,15,26,.35)}
.ts-main::before{content:"";position:absolute;width:70%;height:110%;right:-22%;bottom:-55%;background:radial-gradient(closest-side,rgba(99,91,255,.13),transparent);z-index:-1}
.ts-qm{position:absolute;top:18px;right:44px;font:400 200px/.8 var(--serif);color:var(--soft);pointer-events:none;z-index:-1}
.ts-panes{display:grid;height:100%}
.ts-pane{grid-area:1/1;display:flex;flex-direction:column;gap:28px;margin:0;visibility:hidden;transition:visibility 0s .3s}
.ts-pane.on{visibility:visible;transition-delay:0s}
.ts-meta{display:flex;align-items:center;gap:12px}
.ts-cat{font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:6px 9px;border-radius:7px;background:var(--bg-2)}
.ts-q{margin:0;flex:1;font-size:clamp(22px,2.25vw,31px);line-height:1.4;letter-spacing:-.02em;font-weight:560;color:var(--ink);text-wrap:pretty}
.tq-w{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(.35em);transition:opacity .22s,filter .22s,transform .22s}
.ts.in .ts-pane.on .tq-w{opacity:1;filter:none;transform:none;transition:opacity .55s var(--ease),filter .55s var(--ease),transform .55s var(--ease);transition-delay:calc(.28s + var(--w) * 26ms)}
.ts-pane .tq-m{background-size:0% 100%;transition:background-size .2s}
.ts.in .ts-pane.on .tq-m{background-size:100% 100%;transition:background-size 1s var(--ease) 1.2s}
.ts-cap{display:flex;align-items:center;gap:14px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.ts.in .ts-pane.on .ts-cap{opacity:1;transform:none;transition:opacity .5s var(--ease) .5s,transform .5s var(--ease) .5s}
.ts-cap b{display:block;font-size:16px}
.ts-cap small{display:block;font-size:13.5px;color:var(--ink-3)}
.ts-shop{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-2);padding:8px 12px;border-radius:999px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.ts-shop svg{width:15px;height:15px;color:var(--accent)}
.ts-pane .ts-meta i{opacity:0}
.ts.in .ts-pane.on .ts-meta i{animation:tq-pop .5s var(--ease) both;animation-delay:calc(var(--s) * 70ms + .2s)}
.ts-list{display:grid;gap:6px;grid-auto-rows:1fr}
.ts-b{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 16px;border:0;border-radius:18px;background:transparent;cursor:pointer;font:inherit;color:inherit;overflow:hidden;transition:background .3s,box-shadow .3s}
.ts-b:hover{background:rgba(255,255,255,.65)}
.ts-b.on{background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 14px 30px -22px rgba(15,15,26,.35)}
.ts-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ts-b .tq-av{opacity:.5;filter:grayscale(.7);box-shadow:0 0 0 3px var(--bg-2);transition:opacity .3s,filter .3s,box-shadow .3s}
.ts-b.on .tq-av,.ts-b:hover .tq-av{opacity:1;filter:none}
.ts-b.on .tq-av{box-shadow:0 0 0 3px #fff,0 8px 16px -8px var(--c)}
.ts-bt{min-width:0}
.ts-bt b{display:block;font-size:14.5px;line-height:1.3;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-b.on .ts-bt b{color:var(--ink)}
.ts-bt small{display:block;font-size:12.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-bar{position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;overflow:hidden}
.ts-bar i{display:block;height:100%;background:var(--accent);transform:scaleX(var(--p,0));transform-origin:left}
.ts-b:not(.on) .ts-bar i{transform:scaleX(0)}
@media (max-width:900px){
  .ts{grid-template-columns:minmax(0,1fr)}
  .ts-main{padding:34px 26px 28px}
  .ts-qm{font-size:150px;top:14px;right:22px}
  .ts-shop{display:none}
  .ts-list{grid-auto-flow:column;grid-auto-columns:max-content;grid-auto-rows:auto;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}
  .ts-list::-webkit-scrollbar{display:none}
  .ts-b{padding:10px 14px 12px}
  .ts-bt small{display:none}
}

/* option 2: moving wall */
.tw-proof{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:-28px auto 40px;font-size:14px;color:var(--ink-2)}
.tw-stack{display:flex}
.tw-stack .tq-av{margin-left:-5px}.tw-stack .tq-av:first-child{margin-left:0}
.tw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:680px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent);mask-image:linear-gradient(transparent,#000 13%,#000 87%,transparent)}
.tw-col{min-width:0}
.tw-track{display:grid;gap:18px;animation:tw-up var(--d) linear infinite}
.tw-col.c1 .tw-track{animation-name:tw-down}
.tw:hover .tw-track{animation-play-state:paused}
.tw-set{display:grid;gap:18px}
@keyframes tw-up{to{transform:translateY(calc(-50% - 9px))}}
@keyframes tw-down{from{transform:translateY(calc(-50% - 9px))}to{transform:none}}
.tw-card{margin:0;padding:26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:18px;transition:box-shadow .3s}
.tw-card:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.35),0 18px 40px -26px rgba(99,91,255,.5)}
.tw-top,.te-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tw-cat,.te-cat{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.tw-card blockquote{margin:0;font-size:16px;line-height:1.62;color:var(--ink)}
.tw-card figcaption{padding-top:16px;border-top:1px solid var(--line-2)}
@media (max-width:1000px){.tw{grid-template-columns:repeat(2,minmax(0,1fr))}.tw-col.c2{display:none}}
@media (max-width:640px){.tw{grid-template-columns:minmax(0,1fr);height:580px}.tw-col.c1{display:none}.tw-proof{margin-top:-20px}}

/* option 3: editorial */
.te{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.te figure{margin:0}
.te-feat{grid-column:span 7;position:relative;overflow:hidden;isolation:isolate;padding:44px;border-radius:var(--r-xl);background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:28px;min-height:410px}
.te-aur{position:absolute;top:-45%;right:-20%;width:85%;height:130%;background:radial-gradient(closest-side,rgba(99,91,255,.6),transparent 72%);filter:blur(8px);z-index:-1;animation:te-drift 14s ease-in-out infinite alternate}
@keyframes te-drift{to{transform:translate(-22%,24%) scale(1.12)}}
.te-feat blockquote{margin:0;flex:1;font-size:clamp(22px,2.2vw,30px);line-height:1.4;letter-spacing:-.02em;font-weight:560;text-wrap:pretty}
.te-feat .tq-m{background-image:linear-gradient(transparent 58%,rgba(167,162,255,.4) 58%,rgba(167,162,255,.4) 94%,transparent 94%)}
.te-feat .tq-who b{color:#fff}.te-feat .tq-who small{color:rgba(255,255,255,.6)}
.te-feat .tq-av{box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.te-shop{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.te-shop svg{width:15px;height:15px;color:#A7A2FF}
.te-alt{grid-column:span 5;position:relative;overflow:hidden;isolation:isolate;padding:40px;border-radius:var(--r-xl);background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.14);display:flex;flex-direction:column;gap:24px}
.te-alt .te-shop{background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.te-alt .te-shop svg{color:var(--accent)}
.te-alt blockquote{margin:0;flex:1;font-size:clamp(19px,1.7vw,23px);line-height:1.45;letter-spacing:-.015em;font-weight:520;color:var(--ink);text-wrap:pretty}
.te-alt .tq-av{box-shadow:0 0 0 3px var(--tint),0 8px 16px -8px var(--c)}
.te-qm{position:absolute;right:26px;bottom:-96px;font:400 260px/1 var(--serif);color:rgba(99,91,255,.12);pointer-events:none;z-index:-1}
.te-c{grid-column:span 3;padding:26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:18px;transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .3s}
.te-c:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(99,91,255,.3),0 20px 40px -26px rgba(99,91,255,.5)}
.te-c blockquote{margin:0;flex:1;font-size:15px;line-height:1.62;color:var(--ink)}
.te-c figcaption{padding-top:16px;border-top:1px solid var(--line-2)}
.te-c.rv.d0{transition-delay:0s}
.te .tq-m{background-size:0% 100%;transition:background-size 1.1s var(--ease) .7s}
.te .rv.in .tq-m{background-size:100% 100%}
.te .rv .tq-stars i{opacity:0}
.te .rv.in .tq-stars i{animation:tq-pop .5s var(--ease) both;animation-delay:calc(var(--s) * 70ms + .35s)}
@media (max-width:1100px){.te-c{grid-column:span 6}}
@media (max-width:860px){.te-feat,.te-alt{grid-column:span 12}.te-feat{padding:32px 26px;min-height:0}.te-alt{padding:30px 26px}}
@media (max-width:600px){.te-c{grid-column:span 12}}
@media (prefers-reduced-motion:reduce){
  .tw-track,.te-aur{animation:none}
  .tq-w,.ts-cap{transition:none!important;opacity:1;filter:none;transform:none}
  .ts-pane .ts-meta i,.te .rv .tq-stars i{opacity:1;animation:none!important}
  .tq-m{transition:none!important;background-size:100% 100%!important}
}

/* ---------- round 14: pricing (px-, pc-, ps-) ---------- */
@property --px-a{syntax:"<angle>";inherits:false;initial-value:0deg}
.px-bill{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:5px;margin-top:6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 8px 22px -14px rgba(15,15,26,.25);isolation:isolate}
.px-bill button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border:0;border-radius:999px;background:none;font:600 14px/1 var(--font);color:var(--ink-2);cursor:pointer;transition:color .3s}
.px-bill button[aria-pressed=true]{color:#fff}
.px-bill button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.px-bill em{white-space:nowrap;font:600 11px/1 var(--font);font-style:normal;padding:4px 7px;border-radius:999px;background:#E6F6EC;color:#0A7A43}
.px-thumb{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--ink);box-shadow:0 6px 14px -6px rgba(15,15,26,.5);transition:transform .45s var(--ease)}
[data-mode=y] .px-thumb{transform:translateX(100%)}
.night .px-bill{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.night .px-bill button{color:rgba(255,255,255,.72)}
.night .px-bill button[aria-pressed=true]{color:var(--ink)}
.night .px-thumb{background:#fff}
.night .px-bill em{background:rgba(52,199,89,.18);color:#6EE7A0}
.px-price{display:flex;align-items:flex-end;gap:10px;margin-top:4px}
.px-amt{display:flex;align-items:flex-start;font:700 56px/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ink)}
.px-amt.custom{font-size:44px}
.px-cur{font-size:.5em;font-weight:600;margin:.18em .06em 0 0;color:var(--ink-3)}
.px-n{display:inline-block}
.px-n.flip,.pc-tn.flip,.pc-o-plan.flip{animation:px-flip .5s var(--ease)}
@keyframes px-flip{from{opacity:.25;transform:translateY(-.22em);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.px-per{display:grid;gap:3px;padding-bottom:6px;font-size:14px;line-height:1.2;color:var(--ink-2)}
.px-per small{font-size:12px;color:var(--ink-3)}
.px-save{position:relative;min-height:28px;font-size:13px;color:var(--ink-3)}
.px-save>span{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:opacity .35s,transform .35s var(--ease)}
.px-s-m{top:5px!important}
.px-s-y{opacity:0;transform:translateY(6px);padding:6px 10px;border-radius:999px;background:#E6F6EC;color:#0A7A43;font-weight:600}
.px-s-y svg{width:14px;height:14px}
[data-mode=y] .px-s-m{opacity:0;transform:translateY(-6px)}
[data-mode=y] .px-s-y{opacity:1;transform:none}
.px-save-x{display:flex;align-items:center}
.px-lh{margin:0;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.px-ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.px-ul li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.px-ul svg{width:18px;height:18px;margin-top:1px;color:var(--accent)}
.rv .px-ul li{opacity:0;transform:translateX(-6px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:calc(.35s + var(--i) * 55ms)}
.rv.in .px-ul li{opacity:1;transform:none}
.px-trust{list-style:none;margin:44px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 30px}
.px-trust li{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.px-trust svg{width:18px;height:18px;color:var(--accent)}
.px-trust.dk li{color:rgba(255,255,255,.82)}
.px-trust.dk svg{color:#A7A2FF}
.px-note{max-width:660px;margin:16px auto 0;text-align:center;font-size:13px;line-height:1.6;color:var(--ink-3)}
.night .px-note{color:rgba(255,255,255,.5)}
.night .px-note .link{color:#B9B5FF}
.px-ring{position:absolute;inset:0;z-index:3;padding:1.5px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--px-a),transparent 0 58%,rgba(167,162,255,.85) 74%,#635BFF 82%,transparent 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:px-spin 6s linear infinite}
@keyframes px-spin{to{--px-a:360deg}}
.px-aur{position:absolute;z-index:-1;top:-35%;right:-30%;width:90%;height:75%;pointer-events:none;background:radial-gradient(closest-side,rgba(99,91,255,.55),transparent 70%);filter:blur(6px);animation:te-drift 12s ease-in-out infinite alternate}
.px-aur.b{top:auto;right:auto;bottom:-45%;left:-20%;background:radial-gradient(closest-side,rgba(52,199,89,.16),transparent 70%);animation-duration:16s}

/* option 1: three cards */
.px-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;padding-top:14px}
.px-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:16px;padding:34px 30px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .3s}
.px-card:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.3),0 30px 60px -40px rgba(99,91,255,.55)}
.px-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.px-top h3{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.px-top small,.px-sub{font-size:13px;color:var(--ink-3)}
.px-sub{margin-top:-10px}
.px-d{margin:0;min-height:4.65em;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.px-cta{width:100%}
.px-badge{font:600 11.5px/1 var(--font);padding:7px 10px;border-radius:999px;background:linear-gradient(90deg,#635BFF,#8F88FF);color:#fff;box-shadow:0 6px 16px -6px rgba(99,91,255,.8)}
.px-card.hot{margin:-14px 0;padding-top:48px;padding-bottom:48px;background:var(--ink);color:#fff;box-shadow:0 40px 80px -40px rgba(99,91,255,.65)}
.px-card.hot .px-top h3,.px-card.hot .px-amt{color:#fff}
.px-card.hot .px-cur,.px-card.hot .px-per{color:rgba(255,255,255,.7)}
.px-card.hot .px-per small,.px-card.hot .px-lh{color:rgba(255,255,255,.5)}
.px-card.hot .px-d{color:rgba(255,255,255,.7)}
.px-card.hot .px-sub,.px-card.hot .px-save{color:rgba(255,255,255,.58)}
.px-card.hot .px-s-y{background:rgba(52,199,89,.16);color:#6EE7A0}
.px-card.hot .px-ul li{color:rgba(255,255,255,.86)}
.px-card.hot .px-ul svg{color:#A7A2FF}

/* option 2: store calculator */
.pc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:12px;border-radius:32px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -50px rgba(15,15,26,.3)}
.pc-in{display:grid;gap:18px;align-content:start;padding:34px 40px}
.pc-q{display:flex;align-items:flex-start;gap:14px}
.pc-q:not(:first-child){margin-top:12px}
.pc-k{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--mono);background:var(--soft);color:var(--accent)}
.pc-q b{display:block;font-size:17px;letter-spacing:-.01em}
.pc-q small{display:block;margin-top:2px;font-size:13.5px;color:var(--ink-3)}
.pc-step{display:flex;align-items:center;gap:14px}
.pc-step button{width:48px;height:48px;border:0;border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);font:500 22px/1 var(--font);color:var(--ink);cursor:pointer;transition:background .2s,transform .15s}
.pc-step button:hover{background:var(--soft)}
.pc-step button:active{transform:scale(.94)}
.pc-step button:disabled{opacity:.4;cursor:default}
.pc-num{display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:120px}
.pc-num span{font:700 40px/1 var(--font);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.pc-num small{font-size:14px;color:var(--ink-3)}
.pc-range{width:100%;margin:0;accent-color:var(--accent)}
.pc-plans{display:grid;gap:10px}
.pc-plan{position:relative;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:box-shadow .25s,background .25s,opacity .25s}
.pc-plan input{position:absolute;opacity:0;pointer-events:none}
.pc-dot{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #C9CBD8;transition:box-shadow .25s}
.pc-plan:has(input:checked){background:var(--tint);box-shadow:inset 0 0 0 1.5px var(--accent)}
.pc-plan:has(input:checked) .pc-dot{box-shadow:inset 0 0 0 6px var(--accent)}
.pc-plan:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.pc-plan.off{opacity:.45;cursor:not-allowed}
.pc-pt b{display:block;font-size:15px}
.pc-pt small{display:block;font-size:12.5px;color:var(--ink-3)}
.pc-pp{font:700 18px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-pp i{margin-left:2px;font:500 12px/1 var(--font);font-style:normal;color:var(--ink-3)}
.pc-pop{position:absolute;top:-9px;right:16px;font:600 10.5px/1 var(--font);padding:5px 8px;border-radius:999px;background:var(--accent);color:#fff}
.pc .px-bill{justify-self:start;margin:0}
.pc-out{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:14px;padding:40px;border-radius:24px;background:var(--ink);color:#fff}
.pc-o-top{display:flex;align-items:center;justify-content:space-between}
.pc-o-k{font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.pc-o-plan{display:inline-block;padding:7px 12px;border-radius:999px;font-size:15px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.pc-total{display:flex;align-items:flex-start;margin-top:18px;font:700 76px/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.pc-total .px-cur{color:rgba(255,255,255,.6)}
.pc-tn{display:inline-block}
.pc-tper{align-self:flex-end;margin:0 0 10px 8px;font:500 16px/1 var(--font);letter-spacing:0;color:rgba(255,255,255,.6)}
.pc-break{margin:0;font-size:14px;color:rgba(255,255,255,.62)}
.pc-facts{list-style:none;margin:10px 0;padding:18px 0;display:grid;gap:12px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.pc-facts li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.86)}
.pc-facts svg{width:18px;height:18px;color:#A7A2FF}
.pc-cta{margin-top:auto}
.pc-o-note{margin:0;text-align:center;font-size:12.5px;color:rgba(255,255,255,.5)}
.pc-x{display:flex;align-items:center;gap:18px;margin-top:20px;padding:22px 26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.pc-x-ic{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}
.pc-x-ic svg{width:20px;height:20px}
.pc-x>div{flex:1;display:grid;gap:2px}
.pc-x b{font-size:15.5px}
.pc-x>div span{font-size:14px;color:var(--ink-2)}

/* option 3: dark spotlight */
.ps-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:48px;border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ps-l{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.px3 .px-top{justify-content:flex-start}
.px3 .px-top h3{font-size:30px;color:#fff}
.px3 .px-amt{font-size:72px;color:#fff}
.px3 .px-cur,.px3 .px-per{color:rgba(255,255,255,.65)}
.px3 .px-per small{color:rgba(255,255,255,.45)}
.px3 .px-d{min-height:0;color:rgba(255,255,255,.68)}
.px3 .px-save{width:100%;color:rgba(255,255,255,.55)}
.px3 .px-s-y{background:rgba(52,199,89,.16);color:#6EE7A0}
.ps-l .px-cta{width:auto}
.ps-fine{font-size:12.5px;color:rgba(255,255,255,.5)}
.ps-feats{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ps-feats li{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);font-size:14px;font-weight:550;line-height:1.3;color:rgba(255,255,255,.88)}
.ps-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(99,91,255,.2);color:#B9B5FF}
.ps-ic svg{width:17px;height:17px}
.rv .ps-feats li{opacity:0;transform:translateY(10px) scale(.98);transition:opacity .5s var(--ease),transform .5s var(--ease),background .3s;transition-delay:calc(.3s + var(--i) * 60ms)}
.rv.in .ps-feats li{opacity:1;transform:none}
.ps-feats li:hover{background:rgba(255,255,255,.08)}
.ps-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.ps-side{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:26px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);transition:opacity .7s var(--ease),transform .7s var(--ease),box-shadow .3s}
.ps-side:hover{box-shadow:inset 0 0 0 1px rgba(167,162,255,.35)}
.ps-s-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.ps-s-top h3{margin:0;font-size:22px;color:#fff}
.ps-s-top small{font-size:13px;color:rgba(255,255,255,.55)}
.px-price.sm{margin:0}
.px3 .px-price.sm .px-amt{font-size:38px}
.px3 .px-price.sm .px-amt.custom{font-size:30px}
.px-price.sm .px-per{padding-bottom:2px}
.ps-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ps-chips li{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;font-size:13px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.82)}
.ps-chips svg{width:14px;height:14px;color:#A7A2FF}
.ps-side .btn{margin-top:auto;align-self:flex-start}
@media (max-width:960px){
  .px-grid{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}
  .px-card.hot{margin:0}
  .px-d{min-height:0}
  .pc{grid-template-columns:minmax(0,1fr)}
  .pc-in{padding:26px 18px}
  .pc-out{padding:30px 24px}
  .pc-total{font-size:60px}
  .pc-x{flex-wrap:wrap}
  .ps-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px 24px}
  .ps-row{grid-template-columns:minmax(0,1fr)}
  .ps-side{padding:28px 24px}
}
@media (max-width:560px){
  .px3 .px-amt{font-size:58px}
  .ps-feats{grid-template-columns:minmax(0,1fr);gap:8px}
  .ps-feats li{padding:9px 12px;font-size:13.5px}
  .ps-ic{width:28px;height:28px;border-radius:8px}
  .ps-s-top{flex-direction:column}
  .px-bill button{padding:11px 12px;gap:6px}
}
@media (prefers-reduced-motion:reduce){
  .px-ring,.px-aur{animation:none}
  .rv .px-ul li,.rv .ps-feats li{opacity:1;transform:none;transition:none}
}

/* full-width buttons: label centred on the button, arrow chip pinned to the right edge (Usman, 2026-10-08) */
.btn:is(.wide,.px-cta,.pc-cta):has(.ab),.plan .btn:has(.ab),.drawer .d-cta .btn:has(.ab){width:100%;padding:0 50px}
.btn:is(.wide,.px-cta,.pc-cta) .ab,.plan .btn .ab,.drawer .d-cta .btn .ab{position:absolute;right:7px;top:50%;margin-top:-17px}
.btn.sm:is(.wide) .ab{right:5px;margin-top:-15px}

/* ---------- round 15: FAQ (fq-, fk-, fp-, fh) ---------- */
.fq1,.fk,.fp{interpolate-size:allow-keywords}
.fq-qa{border-bottom:1px solid var(--line)}
.fq-qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:17px;font-weight:650;letter-spacing:-.012em;color:var(--ink);transition:color .2s}
.fq-qa summary::-webkit-details-marker{display:none}
.fq-qa summary:hover{color:var(--accent)}
.fq-qa summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}
.fq-qa summary i,.fp-i summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .3s,box-shadow .3s,transform .4s var(--ease)}
.fq-qa summary i::before,.fq-qa summary i::after,.fp-i summary i::before,.fp-i summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;border-radius:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .4s var(--ease),background .3s}
.fq-qa summary i::after,.fp-i summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.fq-qa[open] summary i,.fp-i[open] summary i{background:var(--accent);box-shadow:none;transform:rotate(180deg)}
.fq-qa[open] summary i::before,.fq-qa[open] summary i::after,.fp-i[open] summary i::before,.fp-i[open] summary i::after{background:#fff}
.fq-qa[open] summary i::after,.fp-i[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.fq-qa::details-content,.fp-i::details-content{block-size:0;overflow:hidden;transition:block-size .45s var(--ease),content-visibility .45s allow-discrete}
.fq-qa[open]::details-content,.fp-i[open]::details-content{block-size:auto}
.fq-a{padding:0 56px 24px 0;font-size:15.5px;line-height:1.7;color:var(--ink-2);opacity:0;transform:translateY(-6px);transition:opacity .35s var(--ease) .05s,transform .35s var(--ease) .05s}
[open]>.fq-a{opacity:1;transform:none}
.fq-a p{margin:0}.fq-a p+p,.fq-a ul+p{margin-top:10px}
.fq-a ul{margin:10px 0 0;padding-left:18px;display:grid;gap:4px}
.fq-a .link{white-space:nowrap}
/* help links */
.fh{display:grid;gap:10px}
.fh a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,transform .25s var(--ease)}
.fh a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(99,91,255,.35),0 14px 30px -20px rgba(99,91,255,.5)}
.fh-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}
.fh-ic svg{width:19px;height:19px}
.fh-ic.yt{background:#FFECEC}
.fh-ic.yt svg{width:22px;height:22px}
.fh b{display:block;font-size:14.5px;color:var(--ink)}
.fh small{display:block;font-size:12.5px;color:var(--ink-3)}
.fh-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:880px;margin:28px auto 0}

/* option 1: sticky split */
.fq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.fq-side{position:sticky;top:calc(var(--hdr) + 32px);display:grid;gap:18px;justify-items:start}
.fq-side .h2{font-size:clamp(32px,3.4vw,46px)}
.fq-nav{display:grid;gap:2px;width:100%;margin-top:10px;padding-left:14px;border-left:1.5px solid var(--line);position:relative}
.fq-nav a{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;font-size:15px;font-weight:600;color:var(--ink-3);transition:color .25s,background .25s}
.fq-nav a span{font:500 12px/1 var(--mono);color:var(--ink-3)}
.fq-nav a:hover{color:var(--ink);background:rgba(255,255,255,.7)}
.fq-nav a.on{color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.fq-nav a.on span{color:var(--accent)}
.fq-nav::before{content:"";position:absolute;left:-1.5px;width:1.5px;height:var(--h,40px);top:var(--y,0);background:var(--accent);border-radius:2px;transition:top .4s var(--ease),height .4s var(--ease)}
.fq-main{display:grid;gap:44px}
.fq-g{scroll-margin-top:calc(var(--hdr) + 32px)}
.fq-gh{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:500 12.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fq-gh span{color:var(--accent)}
.fq-help{display:grid;gap:16px;padding:28px;border-radius:24px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
.fq-help p{margin:0;font-size:15px;color:var(--ink-2)}
.fq-help b{color:var(--ink)}
.fq-help .fh{grid-template-columns:repeat(3,minmax(0,1fr))}

/* option 2: search */
.fk-box{max-width:880px;margin:0 auto;padding:28px 32px 12px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 40px 70px -50px rgba(15,15,26,.3)}
.fk-search{display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;border-radius:16px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,background .25s}
.fk-search:focus-within{background:#fff;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px rgba(99,91,255,.12)}
.fk-search svg{width:20px;height:20px;color:var(--ink-3)}
.fk-search input{flex:1;min-width:0;border:0;background:none;outline:0;font:500 16px var(--font);color:var(--ink)}
.fk-search input::placeholder{color:var(--ink-3)}
.fk-search kbd{font:500 12px/1 var(--mono);padding:5px 8px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}
.fk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.fk-chips button{border:0;cursor:pointer;padding:9px 14px;border-radius:999px;font:600 13.5px/1 var(--font);color:var(--ink-2);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,color .25s}
.fk-chips button:hover{color:var(--ink)}
.fk-chips button.on{background:var(--ink);color:#fff;box-shadow:none}
.fk-i summary{gap:14px}
.fk-q{flex:1}
.fk-tag{font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}
.fk-i:last-of-type{border-bottom:0}
.fk-i.hide{display:none}
.fk-i mark{background:rgba(99,91,255,.18);color:inherit;border-radius:3px;padding:0 1px}
.fk-empty{margin:0;padding:28px 0;text-align:center;color:var(--ink-2)}

/* option 3: answer panel */
.fp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:start}
.fp-list{display:grid;gap:26px}
.fp-gh{margin:0 0 8px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.fp-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:14px;font-size:15.5px;font-weight:600;color:var(--ink-2);transition:background .25s,color .25s,box-shadow .25s}
.fp-i summary::-webkit-details-marker{display:none}
.fp-i summary:hover{background:rgba(255,255,255,.75);color:var(--ink)}
.fp-i summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.fp-k{font:500 12px/1 var(--mono);color:var(--ink-3)}
.fp-q{flex:1}
.fp-i summary i{display:none}
.fp-i.sel>summary{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),0 10px 26px -20px rgba(15,15,26,.4)}
.fp-i.sel .fp-k{color:var(--accent)}
.fp-panel{position:sticky;top:calc(var(--hdr) + 28px);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;gap:18px;min-height:480px;padding:40px;border-radius:28px;background:var(--ink);color:#fff}
.fp-top{display:flex;align-items:center;gap:10px}
.fp-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(99,91,255,.25);color:#B9B5FF}
.fp-mark svg{width:16px;height:16px}
.fp-lbl{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.fp-n{margin-left:auto;font:500 12px/1 var(--mono);color:rgba(255,255,255,.45)}
.fp-h{margin:8px 0 0;font-size:clamp(22px,2vw,28px);line-height:1.25;letter-spacing:-.02em;color:#fff}
.fp-body{font-size:16.5px;line-height:1.7;color:rgba(255,255,255,.78)}
.fp-body p{margin:0}.fp-body p+p,.fp-body ul+p{margin-top:12px}
.fp-body ul{margin:12px 0 0;padding-left:18px;display:grid;gap:6px}
.fp-body b{color:#fff}
.fp-body .link{color:#B9B5FF}
.fp-h.swap,.fp-body.swap{animation:fp-in .5s var(--ease) both}
.fp-body.swap{animation-delay:.08s}
@keyframes fp-in{from{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.fp-foot{margin-top:auto;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.fh-dk{grid-template-columns:repeat(3,minmax(0,1fr))}
.fh-dk a{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.fh-dk a:hover{box-shadow:inset 0 0 0 1px rgba(167,162,255,.4)}
.fh-dk b{color:#fff;font-size:13.5px}
.fh-dk small{color:rgba(255,255,255,.5);font-size:12px;word-break:break-word}
.fh-dk .fh-ic{background:rgba(99,91,255,.22);color:#B9B5FF}
.fh-dk .fh-ic.yt{background:rgba(255,255,255,.08)}
/* desktop: answers live in the panel, not inline */
@media (min-width:961px){.fp-i>.fq-a{display:none}.fp-i::details-content{block-size:0!important;transition:none}}
@media (max-width:960px){
  .fq{grid-template-columns:minmax(0,1fr);gap:28px}
  .fq-side{position:static}
  .fq-nav{display:none}
  .fq-help .fh,.fh-row{grid-template-columns:minmax(0,1fr)}
  .fk-box{padding:18px 18px 6px;border-radius:22px}
  .fk-tag{display:none}
  .fp-grid{grid-template-columns:minmax(0,1fr)}
  .fp-panel{display:none}
  .fp-i{border-bottom:1px solid var(--line)}
  .fp-i summary{padding:18px 0;border-radius:0;background:none!important;box-shadow:none!important;font-size:16px;color:var(--ink)}
  .fp-i summary i{display:block}
  .fp-i>.fq-a{padding:0 0 20px}
}
@media (max-width:600px){
  .fq-qa summary{font-size:16px;padding:18px 0}
  .fq-a{padding-right:0}
  .fk-search kbd{display:none}
}
@media (prefers-reduced-motion:reduce){
  .fq-qa::details-content,.fp-i::details-content{transition:none}
  .fq-a{transition:none}
  .fp-h.swap,.fp-body.swap{animation:none}
}

/* ---------- round 16: final CTA banner (cx-, cg-, cp-, cf-) ---------- */
.cx-btns{display:flex;flex-wrap:wrap;gap:10px}
.cx-ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:rgba(255,255,255,.72)}
.cx-ticks li{display:inline-flex;align-items:center;gap:8px}
.cx-ticks svg{width:16px;height:16px;color:#A7A2FF}
.cx-ticks.lt{color:var(--ink-2)}
.cx-ticks.lt svg{color:var(--accent)}

/* option 1: glowing mark */
.cg{position:relative;overflow:hidden;isolation:isolate;display:grid;justify-items:center;gap:22px;text-align:center;padding:72px 48px 64px;border-radius:36px;background:var(--night);color:#fff}
.cg::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(620px 360px at 50% 0%,rgba(99,91,255,.45),transparent 70%),radial-gradient(520px 300px at 50% 120%,rgba(99,91,255,.22),transparent 70%)}
.cg-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(560px 340px at 50% 30%,#000,transparent 75%);mask-image:radial-gradient(560px 340px at 50% 30%,#000,transparent 75%)}
.cg .h2{max-width:760px;color:#fff}
.cg .lead{max-width:560px;color:rgba(255,255,255,.7)}
.cg .cx-btns{justify-content:center;margin-top:6px}
.cg .cx-ticks{justify-content:center}
.cg-orb{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:6px}
.cg-core{position:relative;z-index:2;width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#7770FF,#5A52F2);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(255,255,255,.12),0 18px 50px -10px rgba(99,91,255,.9)}
.cg-core .mark{width:40px;height:40px}
.cg-ring{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(167,162,255,.25)}
.cg-ring.r2{inset:-26px;box-shadow:inset 0 0 0 1px rgba(167,162,255,.12)}
.cg-ring.r1::after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:#B9B5FF;box-shadow:0 0 12px 3px rgba(167,162,255,.8)}
.cg-ring.r1{animation:cg-spin 9s linear infinite}
.cg-ring.r2::after{content:"";position:absolute;bottom:-3px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#fff;opacity:.7;box-shadow:0 0 10px 2px rgba(255,255,255,.5)}
.cg-ring.r2{animation:cg-spin 16s linear infinite reverse}
@keyframes cg-spin{to{transform:rotate(360deg)}}
.cg-rays{position:absolute;inset:-60px;z-index:0}
.cg-rays i{position:absolute;left:50%;top:50%;width:1px;height:120px;margin:-120px 0 0 -.5px;transform-origin:50% 100%;transform:rotate(var(--r));background:linear-gradient(transparent,rgba(167,162,255,.5));opacity:.15;animation:cg-ray 4.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes cg-ray{50%{opacity:.6}}

/* option 2: app peek */
.cp{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;min-height:460px;padding:64px 0 64px 64px;border-radius:36px;background:var(--night);color:#fff}
.cp-aur{position:absolute;z-index:-1;right:-10%;top:-30%;width:70%;height:120%;background:radial-gradient(closest-side,rgba(99,91,255,.5),transparent 70%);filter:blur(10px);animation:te-drift 14s ease-in-out infinite alternate}
.cp-copy{display:grid;gap:20px;justify-items:start}
.cp-copy .h2{color:#fff}
.cp-copy .lead{color:rgba(255,255,255,.7);max-width:480px}
.cp-stage{position:relative;align-self:stretch;min-height:380px}
.cp-app{position:absolute;left:0;top:30px;width:max-content;transform:translateY(40px) rotate(-2deg);transform-origin:left top;opacity:0;transition:transform 1.1s var(--ease) .2s,opacity .8s var(--ease) .2s}
.cp-app .aw{font-size:10.5px;width:66em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 50px 100px -30px rgba(0,0,0,.8)}
.cp.in .cp-app{transform:none;opacity:1}
.cp-toast{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;background:rgba(20,20,34,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 40px -16px rgba(0,0,0,.7);color:#fff;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.cp-toast b{display:block;font-size:13px}
.cp-toast small{display:block;font-size:11.5px;color:rgba(255,255,255,.6)}
.cp-toast.t1{left:-22px;bottom:70px;transition-delay:1.1s}
.cp-toast.t2{left:180px;bottom:16px;transition-delay:1.6s}
.cp.in .cp-toast{opacity:1;transform:none}
.cp.in .cp-toast.t1{animation:cp-bob 6s ease-in-out 2s infinite}
.cp.in .cp-toast.t2{animation:cp-bob 7s ease-in-out 2.6s infinite}
@keyframes cp-bob{50%{transform:translateY(-6px)}}
.cp-ti{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(99,91,255,.25);color:#B9B5FF}
.cp-ti.ok{background:rgba(52,199,89,.2);color:#6EE7A0}
.cp-ti svg{width:16px;height:16px}

/* option 3: light and airy */
.cf{position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center;min-height:500px;padding:72px 40px;border-radius:36px;background:radial-gradient(700px 360px at 50% 110%,rgba(99,91,255,.18),transparent 70%),linear-gradient(180deg,#F7F6FF,#EEEDFF);box-shadow:inset 0 0 0 1px rgba(99,91,255,.14)}
.cf-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:20px;max-width:640px;text-align:center}
.cf-mark{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px rgba(99,91,255,.15),0 16px 36px -14px rgba(99,91,255,.55)}
.cf-mark .mark{width:32px;height:32px}
.cf .lead{max-width:540px}
.cf .cx-btns,.cf .cx-ticks{justify-content:center}
.cf-chips{position:absolute;inset:0;z-index:1;pointer-events:none}
.cf-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 0 1px rgba(15,15,26,.06),0 18px 36px -18px rgba(40,34,140,.4);opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(.3s + var(--i) * .12s)}
.cf.in .cf-chip{opacity:1;transform:none;animation:cf-drift 9s ease-in-out infinite;animation-delay:calc(1.4s + var(--i) * -1.3s)}
@keyframes cf-drift{0%,100%{translate:0 0}50%{translate:0 -10px}}
.cf-chip b{display:block;font-size:13px;color:var(--ink)}
.cf-chip small{display:block;font-size:11.5px;color:var(--ink-3)}
.cf-ic{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--soft);color:var(--accent)}
.cf-ic.ok{background:#E6F6EC;color:#0A7A43}
.cf-ic.wn{background:#FDF3E1;color:#B06A00}
.cf-ic svg{width:16px;height:16px}
.cf-chip.l1{left:5%;top:16%}.cf-chip.l2{left:3%;top:46%}.cf-chip.l3{left:8%;bottom:14%}
.cf-chip.r1{right:5%;top:14%}.cf-chip.r2{right:3%;top:47%}.cf-chip.r3{right:8%;bottom:15%}
@media (max-width:1180px){.cf-chip.l2,.cf-chip.r2{display:none}}
@media (max-width:960px){
  .cg{padding:56px 24px 48px;border-radius:28px}
  .cp{grid-template-columns:minmax(0,1fr);padding:48px 24px 0;border-radius:28px}
  .cp-stage{min-height:300px;margin-right:-24px}
  .cp-app{top:10px}
  .cp-toast.t1{left:8px;bottom:110px}
  .cp-toast.t2{left:auto;right:30px;bottom:40px}
  .cf{padding:56px 22px;border-radius:28px;min-height:0}
  .cf-chips{display:none}
}
@media (prefers-reduced-motion:reduce){
  .cg-ring,.cg-rays i,.cp-aur,.cp.in .cp-toast,.cf.in .cf-chip{animation:none}
  .cp-app,.cp-toast,.cf-chip{transition:none}
}
.cp-copy .h2{font-size:clamp(32px,3.3vw,48px)}

/* ---------- round 17: footer options (pf-) ---------- */
.pf{position:relative;overflow:hidden;isolation:isolate;padding:72px 0 28px;background:var(--bg-2);border-top:1px solid var(--line)}
.pf h4{margin:0 0 16px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.pf ul{list-style:none;margin:0;padding:0}
.pf-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2.7fr);gap:56px}
.pf-brand{display:grid;gap:18px;align-content:start;max-width:340px}
.pf-brand .logo svg{height:30px;width:auto}
.pf-brand p{margin:0;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.pf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pf-actions.c{justify-content:center}
.pf-social{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600;color:var(--ink);transition:box-shadow .25s}
.pf-social svg{width:20px;height:20px;color:#FF0000}
.pf-social:hover{box-shadow:inset 0 0 0 1px rgba(255,0,0,.35)}
.pf-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.pf-cols ul{display:grid;gap:11px}
.pf-cols a{font-size:14.5px;color:var(--ink-2);transition:color .2s}
.pf-cols a:hover{color:var(--accent)}
.pf-cols li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pf-soon{font:600 10px/1 var(--mono);letter-spacing:.04em;padding:4px 6px;border-radius:6px;background:var(--soft);color:var(--accent)}
.pf-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin:52px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pf-trust li{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.pf-trust svg{width:16px;height:16px;color:var(--accent)}
.pf-bot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:22px;font-size:13px;color:var(--ink-3)}
.pf-bot ul{display:flex;flex-wrap:wrap;gap:6px 20px}
.pf-bot a{color:var(--ink-3);transition:color .2s}
.pf-bot a:hover{color:var(--ink)}
/* option 1: giant wordmark */
.pf1{padding-bottom:0}
.pf-giant{position:relative;margin:40px auto 0;padding:0 24px;max-width:1440px;height:clamp(70px,13vw,190px);overflow:hidden}
.pf-giant svg{display:block;width:100%;height:auto;transform:translateY(32%);opacity:.95;-webkit-mask-image:linear-gradient(#000 30%,transparent 92%);mask-image:linear-gradient(#000 30%,transparent 92%);transition:transform 1.4s var(--ease)}
.pf-giant.pre svg{transform:translateY(70%)}
/* option 2: dark */
.pf2{background:var(--night);border-top:0;color:#fff}
.pf-glow{position:absolute;z-index:-1;left:50%;top:-220px;width:900px;height:440px;margin-left:-450px;background:radial-gradient(closest-side,rgba(99,91,255,.35),transparent 70%);pointer-events:none}
.pf2 h4{color:rgba(255,255,255,.45)}
.pf2 .pf-brand p{color:rgba(255,255,255,.62)}
.pf2 .pf-cols a{color:rgba(255,255,255,.72)}
.pf2 .pf-cols a:hover{color:#fff}
.pf2 .pf-soon{background:rgba(99,91,255,.25);color:#C9C6FF}
.pf-trust.dk{margin:6px 0 0;padding:0;border:0;display:grid;gap:10px}
.pf-trust.dk li{color:rgba(255,255,255,.7);font-weight:550}
.pf-trust.dk svg{color:#A7A2FF}
.pf2 .pf-bot{margin-top:56px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45)}
.pf2 .pf-bot a{color:rgba(255,255,255,.5)}
.pf2 .pf-bot a:hover{color:#fff}
.pf-help{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:32px;align-items:center;margin-bottom:64px;padding:26px;border-radius:24px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.pf-help-h{margin:0;font-size:22px;font-weight:700;letter-spacing:-.02em}
.pf-help-h small{display:block;margin-top:4px;font-size:14px;font-weight:500;letter-spacing:0;color:rgba(255,255,255,.55)}
.pf-help-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pf-help-l a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:background .25s,box-shadow .25s}
.pf-help-l a:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(167,162,255,.35)}
.pf-help-l a>span:nth-child(2){flex:1;min-width:0}
.pf-help-l b{display:block;font-size:14px}
.pf-help-l small{display:block;font-size:12.5px;color:rgba(255,255,255,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-help-l a>svg{width:16px;height:16px;color:rgba(255,255,255,.4);transition:transform .25s,color .25s}
.pf-help-l a:hover>svg{transform:translateX(3px);color:#fff}
.pf-hi{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(99,91,255,.22);color:#B9B5FF}
.pf-hi svg{width:18px;height:18px}
.pf-hi.yt{background:rgba(255,255,255,.08);color:#FF0000}
.pf-hi.yt svg{width:22px;height:22px}
/* option 3: minimal */
.pf3{padding-top:64px}
.pf-m{display:grid;justify-items:center;gap:18px;text-align:center;padding-bottom:36px}
.pf-m-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px var(--line),0 12px 28px -14px rgba(99,91,255,.5)}
.pf-m-mark .mark{width:28px;height:28px}
.pf-m-line{margin:0;max-width:520px;font-size:15px;line-height:1.65;color:var(--ink-2)}
.pf-m-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 26px;margin:6px 0}
.pf-m-nav a{font-size:15px;font-weight:600;color:var(--ink);transition:color .2s}
.pf-m-nav a:hover{color:var(--accent)}
.pf3 .pf-bot{border-top:1px solid var(--line)}
@media (max-width:1000px){
  .pf-top{grid-template-columns:minmax(0,1fr);gap:40px}
  .pf-help{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (max-width:700px){
  .pf{padding-top:56px}
  .pf-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .pf-help-l{grid-template-columns:minmax(0,1fr)}
  .pf-bot{flex-direction:column;align-items:flex-start}
  .pf3 .pf-bot{align-items:center;text-align:center}
  .pf3 .pf-bot ul{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.pf-giant svg{transition:none}}
.pf .pf-trust{margin-top:52px}
.pf .pf-trust.dk{margin-top:6px}
.pf-giant{height:auto;aspect-ratio:5.2;margin-top:48px}
.pf-giant svg{transform:translateY(10%)}
.pf-giant.pre svg{transform:translateY(55%)}
.pf .pf-trust{padding:22px 0}
.pf .pf-trust.dk{padding:0}
.pf-giant{max-width:1200px;padding:0;margin:56px auto 0;aspect-ratio:5.6;width:calc(100% - 48px)}
.pf-giant svg{opacity:1;-webkit-mask-image:none;mask-image:none;transform:translateY(16%)}
.pf-giant.pre svg{transform:translateY(60%)}
.pf-giant{aspect-ratio:4.45}
.pf-giant svg{transform:translateY(8%)}
/* option 2, light variant */
.pf4{background:var(--bg-2)}
.pf4 .pf-glow{display:none}
.pf4 .pf-help{background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 48px -36px rgba(15,15,26,.35)}
.pf4 .pf-help-h{color:var(--ink)}
.pf4 .pf-help-h small{color:var(--ink-3)}
.pf4 .pf-help-l a{color:var(--ink);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.pf4 .pf-help-l a:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.35),0 10px 24px -18px rgba(99,91,255,.55)}
.pf4 .pf-help-l small{color:var(--ink-3)}
.pf4 .pf-help-l a>svg{color:var(--ink-3)}
.pf4 .pf-help-l a:hover>svg{color:var(--accent)}
.pf4 .pf-hi{background:var(--soft);color:var(--accent)}
.pf4 .pf-hi.yt{color:#FF0000;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pf4 .pf-trust.dk li{color:var(--ink-2)}
.pf4 .pf-trust.dk svg{color:var(--accent)}
.pf4 .pf-bot{margin-top:56px;border-top:1px solid var(--line)}

/* ---------- round 18: header review (hx- stage, hm- shared menu, hf- features, hr- resources, hn- nav) ---------- */
.hx{padding:34px 0 10px}
.hx-label{max-width:1248px;margin:0 auto 14px;padding:0 24px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:700;font-size:15px}
.hx-label b{font:500 11px/1 var(--mono);letter-spacing:.06em;padding:6px 9px;border-radius:99px;background:var(--accent);color:#fff}
.hx-label span{color:var(--ink-3);font-weight:500;font-size:14px}
.hx-fit{max-width:1248px;margin:0 auto;padding:0 24px}
.hx-stage{width:1200px;position:relative;border-radius:26px;padding:16px 20px;transform-origin:0 0;background:radial-gradient(900px 420px at 50% -20%,rgba(99,91,255,.13),transparent 70%),linear-gradient(180deg,#FCFCFF,#F2F2FA);box-shadow:inset 0 0 0 1px var(--line);height:150px}
.hx-stage.tall{height:590px}
.hx .nav{display:flex}
.hx .hdr-cta .login,.hx .hdr-cta .btn{display:inline-flex}
.hx .hdr-bar{height:62px;padding:0 8px 0 20px;border-radius:20px}
.hx .logo svg{height:28px}
.hx .dd-menu{text-align:left}
/* shared menu parts */
.hm h5{margin:0;padding:8px 12px 8px;font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.hm-ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--accent);transition:background .2s,color .2s,box-shadow .2s}
.hm-ic svg{width:18px;height:18px}
.hm-ic.yt{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hm-ic.yt svg{width:20px;height:20px}
.hm-ic.s{width:30px;height:30px;border-radius:9px}
.hm-ic.s svg{width:16px;height:16px}
.hm-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;transition:background .15s}
.hm-row:hover{background:var(--bg-2)}
.hm-row:hover .hm-ic:not(.yt){background:var(--accent);color:#fff}
.hm-tx{display:grid;gap:1px;min-width:0}
.hm-tx b{font-size:14.5px;font-weight:650;line-height:1.3}
.hm-tx small{font-size:13px;color:var(--ink-3);line-height:1.35}
.hm-foot{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;padding:12px 12px 6px;border-top:1px solid var(--line-2)}
.hm-foot a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;color:var(--ink-2);transition:color .2s}
.hm-foot a:hover{color:var(--accent)}
.hm-foot svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.hm-foot a:hover svg{transform:translateX(3px)}
/* F1 live preview */
.dd-menu.hf1{width:790px;grid-template-columns:290px minmax(0,1fr);gap:8px}
.hf1-l{display:grid;gap:2px;align-content:start}
.hf1-it{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:13px;transition:background .25s}
.hf1-it.on{background:var(--bg-2)}
.hf1-it.on .hm-ic{background:var(--accent);color:#fff;box-shadow:0 6px 14px -6px rgba(99,91,255,.7)}
.hf1-r{position:relative;min-height:356px;border-radius:16px;overflow:hidden;background:radial-gradient(420px 260px at 90% -10%,rgba(99,91,255,.17),transparent 70%),var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.hf1-p{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;transform:translateY(12px) scale(.985);filter:blur(5px);transition:opacity .35s var(--ease),transform .5s var(--ease),filter .4s var(--ease),visibility .35s}
.hf1-p.on{opacity:1;visibility:visible;transform:none;filter:none}
.hf1-cap{margin-top:auto;display:grid;gap:6px}
.hf1-cap b{font-size:17px;letter-spacing:-.02em}
.hf1-cap p{margin:0;font-size:13.5px;color:var(--ink-2);line-height:1.5}
.hf1-cap a{display:inline-flex;gap:6px;align-items:center;justify-self:start;margin-top:4px;font-size:13.5px;font-weight:650;color:var(--accent)}
.hf1-cap a svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.hf1-cap a:hover svg{transform:translateX(3px)}
/* mini app snippets */
.mn{background:#fff;border-radius:14px;padding:14px 16px;font-size:13px;box-shadow:0 0 0 1px rgba(15,15,26,.06),0 16px 34px -20px rgba(30,24,110,.4)}
.mn ul,.mn ol{list-style:none;margin:0;padding:0}
.mn-h{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.mn-h b{font-size:13.5px}
.mn-ok{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:99px;background:#E7F7EE;color:#0A7A43;font-size:11.5px;font-weight:650}
.mn-ok svg{width:12px;height:12px}
.mn-tag{font:500 11px/1 var(--mono);color:var(--ink-3)}
.mn-rep ol{display:grid;gap:11px}
.mn-rep li{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-weight:550}
.mn-rep li i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}
.mn-rep li i svg{width:12px;height:12px}
.mn-rep li.cur{color:var(--ink);font-weight:700}
.mn-rep li.cur i{background:#0A7A43;box-shadow:0 0 0 4px rgba(10,122,67,.14)}
.mn-inv ul{display:grid;gap:12px}
.mn-inv li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n c" "b b";gap:7px 12px}
.mn-inv li span{grid-area:n;color:var(--ink-2);font-weight:550}
.mn-inv li b{grid-area:c;font-size:12px}
.mn-inv li b.lo{color:#B06A00}
.mn-inv li i{grid-area:b;height:6px;border-radius:99px;background:var(--line-2);position:relative;overflow:hidden}
.mn-inv li i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:var(--accent);transform-origin:left}
.mn-inv li i.lo::after{background:#E8A33A}
.mn-sms{display:grid;gap:8px}
.mn-from{font:500 11px/1 var(--mono);color:var(--ink-3)}
.mn-sms p{margin:0;padding:11px 13px;border-radius:14px 14px 14px 4px;background:var(--tint);color:var(--ink);line-height:1.45}
.mn-dl{justify-self:end;display:inline-flex;gap:4px;align-items:center;font-size:11.5px;font-weight:600;color:#0A7A43}
.mn-dl svg{width:12px;height:12px}
.mn-bars{display:flex;align-items:flex-end;gap:8px;height:92px}
.mn-bars i{flex:1;height:var(--h);border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,#B9B5FF,#8F89FF);transform-origin:bottom}
.mn-bars i:last-child{background:linear-gradient(180deg,#8078FF,#635BFF)}
.mn-staff li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px dashed var(--line)}
.mn-staff li:first-child{border-top:0;padding-top:0}
.mn-staff li span{display:grid;font-size:12px;color:var(--ink-3)}
.mn-staff li span b{font-size:13px;color:var(--ink)}
.mn-staff em{font-style:normal}
.mn-staff em.on{position:relative;width:30px;height:18px;border-radius:99px;background:var(--accent)}
.mn-staff em.on::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mn-staff em.pin{font:600 10.5px/1 var(--mono);padding:5px 7px;border-radius:6px;background:#FFF3E0;color:#B06A00}
.hf1-p.on .mn-inv li i::after{animation:hfGrow .9s var(--ease) both}
.hf1-p.on .mn-bars i{animation:hfRise .8s var(--ease) both}
.hf1-p.on .mn-bars i:nth-child(2){animation-delay:.04s}.hf1-p.on .mn-bars i:nth-child(3){animation-delay:.08s}.hf1-p.on .mn-bars i:nth-child(4){animation-delay:.12s}
.hf1-p.on .mn-bars i:nth-child(5){animation-delay:.16s}.hf1-p.on .mn-bars i:nth-child(6){animation-delay:.2s}.hf1-p.on .mn-bars i:nth-child(7){animation-delay:.24s}
.hf1-p.on .mn-rep li{animation:hfIn .5s var(--ease) both}
.hf1-p.on .mn-rep li:nth-child(2){animation-delay:.08s}.hf1-p.on .mn-rep li:nth-child(3){animation-delay:.16s}
@keyframes hfGrow{from{transform:scaleX(0)}}
@keyframes hfRise{from{transform:scaleY(.15);opacity:.4}}
@keyframes hfIn{from{opacity:0;transform:translateX(-6px)}}
/* F2 grouped columns */
.dd-menu.hf2{width:700px;padding:12px 10px 8px;gap:6px}
.hf2-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.hf2-a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;font-size:14.5px;font-weight:600;color:var(--ink);transition:background .2s}
.hf2-a>svg:first-child{width:17px;height:17px;flex:none;color:var(--accent)}
.hf2-a>svg:last-child{width:14px;height:14px;margin-left:auto;flex:none;color:var(--accent);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .3s var(--ease)}
.hf2-a:hover{background:var(--bg-2)}
.hf2-a:hover>svg:last-child{opacity:1;transform:none}
.hf2-road{display:flex;align-items:center;gap:12px;margin:4px 2px 0;padding:12px 14px;border-radius:12px;background:var(--tint);font-size:13.5px;color:var(--ink-2)}
.hf2-road b{color:var(--ink)}
.hf2-road em{font-style:normal;margin-left:auto;display:inline-flex;gap:6px;align-items:center;font-weight:650;color:var(--accent);white-space:nowrap}
.hf2-road em svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.hf2-road:hover em svg{transform:translateX(3px)}
.hf2-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(99,91,255,.18);animation:hfPulse 2.4s ease-in-out infinite}
@keyframes hfPulse{50%{box-shadow:0 0 0 7px rgba(99,91,255,.04)}}
/* F3 soft cards */
.dd-menu.hf3{width:760px;padding:10px;gap:4px}
.hf3-c{--x:50%;--y:0%;position:relative;display:grid;gap:3px;align-content:start;padding:16px;border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);overflow:hidden;isolation:isolate;transition:background .3s,box-shadow .3s,transform .35s var(--ease)}
.hf3-c::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(200px 150px at var(--x) var(--y),rgba(99,91,255,.18),transparent 70%);opacity:0;transition:opacity .3s}
.hf3-c:hover{background:#fff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.28),0 12px 26px -18px rgba(99,91,255,.6);transform:translateY(-2px)}
.hf3-c:hover::before{opacity:1}
.hf3-c .hm-ic{margin-bottom:10px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.hf3-c:hover .hm-ic{background:var(--accent);color:#fff;box-shadow:0 6px 14px -6px rgba(99,91,255,.7)}
.hf3-c b{font-size:14.5px;font-weight:650}
.hf3-c small{font-size:12.5px;color:var(--ink-3);line-height:1.4}
/* R1 two groups */
.dd-menu.hr1{width:640px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px 8px 8px}
/* R2 help spotlight */
.dd-menu.hr2{width:690px;grid-template-columns:230px minmax(0,1fr);gap:10px;padding:10px}
.hr2-l{display:grid;align-content:start;gap:1px}
.hr2-l a{padding:8px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink-2);transition:background .15s,color .15s}
.hr2-l a:hover{background:var(--bg-2);color:var(--ink)}
.hr2-r{display:grid;grid-template-rows:1fr auto;gap:8px}
.hr2-help{display:grid;gap:10px;padding:20px;border-radius:16px;background:radial-gradient(360px 220px at 100% -10%,rgba(99,91,255,.24),transparent 70%),var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
.hr2-k{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.hr2-k svg{width:14px;height:14px}
.hr2-help>b{font-size:18px;letter-spacing:-.02em;line-height:1.25;max-width:300px}
.hr2-q{display:flex;align-items:center;gap:10px;height:42px;margin-top:4px;padding:0 14px;border-radius:12px;background:#fff;font-size:13.5px;color:var(--ink-3);box-shadow:0 0 0 1px var(--line),0 6px 16px -10px rgba(30,24,110,.3);transition:box-shadow .25s}
.hr2-q svg{width:16px;height:16px}
.hr2-help:hover .hr2-q{box-shadow:0 0 0 1.5px rgba(99,91,255,.55),0 8px 20px -10px rgba(99,91,255,.45)}
.hr2-yt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--bg-2);transition:background .2s,box-shadow .2s}
.hr2-yt:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hr2-play{flex:none;width:52px;height:36px;border-radius:9px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hr2-play svg{width:24px;height:24px}
.hr2-yt>span:nth-child(2){flex:1;display:grid}
.hr2-yt b{font-size:14.5px}
.hr2-yt small{font-size:12.5px;color:var(--ink-3)}
.hr2-yt>svg{width:14px;height:14px;color:var(--ink-3);transition:transform .25s var(--ease),color .2s}
.hr2-yt:hover>svg{transform:translateX(3px);color:var(--accent)}
/* R3 compact list */
.dd-menu.hr3{width:290px;padding:8px;gap:0}
.hr3>a{display:flex;align-items:center;gap:11px;padding:6px 10px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink-2);transition:background .15s,color .15s}
.hr3>a:hover{background:var(--bg-2);color:var(--ink)}
.hr3>a:hover .hm-ic:not(.yt){background:var(--accent);color:#fff}
.hr3 hr{border:0;height:1px;margin:6px 10px;background:var(--line-2)}
.hr3>a.hr3-mail{margin-top:6px;padding:12px 10px 6px;border-top:1px solid var(--line-2);border-radius:0;font-size:13px;font-weight:500;color:var(--ink-3)}
.hr3>a.hr3-mail:hover{background:none}
.hr3-mail svg{width:16px;height:16px;color:var(--accent)}
.hr3-mail b{color:var(--ink);font-weight:650}
/* N: links inside the rounded header */
.nav[data-glide]{position:static}
.nav[data-glide] .nl{position:relative;z-index:1;background:none}
.gl{position:absolute;left:0;top:50%;z-index:0;height:38px;margin-top:-19px;width:var(--w,0);transform:translateX(var(--x,0));border-radius:999px;pointer-events:none;opacity:0;transition:transform .5s cubic-bezier(.3,1.2,.4,1),width .5s cubic-bezier(.3,1.2,.4,1),opacity .25s}
.gl.on{opacity:1}
.hn3 .nav{margin:0 auto 0 0}
.hn3-div{flex:none;width:1px;height:22px;margin:0 2px 0 6px;background:var(--line)}
.hn3 .gl{background:var(--tint)}
.hn3 .nav .nl:hover,.hn3 .dd.open>.nl{color:var(--accent)}
@media (prefers-reduced-motion:reduce){.hf1-p,.gl,.hf3-c{transition:none}.hf1-p.on .mn-inv li i::after,.hf1-p.on .mn-bars i,.hf1-p.on .mn-rep li,.hf2-dot{animation:none}}
/* round 18b: N3 in the site header, full live menus, mega positioning */
.hn3-div{flex:none;width:1px;height:24px;margin:0 6px 0 14px;background:var(--line)}
.hn3 .nav{margin:0 auto 0 0}
.hn3 .gl{background:var(--tint)}
.hn3 .nav .nl:hover,.hn3 .dd.open>.nl,.hn3 .nav .nl[aria-current]{color:var(--accent)}
@media (max-width:1080px){.hn3-div{display:none}.hx .hn3-div{display:block}}
.dd.mega{position:static}
.dd.mega>.dd-menu{top:calc(100% + 10px)}
.dd.mega>.dd-menu::before{top:-24px;height:24px}
.hm-soon{display:inline-block;margin-left:7px;padding:3px 6px;border-radius:6px;font:600 10px/1 var(--mono);letter-spacing:.04em;vertical-align:2px;background:var(--soft);color:var(--accent)}
.hm-foot:has(.hm-lead){justify-content:flex-end;gap:24px;align-items:center}
.hm-lead{margin-right:auto;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink)}
.hm-lead svg{width:16px;height:16px;color:var(--accent)}
.hm h5{padding:6px 10px 8px}
/* F1 (all 16) */
.dd-menu.hf1{width:1010px;grid-template-columns:minmax(0,1fr) 340px;gap:10px;padding:10px}
.hf1-l{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px}
.hf1-g{display:grid;gap:1px;align-content:start}
.hf1-it{gap:10px;padding:7px 10px;border-radius:11px;font-size:14px;font-weight:600;color:var(--ink-2)}
.hf1-it.on{color:var(--ink)}
.hf1-it .hm-soon{margin-left:auto}
.hf1-r{min-height:0}
.hf1-p{padding:22px}
/* mini rows / label / kpi */
.mn-rows p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:8px 0;border-top:1px dashed var(--line);color:var(--ink-2)}
.mn-rows p b{color:var(--ink);font-weight:600}
.mn-rows p b.ok{color:#0A7A43}
.mn-rows p b.lo{color:#B06A00}
.mn-rows p b.tot{font-weight:750}
.mn-lbl{display:grid;gap:8px}
.mn-lbl>b{font-size:13.5px}
.mn-code{display:flex;gap:2px;height:46px}
.mn-code i{width:var(--b);background:var(--ink);border-radius:.5px}
.mn-lbl p{display:flex;justify-content:space-between;margin:0;font:500 11.5px/1 var(--mono);color:var(--ink-3)}
.mn-lbl p b{font:700 14px/1 var(--sans,inherit);color:var(--ink)}
.mn-kpi{display:grid;padding:6px 14px}
.mn-kpi span{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px dashed var(--line)}
.mn-kpi span:first-child{border-top:0}
.mn-kpi small{font-size:12.5px;color:var(--ink-3)}
.mn-kpi b{font-size:14.5px}
.mn-rep li:not(.on):not(.cur) i{background:var(--line-2);color:transparent}
/* F2 four columns */
.dd-menu.hf2{width:1100px;padding:14px 10px 8px;gap:8px}
.hf2-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hf2-col{display:grid;gap:2px;align-content:start}
.hf2-a{display:grid;gap:3px;align-items:start;padding:10px 12px}
.hf2-t{display:flex;align-items:center;gap:9px}
.hf2-t svg{width:16px;height:16px;flex:none;color:var(--accent)}
.hf2-t b{font-size:14.5px;font-weight:650}
.hf2-a small{padding-left:25px;font-size:12.5px;font-weight:500;line-height:1.4;color:var(--ink-3)}
/* F3 group tabs */
.dd-menu.hf3{width:1010px;grid-template-columns:230px minmax(0,1fr) 260px;gap:10px;padding:10px}
.hf3-tabs{display:grid;gap:2px;align-content:start}
.hf3-t{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 14px;border-radius:13px;text-align:left;transition:background .25s}
.hf3-t b{font-size:14.5px;font-weight:650;transition:color .2s}
.hf3-t small{grid-column:1;font-size:12.5px;color:var(--ink-3)}
.hf3-t span{grid-row:1/3;grid-column:2;align-self:center;font:500 11px/1 var(--mono);color:var(--ink-3)}
.hf3-t:hover{background:var(--bg-2)}
.hf3-t.on{background:var(--tint)}
.hf3-t.on b{color:var(--accent)}
.hf3-ps{display:grid}
.hf3-p{grid-area:1/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-content:start;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s var(--ease),transform .45s var(--ease),visibility .3s}
.hf3-p.on{opacity:1;visibility:visible;transform:none}
.hf3-promo{display:grid;gap:8px;align-content:start;padding:16px;border-radius:16px;background:radial-gradient(300px 200px at 100% -10%,rgba(99,91,255,.18),transparent 70%),var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.hf3-promo .mn{margin-bottom:6px}
.hf3-promo>b{font-size:15.5px;letter-spacing:-.015em;line-height:1.3}
.hf3-promo>small{font-size:13px;line-height:1.5;color:var(--ink-2)}
.hf3-promo>span{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13.5px;font-weight:650;color:var(--accent)}
.hf3-promo>span svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.hf3-promo:hover>span svg{transform:translateX(3px)}
/* R1 with migration card */
.dd-menu.hr1{width:980px;grid-template-columns:repeat(2,minmax(0,1fr)) 270px;gap:6px;padding:10px}
.hr-mig{display:grid;gap:10px;align-content:start;padding:18px;border-radius:16px;background:radial-gradient(300px 200px at 100% -10%,rgba(99,91,255,.2),transparent 70%),var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
.hr-k{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.hr-k svg{width:14px;height:14px}
.hr-mig>b{font-size:17px;letter-spacing:-.02em;line-height:1.3}
.hr-mig ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hr-mig li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:550;color:var(--ink-2)}
.hr-mig li svg{width:15px;height:15px;color:var(--accent)}
.hr-more{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13.5px;font-weight:650;color:var(--accent)}
.hr-more svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.hr-mig:hover .hr-more svg{transform:translateX(3px)}
/* R2 two link groups */
.dd-menu.hr2{width:760px;grid-template-columns:270px minmax(0,1fr)}
.hr2-l{gap:8px}
.hr2-l>div{display:grid;gap:1px}
/* R3 with group labels */
.dd-menu.hr3{width:300px}
.hr3 h5{padding:10px 10px 6px}
.hr3 h5:not(:first-child){margin-top:4px;border-top:1px solid var(--line-2);padding-top:14px}
.dd.mega>.dd-menu{left:50%;transform:translate(-50%,-6px)}
.dd.mega.open>.dd-menu{transform:translate(-50%,0)}

/* ---------- round 18c: redesigned Features (mf-) and Resources (rz-) menus, gliding row highlight (hl) ---------- */
[data-hl]{position:relative}
.hl{position:absolute;left:0;top:0;z-index:0;width:var(--w,0);height:var(--h,0);transform:translate(var(--x,0),var(--y,0));border-radius:12px;pointer-events:none;opacity:0;background:linear-gradient(180deg,#F7F6FF,#EFEEFE);box-shadow:inset 0 0 0 1px rgba(99,91,255,.13),0 6px 16px -10px rgba(99,91,255,.45);transition:transform .45s cubic-bezier(.3,1.15,.4,1),width .45s cubic-bezier(.3,1.15,.4,1),height .45s cubic-bezier(.3,1.15,.4,1),opacity .25s}
.hl.on{opacity:1}
.mf h5,.rz h5{display:flex;align-items:center;gap:10px;padding:4px 12px 8px}
.mf h5::after,.rz h5::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
/* features */
.dd-menu.mf{width:1060px;grid-template-columns:minmax(0,1fr) 384px;gap:10px;padding:10px;border-radius:24px;box-shadow:0 0 0 1px rgba(15,15,26,.06),0 2px 6px rgba(15,15,26,.04),0 44px 90px -34px rgba(30,24,110,.38)}
.mf-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;align-content:start;padding:12px 6px 6px}
.mf-g{display:grid;gap:2px;align-content:start}
.mf-it{position:relative;z-index:1;display:flex;align-items:center;gap:11px;height:40px;padding:0 12px;border-radius:12px;font-size:14.25px;font-weight:600;color:var(--ink-2);transition:color .2s}
.mf-it>svg:first-child{width:17px;height:17px;flex:none;color:var(--ink-3);transition:color .25s,transform .4s var(--ease)}
.mf-it>svg:last-child{width:14px;height:14px;margin-left:auto;flex:none;color:var(--accent);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .4s var(--ease)}
.mf-it .hm-soon{margin-left:auto}
.mf-it .hm-soon+svg{margin-left:8px}
.mf-it.on{color:var(--ink)}
.mf-it.on>svg:first-child{color:var(--accent);transform:scale(1.08)}
.mf-it.on>svg:last-child{opacity:1;transform:none}
.mf-r{position:relative;min-height:448px;border-radius:18px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#F8F7FF 0%,#EEEFFF 55%,#F4F2FF 100%);box-shadow:inset 0 0 0 1px rgba(99,91,255,.11)}
.mf-mesh{position:absolute;inset:-10%;z-index:-1;background:radial-gradient(260px 220px at 88% 8%,rgba(99,91,255,.32),transparent 70%),radial-gradient(260px 220px at 6% 96%,rgba(56,189,248,.16),transparent 70%);animation:mfDrift 14s ease-in-out infinite}
.mf-r::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(99,91,255,.2) 1px,transparent 1.3px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
@keyframes mfDrift{50%{transform:translate3d(-14px,10px,0) scale(1.05)}}
.mf-p{position:absolute;inset:0;display:flex;flex-direction:column;padding:30px 26px 24px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.mf-p.on{opacity:1;visibility:visible}
.mf-card{position:relative;isolation:isolate;transform:translateY(18px) scale(.97);filter:blur(6px);transition:transform .65s cubic-bezier(.2,.9,.25,1),filter .45s var(--ease)}
.mf-card::before{content:"";position:absolute;left:16px;right:16px;top:12px;bottom:-11px;z-index:-1;border-radius:16px;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(99,91,255,.09),0 18px 30px -22px rgba(40,30,140,.4)}
.mf-card .mn{box-shadow:0 0 0 1px rgba(15,15,26,.05),0 1px 2px rgba(15,15,26,.04),0 26px 50px -26px rgba(40,30,140,.5)}
.mf-p.on .mf-card{transform:none;filter:none}
.mf-chip{position:absolute;right:-8px;bottom:-18px;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px 0 6px;border-radius:99px;background:#0F0F1A;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 12px 26px -10px rgba(15,15,26,.55);opacity:0;transform:translateY(10px) scale(.9);transition:opacity .35s .2s,transform .55s .2s cubic-bezier(.3,1.45,.5,1)}
.mf-chip svg{width:12px;height:12px;padding:5px;box-sizing:content-box;border-radius:50%;background:var(--accent);color:#fff}
.mf-p.on .mf-chip{opacity:1;transform:none}
.mf-cap{margin-top:auto;display:grid;gap:6px}
.mf-cap>*{opacity:0;transform:translateY(8px);transition:opacity .4s,transform .5s var(--ease)}
.mf-p.on .mf-cap>*{opacity:1;transform:none}
.mf-p.on .mf-cap>:nth-child(2){transition-delay:.05s}.mf-p.on .mf-cap>:nth-child(3){transition-delay:.1s}.mf-p.on .mf-cap>:nth-child(4){transition-delay:.15s}
.mf-k{display:flex;justify-content:space-between;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mf-k i{font-style:normal;color:var(--ink-3)}
.mf-cap b{margin-top:4px;font-size:20px;letter-spacing:-.024em}
.mf-cap p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.mf-cap a{justify-self:start;display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13.5px;font-weight:650;color:var(--accent)}
.mf-cap a svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.mf-cap a:hover svg{transform:translateX(3px)}
.mf-p.on .mn-inv li i::after{animation:hfGrow .9s .15s var(--ease) both}
.mf-p.on .mn-bars i{animation:hfRise .8s .1s var(--ease) both}
.mf-p.on .mn-rep li{animation:hfIn .5s var(--ease) both}
.mf-p.on .mn-rep li:nth-child(2){animation-delay:.08s}.mf-p.on .mn-rep li:nth-child(3){animation-delay:.16s}
.mf-foot{grid-column:1/-1;display:flex;align-items:center;gap:20px;padding:12px 4px 2px 14px;border-top:1px solid var(--line-2)}
.mf-foot>span{margin-right:auto;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.mf-foot>span svg{width:17px;height:17px;color:var(--accent)}
.mf-all{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;color:var(--ink)}
.mf-all svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.mf-all:hover{color:var(--accent)}
.mf-all:hover svg{transform:translateX(3px)}
/* resources */
.dd-menu.rz{width:880px;grid-template-columns:340px minmax(0,1fr);gap:12px;padding:10px;border-radius:24px;box-shadow:0 0 0 1px rgba(15,15,26,.06),0 2px 6px rgba(15,15,26,.04),0 44px 90px -34px rgba(30,24,110,.38)}
.rz-l{display:flex;flex-direction:column;padding:12px 4px 0}
.rz-list{display:grid;gap:2px}
.rz-it{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px}
.rz-ic{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line),0 1px 2px rgba(15,15,26,.04);transition:color .25s,box-shadow .25s,background .25s}
.rz-ic svg{width:17px;height:17px}
.rz-it:hover .rz-ic{color:var(--accent);box-shadow:inset 0 0 0 1px rgba(99,91,255,.28),0 6px 14px -8px rgba(99,91,255,.55)}
.rz-tx{display:grid;gap:1px;min-width:0}
.rz-tx b{display:flex;align-items:center;font-size:14.5px;font-weight:650}
.rz-tx small{font-size:12.75px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rz-mail{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 10px 8px;border-top:1px solid var(--line-2);font-size:13px;color:var(--ink-3)}
.rz-mail svg{width:16px;height:16px;color:var(--accent)}
.rz-mail b{color:var(--ink);font-weight:650;transition:color .2s}
.rz-mail:hover b{color:var(--accent)}
.rz-r{display:grid;gap:10px;align-content:start}
.rz-help{position:relative;display:grid;gap:14px;padding:22px;border-radius:18px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#F8F7FF,#EDEDFF);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12)}
.rz-help::before{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(240px 200px at 92% 6%,rgba(99,91,255,.32),transparent 70%);animation:mfDrift 14s ease-in-out infinite}
.rz-help::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(99,91,255,.2) 1px,transparent 1.3px) 0 0/16px 16px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 60%);mask-image:linear-gradient(200deg,#000,transparent 60%)}
.rz-hk{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.rz-hi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 8px 18px -8px rgba(99,91,255,.85)}
.rz-hi svg{width:16px;height:16px}
.rz-help>b{max-width:330px;font-size:22px;line-height:1.2;letter-spacing:-.026em}
.rz-q{display:flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 15px;border-radius:14px;background:#fff;font-size:14px;color:var(--ink-3);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 12px 26px -16px rgba(40,30,140,.45);transition:box-shadow .3s}
.rz-q>svg{width:17px;height:17px;flex:none}
.rz-q>span{flex:1}
.rz-q>span::after{content:"";display:none;width:1.5px;height:16px;margin-left:3px;vertical-align:-3px;background:var(--accent);animation:rzBlink 1.1s steps(1) infinite}
.rz-help:hover .rz-q{box-shadow:0 0 0 2px rgba(99,91,255,.32),0 14px 30px -14px rgba(99,91,255,.5)}
.rz-help:hover .rz-q>span::after{display:inline-block}
@keyframes rzBlink{50%{opacity:0}}
.rz-q kbd{font:500 11px/1 var(--mono);padding:6px 8px;border-radius:8px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}
.rz-topics{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rz-topics em{margin-right:4px;font:500 11px/1 var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.rz-topics span{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:99px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(99,91,255,.14);font-size:12.5px;font-weight:600;color:var(--ink-2)}
.rz-yt{display:flex;align-items:center;gap:16px;padding:10px 16px 10px 10px;border-radius:18px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .25s,box-shadow .25s}
.rz-yt:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 16px 32px -20px rgba(15,15,26,.4)}
.rz-thumb{position:relative;flex:none;width:176px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;isolation:isolate;display:grid;place-items:center;background:linear-gradient(140deg,#1D1A3D,#0B0B14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.rz-glow{position:absolute;inset:-30%;z-index:-1;background:radial-gradient(closest-side,rgba(99,91,255,.6),transparent 70%);transition:transform .7s var(--ease)}
.rz-yt:hover .rz-glow{transform:scale(1.2)}
.rz-play{width:48px;height:34px;display:grid;place-items:center;border-radius:11px;background:#fff;box-shadow:0 10px 22px -8px rgba(0,0,0,.65);transition:transform .45s cubic-bezier(.3,1.45,.5,1)}
.rz-play svg{width:26px;height:26px}
.rz-yt:hover .rz-play{transform:scale(1.1)}
.rz-handle{position:absolute;left:9px;bottom:8px;font:500 10px/1 var(--mono);color:rgba(255,255,255,.6)}
.rz-yc{display:grid;gap:3px}
.rz-yc b{font-size:15.5px;letter-spacing:-.015em}
.rz-yc small{font-size:13px;line-height:1.45;color:var(--ink-3)}
.rz-yc em{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-style:normal;font-weight:650;color:var(--ink)}
.rz-yc em svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.rz-yt:hover .rz-yc em{color:var(--accent)}
.rz-yt:hover .rz-yc em svg{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.hl,.mf-card,.mf-chip,.mf-cap>*{transition:none}.mf-mesh,.rz-help::before,.rz-q>span::after{animation:none}}
.rz-r{grid-template-rows:auto 1fr;align-content:stretch}
.rz-help{padding:24px;gap:16px}
.rz-help>b{max-width:none}
.rz-it{padding:7px 10px}
.rz-thumb{width:196px}
.rz-yt{align-items:stretch}
.rz-thumb{width:48%;aspect-ratio:auto;min-height:120px}
.rz-yc{align-self:center}
.rz-brand{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;color:rgba(255,255,255,.85)}
.rz-brand .mark{width:14px;height:14px}
/* phone menu: grouped features */
.drawer .d-g{margin:10px 4px 2px;font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.drawer .d-g:first-child{margin-top:4px}
.drawer details div a .hm-soon{vertical-align:1px}
.drawer details div a.d-all{margin-top:6px;font-weight:650;color:var(--accent)}
.dd.mega>.dd-menu{max-width:calc(100vw - 32px)}
.fq-more{margin:-12px 0 0;font-size:15px;color:var(--ink-2)}

/* ---------- round 19: Features page. fg- shared, fga- option A chapters, fgb- option B index, fgc- option C spotlights ---------- */
.fgp [id]{scroll-margin-top:96px}
.fg-hero .h1{font-size:clamp(40px,5.4vw,68px)}
.fg-hero .hero-copy.center{max-width:900px}
.fg-kick{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650;color:var(--accent)}
.fg-kick svg{width:16px;height:16px;flex:none}
.fg-ticks{display:grid;gap:10px}
.fg-ticks li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--ink-2)}
.fg-ticks svg{width:19px;height:19px;flex:none;margin-top:1px;padding:4px;border-radius:50%;background:var(--soft);color:var(--accent);stroke-width:2.6}

/* stage: tinted panel; a full app screen bleeds off the corner, or a mini card floats in the middle */
.fg-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;aspect-ratio:16/11;container-type:inline-size;
  background:linear-gradient(160deg,#F8F7FF 0%,#EEEFFF 55%,#F4F2FF 100%);box-shadow:inset 0 0 0 1px rgba(99,91,255,.11)}
.fg-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(99,91,255,.17) 1px,transparent 1.3px) 0 0/16px 16px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 65%);mask-image:linear-gradient(180deg,#000,transparent 65%)}
.fg-mesh{position:absolute;inset:-10%;z-index:-1;background:radial-gradient(45% 50% at 90% 6%,rgba(99,91,255,.28),transparent 70%),radial-gradient(45% 50% at 4% 98%,rgba(56,189,248,.14),transparent 70%);animation:mfDrift 14s ease-in-out infinite}
.fg-win{position:absolute;left:8%;top:11%}
.fg-stage.scr .aw{font-size:calc(100cqw * 1.22 / 68);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 2px 4px rgba(15,15,26,.04),0 40px 80px -30px rgba(40,34,140,.4)}
.fg-js .fg-stage.scr .fg-win{opacity:0;transform:translate(24px,30px)}
.fg-stage.scr.play .fg-win{opacity:1;transform:none;transition:opacity .6s var(--ease),transform 1s cubic-bezier(.16,1,.3,1)}
.fg-toast{position:absolute;left:5%;bottom:7%;z-index:2;display:flex;align-items:center;gap:11px;max-width:84%;padding:10px 18px 10px 10px;border-radius:16px;color:#fff;
  background:rgba(15,15,26,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px -14px rgba(15,15,26,.6),inset 0 0 0 1px rgba(255,255,255,.08)}
.fg-toast i{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--accent)}
.fg-toast i svg{width:16px;height:16px;color:#fff}
.fg-toast>span{min-width:0}
.fg-toast b{display:block;font-size:13.5px;font-weight:650;line-height:1.3}
.fg-toast small{display:block;font-size:12px;line-height:1.35;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fg-js .fg-toast{opacity:0;transform:translateY(14px) scale(.94)}
.fg-stage.play .fg-toast{opacity:1;transform:none;transition:opacity .4s 1.4s,transform .7s 1.4s cubic-bezier(.3,1.4,.5,1)}
.fg-stage.mini{display:grid;place-items:center}
.fg-card{position:relative;isolation:isolate;width:min(72%,330px)}
.fg-card::before{content:"";position:absolute;left:16px;right:16px;top:12px;bottom:-11px;z-index:-1;border-radius:16px;background:rgba(255,255,255,.65);box-shadow:0 0 0 1px rgba(99,91,255,.09),0 18px 30px -22px rgba(40,30,140,.4)}
.fg-card .mn{box-shadow:0 0 0 1px rgba(15,15,26,.05),0 1px 2px rgba(15,15,26,.04),0 26px 50px -26px rgba(40,30,140,.5)}
.fg-chip{position:absolute;right:-12px;bottom:-20px;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px 0 6px;border-radius:99px;background:#0F0F1A;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 12px 26px -10px rgba(15,15,26,.55)}
.fg-chip svg{width:12px;height:12px;padding:5px;box-sizing:content-box;border-radius:50%;background:var(--accent);color:#fff}
.fg-js .fg-stage.mini .fg-card{opacity:0;transform:translateY(22px) scale(.97);filter:blur(6px)}
.fg-stage.mini.play .fg-card{opacity:1;transform:none;filter:none;transition:opacity .5s,transform .8s cubic-bezier(.2,.9,.25,1),filter .5s var(--ease)}
.fg-js .fg-stage.mini .fg-chip{opacity:0;transform:translateY(10px) scale(.9)}
.fg-stage.mini.play .fg-chip{opacity:1;transform:none;transition:opacity .35s .65s,transform .55s .65s cubic-bezier(.3,1.45,.5,1)}
.fg-stage.play .mn-inv li i::after{animation:hfGrow .9s .35s var(--ease) both}
.fg-stage.play .mn-bars i{animation:hfRise .8s .3s var(--ease) both}
.fg-stage.play .mn-rep li{animation:hfIn .5s .3s var(--ease) both}
.fg-stage.play .mn-rep li:nth-child(2){animation-delay:.4s}.fg-stage.play .mn-rep li:nth-child(3){animation-delay:.5s}
.fg-stage.play .mn-rows p{animation:hfIn .5s .3s var(--ease) both}
.fg-stage.play .mn-rows p:nth-of-type(2){animation-delay:.38s}.fg-stage.play .mn-rows p:nth-of-type(3){animation-delay:.46s}.fg-stage.play .mn-rows p:nth-of-type(4){animation-delay:.54s}
.fg-ind{position:absolute;left:0;top:0;z-index:0;border-radius:99px;opacity:0;pointer-events:none;
  transition:transform .5s cubic-bezier(.3,1.2,.4,1),width .5s cubic-bezier(.3,1.2,.4,1),height .3s,opacity .3s}

/* also built in, as its own section */
.fg-more{padding-top:120px}
.fg-more .bi{margin-top:0}
.bi-head h2{font-size:clamp(26px,2.5vw,34px);line-height:1.12;letter-spacing:-.03em;font-weight:740;color:#fff}
.bi-head h2 .it{color:#A9A4FF}
.fg-more+.cx{padding-top:0}

/* ---- A: chapters ---- */
.fga-hero{padding-bottom:64px!important}
.fga-idx{margin-top:72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:left}
.fga-idx-c{padding:22px 20px 16px;border-radius:22px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.fga-idx-n{font-size:12px;font-weight:500;color:var(--accent)}
.fga-idx-c>b{display:block;margin:6px 0 10px;font-size:16px;letter-spacing:-.01em}
.fga-idx-c ul{display:grid;gap:1px}
.fga-idx-c a{display:flex;align-items:center;gap:10px;padding:7px 9px;margin:0 -9px;border-radius:10px;font-size:14px;font-weight:550;color:var(--ink-2);transition:background .2s,color .2s}
.fga-idx-c a svg{width:16px;height:16px;flex:none;color:var(--ink-3);transition:color .2s}
.fga-idx-c a:hover{background:var(--tint);color:var(--ink)}
.fga-idx-c a:hover svg{color:var(--accent)}
.fga-body{position:relative}
.fga-sticky{position:sticky;top:76px;z-index:30;height:0;display:flex;justify-content:center;pointer-events:none}
.fga-bar{pointer-events:auto;position:relative;display:flex;gap:2px;margin-top:22px;padding:5px;border-radius:99px;background:rgba(255,255,255,.84);
  -webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px rgba(15,15,26,.07),0 14px 32px -16px rgba(30,24,110,.3)}
.fga-bar a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:99px;font-size:14px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:color .3s}
.fga-bar a .mono{font-size:11px;color:var(--ink-3);transition:color .3s}
.fga-bar a:hover{color:var(--ink)}
.fga-bar a.on{color:#fff}
.fga-bar a.on .mono{color:rgba(255,255,255,.72)}
.fga-bar .fg-ind{background:var(--accent);box-shadow:0 6px 16px -6px rgba(99,91,255,.7)}
.fga-ch{padding:150px 0 120px}
.fga-head{max-width:720px;display:grid;gap:16px;justify-items:start;margin-bottom:80px}
.fga-num{font-size:13px;font-weight:500;color:var(--accent)}
.fga-num i{font-style:normal;color:var(--ink-3)}
.fga-row{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:72px;align-items:center;margin-bottom:104px}
.fga-row.flip>:first-child{order:2}
.fga-copy{display:grid;gap:16px;justify-items:start}
.fga-copy h3{font-size:clamp(28px,2.8vw,38px);line-height:1.1;letter-spacing:-.035em;font-weight:760}
.fga-copy p{font-size:17px;line-height:1.65;color:var(--ink-2)}
.fga-copy .fg-ticks{margin-top:4px}
.fga-cards{display:grid;gap:20px}
.fga-cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fga-cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fga-card{display:grid;align-content:start;gap:24px;padding:10px 10px 28px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.fga-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(99,91,255,.18),0 24px 50px -28px rgba(40,34,140,.35)}
.fga-card .fg-stage{aspect-ratio:16/10;border-radius:20px}
.fga-cards.c3 .fg-card{width:min(84%,300px)}
.fga-ct{display:grid;gap:12px;justify-items:start;padding:0 16px}
.fga-ct h3{font-size:21px;line-height:1.2;letter-spacing:-.02em;font-weight:720}
.fga-ct p{font-size:15px;line-height:1.6;color:var(--ink-2)}
.fga-ct .fg-ticks li{font-size:14px}

/* ---- B: index sidebar ---- */
.fgb-hero{padding-bottom:64px!important}
.fgb{padding-top:32px}
.fgb-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;align-items:start}
.fgb-side{position:sticky;top:92px;display:grid;gap:18px}
.fgb-nav{position:relative;display:grid;gap:0;max-height:calc(100vh - 260px);overflow:auto;scrollbar-width:none;padding:2px}
.fgb-nav::-webkit-scrollbar{display:none}
.fgb-g{margin:16px 0 6px 12px;font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.fgb-g:first-child{margin-top:2px}
.fgb-nav a{position:relative;z-index:1;display:flex;align-items:center;gap:10px;min-height:33px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:550;color:var(--ink-2);transition:color .2s}
.fgb-nav a svg{width:16px;height:16px;flex:none;color:var(--ink-3);transition:color .2s}
.fgb-nav a:hover{color:var(--ink)}
.fgb-nav a.on{color:var(--ink);font-weight:650}
.fgb-nav a.on svg{color:var(--accent)}
.fgb-nav .fg-ind{border-radius:10px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.16)}
.fgb-nav .fg-ind::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}
.fgb-demo{display:grid;gap:3px;padding:16px 18px;border-radius:16px;background:var(--ink);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.fgb-demo::before{content:"";position:absolute;z-index:-1;right:-30%;top:-80%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(99,91,255,.6),transparent)}
.fgb-demo b{font-size:14.5px}
.fgb-demo small{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.62)}
.fgb-demo span{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:650;color:#B9B5FF}
.fgb-demo span svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.fgb-demo:hover span svg{transform:translateX(3px)}
.fgb-main{display:grid;gap:88px}
.fgb-gh{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;padding-top:56px;border-top:1px solid var(--line)}
.fgb-gh:first-child{padding-top:0;border-top:0}
.fgb-n{padding-top:4px;font-size:13px;font-weight:500;color:var(--accent)}
.fgb-gh>div{display:grid;gap:14px;justify-items:start}
.fgb-gh .h2{font-size:clamp(32px,3.4vw,46px)}
.fgb-gh p{max-width:620px;font-size:17px;line-height:1.6;color:var(--ink-2)}
.fgb-f{display:grid;gap:30px}
.fgb-f .fg-stage{aspect-ratio:16/8.4}
.fgb-f .fg-stage.scr .aw{font-size:calc(100cqw * 1.05 / 68)}
.fgb-f .fg-stage.mini .fg-card{zoom:1.22}
.fgb-txt{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start;padding:0 4px}
.fgb-txt>div{display:grid;gap:12px;justify-items:start}
.fgb-txt h3{font-size:clamp(24px,2.3vw,30px);line-height:1.15;letter-spacing:-.03em;font-weight:740}
.fgb-txt p{font-size:16px;line-height:1.65;color:var(--ink-2)}
.fgb-txt .fg-ticks{padding-top:30px}

/* ---- C: group spotlights ---- */
.fgc-hero{padding-bottom:40px!important}
.fgc-show{position:relative;isolation:isolate;margin:72px auto 0;max-width:1120px;aspect-ratio:16/7.4;border-radius:30px;overflow:hidden;container-type:inline-size;
  background:linear-gradient(160deg,#F8F7FF 0%,#ECEBFF 55%,#F4F2FF 100%);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12),0 40px 90px -50px rgba(40,34,140,.45)}
.fgc-show::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:1;background:linear-gradient(rgba(244,243,255,0),#F2F1FF 92%)}
.fgc-win{position:absolute;left:50%;top:10%;transform:translateX(-50%)}
.fgc-win .aw{font-size:calc(100cqw * .88 / 68)}
.fgc-pin{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 7px;border-radius:99px;background:#0F0F1A;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;
  box-shadow:0 16px 34px -12px rgba(15,15,26,.55);animation:fgFloat 7s ease-in-out infinite}
.fgc-pin svg{width:13px;height:13px;padding:6px;box-sizing:content-box;border-radius:50%;background:var(--accent);color:#fff}
.fgc-pin.p1{left:3%;top:34%}.fgc-pin.p2{right:3%;top:20%;animation-delay:-2.3s}.fgc-pin.p3{right:7%;top:62%;animation-delay:-4.6s}
@keyframes fgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fgc-g .head.split{align-items:end}
.fgc-box{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.55fr);gap:32px;align-items:start;margin-top:56px;scroll-margin-top:100px}
.fgc-tabs{display:grid;gap:6px;position:sticky;top:100px}
.fgc-t{display:flex;gap:14px;align-items:flex-start;text-align:left;padding:15px 16px;border-radius:18px;transition:background .3s,box-shadow .3s}
.fgc-t:hover{background:rgba(99,91,255,.05)}
.fgc-t[aria-selected="true"]{background:#fff;box-shadow:0 0 0 1px var(--line),0 16px 32px -20px rgba(30,24,110,.3)}
.fgc-ic{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--accent);transition:background .3s,color .3s,box-shadow .3s}
.fgc-ic svg{width:18px;height:18px}
.fgc-t[aria-selected="true"] .fgc-ic{background:var(--accent);color:#fff;box-shadow:0 8px 18px -8px rgba(99,91,255,.8)}
.fgc-tt{display:grid;min-width:0;padding-top:1px}
.fgc-tt b{display:flex;align-items:center;gap:6px;font-size:15.5px;font-weight:650;line-height:1.35}
.fgc-tt small{display:block;max-height:0;opacity:0;overflow:hidden;font-size:13.5px;line-height:1.5;color:var(--ink-3);transition:max-height .4s var(--ease),opacity .3s,margin .3s}
.fgc-t[aria-selected="true"] small{max-height:64px;opacity:1;margin-top:4px}
.fgc-bar{display:none}
.fgc-ps{min-width:0}
.fgc-p{display:grid;gap:26px}
.fgc-p.enter{animation:fgIn .55s var(--ease)}
@keyframes fgIn{from{opacity:0;transform:translateY(10px)}}
.fgc-p .fg-stage{aspect-ratio:16/9.6;border-radius:26px}
.fgc-p .fg-stage.scr .aw{font-size:calc(100cqw * 1.12 / 68)}
.fgc-p .fg-stage.mini .fg-card{zoom:1.12}
.fgc-txt{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:start;padding:0 6px}
.fgc-txt>div{display:grid;gap:10px}
.fgc-txt h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;font-weight:740}
.fgc-txt p{font-size:15.5px;line-height:1.65;color:var(--ink-2)}
.fgc-txt .fg-ticks{padding-top:6px}
.fgc-txt .fg-ticks li{font-size:14.5px}

@media (max-width:1060px){
  .fga-idx{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fga-row{grid-template-columns:1fr;gap:36px;margin-bottom:80px}
  .fga-row.flip>:first-child{order:0}
  .fga-cards.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fgb-grid{grid-template-columns:1fr;gap:28px}
  .fgb-side{top:70px;z-index:20;margin:0 calc(var(--gut) * -1);padding:10px var(--gut);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
  .fgb-nav{display:flex;gap:4px;max-height:none;overflow-x:auto}
  .fgb-nav a{flex:none;white-space:nowrap}
  .fgb-g,.fgb-demo{display:none}
  .fgb-nav .fg-ind::before{display:none}
  .fgp .fgb [id]{scroll-margin-top:140px}
  .fgc-box{grid-template-columns:1fr;gap:20px}
  .fgc-tabs{position:static;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 8px}
  .fgc-tabs::-webkit-scrollbar{display:none}
  .fgc-t{flex:none;align-items:center;padding:8px 14px 8px 8px;border-radius:99px}
  .fgc-ic{width:32px;height:32px;border-radius:50%}
  .fgc-ic svg{width:15px;height:15px}
  .fgc-tt b{font-size:14px;white-space:nowrap}
  .fgc-tt small{display:none}
  .fgc-show{aspect-ratio:4/3}
  .fgc-win .aw{font-size:calc(100cqw * 1.4 / 68)}
  .fgc-win{left:6%;transform:none}
}
@media (max-width:720px){
  .fga-hero .fga-idx{display:none}
  .fga-sticky{top:68px}
  .fga-bar{max-width:calc(100vw - 32px);overflow-x:auto;scrollbar-width:none}
  .fga-bar::-webkit-scrollbar{display:none}
  .fga-bar a{padding:0 13px;font-size:13.5px}
  .fga-ch{padding:120px 0 88px}
  .fga-head{margin-bottom:48px}
  .fga-cards.c2,.fga-cards.c3{grid-template-columns:1fr}
  .fg-stage{aspect-ratio:4/3.3}
  .fg-stage.scr .aw,.fgb-f .fg-stage.scr .aw,.fgc-p .fg-stage.scr .aw{font-size:calc(100cqw * 1.6 / 68)}
  .fgb-f .fg-stage,.fgc-p .fg-stage,.fga-card .fg-stage{aspect-ratio:4/3.3}
  .fgb-f .fg-stage.mini .fg-card,.fgc-p .fg-stage.mini .fg-card{zoom:1}
  .fg-card{width:min(80%,300px)}
  .fgb-txt,.fgc-txt{grid-template-columns:1fr;gap:18px}
  .fgb-txt .fg-ticks{padding-top:0}
  .fgb-main{gap:64px}
  .fgb-gh{grid-template-columns:1fr;gap:8px}
  .fgc-pin{display:none}
  .fg-more{padding-top:88px}
}
/* round 19 fixes */
.fgc-p[hidden]{display:none}
@media (min-width:1061px){.fga-row.flip{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}}
.fgc-pin.p1{left:2%;top:58%}.fgc-pin.p2{right:2%;top:22%}.fgc-pin.p3{right:4%;top:64%}
/* the features page ends on the dark CTA, so "also built in" is the light version */
.fg-more .bi{background:linear-gradient(160deg,#FCFBFF 0%,#F1F0FF 100%);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(99,91,255,.13)}
.fg-more .bi::before{left:auto;right:-12%;top:-70%;background:radial-gradient(closest-side,rgba(99,91,255,.18),transparent)}
.fg-more .bi::after{background-image:radial-gradient(rgba(99,91,255,.16) 1px,transparent 1.3px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}
.fg-more .bi-tag{color:var(--accent);background:#fff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.2)}
.fg-more .bi-head h2{color:var(--ink)}
.fg-more .bi-head h2 .it{color:var(--accent)}
.fg-more .bi-head p{color:var(--ink-2)}
.fg-more .bi-head .link{color:var(--accent)}
.fg-more .bi-list li{border-top-color:rgba(99,91,255,.12)}
.fg-more .bi-ic{color:var(--accent);background:#fff;box-shadow:0 0 0 1px rgba(99,91,255,.16),0 6px 14px -8px rgba(40,34,140,.35)}
.fg-more .bi-list li:hover .bi-ic{color:#fff;background:var(--accent)}
.fg-more .bi-list b{color:var(--ink)}
.fg-more .bi-list small{color:var(--ink-2)}
@media (min-width:1061px){.fgb-nav{max-height:none;overflow:visible}}
.fgb-nav a{min-height:31px}
.fgb-g{margin-top:14px}
@media (max-height:820px) and (min-width:1061px){.fgb-demo{display:none}}
.fga-sticky{align-items:flex-start}
.fgp .fga-body [id]{scroll-margin-top:150px}
@media (min-width:1061px){.fgb-grid{grid-template-columns:262px minmax(0,1fr);gap:64px}}
.fgb-nav a span{white-space:nowrap}

/* ---------- round 20: single feature pages. fd- shared, fd1/fd2/fd3 = structure options ---------- */
.fd-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13.5px;font-weight:550;color:var(--ink-3)}
.fd-crumb a{color:var(--ink-3);transition:color .2s}.fd-crumb a:hover{color:var(--accent)}
.fd-crumb svg{width:13px;height:13px;transform:rotate(-90deg);opacity:.7}
.fd-crumb b{font-weight:650;color:var(--accent)}
.fd-hero .h1{font-size:clamp(38px,4.9vw,62px)}
.hero-copy.center .fd-crumb{justify-content:center}
.fd-caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 48px;margin-top:64px}
.fd-caps li{display:grid;gap:10px;align-content:start}
.fd-cap-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--accent);background:linear-gradient(160deg,#F4F3FF,#E9E7FF);box-shadow:inset 0 0 0 1px rgba(99,91,255,.14)}
.fd-cap-ic svg{width:20px;height:20px}
.fd-caps b{margin-top:6px;font-size:18px;letter-spacing:-.015em}
.fd-caps p{font-size:15px;line-height:1.6;color:var(--ink-2)}
.fd-steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:64px;counter-reset:s}
.fd-steps::before{content:"";position:absolute;left:22px;right:22px;top:22px;height:2px;background:linear-gradient(90deg,var(--accent),rgba(99,91,255,.18))}
.fd-steps li{position:relative;display:grid;gap:8px;align-content:start}
.fd-step-n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:500;color:var(--accent);background:#fff;box-shadow:0 0 0 1px rgba(99,91,255,.22),0 10px 22px -12px rgba(40,34,140,.45);margin-bottom:12px}
.fd-steps li:first-child .fd-step-n{background:var(--accent);color:#fff}
.fd-steps b{font-size:17px;letter-spacing:-.01em}
.fd-steps p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.fd .fg-stage.fd-tall{aspect-ratio:16/12}
.fd-deep{padding-bottom:16px}
.fd-deep .fga-row:last-child{margin-bottom:96px}
.fd-faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px;align-items:start}
.fd-faq-grid>:first-child{display:grid;gap:18px;justify-items:start;position:sticky;top:110px}
.fd-rels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:48px}
.fd-rel{position:relative;display:grid;gap:8px;align-content:start;padding:26px 26px 22px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-1);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.fd-rel:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(99,91,255,.2),0 24px 50px -28px rgba(40,34,140,.35)}
.fd-rel-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:8px;color:var(--accent);background:var(--tint);transition:background .3s,color .3s}
.fd-rel:hover .fd-rel-ic{background:var(--accent);color:#fff}
.fd-rel-ic svg{width:19px;height:19px}
.fd-rel b{display:flex;align-items:center;gap:6px;font-size:17px}
.fd-rel small{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.fd-rel-go{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:650;color:var(--accent)}
.fd-rel-go svg{width:14px;height:14px;transition:transform .25s var(--ease)}
.fd-rel:hover .fd-rel-go svg{transform:translateX(3px)}
.fd-related .head.split{align-items:end}

/* repair minis */
.fd-cks{display:flex;flex-wrap:wrap;gap:6px}
.fd-ck{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:99px;font-size:12px;font-weight:600;background:#E7F7EE;color:#0A7A43}
.fd-ck svg{width:11px;height:11px;stroke-width:2.6}
.fd-ck.bad{background:#FFF3E0;color:#B06A00}
.fd-ph{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.fd-ph i{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#2B2850,#55509A);box-shadow:inset 0 0 0 2px #fff,0 0 0 1px var(--line)}
.fd-ph i+i{background:linear-gradient(135deg,#3B3670,#7A74D0)}
.fd-ph span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3)}
.fd-ph svg{width:13px;height:13px}
.fd-hist ol{display:grid;gap:0;position:relative}
.fd-hist li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0}
.fd-hist li+li{border-top:1px dashed var(--line)}
.fd-hist li i{width:9px;height:9px;border-radius:50%;background:var(--line);box-shadow:0 0 0 3px #fff}
.fd-hist li:first-child i{background:var(--accent);box-shadow:0 0 0 3px rgba(99,91,255,.18)}
.fd-hist li span{display:grid}
.fd-hist li b{font-size:13px}
.fd-hist li small{font-size:11.5px;color:var(--ink-3)}
.fd-hist em{font-style:normal;font-size:11px;font-weight:650;padding:4px 8px;border-radius:99px;background:var(--bg-2);color:var(--ink-3);white-space:nowrap}
.fd-hist em.ok{background:#E7F7EE;color:#0A7A43}
.fd-pipe ul{display:grid;gap:10px}
.fd-pipe li{display:grid;grid-template-columns:96px minmax(0,1fr) 18px;gap:10px;align-items:center;font-size:12.5px;color:var(--ink-2)}
.fd-pipe li i{height:8px;border-radius:99px;background:var(--line-2);position:relative;overflow:hidden}
.fd-pipe li i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:var(--accent-2);transform-origin:left}
.fd-pipe li i.w::after{background:#E8A33A}
.fd-pipe li i.ok::after{background:#21A366}
.fd-pipe li b{text-align:right;font-size:12.5px}
.fg-stage.play .fd-pipe li i::after{animation:hfGrow .9s .35s var(--ease) both}
.fg-stage.play .fd-hist li,.fg-stage.play .fd-ck{animation:hfIn .5s .3s var(--ease) both}
.fg-stage.play .fd-ck:nth-child(n+4){animation-delay:.4s}.fg-stage.play .fd-ck:nth-child(n+7){animation-delay:.5s}
.fg-stage.play .fd-hist li:nth-child(2){animation-delay:.42s}.fg-stage.play .fd-hist li:nth-child(3){animation-delay:.54s}

/* option 1 */
.fd1-hero{padding-bottom:88px!important}
.fd1-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center}
.fd1-grid .hero-copy{gap:22px}
.fd .fg-stage.fd-hstage{aspect-ratio:16/12.5;border-radius:28px}
.fd .fg-stage.fd-hstage .aw{font-size:calc(100cqw * 1.3 / 68)}
.fd1 .fd-capsec{padding-bottom:120px}

/* option 2 */
.fd2-hero{padding-bottom:40px!important}
.fd2-show{position:relative;isolation:isolate;margin:64px auto 0;max-width:1120px;aspect-ratio:16/7.6;border-radius:30px;overflow:hidden;container-type:inline-size;
  background:linear-gradient(160deg,#F8F7FF 0%,#ECEBFF 55%,#F4F2FF 100%);box-shadow:inset 0 0 0 1px rgba(99,91,255,.12),0 40px 90px -50px rgba(40,34,140,.45)}
.fd2-show::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;background:linear-gradient(rgba(244,243,255,0),#F2F1FF 92%)}
.fd2-win{position:absolute;left:50%;top:10%;transform:translateX(-50%)}
.fd2-win .aw{font-size:calc(100cqw * .88 / 68)}
.fd2-show .fg-toast{z-index:2;left:auto;right:4%;bottom:auto;top:44%;opacity:1;transform:none;animation:fgFloat 7s ease-in-out infinite}
.fd2-capsec{padding-top:56px;padding-bottom:96px}
.fd2-caps{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;margin-top:0}
.fd2-caps b{font-size:15.5px}.fd2-caps p{font-size:14px}
.fd2-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;margin-top:56px}
.fd2-steps{display:grid}
.fd2-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;min-height:52vh;align-content:center;opacity:.32;transition:opacity .5s var(--ease)}
.fd2-step.on{opacity:1}
.fd2-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--accent);background:#fff;box-shadow:0 0 0 1px rgba(99,91,255,.22);transition:background .4s,color .4s}
.fd2-step.on .fd2-n{background:var(--accent);color:#fff;box-shadow:0 10px 22px -10px rgba(99,91,255,.8)}
.fd2-step h3{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.03em;line-height:1.15;font-weight:740;margin:4px 0 10px}
.fd2-step p{font-size:17px;line-height:1.65;color:var(--ink-2);max-width:440px}
.fd2-inline{display:none}
.fd2-stage{position:sticky;top:calc(50vh - 220px);height:440px;align-self:start}
.fd2-pin{position:absolute;inset:0;aspect-ratio:auto;border-radius:28px}
.fd2-shot{position:absolute;inset:0;display:grid;place-items:center}
.fd2-shot .fg-card{width:min(64%,340px);zoom:1.15;opacity:0;transform:translateY(26px) scale(.96);filter:blur(8px);transition:opacity .45s,transform .7s cubic-bezier(.2,.9,.25,1),filter .45s var(--ease)}
.fd2-shot.on .fg-card{opacity:1;transform:none;filter:none;transition-delay:.08s}
.fd2-shot .fg-chip{opacity:0;transform:translateY(10px) scale(.9);transition:opacity .3s,transform .5s cubic-bezier(.3,1.45,.5,1)}
.fd2-shot.on .fg-chip{opacity:1;transform:none;transition-delay:.5s}
.fd2-dots{position:absolute;left:0;right:0;bottom:-34px;display:flex;justify-content:center;gap:8px}
.fd2-dots i{width:8px;height:8px;border-radius:99px;background:rgba(99,91,255,.2);transition:width .4s var(--ease),background .4s}
.fd2-dots i.on{width:26px;background:var(--accent)}
.fd2-walk{padding-bottom:160px}

/* option 3 */
.fd3-hero{padding-bottom:72px!important}
.fd3-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}
.fd3-grid .hero-copy{gap:22px}
.fd3-pains{padding:30px 30px 18px;border-radius:28px;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--line),var(--sh-3)}
.fd3-pk{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:650;color:var(--accent)}
.fd3-pk svg{width:15px;height:15px}
.fd3-pains li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr);gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line-2)}
.fd3-pains li:first-child{border-top:0}
.fd3-pains s{font-size:14px;line-height:1.45;color:var(--ink-3);text-decoration-color:rgba(180,35,24,.45);text-decoration-thickness:1.5px}
.fd3-pains li>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.fd3-pains li>span svg{width:13px;height:13px}
.fd3-pains b{font-size:14.5px;line-height:1.45;font-weight:600}
.fd3-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:56px}
.fd3-t{display:grid;grid-template-rows:auto 1fr;gap:0;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--line),var(--sh-1);overflow:hidden;padding:10px}
.fd3-t .fg-stage{border-radius:20px;aspect-ratio:16/11}
.fd3-t.t0{grid-column:span 4}.fd3-t.t1{grid-column:span 2}
.fd3-t.t2,.fd3-t.t3,.fd3-t.t4,.fd3-t.t5{grid-column:span 3}
.fd3-t.t0 .fg-stage{aspect-ratio:16/8.6}
.fd3-t.t0 .fg-stage .aw{font-size:calc(100cqw * 1.05 / 68)}
.fd3-t.t1 .fg-stage{aspect-ratio:auto;height:calc(100% - 0px);min-height:300px}
.fd3-t.t1{grid-template-rows:1fr auto}
.fd3-t.t2 .fg-stage,.fd3-t.t3 .fg-stage,.fd3-t.t4 .fg-stage,.fd3-t.t5 .fg-stage{aspect-ratio:16/8.5}
.fd3-tx{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 16px;padding:22px 16px 14px;align-items:start}
.fd3-tx .fd-cap-ic{grid-row:span 2;width:40px;height:40px}
.fd3-tx h3{font-size:18px;letter-spacing:-.015em}
.fd3-tx p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.fd3-qs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:56px;max-width:1000px;margin-left:auto;margin-right:auto}
.fd3-q{padding:26px 28px;border-radius:22px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.fd3-q h3{font-size:17px;letter-spacing:-.012em;margin-bottom:8px}
.fd3-q p{font-size:15px;line-height:1.6;color:var(--ink-2)}

@media (max-width:1060px){
  .fd1-grid,.fd3-grid{grid-template-columns:1fr;gap:48px}
  .fd-caps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd2-caps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fd-steps{grid-template-columns:1fr;gap:20px}
  .fd-steps::before{left:22px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,var(--accent),rgba(99,91,255,.18))}
  .fd-steps li{grid-template-columns:auto minmax(0,1fr);gap:2px 18px}
  .fd-steps li .fd-step-n{grid-row:span 2;margin:0}
  .fd-faq-grid{grid-template-columns:1fr;gap:36px}
  .fd-faq-grid>:first-child{position:static}
  .fd-rels{grid-template-columns:1fr}
  .fd2-grid{grid-template-columns:1fr;gap:0}
  .fd2-stage{display:none}
  .fd2-step{min-height:0;opacity:1;padding:28px 0}
  .fd2-inline{display:grid;margin-top:22px;aspect-ratio:4/3.2}
  .fd2-show{aspect-ratio:4/3}
  .fd2-win{left:6%;transform:none}
  .fd2-win .aw{font-size:calc(100cqw * 1.4 / 68)}
  .fd2-show .fg-toast{display:none}
  .fd3-bento{grid-template-columns:1fr}
  .fd3-t.t0,.fd3-t.t1,.fd3-t.t2,.fd3-t.t3,.fd3-t.t4,.fd3-t.t5{grid-column:auto}
  .fd3-t.t1 .fg-stage{min-height:0;aspect-ratio:4/3.2}
  .fd3-qs{grid-template-columns:1fr}
}
@media (max-width:720px){
  .fd-caps,.fd2-caps{grid-template-columns:1fr;gap:28px}
  .fd .fg-stage.fd-hstage .aw,.fd3-t.t0 .fg-stage .aw{font-size:calc(100cqw * 1.6 / 68)}
  .fd .fg-stage.fd-hstage,.fd3-t .fg-stage,.fd3-t.t0 .fg-stage{aspect-ratio:4/3.3}
  .fd3-pains li{grid-template-columns:1fr;gap:6px}
  .fd3-pains li>span{display:none}
}
.fd2-step .fd2-inline{display:none}
.fd2-stage .fd2-dots{position:absolute;left:0;right:0;top:auto;bottom:-34px;display:flex;justify-content:center;gap:8px;transform:none}
.fd2-stage .fd2-dots i{width:8px;height:8px;border-radius:99px;background:rgba(99,91,255,.2)}
.fd2-stage .fd2-dots i.on{width:26px;background:var(--accent)}
@media (max-width:1060px){.fd2-step .fd2-inline{display:grid}}
@media (max-width:720px){
  .fd .fg-stage.mini,.fd3-t .fg-stage.mini,.fd .fg-stage.mini.fd-tall{aspect-ratio:auto!important;min-height:0!important;padding:34px 0 46px}
  .fd .fg-stage.mini .fg-card{width:min(84%,320px)}
}

/* ---- round 21: feature pages rollout ---- */
.fd-soon{display:flex;align-items:center;gap:10px;margin:0 0 -6px;font-size:14px;color:var(--muted)}
.fd-soon .hm-soon{margin:0}
.fg-go{margin-top:18px}
.fga-ct .fg-go{margin-top:14px}
.fd-related .head.split>.btn{flex:none;width:auto;justify-self:end;align-self:end}

/* ---- round 22: pricing page (pz-) ---- */
.pz-top{padding-top:calc(var(--hdr-space) + 64px)!important;position:relative}
.pz-top::before{content:"";position:absolute;inset:0 0 auto;height:620px;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 70% at 50% 0%,rgba(99,91,255,.10),transparent 70%),linear-gradient(180deg,var(--bg-2),transparent)}
.pz-head .pz-h1{font-size:clamp(42px,5.8vw,72px);max-width:14ch;margin-inline:auto}
.pz-head .lead{max-width:640px;margin-inline:auto}
.pz .px1 .px-grid{margin-top:8px}

/* every plan includes */
.pz-inc-l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:var(--r-xl);
  box-shadow:inset 0 0 0 1px var(--line);background:#fff;overflow:hidden}
.pz-inc-l li{display:flex;gap:14px;align-items:flex-start;padding:26px 24px;box-shadow:inset -1px -1px 0 var(--line-2)}
.pz-inc-l li b{display:block;font-size:15.5px;font-weight:650;color:var(--ink);margin-bottom:5px}
.pz-inc-l li small{display:block;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.pz-inc-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--accent)}
.pz-inc-ic svg{width:18px;height:18px}
.alt .pz-inc-l{background:#fff}

/* comparison */
.pz-tw{position:relative}
.pz-tabs{display:none}
.pz-t{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;table-layout:fixed}
.pz-t th,.pz-t td{padding:15px 18px;border-bottom:1px solid var(--line-2);text-align:center;vertical-align:middle}
.pz-t th.pz-f,.pz-t tbody th{text-align:left;width:34%}
.pz-t tbody th{font-weight:550;color:var(--ink-2)}
.pz-t tbody th .hm-soon{vertical-align:1px}
.pz-t td span{font-size:14px;color:var(--ink)}
.pz-t td svg{width:20px;height:20px;color:var(--accent);margin:0 auto;display:block}
.pz-no{display:block;width:12px;height:1.5px;background:#C8CAD6;margin:0 auto}
.pz-t .hot{background:rgba(99,91,255,.045)}
.pz-t thead th{position:sticky;top:76px;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:22px 18px 18px;vertical-align:bottom}
.alt .pz-t thead th{background:var(--bg-2)}
.pz-t thead th.hot{background:#F6F5FF;border-radius:18px 18px 0 0;box-shadow:inset 0 2px 0 var(--accent)}
.pz-ph{display:grid;justify-items:center;gap:4px}
.pz-pn{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--ink)}
.pz-pn em{font:600 10.5px/1 var(--font);font-style:normal;padding:4px 7px;border-radius:999px;background:var(--accent);color:#fff}
.pz-pr{display:flex;align-items:baseline;gap:3px;margin-top:4px}
.pz-amt{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.pz-amt i{font-style:normal;font-size:.6em;vertical-align:.5em;margin-right:1px;color:var(--ink-3)}
.pz-pr>span{font-size:13px;font-weight:500;color:var(--ink-3)}
.pz-alt{font-size:12px;font-weight:500;color:var(--ink-3)}
.pz-t tr.pz-g th{padding:34px 18px 12px;background:none;font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);text-align:left;border-bottom:1px solid var(--line)}
.pz-t tbody tr:not(.pz-g){transition:background .2s}
.pz-t tbody tr:not(.pz-g):hover>*{background:rgba(99,91,255,.03)}
.pz-t tbody tr:not(.pz-g):hover>.hot{background:rgba(99,91,255,.075)}
.pz-t tbody tr:last-child>.hot{border-radius:0 0 18px 18px}
.pz-cmp.rich .pz-t thead th{padding:26px 16px 22px}
.pz-cmp.rich .pz-ph{gap:6px}
.pz-cmp.rich .pz-amt{font-size:34px}
.pz-cmp.rich .pz-ph .btn{margin-top:12px;width:100%;justify-content:center}
.pz-fh{font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.pz3-top{padding-bottom:28px!important}
.pz3-t{padding-top:0!important}
.pz3-trust .px-trust{margin-top:0}
.pz-cmp .head.split .lead{max-width:380px}

/* billing */
.pz-bl{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1080px}
.pz-bl li{padding:28px 26px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pz-bl b{display:block;margin:16px 0 8px;font-size:17px;font-weight:650;color:var(--ink)}
.pz-bl p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-3)}
.pz-b-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--accent)}
.pz-b-ic svg{width:19px;height:19px}
.pz-bill .px-note{margin-top:28px}

@media (max-width:1060px){
  .pz-inc-l{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pz-bl{grid-template-columns:1fr}
}
@media (max-width:760px){
  .pz-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;margin:0 0 14px;border-radius:999px;background:#fff;
    box-shadow:inset 0 0 0 1px var(--line);position:sticky;top:68px;z-index:6}
  .pz-tabs button{border:0;background:none;padding:11px 6px;border-radius:999px;font:600 14px/1 var(--font);color:var(--ink-2);cursor:pointer}
  .pz-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
  .pz-t th.pz-f,.pz-t tbody th{width:56%}
  .pz-t th,.pz-t td{padding:14px 10px}
  .pz-t thead th{top:124px}
  .pz-t thead th.pz-f{vertical-align:middle}
  .pz-tw[data-pzcol="0"] .pz-c1,.pz-tw[data-pzcol="0"] .pz-c2,
  .pz-tw[data-pzcol="1"] .pz-c0,.pz-tw[data-pzcol="1"] .pz-c2,
  .pz-tw[data-pzcol="2"] .pz-c0,.pz-tw[data-pzcol="2"] .pz-c1{display:none}
  .pz-t tr.pz-g th{padding:28px 10px 10px}
  .pz-inc-l{grid-template-columns:1fr}
  .pz-inc-l li{padding:20px 18px}
  .pz-cmp.rich .pz-amt{font-size:28px}
}
@media (max-width:760px){
  .pz-t{table-layout:auto}
  .pz-t thead th{position:static}
  .pz-t th.pz-f,.pz-t tbody th{width:auto}
  .pz-t td,.pz-t thead th:not(.pz-f){width:44%}
  .pz-t thead th.hot{border-radius:16px 16px 0 0}
  .pz-cmp.rich .pz-ph .btn{padding-inline:14px}
}

/* ---- round 23: resources pages, shared (rs-) ---- */
.rs-hero{position:relative;isolation:isolate;padding:calc(var(--hdr-space) + 64px) 0 72px}
.rs-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 75% at 50% 0%,rgba(99,91,255,.11),transparent 70%),linear-gradient(180deg,var(--bg-2),rgba(255,255,255,0))}
.rs-hero.center .rs-hc{display:grid;justify-items:center;text-align:center;gap:22px;max-width:820px;margin:0 auto}
.rs-hc{display:grid;gap:22px;align-content:start}
.rs-hc .lead{max-width:640px}
.rs-h1{font-size:clamp(40px,5.4vw,68px)}
.rs-crumb{margin:0}
.rs-hs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.center>.rs-crumb,.rs-hero.center .rs-crumb{justify-content:center}
@media (max-width:1060px){.rs-hs{grid-template-columns:1fr;gap:40px}}

/* ---- product roadmap (rp-) ---- */
.rp-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:340px;padding:40px 28px;border-radius:28px;
  background:linear-gradient(160deg,#17162B,#0E0E1A 70%);box-shadow:0 40px 80px -50px rgba(40,30,140,.7),inset 0 0 0 1px rgba(255,255,255,.06)}
.rp-panel .rp-glow{position:absolute;inset:-30% -20% auto auto;width:70%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgba(99,91,255,.45),transparent);filter:blur(10px)}
.rp-panel.sm{min-height:0;padding:28px 18px;border-radius:20px;margin:16px 0}
.rp-panel .rx{font-size:11px;width:100%}
.rp-meta{display:flex;align-items:center;gap:12px}
.rp-meta .mono{font-size:12px;color:var(--ink-3)}
.rp-tagline{font-size:17px;font-weight:600;color:var(--ink)!important;margin:-4px 0 0}
.rp-ben{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.rp-ben li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--ink-2)}
.rp-ben svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--accent)}
.rp-ben b{color:var(--ink);font-weight:650}
.rp-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rp-tags li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px;background:var(--bg-2);color:var(--ink-2)}
.rp-more{margin-top:6px}
.rp-more .hm-soon{margin-left:0}
.rp-core{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rp-core a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:600;color:var(--ink);transition:box-shadow .25s,transform .25s}
.rp-core a:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.4),0 14px 30px -20px rgba(99,91,255,.6);transform:translateY(-2px)}
.rp-core em{margin-left:auto;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok)}
.rp-core em svg{width:12px;height:12px}
.rp-ci{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--accent)}
.rp-ci svg{width:16px;height:16px}
.rp-core.v{grid-template-columns:1fr}
.rp-idea{display:flex;align-items:center;gap:18px;margin-top:56px;padding:22px 24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.rp-idea>span:nth-child(2){flex:1;display:grid;gap:3px}.rp-idea b{font-size:16px}.rp-idea small{font-size:14px;color:var(--ink-3)}
.rp-idea-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--accent)}
.rp-idea-ic svg{width:20px;height:20px}

/* option 1: timeline */
.rp-tl{list-style:none;margin:0;padding:0 0 0 64px;position:relative;display:grid;gap:88px}
.rp-tl::before{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:2px;background:linear-gradient(var(--ok) 0 18%,var(--accent) 18% 38%,var(--line) 38%)}
.rp-st{position:relative}
.rp-node{position:absolute;left:-64px;top:0;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line),0 10px 24px -16px rgba(15,15,26,.4)}
.rp-node svg{width:19px;height:19px}
.rp-live .rp-node{background:var(--ok);color:#fff;box-shadow:0 10px 24px -12px rgba(10,122,67,.6)}
.rp-b .rp-node{background:var(--accent);color:#fff;box-shadow:0 0 0 6px rgba(99,91,255,.14),0 12px 26px -12px rgba(99,91,255,.8)}
.rp-n .rp-node{color:var(--warn)}
.rp-livebox{display:grid;gap:14px;padding:30px;border-radius:26px;background:linear-gradient(180deg,#fff,var(--bg-2));box-shadow:inset 0 0 0 1px var(--line)}
.rp-livebox p{margin:0;color:var(--ink-2)}
.rp-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.rp-copy{display:grid;gap:14px}
.rp-copy p{margin:0;color:var(--ink-2);line-height:1.65}
.rp1 .rp-tl-sec{padding-top:24px}
.rp1 .rp-idea{margin-left:64px}

/* option 2: board */
.rp-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.rp-col{display:grid;gap:14px;padding:16px;border-radius:26px;background:var(--bg-2)}
.rp-col-h{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}
.rp-col-h .mono{font-size:12px;color:var(--ink-3)}
.rp-livecol{display:grid;gap:14px;padding:20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.rp-livecol p{margin:0;font-size:14.5px;color:var(--ink-2)}
.rp-card{border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .3s}
.rp-card[open],.rp-card:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.35),0 24px 48px -36px rgba(99,91,255,.7)}
.rp-card summary{list-style:none;cursor:pointer;display:grid;gap:10px;padding:20px}
.rp-card summary::-webkit-details-marker{display:none}
.rp-card h3{margin:4px 0 0;font-size:19px}
.rp-card .rp-tagline{font-size:14.5px;font-weight:500;color:var(--ink-2)!important;margin:0}
.rp-cic{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--accent)}
.rp-cic svg{width:16px;height:16px}
.rp-open{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:650;color:var(--accent)}
.rp-open i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .3s}
.rp-card[open] .rp-open i{transform:rotate(-135deg) translate(-2px,-1px)}
.rp-card[open] .rp-open{font-size:0}.rp-card[open] .rp-open::before{content:"Close";font-size:13.5px}
.rp-card-b{padding:0 20px 22px;display:grid;gap:12px}
.rp-card-b>p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.rp-card-b .rp-ben li{font-size:14px}
.rp-card-b .rx{font-size:8.5px}
.rp-card-b .rxf,.rp-card-b .rxr,.rp-card-b .rxh{font-size:9.5px}

/* option 3: night */
.rp3-top{padding-top:calc(var(--hdr-space) + 64px)!important}
.rp3-top .rs-hc.center{display:grid;justify-items:center;text-align:center;gap:22px;max-width:820px;margin:0 auto 56px}
.rp3-top .rs-h1{color:#fff}
.rp3-top .lead{color:rgba(255,255,255,.7)}
.rp3-top .fd-crumb a,.rp3-top .fd-crumb span{color:rgba(255,255,255,.55)}.rp3-top .fd-crumb b{color:#C9C6FF}
.rp3-spot{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:52px;align-items:center;padding:48px;border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.rp3-sc{display:grid;gap:14px;justify-items:start}
.rp3-sc h2{color:#fff;margin:4px 0 0}
.rp3-top .rp-tagline{color:#fff!important}
.rp3-top p{color:rgba(255,255,255,.7);margin:0;line-height:1.65}
.rp3-top .rp-ben li{color:rgba(255,255,255,.75)}
.rp3-top .rp-ben b{color:#fff}
.rp3-top .rp-ben svg{color:#A9A4FF}
.rp3-next{margin-top:24px;padding:28px;border-radius:32px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rp3-th{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.rp3-tabs{display:flex;gap:4px;padding:5px;border-radius:99px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rp3-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:11px 16px;border-radius:99px;font:600 14px/1 var(--font);color:rgba(255,255,255,.65);cursor:pointer;transition:background .3s,color .3s}
.rp3-tabs button .mono{font-size:11px;color:#A9A4FF}
.rp3-tabs button[aria-selected=true]{background:#fff;color:var(--ink)}
.rp3-tabs button[aria-selected=true] .mono{color:var(--accent)}
.rp-pane{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;animation:rpIn .5s var(--ease)}
.rp-pane[hidden]{display:none}
@keyframes rpIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.rp-pc{display:grid;gap:14px;justify-items:start}
.rp-pc h3{color:#fff;margin:0;font-size:24px}
.rp-pv{display:grid;place-items:center;min-height:300px}
.link.lt{color:#C9C6FF}
.rp3-core{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;padding:20px 24px;border-radius:24px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.rp-core.dk{flex:1;display:flex;flex-wrap:wrap;margin:0}
.rp-core.dk a{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);color:#fff;padding:9px 12px;font-size:13.5px}
.rp-core.dk .rp-ci{width:24px;height:24px;background:rgba(99,91,255,.25);color:#C9C6FF}
.rp-core.dk em{display:none}
.rp-idea.dk{background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);margin-top:24px}
.rp-idea.dk b{color:#fff}.rp-idea.dk small{color:rgba(255,255,255,.6)}
.rp-idea.dk .rp-idea-ic{background:rgba(99,91,255,.25);color:#C9C6FF}
.rp-idea.dk .btn.ghost{background:#fff}

@media (max-width:1060px){
  .rp-row,.rp3-spot,.rp-pane{grid-template-columns:1fr;gap:28px}
  .rp-board{grid-template-columns:1fr}
  .rp-core{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp3-spot{padding:28px}
}
@media (max-width:640px){
  .rp-tl{padding-left:0;gap:64px}
  .rp-tl::before{display:none}
  .rp-node{position:static;margin-bottom:14px}
  .rp1 .rp-idea{margin-left:0}
  .rp-idea{flex-direction:column;align-items:flex-start}
  .rp-panel{min-height:0;padding:28px 14px}
  .rp-panel .rx{font-size:8.6px}
  .rp-core{grid-template-columns:1fr}
  .rp3-tabs{overflow-x:auto;max-width:100%}
  .rp3-tabs button{white-space:nowrap}
  .rp3-next{padding:18px}
}

/* ---- recommended hardware (hw-) ---- */
.hw-di{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--soft);color:var(--accent)}
.hw-di svg{width:19px;height:19px}
.hw-di.lg{width:48px;height:48px;border-radius:14px}.hw-di.lg svg{width:22px;height:22px}
.hw-scene{position:relative;isolation:isolate;padding:26px;border-radius:28px;background:linear-gradient(165deg,#fff,#F4F3FF);box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -50px rgba(60,50,180,.45)}
.hw-surface{position:absolute;inset:auto 18px 14px;height:46%;z-index:-1;border-radius:20px;background:radial-gradient(80% 100% at 50% 100%,rgba(99,91,255,.14),transparent 70%)}
.hw-devs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hw-dev{position:relative;display:grid;justify-items:center;gap:10px;padding:20px 10px 16px;border-radius:18px;background:#fff;text-align:center;
  box-shadow:inset 0 0 0 1px var(--line);opacity:.38;filter:saturate(.2);transform:scale(.97);transition:opacity .45s var(--ease),filter .45s,transform .45s var(--ease),box-shadow .45s}
.hw-dev b{font-size:13px;font-weight:650;line-height:1.3;color:var(--ink)}
.hw-dev .hw-di{width:46px;height:46px;border-radius:14px;transition:background .45s,color .45s,box-shadow .45s}
.hw-dev em{position:absolute;top:8px;right:8px;font:600 10px/1 var(--font);font-style:normal;padding:4px 6px;border-radius:99px;background:var(--bg-2);color:var(--ink-3);opacity:0;transition:opacity .3s}
.hw-scene[data-set=small] :is([data-d=screen],[data-d=receipt],[data-d=scanner],[data-d=label],[data-d=drawer]),
.hw-scene[data-set=retail] .hw-dev,
.hw-scene[data-set=multi] :is([data-d=receipt],[data-d=scanner],[data-d=label]){opacity:1;filter:none;transform:none;box-shadow:inset 0 0 0 1px rgba(99,91,255,.28),0 18px 34px -24px rgba(99,91,255,.75)}
.hw-scene[data-set=small] :is([data-d=screen],[data-d=receipt],[data-d=scanner],[data-d=label],[data-d=drawer]) .hw-di,
.hw-scene[data-set=retail] .hw-dev .hw-di,
.hw-scene[data-set=multi] :is([data-d=receipt],[data-d=scanner],[data-d=label]) .hw-di{background:linear-gradient(150deg,#7A73FF,#5148F0);color:#fff;box-shadow:0 10px 20px -10px rgba(99,91,255,.9)}
.hw-scene[data-set=small] :is([data-d=label],[data-d=drawer]) em{opacity:1}
.hw-scene.sm{padding:16px;border-radius:20px}
.hw-scene.sm .hw-devs{gap:8px}
.hw-scene.sm .hw-dev{padding:12px 6px 10px;gap:6px;border-radius:13px}
.hw-scene.sm .hw-dev b{font-size:10.5px}
.hw-scene.sm .hw-dev .hw-di{width:32px;height:32px;border-radius:10px}.hw-scene.sm .hw-di svg{width:15px;height:15px}
.hw-scene.sm .hw-dev em{display:none}
/* picker */
.hw-pick{display:grid;gap:16px}
.hw-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 8px 22px -14px rgba(15,15,26,.25)}
.hw-tabs button{border:0;background:none;padding:11px 8px;border-radius:99px;font:600 13.5px/1.1 var(--font);color:var(--ink-2);cursor:pointer;transition:background .3s,color .3s}
.hw-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
.hw-lists{position:relative;min-height:120px}
.hw-sl{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.hw-sl li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}
.hw-sl svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--accent)}
.hw-sl em{font:600 10.5px/1 var(--font);font-style:normal;padding:3px 6px;border-radius:99px;background:var(--bg-2);color:var(--ink-3);margin-left:6px;vertical-align:1px}
.hw-lists .hw-sl{grid-template-columns:1fr 1fr;gap:9px 18px;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hw-pick:not([data-set=small]) .hw-sl[data-for=small],.hw-pick:not([data-set=retail]) .hw-sl[data-for=retail],.hw-pick:not([data-set=multi]) .hw-sl[data-for=multi]{display:none}
.hw-pick .hw-sl{animation:rpIn .45s var(--ease)}
/* option 1 rows */
.hw-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.hw-rows li{display:flex;gap:18px;padding:26px 0;border-top:1px solid var(--line)}
.hw-ri{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:var(--soft);color:var(--accent)}
.hw-ri svg{width:20px;height:20px}
.hw-rows b{display:block;font-size:17px;margin-bottom:6px}
.hw-rows p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.hw-rows small{display:flex;gap:8px;margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.hw-rows small svg{flex:none;width:15px;height:15px;margin-top:2px;color:var(--accent)}
/* compatibility */
.hw-cl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hw-cl li{padding:28px 26px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hw-cl b{display:block;margin:16px 0 8px;font-size:17px}
.hw-cl p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-3)}
.hw-ci{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--accent)}
.hw-ci svg{width:19px;height:19px}
.hw-help{display:flex;align-items:center;gap:18px;margin-top:24px;padding:22px 24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hw-help>span:nth-child(2){flex:1;display:grid;gap:3px}.hw-help b{font-size:16px}.hw-help small{font-size:14px;color:var(--ink-3)}
.hw-help-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--soft);color:var(--accent)}
.hw-help-ic svg{width:20px;height:20px}
/* option 2 */
.hw-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.hw-chip{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 7px;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:600;color:var(--ink);transition:box-shadow .25s,transform .25s}
.hw-chip:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.4);transform:translateY(-2px)}
.hw-chip .hw-di{width:30px;height:30px;border-radius:99px}.hw-chip .hw-di svg{width:15px;height:15px}
.hw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hw-card{display:grid;align-content:start;gap:12px;padding:28px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line);scroll-margin-top:110px;transition:box-shadow .3s}
.hw-card:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.3),0 30px 60px -40px rgba(99,91,255,.55)}
.hw-card h3{margin:6px 0 0;font-size:19px}.hw-card>p{margin:0;color:var(--ink-3);font-size:14.5px}
.hw-uses{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.hw-uses li{font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:99px;background:var(--bg-2);color:var(--ink-2)}
.hw-tip{display:flex;gap:8px;margin:6px 0 0!important;padding-top:14px;border-top:1px solid var(--line-2);font-size:13.5px;line-height:1.5;color:var(--ink-2)!important}
.hw-tip svg{flex:none;width:15px;height:15px;margin-top:2px;color:var(--accent)}
.hw-sets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hw-set{display:grid;align-content:start;gap:10px;padding:28px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hw-set .mono{font-size:12px;color:var(--accent)}.hw-set h3{margin:0;font-size:19px}.hw-set>p{margin:0 0 8px;color:var(--ink-3);font-size:14.5px}
/* option 3 */
.hw3-sets{padding-top:0!important}
.hw-sts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.hw-st{display:grid;gap:0;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.hw-st .hw-scene{border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
.hw-st.hot{box-shadow:inset 0 0 0 1.5px rgba(99,91,255,.45),0 40px 80px -50px rgba(99,91,255,.6)}
.hw-st-c{display:grid;gap:10px;padding:24px 26px 28px}
.hw-st-c .mono{font-size:12px;color:var(--accent)}.hw-st-c h3{margin:0;font-size:19px}.hw-st-c>p{margin:0 0 6px;color:var(--ink-3);font-size:14.5px}
.hw-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hw-grid li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:20px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.hw-grid .hw-di{grid-row:span 2}.hw-grid b{font-size:15.5px}.hw-grid small{font-size:13px;color:var(--ink-3)}
.hw-n{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.hw-n>div{display:grid;gap:20px;justify-items:start}
.hw-night .lead{color:rgba(255,255,255,.7)}
.hw-nl{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hw-nl li{display:flex;gap:16px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.hw-nl .hw-ci{flex:none;background:rgba(99,91,255,.25);color:#C9C6FF}
.hw-nl b{display:block;color:#fff;font-size:16px;margin-bottom:4px}.hw-nl small{font-size:14px;line-height:1.55;color:rgba(255,255,255,.65)}
@media (max-width:1060px){
  .hw-cards,.hw-sets,.hw-sts,.hw-cl,.hw-grid{grid-template-columns:1fr 1fr}
  .hw-n{grid-template-columns:1fr;gap:32px}
}
@media (max-width:700px){
  .hw-cards,.hw-sets,.hw-sts,.hw-cl,.hw-grid,.hw-rows{grid-template-columns:1fr}
  .hw-lists .hw-sl{grid-template-columns:1fr}
  .hw-devs{gap:8px}.hw-dev{padding:14px 6px 12px}.hw-dev b{font-size:11.5px}.hw-dev .hw-di{width:38px;height:38px}
  .hw-scene{padding:14px}
  .hw-tabs button{font-size:12.5px;padding:10px 4px}
  .hw-help{flex-direction:column;align-items:flex-start}
}

/* ---- data migration (dm-) ---- */
.dm-di{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--soft);color:var(--accent)}
.dm-di svg{width:19px;height:19px}
/* import visual */
.dm-vis{position:relative;display:grid;grid-template-columns:auto 70px minmax(0,1fr);align-items:center;gap:0;padding:30px 26px;border-radius:28px;
  background:linear-gradient(165deg,#fff,#F4F3FF);box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -50px rgba(60,50,180,.45)}
.dm-files{display:grid;gap:10px}
.dm-f{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 8px 18px -14px rgba(15,15,26,.4);font-size:12px;white-space:nowrap}
.dm-f svg{width:15px;height:15px;color:var(--ink-3)}.dm-f b{font:500 11.5px var(--mono);color:var(--ink-2)}
.dm-flow{position:relative;height:120px}
.dm-flow i{position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(99,91,255,.5),transparent);background-size:200% 100%;animation:dmFlow 1.8s linear infinite}
.dm-flow i:nth-child(1){top:22%}.dm-flow i:nth-child(2){top:50%;animation-delay:.4s}.dm-flow i:nth-child(3){top:78%;animation-delay:.8s}
@keyframes dmFlow{from{background-position:120% 0}to{background-position:-120% 0}}
.dm-card{padding:16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.25),0 24px 48px -30px rgba(99,91,255,.6)}
.dm-ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dm-ch b{font-size:13.5px}.dm-ch span{font:500 10.5px var(--mono);color:var(--ink-3)}
.dm-card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dm-card li{display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:auto auto;align-items:center;gap:3px 10px;font-size:12.5px}
.dm-ri{grid-row:span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--soft);color:var(--accent)}.dm-ri svg{width:14px;height:14px}
.dm-card li b{font-weight:600}.dm-card li em{font:500 11px var(--mono);font-style:normal;color:var(--ink-3)}
.dm-card li i{grid-column:2/4;height:4px;border-radius:4px;background:var(--bg-2);overflow:hidden}
.dm-card li i s{display:block;height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,#7A73FF,#5148F0);transform-origin:left;text-decoration:none}
.dm-ok{grid-row:span 2;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ok-bg);color:var(--ok)}.dm-ok svg{width:12px;height:12px}
.rm-js .dm-vis li i s{transform:scaleX(0)}
.rm-js .dm-vis li .dm-ok{opacity:0;transform:scale(.6)}
.rm-js .dm-vis .dm-done{opacity:0;transform:translateY(8px)}
.dm-vis.play li i s{animation:dmBar 1.1s calc(.3s + var(--i) * .5s) var(--ease) forwards}
.dm-vis.play li .dm-ok{animation:dmOk .4s calc(1.3s + var(--i) * .5s) var(--ease) forwards}
.dm-vis.play .dm-done{animation:dmOk .5s 3.4s var(--ease) forwards}
@keyframes dmBar{to{transform:scaleX(1)}}
@keyframes dmOk{to{opacity:1;transform:none}}
.dm-done{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--ink);color:#fff}
.dm-done>svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--ok);color:#fff}
.dm-done b{display:block;font-size:12.5px}.dm-done small{font-size:11px;color:rgba(255,255,255,.6)}
.dm-vis.sm{grid-template-columns:auto 44px minmax(0,1fr);padding:20px 16px}
/* data types */
.dm-data{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dm-data li{display:grid;gap:8px;align-content:start;padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.dm-data b{font-size:16px;margin-top:6px}.dm-data small{font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.dm-data.list{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
.dm-data.list li{grid-template-columns:auto 1fr;gap:2px 12px;padding:14px 16px;border-radius:16px}
.dm-data.list .dm-di{grid-row:span 2;width:34px;height:34px}.dm-data.list b{margin:0;font-size:14.5px}.dm-data.list small{font-size:12.5px}
/* sources */
.dm-src{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dm-src li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.dm-src b{font-size:16px;align-self:end}.dm-src small{grid-column:2;font-size:13.5px;line-height:1.5;color:var(--ink-3)}
.dm-logo{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--ink);color:#fff;font-weight:800;font-size:17px}
.dm-logo.lg{width:56px;height:56px;border-radius:16px;font-size:22px}
/* before / after */
.dm-ba{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center;max-width:980px;margin:0 auto}
.dm-ba>div{padding:28px;border-radius:24px}
.dm-b{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.dm-a{background:var(--ink);color:#fff;box-shadow:0 40px 80px -45px rgba(60,50,180,.8)}
.dm-bl{display:inline-block;margin-bottom:16px;font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.dm-a .dm-bl{color:#A9A4FF}
.dm-ba ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dm-ba li{display:flex;gap:10px;font-size:15px;line-height:1.5}
.dm-ba li svg{flex:none;width:17px;height:17px;margin-top:2px}
.dm-b li{color:var(--ink-2)}.dm-b li svg{color:#E0605E}
.dm-a li{color:rgba(255,255,255,.88)}.dm-a li svg{color:#7CE0A8}
.dm-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--accent)}
.dm-arrow svg{width:18px;height:18px}
.dm-ba.big>div{padding:40px}.dm-ba.big li{font-size:16.5px}
.dm-ba.compact{grid-template-columns:1fr;gap:12px;margin-top:28px}.dm-ba.compact .dm-arrow{display:none}.dm-ba.compact>div{padding:22px}
/* safeguards */
.dm-sl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dm-sl li{padding:24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.dm-sl b{display:block;margin:14px 0 6px;font-size:16px}.dm-sl p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-3)}
.dm-sup{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;margin-top:20px;padding:28px 30px;border-radius:24px;background:var(--ink);color:#fff}
.dm-sup b{display:block;font-size:19px;margin-bottom:6px}.dm-sup small{font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.65)}
.dm-sup ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.dm-sup li{display:flex;gap:10px;font-size:14.5px;color:rgba(255,255,255,.88)}.dm-sup li svg{flex:none;width:16px;height:16px;margin-top:2px;color:#A9A4FF}
.dm-safe.alt .dm-sl li{background:#fff}
/* option 3 picker */
.dm3-hero{padding-bottom:24px}
.dm3-pick-sec{padding-top:0!important}
.dm-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"q v" "t v" "p v";gap:16px 48px;align-items:start;padding:36px;border-radius:32px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -60px rgba(60,50,180,.5)}
.dm-q{grid-area:q;margin:0;font-size:20px;font-weight:700;color:var(--ink)}
.dm-tabs{grid-area:t;display:flex;flex-wrap:wrap;gap:8px}
.dm-tabs button{border:0;padding:10px 16px;border-radius:99px;background:var(--bg-2);font:600 14px/1 var(--font);color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s}
.dm-tabs button[aria-pressed=true]{background:var(--ink);color:#fff}
.dm-panes{grid-area:p}
.dm-sp{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;background:var(--bg-2);animation:rpIn .45s var(--ease)}
.dm-sp[hidden]{display:none}
.dm-sp b{display:block;font-size:17px;margin:4px 0 6px}.dm-sp p{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2)}
.dm-pv{grid-area:v}
.dm-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.dm-two>div{display:grid;gap:18px;align-content:start}
.dm-vsteps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px;counter-reset:s}
.dm-vsteps li{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.dm-vsteps .mono{grid-row:span 2;font-size:12px;color:var(--accent);padding-top:3px}.dm-vsteps b{font-size:15px}.dm-vsteps small{font-size:13.5px;color:var(--ink-3)}
@media (max-width:1060px){
  .dm-data{grid-template-columns:1fr 1fr}.dm-src{grid-template-columns:1fr 1fr}.dm-sl{grid-template-columns:1fr 1fr}
  .dm-sup{grid-template-columns:1fr}.dm-pick{grid-template-columns:1fr;grid-template-areas:"q" "t" "p" "v"}.dm-two{grid-template-columns:1fr}
}
@media (max-width:700px){
  .dm-data,.dm-src,.dm-sl,.dm-data.list,.dm-sup ul{grid-template-columns:1fr}
  .dm-ba{grid-template-columns:1fr}.dm-arrow{transform:rotate(90deg);justify-self:center}
  .dm-vis{grid-template-columns:1fr;gap:14px;padding:18px}.dm-flow{display:none}.dm-files{grid-template-columns:1fr;gap:6px}
  .dm-pick{padding:20px}
}

/* ================= integrations page, three options (round 24, 2026-10-08). Prefix ig- ================= */
.ig-pill{justify-self:start}
.rs-hero.center .ig-pill,.ig2-top .ig-pill{justify-self:center}
.ig-hero .hero-ctas{margin-top:2px}
/* hub visual (light) */
.ig-hub{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1.15fr) 46px minmax(0,1fr);align-items:stretch;padding:34px 22px;border-radius:28px;
  background:radial-gradient(420px 260px at 50% 50%,rgba(99,91,255,.12),transparent 70%),linear-gradient(165deg,#fff,#F4F3FF);box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -50px rgba(60,50,180,.45)}
.ig-hub::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(rgba(15,15,26,.08) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:radial-gradient(closest-side,transparent 40%,#000);mask-image:radial-gradient(closest-side,transparent 40%,#000);opacity:.5}
.ig-col{display:grid;grid-template-rows:repeat(3,1fr);gap:12px;position:relative;z-index:1}
.ig-t{align-self:center;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:9px;row-gap:2px;align-items:center;padding:10px 11px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 10px 22px -16px rgba(15,15,26,.45)}
.ig-ti{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--soft);color:var(--accent)}.ig-ti svg{width:15px;height:15px}
.ig-t b{font-size:12.5px;font-weight:650;white-space:nowrap}
.ig-t em{font:500 9.5px/1 var(--mono);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.ig-w{width:100%;height:100%;overflow:visible;position:relative;z-index:0}
.ig-w path{fill:none;vector-effect:non-scaling-stroke}
.ig-w .ln path{stroke:rgba(99,91,255,.28);stroke-width:1.5;stroke-dasharray:3 4}
.ig-w .pk{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:10 90;stroke-dashoffset:100;opacity:0}
.ig-core{align-self:center;position:relative;z-index:1;padding:14px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.28),0 30px 60px -30px rgba(99,91,255,.7)}
.ig-ch{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--line-2)}
.ig-mk{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.2)}.ig-mk svg{width:22px;height:22px}
.ig-ch b{font-size:14px;letter-spacing:-.01em}.ig-ch small{font:500 10.5px var(--mono);color:var(--ink-3)}
.ig-core ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ig-core li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:12px}
.ig-core li span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--bg-2);color:var(--ink-2)}.ig-core li span svg{width:13px;height:13px}
.ig-core li b{font-weight:600}.ig-core li em{font:500 10.5px var(--mono);font-style:normal;color:var(--ink-3)}
.rm-js .ig-hub .ig-t{opacity:0;transform:translateX(var(--dx,-14px))}
.rm-js .ig-hub .ig-col.r .ig-t{--dx:14px}
.rm-js .ig-hub .ln path{stroke-dashoffset:0;opacity:0}
.rm-js .ig-hub .ig-core{opacity:0;transform:scale(.96)}
.rm-js .ig-hub .ig-core li{opacity:0;transform:translateY(4px)}
.ig-hub.play .ig-core{animation:igIn .7s var(--ease) forwards}
.ig-hub.play .ig-core li{animation:igIn .5s calc(.35s + var(--i) * .1s) var(--ease) forwards}
.ig-hub.play .ig-t{animation:igIn .6s calc(.55s + var(--i) * .12s) var(--ease) forwards}
.ig-hub.play .ln path{animation:igFade .6s .9s ease forwards}
.ig-hub.play .pk{animation:igPk 2.6s calc(1.4s + var(--i) * .55s) cubic-bezier(.45,0,.3,1) infinite}
.ig-w.r .pk{animation-direction:reverse!important}
@keyframes igIn{to{opacity:1;transform:none}}
@keyframes igFade{to{opacity:1}}
@keyframes igPk{0%{stroke-dashoffset:100;opacity:0}12%{opacity:1}80%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
/* works today */
.ig-today{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ig-today li{display:grid;align-content:start;gap:8px;padding:28px 24px}
.ig-today li+li{box-shadow:inset 1px 0 0 var(--line-2)}
.ig-ok{display:grid;place-items:center;width:40px;height:40px;margin-bottom:6px;border-radius:12px;background:var(--ok-bg);color:var(--ok)}.ig-ok svg{width:18px;height:18px}
.ig-today b{font-size:16px;letter-spacing:-.01em}.ig-today p{font-size:14.5px;color:var(--ink-3);line-height:1.55}
.ig-today .link{margin-top:4px;font-size:14px}
/* planned list */
.ig-plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.ig-plan li{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding:22px 0;border-top:1px solid var(--line)}
.ig-plan li:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
.ig-pi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line)}.ig-pi svg{width:18px;height:18px}
.ig-plan b{display:block;font-size:16px;margin:2px 0 5px}.ig-plan p{font-size:14.5px;color:var(--ink-3);line-height:1.55;max-width:420px}
.ig-tag{padding:4px 8px;border-radius:7px;font:500 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;background:var(--soft);color:var(--accent)}
.ig-plan.dk{margin-top:40px}
.ig-plan.dk li{border-color:var(--night-line)}
.ig-plan.dk .ig-pi{background:rgba(255,255,255,.05);color:#C9C6FF;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ig-plan.dk p{color:rgba(255,255,255,.6)}
.ig-plan.dk .ig-tag{background:rgba(167,162,255,.12);color:#C9C6FF}
/* API */
.ig-api-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ig-api-g>div:first-child{display:grid;gap:20px;justify-items:start}
.ig-api .eyebrow .hm-soon{background:rgba(167,162,255,.14);color:#C9C6FF}
.ig-ab{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px}
.ig-ab li{display:flex;gap:10px;align-items:center;font-size:15px;color:rgba(255,255,255,.8)}.ig-ab svg{width:17px;height:17px;color:#7CE0A8;flex:none}
.ig-api.lt .ig-ab li{color:var(--ink-2)}.ig-api.lt .ig-ab svg{color:var(--ok)}
.ig-api.lt .eyebrow .hm-soon{background:var(--soft);color:var(--accent)}
.ig-api.lt .btn.light{color:#fff;background:var(--ink)}.ig-api.lt .btn.light .ab{background:var(--accent)}
.ig-code{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(170deg,#17172A,#0E0E19);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 80px -40px rgba(99,91,255,.55)}
.ig-cbar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.ig-cbar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.ig-cbar b{margin-left:10px;font:500 12px var(--mono);color:#fff}.ig-cbar em{margin-left:auto;font:500 10.5px var(--mono);font-style:normal;color:rgba(255,255,255,.45)}
.ig-code pre{margin:0;padding:20px 22px 8px;font:500 13px/1.85 var(--mono);color:rgba(255,255,255,.75);white-space:pre;overflow-x:auto}
.ig-code pre span{display:block}
.ig-code pre i{font-style:normal;color:#7CE0A8;margin-right:6px}.ig-code pre .c{color:rgba(255,255,255,.55);margin-bottom:6px}
.ig-code pre u{text-decoration:none;color:#C9C6FF}.ig-code pre s{text-decoration:none;color:#FFD38A}
.ig-cok{display:flex;align-items:center;gap:8px;margin:8px 16px 16px;padding:10px 12px;border-radius:12px;background:rgba(124,224,168,.08);box-shadow:inset 0 0 0 1px rgba(124,224,168,.18);font-size:13px;color:#BFF0D3}
.ig-cok svg{width:15px;height:15px;color:#7CE0A8}
.rm-js .ig-code pre span{opacity:0;transform:translateX(-6px)}
.rm-js .ig-code .ig-cok{opacity:0;transform:translateY(6px)}
.ig-code.play pre span{animation:igIn .45s calc(.2s + var(--i) * .13s) var(--ease) forwards}
.ig-code.play .ig-cok{animation:igIn .6s 1.5s var(--ease) forwards}
/* request picker */
.ig-req{display:grid;justify-items:center;text-align:center;gap:22px;padding:48px 32px;border-radius:28px;background:linear-gradient(165deg,#fff,#F4F3FF);box-shadow:inset 0 0 0 1px var(--line)}
.ig-rq{display:grid;justify-items:center;gap:10px;max-width:560px}
.ig-ri{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;box-shadow:0 12px 24px -10px rgba(99,91,255,.7)}.ig-ri svg{width:20px;height:20px}
.ig-rq h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.02em}.ig-rq p{color:var(--ink-3)}
.ig-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px}
.ig-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:0;background:#fff;font:600 14px var(--font);color:var(--ink-2);cursor:pointer;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--ease)}
.ig-chip svg{width:16px;height:16px;color:var(--ink-3);transition:color .2s}
.ig-chip:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #CFCCFF,var(--sh-1)}
.ig-chip[aria-pressed="true"]{background:var(--accent);color:#fff;box-shadow:0 10px 20px -10px rgba(99,91,255,.8)}
.ig-chip[aria-pressed="true"] svg{color:#fff}
.ig-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ig-ra{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;font-size:14px;color:var(--ink-3)}
.ig-req.in{margin-top:56px}
/* option 2 */
.ig2-top{padding-top:calc(var(--hdr-space) + 64px)}
.ig2-top .rs-hc{display:grid;justify-items:center;text-align:center;gap:22px;max-width:820px;margin:0 auto}
.ig2-top .fd-crumb a,.ig2-top .fd-crumb span{color:rgba(255,255,255,.55)}.ig2-top .fd-crumb b{color:#C9C6FF}
.ig2-top .pill-tag{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.ig2-top .pill-tag b{background:rgba(167,162,255,.16);color:#C9C6FF}
.btn.ghost.lt{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ig2-stage{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;margin-top:56px;padding:56px 20px;border-radius:28px;background:linear-gradient(170deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ig2-stage .rp-glow{inset:auto;left:50%;top:50%;width:520px;transform:translate(-50%,-50%)}
.ig2-stage .rxh{font-size:14px}
/* option 3 */
.ig3-sec{padding-top:24px}
.ig3-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ig3-c{display:grid;align-content:start;gap:20px;padding:30px;border-radius:24px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.ig3-c.ok{background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.ig3-h{display:grid;gap:10px;justify-items:start}.ig3-h b{font-size:20px;letter-spacing:-.015em}
.ig3-st{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;background:var(--soft);color:var(--accent)}
.ig3-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ig3-st.ok{background:var(--ok-bg);color:var(--ok)}
.ig3-c ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ig3-c li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;font-size:14.5px;color:var(--ink-3);line-height:1.55}
.ig3-c li b{display:block;font-size:15.5px;color:var(--ink);margin-bottom:2px}
.ig3-c.ok li>svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--ok-bg);color:var(--ok);margin-top:1px}
.ig3-c .ig-pi{width:32px;height:32px;border-radius:10px}.ig3-c .ig-pi svg{width:15px;height:15px}
.ig3-req{margin-top:20px}
@media (max-width:1000px){
  .ig-today{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ig-today li:nth-child(3){box-shadow:inset 0 1px 0 var(--line-2)}.ig-today li:nth-child(4){box-shadow:inset 1px 0 0 var(--line-2),inset 0 1px 0 var(--line-2)}
  .ig-api-g{grid-template-columns:1fr;gap:44px}
}
@media (max-width:760px){
  .ig-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 16px}
  .ig-core{grid-column:1/-1;order:-1;margin-bottom:6px}
  .ig-w{display:none}
  .ig-col{grid-template-rows:none;gap:10px}
  .ig-t b{white-space:normal}
  .ig-plan{grid-template-columns:1fr}
  .ig-plan li:nth-last-child(2){border-bottom:0}
  .ig3-board{grid-template-columns:1fr}
  .ig3-c{padding:24px 20px}
  .ig-req{padding:36px 20px}
  .ig2-stage{padding:36px 8px}.ig2-stage .rxh{font-size:11px}
}
@media (max-width:560px){
  .ig-today{grid-template-columns:1fr}
  .ig-today li+li,.ig-today li:nth-child(4){box-shadow:inset 0 1px 0 var(--line-2)}
  .ig-tag{display:none}
}
@media (prefers-reduced-motion:reduce){.ig-hub .pk{animation:none!important;opacity:0}.ig-hub *,.ig-code *{animation-duration:.01s!important;animation-delay:0s!important}}
.ig-ch small{white-space:nowrap}
.ig-w .ln path{stroke:rgba(99,91,255,.38)}
.ig2-stage .rxh{font-size:17px}
.ig3-c{grid-template-rows:auto 1fr auto}
.ig3-c.ok ul{align-content:start;gap:22px}

/* ================= blog index, three options (round 25, 2026-10-08). Prefix bg- ================= */
.bg-hero .rs-hc{gap:22px}
/* covers: calm tinted panels with one UI chip, a different hue per topic */
.bg-cv{--c1:#F4F3FF;--c2:#E9E7FF;--ac:var(--accent);position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:flex-end;aspect-ratio:16/10;padding:18px;border-radius:18px;
  background:radial-gradient(120% 90% at 100% 0%,var(--c2),transparent 60%),linear-gradient(160deg,#fff,var(--c1));box-shadow:inset 0 0 0 1px rgba(15,15,26,.06)}
.bg-cv::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(15,15,26,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,15,26,.05) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(90% 80% at 80% 10%,#000,transparent 75%);mask-image:radial-gradient(90% 80% at 80% 10%,#000,transparent 75%)}
.bg-cv-ic{position:absolute;right:-6%;top:-14%;width:58%;aspect-ratio:1;display:grid;place-items:center;color:var(--ac);opacity:.13;transition:transform .7s var(--ease)}
.bg-cv-ic svg{width:100%;height:100%;stroke-width:1.2}
.bg-cv-ui{display:grid;grid-template-columns:1fr auto;column-gap:14px;row-gap:2px;align-items:end;min-width:62%;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(15,15,26,.05),0 16px 30px -18px rgba(15,15,26,.45);transition:transform .5s var(--ease)}
.bg-cv-ui small{grid-column:1/-1;font:500 10px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ac)}
.bg-cv-ui b{font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bg-cv-ui em{font:600 12.5px var(--mono);font-style:normal;color:var(--ink-2)}
.bg-rep{--c1:#F2F1FF;--c2:#DEDBFF}
.bg-inv{--c1:#EEF6FF;--c2:#D6E8FF;--ac:#2F6FD6}
.bg-cust{--c1:#EDF8F2;--c2:#D3F0E0;--ac:#0A7A43}
.bg-soft{--c1:#F6F5FA;--c2:#E4E2EE;--ac:#3B4256}
.bg-shop{--c1:#FDF6EA;--c2:#F8E6C6;--ac:#B06A00}
.bg-cv.lg{aspect-ratio:auto;min-height:100%;padding:28px}
.bg-cv.lg .bg-cv-ui{min-width:0;width:min(320px,80%);padding:16px 18px}.bg-cv.lg .bg-cv-ui b{font-size:17px}
.bg-cv.sm{aspect-ratio:4/3;padding:10px;border-radius:14px}
.bg-cv.sm .bg-cv-ui{min-width:0;width:100%;padding:8px 10px;border-radius:10px}.bg-cv.sm .bg-cv-ui b{font-size:11.5px}.bg-cv.sm .bg-cv-ui em{display:none}.bg-cv.sm .bg-cv-ui small{font-size:9px}
a:hover>.bg-cv .bg-cv-ic,.bg-cl:hover .bg-cv-ic{transform:rotate(-8deg) scale(1.06)}
a:hover>.bg-cv .bg-cv-ui,.bg-cl:hover .bg-cv-ui{transform:translateY(-3px)}
.bg-meta{display:flex;align-items:center;gap:8px;font:500 11.5px var(--mono);letter-spacing:.03em;color:var(--ink-3)}
.bg-meta b{font-weight:600;color:var(--accent)}.bg-meta i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6}
.bg-flag{justify-self:start;padding:5px 10px;border-radius:999px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#fff}
/* filter tabs */
.bg-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}
.bg-filter button,.bg3-tabs button{border:0;cursor:pointer;font:600 14px var(--font);color:var(--ink-2);transition:background .2s,color .2s,box-shadow .2s}
.bg-filter button{height:40px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.bg-filter button:hover{box-shadow:inset 0 0 0 1px #CFCCFF}
.bg-filter button[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:none}
.bg-filter button:focus-visible,.bg3-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* option 1 */
.bg-sec{padding-top:40px}
.bg-feat a{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border-radius:26px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);transition:box-shadow .3s,transform .3s var(--ease)}
.bg-feat a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #D9D6FF,var(--sh-3)}
.bg-feat .bg-cv{border-radius:0;min-height:340px}
.bg-fc{display:grid;align-content:center;gap:16px;padding:44px 44px}
.bg-fc p{color:var(--ink-3);line-height:1.6}
.bg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;margin-top:56px}
.bg-cl{display:grid;gap:18px}
.bg-cc{display:grid;gap:10px}
.bg-cc h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;transition:color .2s}
.bg-cl:hover h3{color:var(--accent)}
.bg-cc p{font-size:14.5px;line-height:1.6;color:var(--ink-3)}
.bg-card[hidden],.bg-row[hidden]{display:none}
.bg-empty{margin-top:24px;text-align:center;color:var(--ink-3)}
.bg-learn{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px 14px;margin-top:72px;padding:20px 22px;border-radius:22px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.bg-learn>div{display:grid;gap:3px}.bg-learn>div b{font-size:16px}.bg-learn small{font-size:14px;color:var(--ink-3)}
.bg-lk{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;transition:box-shadow .2s}
.bg-lk>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--soft);color:var(--accent)}.bg-lk>span svg{width:16px;height:16px}
.bg-lk>svg{width:15px;height:15px;color:var(--ink-3);transition:transform .2s}
.bg-lk:hover{box-shadow:inset 0 0 0 1px #CFCCFF}.bg-lk:hover>svg{transform:translateX(3px)}
/* option 2 */
.bg2 .rs-hs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bg-learn.in{margin-top:6px;grid-template-columns:auto auto;justify-content:start;padding:0;background:none;box-shadow:none}
.bg-learn.in>div{display:none}
.bg-hf{position:relative;display:block;border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3)}
.bg-hf .bg-cv{border-radius:0;min-height:420px;align-items:flex-start}
.bg-hfc{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:10px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 20px 40px -24px rgba(15,15,26,.5)}
.bg-hfc>b{font-size:20px;line-height:1.3;letter-spacing:-.015em}
.bg-shelf+.bg-shelf{margin-top:64px;padding-top:56px;border-top:1px solid var(--line)}
.bg-sh{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.bg-sh .link{margin-left:auto;font-size:14.5px}
.bg-shi{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--accent)}.bg-shi svg{width:18px;height:18px}
.bg-shg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
/* option 3 */
.bg3-g{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.bg3-side{position:sticky;top:calc(var(--hdr-space) + 24px);display:grid;gap:14px}
.bg3-tabs{display:grid;gap:4px}
.bg3-tabs button{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:12px;background:none;text-align:left}
.bg3-tabs button svg{width:16px;height:16px;color:var(--ink-3)}
.bg3-tabs button em{margin-left:auto;font:500 11px var(--mono);font-style:normal;color:var(--ink-3)}
.bg3-tabs button:hover{background:var(--bg-2)}
.bg3-tabs button[aria-selected="true"]{background:var(--tint);color:var(--accent)}.bg3-tabs button[aria-selected="true"] svg{color:var(--accent)}
.bg-learn.v{grid-template-columns:1fr;margin-top:18px;padding:16px}
.bg3-list{display:grid}
.bg-row a{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.bg-row:first-child a{padding-top:0}
.bg-row h3{margin:8px 0 6px;font-size:19px;line-height:1.3;letter-spacing:-.015em;transition:color .2s}
.bg-row p{font-size:14.5px;line-height:1.6;color:var(--ink-3);max-width:560px}
.bg-go{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);transition:background .2s,color .2s,transform .3s var(--ease)}.bg-go svg{width:16px;height:16px}
.bg-row a:hover h3{color:var(--accent)}.bg-row a:hover .bg-go{background:var(--accent);color:#fff;box-shadow:none;transform:translateX(3px)}
@media (max-width:1000px){
  .bg-grid,.bg-shg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bg-feat a{grid-template-columns:1fr}.bg-feat .bg-cv{min-height:260px}.bg-fc{padding:28px}
  .bg3-g{grid-template-columns:1fr;gap:28px}.bg3-side{position:static}
  .bg3-tabs{display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}.bg3-tabs button{flex:none;height:40px;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px}
  .bg3-tabs button em{display:none}
  .bg-learn.v{display:none}
}
@media (max-width:700px){
  .bg-grid,.bg-shg{grid-template-columns:1fr}
  .bg-learn{grid-template-columns:1fr}
  .bg-learn.in{grid-template-columns:1fr 1fr}
  .bg-row a{grid-template-columns:96px minmax(0,1fr);gap:16px}.bg-go{display:none}
  .bg-row p{display:none}
  .bg-hf .bg-cv{min-height:340px}
  .bg-sh{flex-wrap:wrap}.bg-sh .link{margin-left:0;width:100%}
  .bg-filter{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:calc(100% + var(--gut));margin-right:calc(-1 * var(--gut));padding-right:var(--gut)}
  .bg-filter button{flex:none}
  .bg-hero.center .rs-hc{justify-items:start;text-align:left}
}
.bg2 .bg-shelf{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.bg2 .bg-sh{display:grid;justify-items:start;gap:12px;margin:0;position:sticky;top:calc(var(--hdr-space) + 24px)}
.bg2 .bg-sh p{font-size:14.5px;color:var(--ink-3);line-height:1.6}
.bg2 .bg-sh .link{margin:4px 0 0}
.bg2 .bg-row a{grid-template-columns:150px minmax(0,1fr) auto}
.bg2 .bg-row:last-child a{border-bottom:0}
@media (max-width:1000px){.bg2 .bg-shelf{grid-template-columns:1fr;gap:24px}.bg2 .bg-sh{position:static}}
@media (max-width:700px){.bg2 .bg-row a{grid-template-columns:96px minmax(0,1fr)}}
.bg-cv-ui b{color:var(--ink)}

/* ================= blog article page (round 28, 2026-10-08). Prefix bga- ================= */
.bga-hero{padding-bottom:40px}
.bga-hero .rs-hc{gap:20px;max-width:860px}
.bga-h1{font-size:clamp(34px,4.4vw,56px);line-height:1.08;letter-spacing:-.035em}
.bga-by{display:flex;align-items:center;gap:12px;text-align:left}
.bga-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.bga-av svg{width:20px;height:20px}
.bga-by>span:last-child{display:grid}.bga-by b{font-size:14.5px}.bga-by small{font-size:13px;color:var(--ink-3)}
.bg-cv.xl{aspect-ratio:21/8;max-width:1080px;margin:48px auto 0;padding:32px;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(15,15,26,.06),var(--sh-2)}
.bg-cv.xl .bg-cv-ic{width:36%;right:4%;top:-20%}
.bg-cv.xl .bg-cv-ui{min-width:0;width:min(360px,70%);padding:18px 20px}.bg-cv.xl .bg-cv-ui b{font-size:18px}
.bga-sec{padding-top:40px}
.bga-g{display:grid;grid-template-columns:240px minmax(0,720px);justify-content:center;gap:72px;align-items:start}
.bga-side{position:sticky;top:calc(var(--hdr-space) + 24px);display:grid;gap:14px}
.bga-toc{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:1px solid var(--line)}
.bga-toc a{display:block;padding:7px 0 7px 14px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--ink-3);transition:color .2s,border-color .2s}
.bga-toc a:hover,.bga-toc a.on{color:var(--accent);border-color:var(--accent)}
.bga-try{display:grid;gap:6px;margin-top:18px;padding:18px;border-radius:18px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.16)}
.bga-try b{font-size:15px}.bga-try small{font-size:13px;color:var(--ink-3)}.bga-try .btn{margin-top:8px;justify-self:start}
.btn.sm{--h:40px;padding:0 16px;font-size:14px}
.bga-body{font-size:17.5px;line-height:1.75;color:var(--ink-2)}
.bga-body>*+*{margin-top:20px}
.bga-body h2{margin-top:56px;font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.025em;color:var(--ink);scroll-margin-top:calc(var(--hdr-space) + 24px)}
.bga-body h3{margin-top:36px;font-size:20px;line-height:1.3;letter-spacing:-.015em;color:var(--ink)}
.bga-body h2+*,.bga-body h3+*{margin-top:12px}
.bga-body strong{color:var(--ink);font-weight:650}
.bga-body a{color:var(--accent);font-weight:550;text-decoration:underline;text-decoration-color:rgba(99,91,255,.35);text-underline-offset:3px;transition:text-decoration-color .2s}
.bga-body a:hover{text-decoration-color:var(--accent)}
.bga-body ul,.bga-body ol{padding-left:0;list-style:none;display:grid;gap:10px}
.bga-body ul li,.bga-body ol li{position:relative;padding-left:30px}
.bga-body ul li::before{content:"";position:absolute;left:8px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.bga-body ol{counter-reset:o}
.bga-body ol li{counter-increment:o}
.bga-body ol li::before{content:counter(o);position:absolute;left:0;top:.2em;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--accent);font:600 12px/1 var(--mono)}
.bg-tbl{overflow-x:auto;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line)}
.bg-tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.bg-tbl th{padding:12px 16px;text-align:left;background:var(--bg-2);color:var(--ink);font-weight:650;font-size:14px}
.bg-tbl td{padding:12px 16px;border-top:1px solid var(--line-2);vertical-align:top}
.bga-relh{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.bga .bg-grid{margin-top:0}
@media (max-width:1000px){.bga-g{grid-template-columns:1fr;gap:0}.bga-side{display:none}.bg-cv.xl{aspect-ratio:16/9;margin-top:32px}}
@media (max-width:700px){.bga-body{font-size:16.5px}.bga-hero .rs-hc{justify-items:start;text-align:left}.bga-by{align-self:start}}
.bg-lc{display:grid;align-content:start;gap:12px;padding:28px;border-radius:18px;background:linear-gradient(165deg,#F4F3FF,#fff);box-shadow:inset 0 0 0 1px rgba(99,91,255,.16)}
.bg-lc-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.bg-lc-ic svg{width:22px;height:22px}
.bg-lc>b{font-size:19px;letter-spacing:-.015em}.bg-lc p{font-size:14.5px;line-height:1.6;color:var(--ink-3);margin-bottom:6px}
.bg-lc .bg-lk{justify-content:flex-start}.bg-lc .bg-lk>svg{margin-left:auto}
.bg-cv.xl{aspect-ratio:3/1}
@media (max-width:1000px){.bg-cv.xl{aspect-ratio:16/9}}
@media (max-width:700px){.bg-cv.xl{aspect-ratio:4/3;padding:18px}.bg-cv.xl .bg-cv-ui{width:100%}.bg-cv.xl .bg-cv-ui b{white-space:normal;font-size:16px}}

/* ================= RepairDesk alternative, third version (round 29, 2026-10-08). Prefix ra- =================
   Follows the live page: RepairDesk is what stores leave, Phonesol is the confident answer. */
.ra-ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13.5px;color:var(--ink-3)}
.rs-hero.center .ra-ticks{justify-content:center}
.ra-ticks li{display:flex;align-items:center;gap:7px}.ra-ticks svg{width:15px;height:15px;color:var(--ok)}
/* brand labels */
.ra-b{display:inline-flex;align-items:center;gap:10px;text-align:left;line-height:1.25}
.ra-b b{display:block;font-size:15px;font-weight:700;color:var(--ink)}
.ra-b small{display:block;font-size:12px;font-weight:500;color:var(--ink-3)}
.ra-bm{width:32px;height:32px;flex:none;display:grid;place-items:center}.ra-bm svg{width:32px;height:32px}
.ra-rdm{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:#D9DBE4;color:#fff;font:800 15px/1 var(--font)}
.ra-b.rd b{color:var(--ink-2)}

/* hero bill card */
@keyframes ra-sheen{to{transform:translateX(120%)}}

/* stat strip */

/* four reasons stores leave */

/* full table: the Phonesol column is a raised purple card */
.ra-tw{max-width:1000px;margin:0 auto;padding-top:14px}
.ra-tb{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px}
.ra-tb th,.ra-tb td{padding:14px 20px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line-2)}
.ra-tb th[scope=row]{width:38%;font-weight:500;color:var(--ink-2)}
.ra-tb :is(th,td).ps{width:33%;background:var(--tint);box-shadow:inset 1.5px 0 0 rgba(99,91,255,.35),inset -1.5px 0 0 rgba(99,91,255,.35);border-bottom-color:rgba(99,91,255,.12)}
.ra-tb :is(th,td).rd{width:29%}
.ra-tb thead th,.ra-tb thead td{border-bottom:0;padding-top:30px;padding-bottom:20px;vertical-align:bottom}
.ra-tb thead th.ps{position:relative;border-radius:22px 22px 0 0;box-shadow:inset 1.5px 1.5px 0 rgba(99,91,255,.35),inset -1.5px 0 0 rgba(99,91,255,.35)}
.ra-tb thead th.rd .ra-b{opacity:.8}
.ra-best{position:absolute;top:-12px;left:20px;padding:6px 11px;border-radius:999px;background:var(--accent);color:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 8px 20px -8px rgba(99,91,255,.8)}
.ra-g th{padding-top:30px;padding-bottom:10px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.ra-g td{padding-top:30px;padding-bottom:10px}
.ra-y{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 6px 14px -6px rgba(99,91,255,.7)}
.ra-y svg{width:14px;height:14px}
.ra-tb :is(th,td).rd .ra-y{background:#E8E9F0;color:var(--ink-3);box-shadow:none}
.ra-t{font-weight:650;color:var(--ink)}
.ra-t.lim{font-weight:500;color:var(--ink-3)}
.ra-n{color:var(--ink-3)}
.ra-tb tfoot td{border-bottom:0;padding-top:22px;padding-bottom:26px}
.ra-tb tfoot td.ps{border-radius:0 0 22px 22px;box-shadow:inset 1.5px 0 0 rgba(99,91,255,.35),inset -1.5px -1.5px 0 rgba(99,91,255,.35)}
.ra-tb tfoot .btn{width:100%;justify-content:center}
.ra-tn{max-width:1000px;margin:18px auto 0;text-align:center;font-size:12.5px;color:var(--ink-3)}

/* what users say, what Phonesol does */
.ra-say{list-style:none;margin:0 auto;padding:0;max-width:1060px;display:grid;gap:18px}
.ra-sy{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:18px}
.ra-sq{margin:0;padding:26px 28px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line);background:rgba(255,255,255,.5)}
.ra-sq blockquote{margin:0;font:400 23px/1.3 var(--serif);color:var(--ink-2)}
.ra-sq figcaption{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;color:var(--ink-3)}
.ra-sq .ra-rdm{width:20px;height:20px;border-radius:6px;font-size:11px}
.ra-sa{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 10px 24px -10px rgba(99,91,255,.9)}
.ra-sa svg{width:18px;height:18px}
.ra-sp{padding:26px 28px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(99,91,255,.35),var(--sh-3)}
.ra-spk{display:flex;align-items:center;gap:9px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.ra-spk svg{width:22px;height:22px}
.ra-sp p{margin:12px 0 0;font-size:16px;line-height:1.55;font-weight:500;color:var(--ink)}
.ra-sy.rv .ra-sa{transform:scale(.4);opacity:0;transition:transform .6s .3s cubic-bezier(.3,1.5,.5,1),opacity .3s .3s}
.ra-sy.rv .ra-sp{transform:translateX(-14px);opacity:0;transition:transform .8s .45s var(--ease),opacity .6s .45s}
.ra-sy.rv.in .ra-sa,.ra-sy.rv.in .ra-sp,.no-js .ra-sy .ra-sa,.no-js .ra-sy .ra-sp{transform:none;opacity:1}

/* five reasons to choose Phonesol */

/* everything from RepairDesk */

/* switching */
.ra-swc{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 26px;margin-top:44px}

/* pricing with RepairDesk greyed */
.ra-pxt{display:flex;justify-content:center;margin:-28px 0 34px}
.ra-pxg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;padding-top:14px}
.ra-rdc{display:flex;flex-direction:column;gap:6px;padding:34px 30px;border-radius:var(--r-xl);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-3)}
.ra-rdt{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ra-rdt small{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ra-rdp{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 18px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.ra-rdp b{display:block;font-size:30px;letter-spacing:-.02em;color:var(--ink-2);font-variant-numeric:tabular-nums}
.ra-rdp small{display:block;font-size:12px;line-height:1.4}
.ra-rdl{margin:0 0 6px;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.ra-rdc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ra-rdc li{display:flex;gap:10px;font-size:14px;line-height:1.45}
.ra-rdc li i{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--warn-bg);color:var(--warn);font:700 13px/1 var(--font);font-style:normal}
.ra-rdn{margin:auto 0 0;padding-top:20px;font-size:11.5px}

/* stories */
.ra-qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ra-q{margin:0;display:flex;flex-direction:column;gap:16px;padding:28px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ra-q blockquote{margin:0;flex:1;font-size:16px;line-height:1.6;color:var(--ink)}
.ra-q figcaption{display:flex;align-items:center;gap:12px}
.ra-q figcaption b{display:block;font-size:14.5px}.ra-q figcaption small{display:block;font-size:12.5px;color:var(--ink-3)}

/* sources */
.ra-src{padding:0 0 56px}
.ra-src p{max-width:860px;margin:0 auto;text-align:center;font-size:12.5px;line-height:1.6;color:var(--ink-3)}
.ra-src ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12.5px}
.ra-src a{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}

/* option 2: product first */

/* option 3: dark hero */
.ra3-top .ra-ticks{color:rgba(255,255,255,.66)}.ra3-top .ra-ticks svg{color:#6EE7A0}
.ra-bill.dk .ra-b b{color:#fff}.ra-bill.dk .ra-b small{color:rgba(255,255,255,.5)}.ra-bill.dk .ra-b.rd b{color:rgba(255,255,255,.7)}
.ra-bill.dk .ra-rdm{background:rgba(255,255,255,.14)}

/* responsive */
@media (max-width:1060px){
  .ra-pxg{grid-template-columns:1fr 1fr}.ra-rdc{grid-column:1/-1}
}
@media (max-width:860px){
  .ra-sy{grid-template-columns:1fr;gap:12px}.ra-sa{justify-self:center;transform:rotate(90deg)}
  .ra-sy.rv.in .ra-sa{transform:rotate(90deg)}
  .ra-qs{grid-template-columns:1fr}
}
@media (max-width:760px){
  .ra-tb,.ra-tb thead,.ra-tb tbody,.ra-tb tfoot{display:block}
  .ra-tb tr{display:grid;grid-template-columns:1fr 1fr;column-gap:8px}
  .ra-tb thead td:first-child,.ra-tb tfoot td:first-child,.ra-g td{display:none}
  .ra-tb thead{position:sticky;top:var(--hdr-space);z-index:2;background:#fff}
  .ra-tb th,.ra-tb td{padding:10px 12px;font-size:13.5px}
  .ra-tb th[scope=row],.ra-g th{grid-column:1/-1;width:auto;padding:14px 2px 6px;border-bottom:0}
  .ra-tb :is(th,td).ps,.ra-tb :is(th,td).rd{width:auto;border-radius:10px;border-bottom:0}
  .ra-tb :is(th,td).ps{box-shadow:inset 0 0 0 1px rgba(99,91,255,.25)}
  .ra-tb :is(th,td).rd{background:var(--bg-2)}
  .ra-tb thead th.ps,.ra-tb thead th.rd{border-radius:14px;padding:22px 12px 12px;box-shadow:inset 0 0 0 1px rgba(99,91,255,.3)}
  .ra-tb thead th.rd{box-shadow:none}
  .ra-best{left:12px;top:-10px;font-size:9.5px}
  .ra-tb tfoot tr{grid-template-columns:1fr}.ra-tb tfoot td.rd{display:none}
  .ra-tb tfoot td.ps{border-radius:14px;box-shadow:none;background:none;padding:18px 0 0}
  .ra-b{gap:8px}.ra-b b{font-size:14px}.ra-bm,.ra-bm svg,.ra-rdm{width:26px;height:26px}
  .ra-pxg{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ra-sq blockquote{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.ra-sy.rv .ra-sa,.ra-sy.rv .ra-sp{transform:none!important;opacity:1!important;transition:none!important}.ra-row.ps::after{display:none}}
.ra-tb thead .ra-b small{white-space:nowrap}
@media (max-width:560px){.ra-five li{grid-template-columns:46px minmax(0,1fr);gap:14px}.ra-fn{display:none}}
@media (max-width:760px){.ra-float{margin:14px 0 0}}

/* ================= RepairDesk alternative, fourth version (round 30, 2026-10-08). Prefix sx- =================
   Built around the product: the switch shown live, a day at the counter, RepairDesk mapped, the real bill, a no-downtime switch. */
.sx-h1{font-size:clamp(38px,4.5vw,60px)}
.sx-hero{padding-bottom:88px}
.sx-hero .rs-hc .eyebrow{margin-bottom:-6px}

/* hero: the switch, live */
.sx-sv{position:relative;padding:28px 0 34px 74px}
.sx-win{position:relative;z-index:1;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(15,15,26,.07),var(--sh-3)}
.sx-wt{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#F7F7FA;border-bottom:1px solid var(--line-2)}
.sx-wt i{width:9px;height:9px;border-radius:50%;background:#DCDDE5}
.sx-wt span{display:inline-flex;align-items:center;gap:6px;margin:0 auto;padding:5px 12px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);font:400 11.5px/1 var(--mono);color:var(--ink-3)}
.sx-wt svg{width:11px;height:11px}
.sx-wh{display:flex;align-items:center;gap:12px;padding:18px 20px 14px}
.sx-wh b{display:block;font-size:15.5px}.sx-wh small{display:block;font-size:12.5px;color:var(--ink-3)}
.sx-pct{margin-left:auto;font-size:22px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.sx-bar{display:block;height:6px;margin:0 20px 6px;border-radius:99px;background:var(--line-2);overflow:hidden}
.sx-bar i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#8C86FF);transition:width .6s var(--ease)}
.sx-rows{list-style:none;margin:0;padding:6px 12px}
.sx-rows li{display:grid;grid-template-columns:38px minmax(0,1fr) auto 64px 22px;align-items:center;gap:12px;padding:11px 8px;border-top:1px solid var(--line-2);transition:opacity .4s}
.sx-rows li:first-child{border-top:0}
.sx-ri{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}.sx-ri svg{width:18px;height:18px}
.sx-rn b{display:block;font-size:14px}.sx-rn small{display:block;font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sx-rc{font:500 13px/1 var(--mono);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;min-width:44px}
.sx-rb{height:5px;border-radius:99px;background:var(--line-2);overflow:hidden}
.sx-rb i{display:block;height:100%;border-radius:inherit;background:var(--accent);transform-origin:left;transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.sx-ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg);color:var(--ok);transition:transform .5s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.sx-ok svg{width:13px;height:13px}
.sx-wf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 18px;border-top:1px solid var(--line-2);transition:opacity .5s}
.sx-chk{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:var(--ok)}.sx-chk svg{width:15px;height:15px}
.sx-go{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:650;box-shadow:0 10px 24px -10px rgba(99,91,255,.9);transition:background .4s,box-shadow .4s}
.sx-go svg{width:14px;height:14px}
.sx-ex{position:absolute;z-index:2;left:0;top:104px;width:178px;padding:12px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(15,15,26,.07),0 24px 50px -20px rgba(15,15,26,.35)}
.sx-exh{display:flex;align-items:center;gap:9px;padding:2px 2px 8px}
.sx-exh .ra-rdm{width:26px;height:26px;border-radius:8px;font-size:12px}
.sx-exh b{display:block;font-size:13px;color:var(--ink-2)}.sx-exh small{display:block;font-size:11px;color:var(--ink-3)}
.sx-ex ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sx-ex li{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:9px;background:var(--bg-2);font:400 11.5px/1 var(--mono);color:var(--ink-2)}
.sx-ex li svg{width:14px;height:14px;color:var(--ink-3)}
.sx-toast{position:absolute;z-index:3;right:-18px;bottom:2px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:0 24px 50px -18px rgba(15,15,26,.6);transition:opacity .5s,transform .7s cubic-bezier(.3,1.4,.5,1)}
.sx-toast i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ok);font-style:normal}.sx-toast i svg{width:15px;height:15px}
.sx-toast b{display:block;font-size:13.5px}.sx-toast small{display:block;font-size:11.5px;color:rgba(255,255,255,.6)}
/* animation states (only when JS runs the timeline) */
.sx-anim .sx-rows li{opacity:.45}
.sx-anim .sx-rows li.run{opacity:1}
.sx-anim .sx-rb i{transform:scaleX(0)}
.sx-anim .run .sx-rb i{transform:none}
.sx-anim .sx-ok{transform:scale(0);opacity:0}
.sx-anim .done .sx-ok{transform:none;opacity:1}
.sx-anim .sx-ex li.sent{animation:sx-fly .75s cubic-bezier(.5,0,.2,1) forwards}
@keyframes sx-fly{40%{transform:translateX(30px);opacity:1}100%{transform:translateX(150px) scale(.7);opacity:0}}
.sx-anim:not(.fin) .sx-wf{opacity:.45}
.sx-anim:not(.fin) .sx-go{background:#C9C7E6;box-shadow:none}
.sx-anim:not(.fin) .sx-toast{opacity:0;transform:translateY(14px) scale(.96)}
.sx-anim.fin .sx-go{animation:sx-pulse 2.4s 1s infinite}
@keyframes sx-pulse{0%,100%{box-shadow:0 10px 24px -10px rgba(99,91,255,.9),0 0 0 0 rgba(99,91,255,.35)}50%{box-shadow:0 10px 24px -10px rgba(99,91,255,.9),0 0 0 8px rgba(99,91,255,0)}}

/* the short answer */
.sx-vdsec{padding:24px 0 96px}
.sx-vd{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding:40px;border-radius:28px;background:linear-gradient(180deg,#fff,#FAFAFF);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);scroll-margin-top:110px}
.sx-vq{display:grid;gap:14px;justify-items:start}
.sx-vq .h3{margin:0;font-size:clamp(23px,2.4vw,29px);line-height:1.2;letter-spacing:-.02em}
.sx-vq p{margin:0;font-size:16px;line-height:1.65;color:var(--ink-2)}.sx-vq p b{color:var(--ink)}
.sx-vth,.sx-vt li{display:grid;grid-template-columns:118px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center}
.sx-vth{padding:0 0 12px;border-bottom:1px solid var(--line)}
.sx-vth .ra-b{padding-left:12px}
.sx-vt ul{list-style:none;margin:0;padding:0}
.sx-vt li{padding:10px 0;border-bottom:1px solid var(--line-2)}
.sx-vt li:last-child{border-bottom:0}
.sx-vk{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--ink-2)}.sx-vk svg{width:16px;height:16px;color:var(--ink-3)}
.sx-vp{padding:9px 12px;border-radius:10px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.18);font-size:14px;font-weight:650;line-height:1.4}
.sx-vr{padding:9px 12px;font-size:14px;line-height:1.4;color:var(--ink-3)}

/* a day at the counter */
.sx-tour{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:40px;align-items:start}
.sx-tabs{display:grid;gap:6px}
.sx-tabs button{position:relative;overflow:hidden;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;align-items:baseline;padding:16px 18px;border:0;border-radius:16px;background:transparent;text-align:left;font:inherit;color:var(--ink-2);cursor:pointer;transition:background .3s,box-shadow .3s}
.sx-tabs button:hover{background:rgba(255,255,255,.6)}
.sx-tabs time{font:500 12px/1.6 var(--mono);color:var(--ink-3)}
.sx-tabs b{font-size:16px;line-height:1.4}
.sx-td{grid-column:2;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.sx-td>span{overflow:hidden}
.sx-tdd{display:block;padding-top:8px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.sx-tp{display:flex;flex-wrap:wrap;gap:6px;padding:12px 0 2px}
.sx-tp i{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:var(--tint);font:600 12px/1 var(--font);font-style:normal;color:var(--ink-2)}
.sx-tp svg{width:12px;height:12px;color:var(--accent)}
.sx-tabs [aria-selected=true]{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.sx-tabs [aria-selected=true] time{color:var(--accent)}
.sx-tabs [aria-selected=true] .sx-td{grid-template-rows:1fr}
.sx-tabs [aria-selected=true]::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}
.sx-tour.auto [aria-selected=true]::after{animation:sx-prog 7s linear forwards}
@keyframes sx-prog{to{transform:scaleX(1)}}
.sx-panes{position:sticky;top:110px}
.sx-pane .sx-stage{aspect-ratio:16/11.5}

/* RepairDesk mapped to Phonesol */
.sx-map{max-width:980px;margin:0 auto}
.sx-mh{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.sx-chips{display:flex;flex-wrap:wrap;gap:6px}
.sx-chips button{padding:9px 15px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 13.5px/1 var(--font);color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.sx-chips button:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.4)}
.sx-chips [aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}
.sx-mc{font-size:13.5px;color:var(--ink-3)}.sx-mc b{color:var(--ink);font-variant-numeric:tabular-nums}
.sx-mcols{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.35fr);padding:0 18px 10px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sx-mcols>span{display:flex;align-items:center;gap:8px}
.sx-mcols .ra-rdm,.sx-mcols .ra-bm,.sx-mcols .ra-bm svg{width:20px;height:20px;border-radius:6px;font-size:10px}
.sx-ml{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sx-ml li{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.35fr);align-items:center}
.sx-ml li.sx-in{animation:sx-in .5s calc(var(--i) * 40ms) var(--ease) both}
@keyframes sx-in{from{opacity:0;transform:translateY(8px)}}
.sx-mr{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:14px;background:var(--bg-2);font-size:14.5px;color:var(--ink-3)}
.sx-mr .ra-rdm{width:22px;height:22px;border-radius:6px;font-size:10.5px;flex:none}
.sx-ma{justify-self:center;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent)}.sx-ma svg{width:14px;height:14px}
.sx-mp{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.22),0 8px 22px -16px rgba(99,91,255,.6);transition:box-shadow .25s,transform .25s}
.sx-mp:hover{box-shadow:inset 0 0 0 1.5px var(--accent),0 14px 30px -16px rgba(99,91,255,.7);transform:translateX(2px)}
.sx-mp .ra-bm,.sx-mp .ra-bm svg{width:26px;height:26px}
.sx-mp b{display:block;font-size:15px;color:var(--ink)}.sx-mp small{display:block;font-size:12.5px;line-height:1.45;color:var(--ink-3)}
.sx-mp>svg{width:16px;height:16px;margin-left:auto;flex:none;color:var(--ink-3)}
.sx-plus{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;padding:18px 22px;border-radius:16px;background:linear-gradient(90deg,var(--tint),#fff 70%);box-shadow:inset 0 0 0 1px rgba(99,91,255,.22)}
.sx-plk{padding:5px 10px;border-radius:999px;background:var(--accent);color:#fff;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.sx-plus b{font-size:15px}.sx-plus span:last-child{font-size:14px;color:var(--ink-2)}

/* the real bill */
.sx-cb{max-width:1000px;margin:0 auto}
.sx-cbc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 32px;margin:0 auto 30px;padding:12px 22px;width:fit-content;max-width:100%;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.sx-ct{display:flex;align-items:center;gap:12px}
.sx-ct>span{font-size:13.5px;font-weight:600;color:var(--ink-3)}
.sx-step{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:var(--bg-2)}
.sx-step button{width:32px;height:32px;border:0;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:500 18px/1 var(--font);color:var(--ink);cursor:pointer}
.sx-step button:disabled{opacity:.4;cursor:default}
.sx-step output{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.sx-seg{display:flex;gap:2px;padding:4px;border-radius:999px;background:var(--bg-2)}
.sx-seg button{padding:8px 14px;border:0;border-radius:999px;background:none;font:600 13px/1 var(--font);color:var(--ink-2);cursor:pointer;transition:background .25s,color .25s}
.sx-seg [aria-pressed=true]{background:var(--ink);color:#fff}
.sx-tg{position:relative;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);cursor:pointer}
.sx-tg input{position:absolute;opacity:0;width:1px;height:1px}
.sx-tgt{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:#D9DBE4;transition:background .25s}
.sx-tgt::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,15,26,.25);transition:transform .3s var(--ease)}
.sx-tg input:checked+.sx-tgt{background:var(--accent)}.sx-tg input:checked+.sx-tgt::after{transform:translateX(16px)}
.sx-tg input:focus-visible+.sx-tgt{outline:2px solid var(--accent);outline-offset:2px}
.sx-rcs{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.sx-rcp{position:relative;padding:28px 26px 24px;border-radius:22px}
.sx-rcp.ps{background:#fff;box-shadow:inset 0 0 0 1.5px rgba(99,91,255,.45),0 34px 70px -34px rgba(99,91,255,.6)}
.sx-rcp.rd{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.sx-rch{padding-bottom:14px;border-bottom:1px dashed var(--line)}
.sx-rcp ul{list-style:none;margin:0;padding:0}
.sx-rcp li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14px;color:var(--ink-2)}
.sx-rcp li span:last-child{flex:none;font:500 13px/1.3 var(--mono);color:var(--ink);text-align:right}
.sx-rcp li span:last-child svg{width:16px;height:16px;color:var(--ok);vertical-align:middle}
.sx-rcp li.x span:last-child{color:var(--warn)}
.sx-tot{display:flex;align-items:baseline;gap:6px;padding-top:16px}
.sx-tot>span{margin-right:auto;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sx-tot b{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.sx-tot b.flip{animation:sx-flip .45s var(--ease)}
@keyframes sx-flip{from{opacity:.3;transform:translateY(6px)}}
.sx-tot small{font-size:13px;color:var(--ink-3)}
.sx-rcp.rd .sx-tot b{color:var(--ink-2)}
.sx-sub{margin:6px 0 18px;text-align:right;font-size:13px;color:var(--ink-3)}
.sx-rcp.ps .btn{width:100%;justify-content:center}
.sx-cbn{max-width:760px;margin:22px auto 0;text-align:center;font-size:12.5px;line-height:1.6;color:var(--ink-3)}
.sx-cb.dk .sx-cbc{background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px var(--night-line)}
.sx-cb.dk .sx-ct>span{color:rgba(255,255,255,.6)}
.sx-cb.dk .sx-step,.sx-cb.dk .sx-seg{background:rgba(255,255,255,.06)}
.sx-cb.dk .sx-step button{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff}
.sx-cb.dk .sx-step output{color:#fff}
.sx-cb.dk .sx-seg button{color:rgba(255,255,255,.72)}.sx-cb.dk .sx-seg [aria-pressed=true]{background:#fff;color:var(--ink)}
.sx-cb.dk .sx-tg{color:rgba(255,255,255,.8)}.sx-cb.dk .sx-tgt{background:rgba(255,255,255,.18)}.sx-cb.dk .sx-tg input:checked+.sx-tgt{background:var(--accent)}
.sx-cb.dk .sx-rcp.ps{background:linear-gradient(160deg,rgba(99,91,255,.3),rgba(99,91,255,.07));box-shadow:inset 0 0 0 1.5px rgba(160,154,255,.55),0 40px 90px -36px rgba(99,91,255,.9)}
.sx-cb.dk .sx-rcp.rd{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--night-line)}
.sx-cb.dk .sx-rch,.sx-cb.dk .sx-rcp li{border-color:rgba(255,255,255,.12)}
.sx-cb.dk .sx-rcp li{color:rgba(255,255,255,.72)}.sx-cb.dk .sx-rcp li span:last-child{color:#fff}
.sx-cb.dk .sx-rcp li span:last-child svg{color:#6EE7A0}.sx-cb.dk .sx-rcp li.x span:last-child{color:#F5C26B}
.sx-cb.dk .sx-rcp.rd li{color:rgba(255,255,255,.5)}
.sx-cb.dk .sx-tot b{color:#fff}.sx-cb.dk .sx-rcp.rd .sx-tot b{color:rgba(255,255,255,.7)}
.sx-cb.dk .sx-tot>span,.sx-cb.dk .sx-tot small,.sx-cb.dk .sx-sub,.sx-cb.dk .sx-cbn{color:rgba(255,255,255,.5)}
.sx-cb.dk .ra-b b{color:#fff}.sx-cb.dk .ra-b small{color:rgba(255,255,255,.55)}.sx-cb.dk .ra-b.rd b{color:rgba(255,255,255,.7)}
.sx-cb.dk .ra-rdm{background:rgba(255,255,255,.14)}

/* comparison table: first groups shown, the rest on request */
[data-collapsed]:not(.open) .sx-more{display:none}
.sx-tmore{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:600 14px/1 var(--font);color:var(--ink-2);cursor:pointer}
.sx-tmore:hover{box-shadow:inset 0 0 0 1px rgba(99,91,255,.45);color:var(--accent)}
.sx-tmore svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .3s}
.open .sx-tmore svg{transform:rotate(-90deg)}

/* RepairDesk pricing (guide) */
.sx-rpt{overflow-x:auto;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.sx-rpt table{width:100%;border-collapse:collapse;font-size:14.5px}
.sx-rpt th,.sx-rpt td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top}
.sx-rpt thead th{font:500 11px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sx-rpt tbody th{font-weight:650}.sx-rpt td{color:var(--ink-2)}.sx-rpt tr:last-child>*{border-bottom:0}
.sx-rpx{margin-top:16px;padding:20px 22px;border-radius:18px;background:var(--bg-2)}
.sx-rpx>b{font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}
.sx-rpx ul{list-style:none;margin:10px 0 0;padding:0}
.sx-rpx li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid var(--line)}
.sx-rpx li:first-child{border-top:0}
.sx-rpx li b{font-size:14px}.sx-rpx li span{font-size:14px;line-height:1.55;color:var(--ink-2)}
.sx-rpn{display:flex;align-items:center;gap:12px;margin:16px 0 0;padding:16px 20px;border-radius:16px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.2);font-size:14.5px}
.sx-rpn>svg{width:26px;height:26px;flex:none}

/* switching without downtime */
.sx-tl{max-width:1060px;margin:0 auto}
.sx-gantt{position:relative;display:grid;gap:14px;padding:24px 28px 28px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);--lab:150px}
.sx-gm{display:grid;grid-template-columns:repeat(4,1fr);margin-left:var(--lab)}
.sx-gm span{padding:0 0 6px 10px;border-left:1px dashed var(--line);font:500 11px/1.3 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.sx-gm span:last-child{color:var(--accent)}
.sx-gr{display:grid;grid-template-columns:var(--lab) minmax(0,1fr);align-items:center}
.sx-gl{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:650;color:var(--ink-2)}
.sx-gl .ra-rdm,.sx-gl .ra-bm,.sx-gl .ra-bm svg{width:24px;height:24px;border-radius:7px;font-size:11px}
.sx-gl>svg{width:20px;height:20px;color:var(--ok)}
.sx-gb{position:relative;height:36px}
.sx-gb i,.sx-gb em{position:absolute;top:0;bottom:0;font-style:normal}
.sx-gr.rd i{left:0;width:75%;border-radius:10px;background:linear-gradient(90deg,#E6E7EE 80%,rgba(230,231,238,.35))}
.sx-gr.rd em{left:calc(75% + 10px);display:flex;align-items:center;font-size:12.5px;font-weight:650;color:var(--ink-3)}
.sx-gr.ps i.a{left:0;width:75%;border-radius:10px 0 0 10px;background:repeating-linear-gradient(-45deg,rgba(99,91,255,.1) 0 8px,rgba(99,91,255,.18) 8px 16px)}
.sx-gr.ps i.b{left:75%;right:0;border-radius:0 10px 10px 0;background:linear-gradient(90deg,var(--accent),#8C86FF);box-shadow:0 12px 26px -12px rgba(99,91,255,.9)}
.sx-gr.ps em{left:calc(75% + 14px);display:flex;align-items:center;font-size:12.5px;font-weight:700;color:#fff}
.sx-gr.shop i{left:0;right:0;top:15px;bottom:15px;border-radius:6px;background:var(--ok)}
.sx-gr.shop em{left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:0 12px;background:#fff;font-size:12.5px;font-weight:650;color:var(--ok);white-space:nowrap}
.sx-gx{position:absolute;top:18px;bottom:18px;left:calc(28px + var(--lab) + (100% - 56px - var(--lab)) * .75);width:2px;background:var(--accent);border-radius:2px}
.sx-gx::before{content:"";position:absolute;left:-4px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.rm-js .sx-tl:not(.play) .sx-gb i{transform:scaleX(0)}
.sx-gb i{transform-origin:left;transition:transform 1s cubic-bezier(.3,.7,.2,1)}
.sx-tl.play .sx-gr.ps i.a{transition-delay:.25s}.sx-tl.play .sx-gr.ps i.b{transition-delay:1.1s}.sx-tl.play .sx-gr.shop i{transition-delay:.1s;transition-duration:1.8s}
.rm-js .sx-tl:not(.play) .sx-gb em,.rm-js .sx-tl:not(.play) .sx-gx{opacity:0}
.sx-gb em,.sx-gx{transition:opacity .5s 1.6s}
.sx-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:26px 0 0 calc(28px + var(--lab,150px));padding:0}
.sx-steps li{display:grid;gap:4px;align-content:start}
.sx-sn{font:500 12px/1 var(--mono);color:var(--accent)}
.sx-steps b{font-size:16px}.sx-steps p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.sx-gcta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:30px}

/* option 2: buyer's guide */
.sx-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;font-size:13.5px;color:var(--ink-3)}
.sx-meta span{display:inline-flex;align-items:center;gap:7px}.sx-meta svg{width:15px;height:15px}
.sx2-hero{padding-bottom:40px}
.sx-guide{padding-top:24px}
.sx-gg{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}
.sx-toc{position:sticky;top:110px;display:grid;gap:28px}
.sx-toc nav>b{display:block;margin-bottom:12px;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.sx-tocb{display:grid;gap:14px;padding:18px;border-radius:18px;background:var(--tint);box-shadow:inset 0 0 0 1px rgba(99,91,255,.18)}
.sx-tocb .btn{justify-content:center}
.sx-gc{min-width:0;max-width:880px}
.sx-gs{margin-top:104px;scroll-margin-top:110px}
.sx-gs>.head{max-width:720px;margin-bottom:30px}
.sx-gc .sx-vd{grid-template-columns:1fr;gap:28px;padding:34px}
.sx-gc .ra-tw,.sx-gc .ra-tn{max-width:none}
.sx-gc .sx-tour{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px}
.sx-gc .sx-map,.sx-gc .sx-cb,.sx-gc .sx-tl{max-width:none}
.sx-gc .sx-tl{--lab:118px}.sx-gc .sx-gantt{--lab:118px}
.sx-gc .ra-sy{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:14px}
.sx-gc .ra-sq blockquote{font-size:20px}

/* option 3: the real bill as the hero */
.sx3-top{position:relative;isolation:isolate;overflow:hidden;padding-top:calc(var(--hdr-space) + 64px)}
.sx3-top::before{content:"";position:absolute;z-index:-1;left:50%;top:-10%;width:90%;height:70%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(99,91,255,.32),transparent);pointer-events:none}
.sx3-top .rs-hc.center{display:grid;justify-items:center;text-align:center;gap:22px;max-width:860px;margin:0 auto 52px}
.sx3-top .rs-h1{color:#fff}
.sx3-top .fd-crumb{justify-content:center}
.sx3-top .fd-crumb a,.sx3-top .fd-crumb span{color:rgba(255,255,255,.55)}.sx3-top .fd-crumb b{color:#C9C6FF}
.sx3-top .ra-ticks{justify-content:center;color:rgba(255,255,255,.66)}.sx3-top .ra-ticks svg{color:#6EE7A0}

/* responsive */
@media (max-width:1060px){
  .sx-sv{padding-left:60px;max-width:620px;margin:0 auto}
  .sx-vd{grid-template-columns:1fr;gap:28px}
  .sx-tour,.sx-gc .sx-tour{grid-template-columns:1fr}
  .sx-panes{position:static;order:-1}
  .sx-gg{grid-template-columns:1fr}.sx-toc{display:none}
  .sx-gs{margin-top:80px}
}
@media (max-width:860px){
  .sx-rcs{grid-template-columns:1fr}
  .sx-steps{grid-template-columns:1fr 1fr;margin-left:0}
  .sx-gantt,.sx-gc .sx-gantt{--lab:96px;padding:20px 18px 22px}
  .sx-gx{left:calc(18px + var(--lab) + (100% - 36px - var(--lab)) * .75)}
  .sx-gm span{font-size:9.5px;padding-left:6px}
  .sx-gl{font-size:12.5px;gap:6px}
  .sx-gr.shop em{font-size:11px;padding:0 8px}
  .sx-gc .ra-sy{grid-template-columns:1fr}
}
@media (max-width:760px){
  .sx-sv{padding:0}
  .sx-ex{position:relative;left:auto;top:auto;width:auto;margin:0 0 12px;display:flex;align-items:center;gap:10px;padding:10px}
  .sx-exh{padding:0}.sx-exh small{display:none}
  .sx-ex ul{display:flex;gap:6px;overflow:hidden}.sx-ex li{padding:7px 8px;font-size:10.5px}.sx-ex li:nth-child(n+3){display:none}
  .sx-toast{right:10px;bottom:-16px}
  .sx-rows li{grid-template-columns:34px minmax(0,1fr) auto 22px}.sx-rb{display:none}
  .sx-ri{width:34px;height:34px}
  .sx-vd{padding:24px 20px}
  .sx-vth{display:none}
  .sx-vt li{grid-template-columns:1fr 1fr;gap:6px 10px}.sx-vk{grid-column:1/-1}
  .sx-vp,.sx-vr{font-size:13px;padding:8px 10px}
  .sx-vr{background:var(--bg-2);border-radius:10px}
  .sx-mcols{display:none}
  .sx-ml li{grid-template-columns:1fr;gap:4px}
  .sx-mr{padding:10px 14px;font-size:13px;border-radius:12px 12px 4px 4px}
  .sx-ma{display:none}
  .sx-mp{border-radius:4px 4px 12px 12px}
  .sx-cbc{flex-direction:column;align-items:stretch;width:auto;border-radius:20px;padding:16px}
  .sx-ct{justify-content:space-between}
  .sx-tabs button{padding:14px}
  .ra-tw[data-collapsed] .ra-tb tfoot td:first-child{display:block;grid-column:1/-1;text-align:center;padding:16px 0 0}
  .sx-rpx li{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){
  .sx-steps{grid-template-columns:1fr}
  .sx-tot b{font-size:34px}
  .sx-rcp{padding:24px 18px 20px}
  .sx-gr.shop em{display:none}
}
@media (prefers-reduced-motion:reduce){.sx-tabs [aria-selected=true]::after{display:none}.sx-ml li.sx-in{animation:none}}
/* round 30b: hero files stay as sent, a compact two-column map, table toggle chevron */
.sx-sv{padding-left:118px}
.sx-ex{top:150px;width:168px}
.sx-pct{white-space:nowrap}
.sx-ex li svg+svg{display:none}
.sx-anim .sx-ex li{transition:background .4s,color .4s}
.sx-anim .sx-ex li.sent{animation:sx-nudge .6s var(--ease);background:var(--ok-bg);color:var(--ok)}
.sx-anim .sx-ex li.sent svg:first-child{display:none}.sx-anim .sx-ex li.sent svg+svg{display:block;color:var(--ok)}
@keyframes sx-nudge{40%{transform:translateX(10px)}}
.sx-ml{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sx-ml li{display:block}
.sx-mi{display:grid;gap:10px;height:100%;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .25s,transform .25s}
.sx-mi:hover{box-shadow:inset 0 0 0 1.5px var(--accent),0 14px 30px -18px rgba(99,91,255,.7);transform:translateY(-1px)}
.sx-mi .sx-mr{display:flex;align-items:center;gap:8px;padding:0 0 10px;border-radius:0;background:none;border-bottom:1px dashed var(--line);font-size:12.5px;color:var(--ink-3)}
.sx-mi .sx-mr .ra-rdm{width:20px;height:20px;border-radius:6px;font-size:10px}
.sx-mi .sx-mp{display:flex;align-items:center;gap:12px;padding:0;background:none;box-shadow:none;border-radius:0;transform:none}
.sx-mi .sx-mp .ra-bm,.sx-mi .sx-mp .ra-bm svg{width:28px;height:28px}
.sx-alt .sx-mi,.sec.alt .sx-mi{background:#fff}
.sx-tmore svg{transform:none}.open .sx-tmore svg{transform:rotate(180deg)}
.sx3 .sx-vdsec{padding-top:72px}
@media (max-width:1060px){.sx-sv{padding-left:90px}}
@media (max-width:760px){.sx-sv{padding:0}.sx-ex{top:auto;width:auto}.sx-ml{grid-template-columns:1fr}.sx-mi .sx-mr{border-radius:0;padding:0 0 10px}.sx-mi .sx-mp{border-radius:0}}
.sx-pct{display:inline-flex;align-items:baseline}
.sx-sv{padding-left:150px}.sx-ex{width:160px;top:170px}
.sx-ml{grid-template-columns:repeat(3,minmax(0,1fr))}
.sx-map{max-width:1100px}
@media (max-width:1060px){.sx-sv{padding-left:110px}.sx-ml{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.sx-sv{padding:0}.sx-ml{grid-template-columns:1fr}}
.sx-mmore{display:none}
@media (max-width:760px){
  .sx-ex{position:relative;top:auto;left:auto;width:auto}
  .sx-toast{display:none}
  .sx-mi small{display:none}
  .sx-map:not(.open) .sx-ml li:nth-child(n+7){display:none}
  .sx-map:not(.open) .sx-mmore{display:flex;margin:14px auto 0}
  .ra-tb thead .ra-b small{white-space:normal}
  .ra-tb thead th.ps,.ra-tb thead th.rd{min-width:0}
}
@media (max-width:560px){
  .sx-gm,.sx-gx{display:none}
  .sx-gantt,.sx-gc .sx-gantt{--lab:84px;gap:12px}
  .sx-gl .ra-rdm,.sx-gl .ra-bm,.sx-gl>svg{display:none}
  .sx-gl{font-size:12px}
}
@media (max-width:600px){
  .sx-rpt thead{display:none}
  .sx-rpt table,.sx-rpt tbody{display:block}
  .sx-rpt tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:16px 18px;border-bottom:1px solid var(--line-2)}
  .sx-rpt tr:last-child{border-bottom:0}
  .sx-rpt th,.sx-rpt td{padding:0;border:0}
  .sx-rpt tbody th{grid-column:1/-1;font-size:16px}
  .sx-rpt td:last-child{grid-column:1/-1;font-size:13.5px;color:var(--ink-3)}
  .sx-rpt td:nth-of-type(1)::before{content:"Monthly";display:block;font:500 10.5px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
  .sx-rpt td:nth-of-type(2)::before{content:"Billed yearly";display:block;font:500 10.5px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3)}
}
/* full-width buttons keep the arrow chip pinned right (Usman, 2026-10-08: it drifted to the centre) */
.pz-cmp.rich .pz-ph .btn:has(.ab),.ra-tb tfoot .btn:has(.ab),.sx-rcp.ps .btn:has(.ab),.sx-tocb .btn:has(.ab){width:100%;padding:0 50px}
.pz-cmp.rich .pz-ph .btn .ab,.ra-tb tfoot .btn .ab,.sx-rcp.ps .btn .ab,.sx-tocb .btn .ab{position:absolute;right:7px;top:50%;margin-top:-17px}
.sx-tocb .btn.sm:has(.ab){padding:0 44px}.sx-tocb .btn.sm .ab{right:5px;margin-top:-15px}
@media (max-width:640px){.fx-more .btn:has(.ab){padding:0 50px}.fx-more .btn .ab{position:absolute;right:7px;top:50%;margin-top:-17px}}

/* closed header menus never catch clicks: the active feature preview (.mf-p.on) forced itself visible inside the hidden menu (fixed 2026-10-08) */
.dd:not(.open)>.dd-menu,.dd:not(.open)>.dd-menu *{pointer-events:none}
.dd:not(.open) .mf-p.on{visibility:hidden;transition:opacity .3s,visibility 0s .2s}

/* ================= round 32: About page (al-), 2026-10-08 ================= */
.al-crumb,.cw-crumb{margin-bottom:-4px}
.al-h1{font-size:clamp(40px,5vw,66px)}
.al-ck{width:16px;height:16px;flex:none;border-radius:50%;display:inline-grid;place-items:center;background:var(--ok-bg);color:var(--ok)}
.al-ck svg{width:10px;height:10px;stroke-width:2.8}
.al-st{display:inline-flex;align-items:center;font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--bg-2);color:var(--ink-3);white-space:nowrap}
.al-st.b{background:var(--tint);color:var(--accent)}.al-st.n{background:#F1EEFF;color:#7A6BD8}
/* option 1: the label */
.al-g{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:88px;align-items:start}
.al-hc{display:grid;gap:24px;padding-bottom:24px}
.al-cue{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.al-cue svg{width:14px;height:14px;animation:alBob 2.4s ease-in-out infinite}
@keyframes alBob{50%{transform:translateY(3px)}}
.al-notes{margin-top:40px}
.al-n{display:grid;gap:12px;align-content:center;min-height:36vh;padding:56px 0;border-top:1px solid var(--line);transition:opacity .5s var(--ease)}
.al-nn{font:500 12px/1 var(--mono);color:var(--accent);letter-spacing:.06em}
.al-nh{font-size:clamp(26px,2.8vw,36px);line-height:1.1;font-weight:750;letter-spacing:-.035em}
.al-n p{font-size:17.5px;line-height:1.7;color:var(--ink-2);max-width:540px}
.al-n .link{margin-top:4px;font-size:15px}
.al-js .al-n{opacity:.32}.al-js .al-n.on{opacity:1}
.al-stick{position:sticky;top:92px}
.al-lb{margin:0;padding:20px 22px 16px;background:#fff;border:1.5px solid var(--ink);border-radius:18px;box-shadow:0 1px 0 rgba(15,15,26,.04),0 40px 80px -40px rgba(40,34,140,.45);font-size:13.5px;line-height:1.35}
.al-lt{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;border-bottom:9px solid var(--ink)}
.al-lt b{display:block;font-size:34px;line-height:1;font-weight:800;letter-spacing:-.045em}
.al-lt small{display:block;margin-top:6px;font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.al-lm{width:34px;height:34px;flex:none}.al-lm svg{width:100%;height:100%}
.al-lb dl{margin:0}
.al-r,.al-sh,.al-runs,.al-next{transition:background .45s var(--ease),box-shadow .45s var(--ease)}
.al-r{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 8px;margin:0 -8px;border-top:1px solid rgba(15,15,26,.75)}
.al-lb dl:first-of-type .al-r:first-child{border-top:0}
.al-r dt{font-weight:750;white-space:nowrap}
.al-r dd{margin:0;text-align:right;font-weight:520}
.al-r dd small{display:block;font-size:11.5px;color:var(--ink-3);margin-top:1px}
.al-r.big{padding-top:9px;padding-bottom:9px}.al-r.big dd{font-weight:720;font-size:14.5px;max-width:200px}
.al-sh{margin:8px -8px 0;padding:5px 8px 4px;border-top:4px solid var(--ink);font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.al-runs{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:5px 10px;padding:6px 8px 8px;margin:0 -8px;border-top:1px solid rgba(15,15,26,.75)}
.al-runs li{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}
.al-runs.al-dat{grid-template-columns:repeat(2,auto)}
.al-next li{display:flex;align-items:center;gap:10px;padding:6px 8px;margin:0 -8px;border-top:1px solid rgba(15,15,26,.75);font-weight:650}
.al-fine{margin-top:8px;padding-top:7px;border-top:4px solid var(--ink);font:500 10.5px/1.45 var(--mono);color:var(--ink-3)}
.al-lb .al-hl{background:linear-gradient(90deg,rgba(99,91,255,.13),rgba(99,91,255,.04));box-shadow:inset 3px 0 0 var(--accent)}
.al-lb .al-sh.al-hl{box-shadow:none;background:transparent;color:var(--accent)}
.al-lb.load,.al-stick.load>*{animation:up .8s var(--ease) .1s both}
/* option 2: straight answers */
.al2-hc{display:grid;gap:22px;max-width:920px}
.sec.al2-body{padding-top:40px}
.al2-g{display:grid;grid-template-columns:290px minmax(0,1fr);gap:80px;align-items:start}
.al2-idx{position:sticky;top:96px;display:grid;gap:14px}
.al2-ik{font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.al2-idx ol{display:grid;gap:2px;border-left:1px solid var(--line)}
.al2-idx a{display:flex;gap:10px;padding:8px 12px;margin-left:-1px;border-left:2px solid transparent;font-size:14.5px;font-weight:600;line-height:1.35;color:var(--ink-3);transition:color .25s,border-color .25s,background .25s}
.al2-idx a span{font:500 11px/1.9 var(--mono);color:inherit;opacity:.7}
.al2-idx a:hover{color:var(--ink)}
.al2-idx a.on{color:var(--ink);border-left-color:var(--accent);background:linear-gradient(90deg,var(--tint),transparent)}
.al2-idx .hero-ctas{margin-top:14px;gap:10px}
.al2-idx .btn{--h:42px;font-size:14.5px}
.al-q{display:grid;gap:14px;padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.al-q:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.al-qn{font:500 12px/1 var(--mono);color:var(--accent);letter-spacing:.06em}
.al-q h2{font-size:clamp(26px,2.8vw,38px);line-height:1.1;font-weight:750;letter-spacing:-.035em}
.al-q>p{font-size:17.5px;line-height:1.7;color:var(--ink-2);max-width:660px}
.al-pf{margin-top:10px}
.al-co{display:flex;align-items:center;gap:22px;padding:20px 24px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);flex-wrap:wrap}
.al-co .al-lm{width:40px;height:40px}
.al-co dl{display:flex;flex-wrap:wrap;gap:12px 36px;margin:0}
.al-co dt,.al-pr small{font:500 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.al-co dd{margin:2px 0 0;font-size:15.5px;font-weight:680}
.al-chips{display:flex;flex-wrap:wrap;gap:8px}
.al-chips li{padding:8px 14px;border-radius:999px;background:var(--tint);color:var(--accent-h);font-size:14px;font-weight:620}
.al-mods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.al-mods a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:640;transition:box-shadow .2s,transform .25s var(--ease)}
.al-mods a:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #CFCCFF,0 10px 22px -14px rgba(99,91,255,.5)}
.al-mods svg{width:18px;height:18px;color:var(--accent);flex:none}
.al-rd{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.al-rd li{display:grid;gap:8px;align-content:start;padding:16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.al-rd .al-st{justify-self:start}
.al-rd b{font-size:15px;font-weight:700;line-height:1.3}
.al-rd small{font-size:13px;line-height:1.45;color:var(--ink-3)}
.al-tk{display:flex;flex-wrap:wrap;gap:10px 24px}
.al-tk li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:620}
.al-pr{display:flex;align-items:center;flex-wrap:wrap;gap:16px 36px;padding:22px 26px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.al-pr>span small{display:block}
.al-pr>span b{display:block;font-size:44px;line-height:1.05;font-weight:780;letter-spacing:-.04em}
.al-pr ul{display:grid;gap:8px}
.al-pr li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:620}
.al-pr .link{margin-left:auto;font-size:15px}
.al-reach{display:flex;flex-wrap:wrap;gap:10px}
.al-reach a{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);font-size:14.5px;font-weight:640;transition:box-shadow .2s,transform .25s var(--ease)}
.al-reach a:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #CFCCFF,0 10px 22px -14px rgba(99,91,255,.5)}
.al-reach svg{width:18px;height:18px;color:var(--accent)}
.al-reach .al-wa svg{color:#1FB955}
.al-sup{font-size:14.5px;color:var(--ink-3);margin-top:4px}.al-sup .link{display:inline;font-size:inherit}
/* option 3: is / isn't */
.al3-hc{display:grid;gap:22px;justify-items:center;text-align:center;max-width:900px;margin:0 auto}
.al3-hc .lead{margin:0 auto}.al3-hc .hero-ctas{justify-content:center}
.sec.al3-body{padding-top:48px}
.al3-hd,.al3-list li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);gap:40px}
.al3-hd{padding-bottom:14px;border-bottom:2px solid var(--ink);font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.al3-hd span:nth-child(2){color:var(--accent)}
.al3-list li{align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line)}
.al-in{font:500 12px/1 var(--mono);color:var(--accent);letter-spacing:.06em}
.al-is{font-size:clamp(20px,2vw,26px);line-height:1.3;font-weight:720;letter-spacing:-.025em}
.al-not{font-size:17px;line-height:1.5;color:#9AA0B2}
.al-not span{background:linear-gradient(#C9CCD8,#C9CCD8) no-repeat 0 58%/100% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size .8s var(--ease) .45s}
.al3-list li.rv:not(.in) .al-not span{background-size:0 1.5px}
.no-js .al3-list li .al-not span{background-size:100% 1.5px}
.al3-sign{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:56px;font-size:16px;color:var(--ink-2);text-align:left}
.al3-sign>svg{width:34px;height:34px;flex:none}
.al3-sign .link{margin-left:6px;display:inline-flex}
@media (max-width:1000px){.al-g{gap:48px;grid-template-columns:minmax(0,1fr) 400px}.al2-g{grid-template-columns:240px minmax(0,1fr);gap:48px}.al-mods,.al-rd{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px),(max-height:780px){.al-stick{position:static}.al-js .al-n{opacity:1}}
@media (max-width:900px){
  .al-g{display:flex;flex-direction:column;gap:0}.al-c{display:contents}.al-hc{order:1}.al-side{order:2;width:100%;max-width:470px;margin-top:36px}.al-notes{order:3}
  .al-n{min-height:0;padding:44px 0}.al-cue{display:none}
  .al2-g{grid-template-columns:1fr}.al2-idx{display:none}
  .al3-hd{display:none}
  .al3-list li{grid-template-columns:1fr;gap:8px}
  .al-not::before{content:"Isn\2019t";display:block;margin-bottom:4px;font:500 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
}
@media (max-width:560px){
  .al-lb{padding:16px 16px 12px}.al-lt b{font-size:30px}
  .al-runs{grid-template-columns:repeat(2,auto)}.al-r.big dd{max-width:170px}
  .al-mods{grid-template-columns:1fr 1fr}.al-rd{grid-template-columns:1fr}
  .al-q{padding-bottom:44px;margin-bottom:44px}
  .al-pr .link{margin-left:0}
  .al3-sign{flex-direction:column;text-align:center}
}

/* ================= round 32: Contact page (cw-), 2026-10-08 ================= */
.cw-h1{font-size:clamp(40px,5vw,66px)}
.cw-hc,.cw2-hc{display:grid;gap:22px;justify-items:center;text-align:center;max-width:900px;margin:0 auto}
.cw-hc .lead,.cw2-hc .lead{margin:0 auto}
.btn.cw-wab{color:#fff;gap:9px;background:linear-gradient(180deg,#2FDB72 0%,#22C35E 55%,#1DB455 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,60,20,.2),0 0 0 1px #1AA64B,0 8px 20px -10px rgba(31,185,85,.85)}
.btn.cw-wab:hover{transform:translateY(-1px)}
.btn.cw-wab svg,.cw-acts .btn svg,.cw-tb .btn svg{width:18px;height:18px;flex:none}
.cw-ticks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-top:22px}
.cw-ticks li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:620;color:var(--ink-2)}
.cw-ticks svg{width:16px;height:16px;color:var(--ok);stroke-width:2.4}
/* option 1: one sentence */
.cw-cw{max-width:940px;margin:52px auto 0}
.cw-card{padding:30px 40px 34px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3)}
.cw-ch{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:26px;border-bottom:1px solid var(--line-2)}
.cw-lm{width:36px;height:36px;flex:none}.cw-lm svg{width:100%;height:100%}
.cw-ch b{display:block;font-size:15.5px;font-weight:700}.cw-ch small{display:block;font-size:13px;color:var(--ink-3)}
.cw-s{font-size:clamp(22px,2.6vw,33px);line-height:1.6;font-weight:620;letter-spacing:-.025em;color:var(--ink)}
.cw-f{position:relative;display:inline-block;white-space:nowrap}
.cw-f select,.cw-f input{-webkit-appearance:none;appearance:none;margin:0;border:0;border-radius:0;background:transparent;font:italic 400 1.14em/1.2 var(--serif);letter-spacing:-.005em;color:var(--accent);padding:0 .7em 1px 1px;border-bottom:2px dashed rgba(99,91,255,.4);cursor:pointer;transition:border-color .2s,background .2s}
.cw-f select:hover,.cw-f input:hover,.cw-f select:focus,.cw-f input:focus{border-bottom-color:var(--accent);background:linear-gradient(0deg,var(--tint),transparent 70%);outline:0}
.cw-f select:focus-visible,.cw-f input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.cw-f>svg{position:absolute;right:0;top:50%;width:.55em;height:.55em;margin-top:-.2em;color:var(--accent);pointer-events:none}
.cw-f.cw-in input{padding-right:2px;cursor:text;width:5.2em}
.cw-f.cw-in input::placeholder{color:rgba(99,91,255,.42)}
.cw-ms{position:absolute;visibility:hidden;white-space:pre;font:italic 400 1.14em/1.2 var(--serif)}
.cw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line-2)}
.cw-ak{font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}
.cw-acts .btn{gap:9px}
.cw-call{margin-left:auto;font-size:15px}
.cw-note{margin-top:14px;font-size:13px;color:var(--ink-3)}
/* support band */
.cw-supg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:center}
.cw-sup .h3{margin:14px 0 8px}.cw-sup p{color:var(--ink-2)}
.cw-sl{display:grid;gap:10px}
.cw-sl a{display:flex;align-items:center;gap:14px;padding:14px 18px 14px 14px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1);transition:box-shadow .2s,transform .25s var(--ease)}
.cw-sl a:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #CFCCFF,0 12px 26px -16px rgba(99,91,255,.5)}
.cw-si{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.cw-si svg{width:19px;height:19px}
.cw-sl b{display:block;font-size:15.5px;font-weight:680}.cw-sl small{display:block;font-size:13px;color:var(--ink-3)}
.cw-sl a>svg{width:15px;height:15px;margin-left:auto;color:var(--ink-3);transition:transform .25s var(--ease)}
.cw-sl a:hover>svg{transform:translateX(3px);color:var(--accent)}
/* option 2: two doors */
.cw-doors{display:flex;gap:20px;margin-top:52px}
.cw-door{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px;padding:40px;border-radius:var(--r-xl);transition:flex-grow .7s var(--ease),box-shadow .4s}
.cw-doors:hover .cw-door{flex-grow:.92}.cw-doors .cw-door:hover{flex-grow:1.08}
.cw-door.new{background:linear-gradient(180deg,#F4F3FF,#fff 70%);box-shadow:inset 0 0 0 1px #E1DEFF,var(--sh-2)}
.cw-door.old{position:relative;overflow:hidden;isolation:isolate;color:#fff;background:radial-gradient(520px 300px at 100% 0%,rgba(99,91,255,.36),transparent 62%),var(--night);box-shadow:inset 0 0 0 1px var(--night-line),0 30px 70px -36px rgba(40,34,140,.6)}
.cw-dk{font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.cw-door.old .cw-dk{color:#A7A2FF}
.cw-door h2{font-size:clamp(32px,3.4vw,44px);line-height:1.05;font-weight:770;letter-spacing:-.04em}
.cw-door p{font-size:16.5px;line-height:1.6;color:var(--ink-2);max-width:460px}
.cw-door.old p{color:rgba(255,255,255,.64)}
.cw-door .cw-ticks{justify-content:flex-start;margin:0}
.cw-dv{margin-top:auto;padding:16px;border-radius:18px}
.cw-door.new .cw-dv{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.cw-cal b{display:block;font-size:14px;font-weight:680}
.cw-days{display:flex;gap:6px;margin-top:10px}
.cw-days i{width:26px;height:26px;border-radius:8px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.cw-days i.on{background:var(--tint);box-shadow:inset 0 0 0 1.5px #B9B5FF}
.cw-slots{display:grid;gap:6px}
.cw-slots i{font:500 12.5px/1 var(--mono);font-style:normal;padding:7px 14px;border-radius:9px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.cw-slots i.on{background:var(--accent);color:#fff;box-shadow:0 6px 14px -6px rgba(99,91,255,.8)}
.cw-dv.dk{display:grid;gap:6px;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px var(--night-line)}
.cw-q{display:flex;align-items:center;gap:9px;padding:11px 13px;margin-bottom:4px;border-radius:11px;background:rgba(255,255,255,.07);font-size:14px;color:rgba(255,255,255,.88)}
.cw-q svg{width:16px;height:16px;color:#A7A2FF}
.cw-res{padding:8px 13px;border-radius:10px}.cw-res:first-of-type{background:rgba(99,91,255,.16)}
.cw-res b{display:block;font-size:14px;color:#fff;font-weight:650}.cw-res small{display:block;font-size:12px;color:rgba(255,255,255,.5)}
.cw-da{display:flex;flex-wrap:wrap;gap:10px}
.cw-em{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:620;color:var(--ink-2)}
.cw-em svg{width:16px;height:16px;color:var(--accent)}
.cw-door.old .cw-em{color:rgba(255,255,255,.72)}.cw-door.old .cw-em svg{color:#A7A2FF}
.cw-em:hover{color:var(--accent)}.cw-door.old .cw-em:hover{color:#fff}
/* option 3: ticket */
.cw3-g{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:72px;align-items:start}
.cw3-hc{display:grid;gap:22px;padding-top:8px}
.cw-steps{display:grid;gap:18px;margin-top:16px}
.cw-steps li{display:flex;gap:14px;align-items:flex-start}
.cw-sn{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent)}
.cw-sn svg{width:18px;height:18px}
.cw-steps b{display:block;font-size:15.5px;font-weight:700}.cw-steps small{display:block;font-size:14px;line-height:1.5;color:var(--ink-3)}
.cw-tk{display:grid;gap:18px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3);overflow:hidden}
.cw-th{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-2);border-bottom:1px solid var(--line-2)}
.cw-th small{display:block;font:500 11px/1.3 var(--mono);color:var(--ink-3);letter-spacing:.04em}
.cw-th b{display:block;font-size:17px;font-weight:750}
.cw-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--warn-bg);color:var(--warn);font-size:12.5px;font-weight:650}
.cw-pill svg{width:13px;height:13px}
.cw-tg{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 24px}
.cw-tk>.cw-tf{padding:0 24px}
.cw-tf{display:block;margin:0;border:0;min-width:0}
fieldset.cw-tf{padding:0 24px}
.cw-tf>span,.cw-tf legend{display:block;padding:0;margin-bottom:7px;font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.cw-tf input,.cw-tf textarea{width:100%;font:500 15px/1.4 var(--font);color:var(--ink);padding:11px 13px;border:0;border-radius:11px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s;resize:vertical}
.cw-tf input:focus,.cw-tf textarea:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--tint)}
.cw-tf ::placeholder{color:#A9AEBE}
.cw-rad{display:flex;flex-wrap:wrap;gap:8px}
.cw-rad label{position:relative;cursor:pointer}
.cw-rad input{position:absolute;opacity:0;width:1px;height:1px}
.cw-rad span{display:inline-block;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:620;color:var(--ink-2);background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,color .25s,box-shadow .25s}
.cw-rad label:hover span{box-shadow:inset 0 0 0 1px #CFCCFF}
.cw-rad input:checked+span{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.cw-rad input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.cw-tfoot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;margin-top:4px;background:var(--bg-2);border-top:1px solid var(--line-2)}
.cw-to{font-size:13px;color:var(--ink-3)}.cw-to b{color:var(--ink);font-weight:650}
.cw-tb{display:flex;flex-wrap:wrap;gap:8px}
.cw-tb .btn{--h:44px;gap:8px;padding:0 18px;font-size:14.5px}
@media (max-width:1000px){.cw3-g{grid-template-columns:minmax(0,1fr) 460px;gap:40px}}
@media (max-width:900px){
  .cw-doors{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
  .cw-door{flex:none;min-height:0}
  .cw3-g,.cw-supg{grid-template-columns:1fr;gap:40px}
}
@media (max-width:560px){
  .cw-card{padding:22px 20px 24px;margin:0 -4px}
  .cw-s{font-size:21px;line-height:1.75}
  .cw-acts .btn{flex:1 1 140px}.cw-call{margin-left:0}
  .cw-door{padding:28px 22px}
  .cw-door.new .cw-dv{flex-direction:column;align-items:flex-start}.cw-slots{grid-template-columns:repeat(3,auto)}
  .cw-tg{grid-template-columns:1fr}
  .cw-tb,.cw-tb .btn{flex:1 1 auto}
}
.cw-card{position:relative}.cw-ms{left:0;top:0}
.al-side{align-self:stretch}
.ph.al-top{overflow:clip}
.al-r{padding:5px 8px}.al-lt b{font-size:30px}.al-r.big dd{max-width:240px}.al-runs{gap:3px 10px}
@media (max-height:840px){.al-stick{position:static}.al-js .al-n{opacity:1}}
.cw-s{position:relative}
.cw-sline{margin-top:18px;text-align:center;font-size:14.5px;color:var(--ink-3)}.cw-sline .link{display:inline;font-size:inherit}

/* ================= round 33: About below the label, Contact doors (2026-10-08) ================= */
.al-g{align-items:center}.al-side{align-self:center}
.al-av{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 14px/1 var(--font);color:#fff;background:linear-gradient(140deg,#8078FF,#4B43D9);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 18px -8px rgba(99,91,255,.7)}
/* made by */
.al-mg{display:grid;grid-template-columns:330px minmax(0,1fr);gap:80px;align-items:center}
.al-pc{display:grid;justify-items:start;gap:4px;padding:28px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.al-pk{font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.al-pc .al-av{width:72px;height:72px;font-size:22px;margin-bottom:14px}
.al-pc>b{font-size:20px;font-weight:740;letter-spacing:-.02em}
.al-pc>small{font-size:14px;color:var(--ink-3)}
.al-pc dl{margin:18px 0 0;width:100%;border-top:1px solid var(--line-2)}
.al-pc dl div{padding:12px 0;border-bottom:1px solid var(--line-2)}.al-pc dl div:last-child{border-bottom:0;padding-bottom:0}
.al-pc dt{font:500 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.al-pc dd{margin:3px 0 0;font-size:14.5px;font-weight:620;line-height:1.45}
.al-stmt{display:grid;gap:22px}
.al-stmt p{font-size:clamp(24px,2.5vw,34px);line-height:1.38;font-weight:620;letter-spacing:-.025em;color:var(--ink);text-wrap:pretty}
.al-stmt em{font-style:normal;color:var(--ink-3)}
/* directions for use */
.al-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}
.al-steps::before{content:"";position:absolute;left:16%;right:16%;top:36px;border-top:2px dashed #D7D4FF}
.al-steps li{position:relative;display:grid;justify-items:center;text-align:center;gap:10px}
.al-dn{position:relative;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);box-shadow:0 0 0 8px var(--bg),inset 0 0 0 1.5px #DCD9FF,0 14px 30px -14px rgba(99,91,255,.55);margin-bottom:10px}
.al-dn svg{width:26px;height:26px}
.al-dn i{position:absolute;right:-4px;top:-4px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--mono);font-style:normal;color:#fff;background:var(--ink);box-shadow:0 0 0 3px var(--bg)}
.al-steps h3{font-size:19px;font-weight:730;letter-spacing:-.02em}
.al-steps p{font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:330px}
.al-go{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:52px}
.al-go>span{font-size:14px;color:var(--ink-3)}
/* what we said no to */
.al-nog{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.al-noh{display:grid;gap:22px;position:sticky;top:110px}
.al-sg{display:inline-flex;align-items:center;gap:12px;margin-top:8px}
.al-sg b{display:block;font-size:15px;color:#fff}.al-sg small{display:block;font-size:13px;color:rgba(255,255,255,.55)}
.al-nol{border-top:1px solid var(--night-line)}
.al-nol li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:6px;padding:28px 0;border-bottom:1px solid var(--night-line)}
.al-nx{grid-row:1/3;font:500 12px/2.2 var(--mono);color:#A7A2FF;letter-spacing:.06em}
.al-nol b{font-size:clamp(22px,2.2vw,28px);line-height:1.2;font-weight:740;letter-spacing:-.03em;color:#fff}
.al-nol p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.62)}
/* talk to the makers */
.al-tkg{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1040px;margin:0 auto}
.al-tc{display:flex;flex-direction:column;gap:14px;padding:34px;border-radius:var(--r-xl);background:linear-gradient(180deg,#F4F3FF,#fff 70%);box-shadow:inset 0 0 0 1px #E1DEFF,var(--sh-2)}
.al-tc.dk{color:#fff;background:radial-gradient(420px 260px at 100% 0%,rgba(99,91,255,.36),transparent 62%),var(--night);box-shadow:inset 0 0 0 1px var(--night-line),0 30px 70px -36px rgba(40,34,140,.6)}
.al-tk-k{font:500 11.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.al-tc.dk .al-tk-k{color:#A7A2FF}
.al-tc h3{font-size:30px;line-height:1.1;font-weight:760;letter-spacing:-.035em}
.al-tc p{font-size:16px;line-height:1.6;color:var(--ink-2)}.al-tc.dk p{color:rgba(255,255,255,.64)}
.al-tka{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}
.al-em{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:620;color:var(--ink-2)}
.al-em svg{width:16px;height:16px;color:var(--accent)}
.al-tc.dk .al-em{color:rgba(255,255,255,.72)}.al-tc.dk .al-em svg{color:#A7A2FF}
/* contact: quick answers, next steps */
.cw-fg{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.cw-faq .qa:first-child{border-top:1px solid var(--line)}
.cw-nx{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cw-nx li{display:grid;gap:10px;align-content:start;padding:28px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}
.cw-nx .cw-sn{margin-bottom:6px}
.cw-nx b{font-size:18px;font-weight:720;letter-spacing:-.02em}
.cw-nx p{font-size:15px;line-height:1.6;color:var(--ink-2)}
@media (max-width:900px){
  .al-mg,.al-nog,.cw-fg{grid-template-columns:1fr;gap:40px}
  .al-noh{position:static}
  .al-steps{grid-template-columns:1fr;gap:36px;max-width:420px;margin:0 auto}.al-steps::before{display:none}
  .al-tkg,.cw-nx{grid-template-columns:1fr}
}
@media (max-width:560px){.al-pc{padding:22px}.al-tc{padding:26px 22px}}
/* round 34: the Made by statement (lead line, body, accent takeaway) */
.al-stmt{gap:18px}
.al-stmt .al-sl{font-size:clamp(30px,3.3vw,44px);line-height:1.1;font-weight:770;letter-spacing:-.04em;color:var(--ink);text-wrap:balance;margin-top:4px}
.al-stmt p{font-size:clamp(18px,1.6vw,21px);line-height:1.6;font-weight:500;letter-spacing:-.01em;color:var(--ink-2);max-width:640px}
.al-stmt p.al-tk2{font:italic 400 clamp(26px,2.6vw,34px)/1.2 var(--serif);letter-spacing:-.01em;color:var(--accent);padding-left:18px;border-left:2px solid var(--accent);text-wrap:balance}
.al-ph{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:14px;box-shadow:0 0 0 4px #fff,0 0 0 5px #DCD9FF,0 14px 28px -12px rgba(40,34,140,.5)}
img.al-av{object-fit:cover}

/* round 35: Made by layouts with a readable photo (2026-10-08) */
.al-mf{margin:14px 0 0;border-top:1px solid var(--line-2)}
.al-mf div{padding:11px 0;border-bottom:1px solid var(--line-2)}.al-mf div:last-child{border-bottom:0;padding-bottom:0}
.al-mf dt{font:500 10.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.al-mf dd{margin:3px 0 0;font-size:14.5px;font-weight:620;line-height:1.45}
.al-mf.row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px;padding-top:18px}
.al-mf.row div{padding:0;border:0}
.al-mf.dk{border-top-color:var(--night-line)}.al-mf.dk dt{color:rgba(255,255,255,.5)}.al-mf.dk dd{color:#fff}
/* 1: portrait card */
.al-m1g{display:grid;grid-template-columns:380px minmax(0,1fr);gap:80px;align-items:center}
.al-m1c{border-radius:var(--r-xl);overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3)}
.al-m1c img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 30%;display:block}
.al-m1b{padding:22px 26px 24px;display:grid;gap:2px}
.al-m1b .al-pk{margin-bottom:8px}
.al-m1b>b{font-size:21px;font-weight:750;letter-spacing:-.025em}.al-m1b>small{font-size:14px;color:var(--ink-3)}
/* 2: editorial split */
.al-m2g{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center}
.al-m2p{position:relative;margin:0;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 40px 80px -40px rgba(40,34,140,.5)}
.al-m2p img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:50% 25%;display:block}
.al-m2p::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(11,11,20,.78))}
.al-m2p figcaption{position:absolute;left:24px;bottom:22px;z-index:1;color:#fff}
.al-m2p b{display:block;font-size:22px;font-weight:750;letter-spacing:-.025em}.al-m2p small{display:block;font-size:14px;color:rgba(255,255,255,.72)}
/* 3: dark spotlight */
.al-m3g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}
.al-m3 .al-stmt .al-sl{color:#fff}.al-m3 .al-stmt p{color:rgba(255,255,255,.66)}.al-m3 .al-stmt p.al-tk2{color:#B9B5FF;border-left-color:#8078FF}
.al-m3p{margin:0;display:grid;justify-items:center;gap:20px;text-align:center}
.al-m3r{position:relative;width:min(340px,80vw);aspect-ratio:1;border-radius:50%;padding:8px;background:linear-gradient(140deg,#8078FF,rgba(128,120,255,.15) 60%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 120px -10px rgba(99,91,255,.55)}
.al-m3r img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.al-m3p b{display:block;font-size:22px;font-weight:750;letter-spacing:-.025em;color:#fff}.al-m3p small{display:block;font-size:14px;color:rgba(255,255,255,.6)}
@media (max-width:900px){
  .al-m1g,.al-m2g,.al-m3g{grid-template-columns:1fr;gap:40px}
  .al-m1c{max-width:420px}.al-m2p{max-width:520px}
  .al-m3p{order:-1}
}
@media (max-width:560px){.al-mf.row{grid-template-columns:1fr;gap:12px}}

/* ================= round 36: Phonesol API page (ap-) ================= */
.ap-top{padding:96px 0 96px}
.ap-hc{display:grid;gap:22px;justify-items:start;align-content:start}
.ap-hc.center{justify-items:center;text-align:center;max-width:860px;margin:0 auto}
.ap-hc .lead{max-width:600px}
.ap-t{max-width:13ch}.ap-hc.center .ap-t{max-width:none}
.ap-pill.dk{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:rgba(255,255,255,.78)}
.ap-pill.dk b{background:rgba(167,162,255,.16);color:#C9C6FF}.ap-pill.dk b::before{background:#A7A2FF}
.ph.night.ap-h1{background:var(--night);color:#fff;overflow:clip}
.ph.night.ap-h1::before{background:radial-gradient(900px 520px at 88% 0%,rgba(99,91,255,.34),transparent 62%),radial-gradient(640px 420px at -10% 110%,rgba(128,120,255,.16),transparent 60%);opacity:1}
.ph.night.ap-h1::after{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%);opacity:1}
.ap-hg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ap-h2 .ap-hv,.ap-h3 .ap-hv{margin-top:56px}

/* code window, shared */
.ap-code{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(170deg,#191930,#0E0E19);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 40px 80px -40px rgba(99,91,255,.6);color:#E7E6FF;text-align:left}
.ap-bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.ap-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14)}
.ap-bar b{margin-left:10px;font:500 12px var(--mono);color:#fff;white-space:nowrap}
.ap-bar em{margin-left:auto;padding-left:12px;font:500 10.5px var(--mono);font-style:normal;color:rgba(255,255,255,.42);white-space:nowrap}
.ap-pl{margin:0;padding:18px 20px 20px;font:400 13.5px/1.75 var(--mono);white-space:pre;overflow-x:auto;color:rgba(255,255,255,.62)}
.ap-pl span{display:block}
.ap-pl u{text-decoration:none;color:#B9B5FF}.ap-pl s{text-decoration:none;color:#86E3B0}.ap-pl em{font-style:normal;color:#FFC979}
.ap-ei{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--tint);color:var(--accent);transition:background .35s,color .35s,box-shadow .35s}
.ap-ei svg{width:17px;height:17px}
@keyframes apIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@keyframes apPk{0%{top:-6px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 4px);opacity:0}}
@keyframes apOk{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* live feed */
.ap-feed{position:relative;display:grid;max-width:560px;margin-left:auto}
.ap-ctr{padding:16px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 30px 60px -40px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ap-ch{display:flex;align-items:center;gap:10px;padding:2px 6px 12px}
.ap-ch b{font-size:14px;font-weight:700;color:#fff}.ap-ch small{margin-left:auto;font:500 11px var(--mono);color:rgba(255,255,255,.45)}
.ap-dot{width:8px;height:8px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.5);animation:fsRing 1.8s infinite}
.ap-ctr ol{display:grid;gap:4px}
.ap-ev{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 10px;border-radius:13px;opacity:.5;transition:opacity .35s,background .35s,box-shadow .35s}
.ap-ev.on{opacity:1;background:rgba(99,91,255,.16);box-shadow:inset 0 0 0 1px rgba(167,162,255,.32)}
.ap-ev .ap-ei{background:rgba(255,255,255,.07);color:#C9C6FF}
.ap-ev.on .ap-ei{background:var(--accent);color:#fff;box-shadow:0 6px 16px -6px rgba(99,91,255,.9)}
.ap-et{min-width:0}.ap-et b{display:block;font-size:14px;font-weight:650;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-et small{display:block;font-size:12.5px;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-ev time{font:500 11px var(--mono);color:rgba(255,255,255,.4)}
.ap-wire{position:relative;height:52px;margin-left:44px}
.ap-wire::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(167,162,255,.55),rgba(167,162,255,.12));border-radius:2px}
.ap-wire small{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.ap-pk{position:absolute;left:-4px;top:-6px;width:10px;height:10px;border-radius:50%;background:#B9B5FF;box-shadow:0 0 0 4px rgba(99,91,255,.25),0 0 18px 4px rgba(99,91,255,.7);opacity:0}
.ap-feed.go .ap-pk{animation:apPk .7s var(--ease) both}
.ap-pls{display:grid}
.ap-pls .ap-pl{grid-area:1/1;visibility:hidden}
.ap-pls .ap-pl.on{visibility:visible}
.ap-feed.go .ap-pls .ap-pl.on span{animation:apIn .42s var(--ease) both;animation-delay:calc(.55s + var(--i) * 55ms)}
.ap-ok{display:flex;align-items:center;gap:8px;padding:11px 18px;border-top:1px solid rgba(255,255,255,.07);font:500 12px var(--mono);color:#86E3B0}
.ap-ok svg{width:15px;height:15px}
.ap-feed.go .ap-ok{animation:apOk .4s var(--ease) both;animation-delay:1.15s}

/* mirror */
.ap-mir{display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.05fr);align-items:center;max-width:1040px;margin:0 auto}
.ap-tk{padding:10px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3);text-align:left}
.ap-tkh{display:flex;align-items:center;gap:12px;padding:10px 12px 16px;border-bottom:1px solid var(--line-2);margin-bottom:6px}
.ap-tkh b{font-size:15.5px;font-weight:720}.ap-tkh small{margin-left:auto;font:500 11px var(--mono);color:var(--ink-3)}
.ap-tr{position:relative;display:flex;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;font-size:14.5px;transition:background .35s}
.ap-tr span{color:var(--ink-3)}.ap-tr b{font-weight:640;text-align:right}
.ap-tr::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--accent);transform:scaleY(0);transition:transform .35s var(--ease)}
.ap-tr.on{background:var(--tint)}.ap-tr.on::before{transform:none}
.ap-st{display:inline-block;padding:3px 9px;border-radius:999px;background:#E7F8EE;color:#13804A;font-size:13px;font-weight:650}
.ap-link{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 18px}
.ap-link span{width:2px;height:40px;background:linear-gradient(180deg,transparent,#C9C6FF)}.ap-link span:last-child{background:linear-gradient(180deg,#C9C6FF,transparent)}
.ap-link small{font:500 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);writing-mode:vertical-rl;transform:rotate(180deg)}
.ap-mir .ap-pl span{border-radius:5px;margin:0 -8px;padding:0 8px;transition:background .35s,box-shadow .35s}
.ap-mir .ap-pl span.on{background:rgba(99,91,255,.24);box-shadow:inset 2px 0 0 #A7A2FF}

/* docs window */
.ap-docs{max-width:1080px;margin:0 auto;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-3);overflow:hidden;text-align:left}
.ap-dbar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid var(--line-2);background:var(--bg-2)}
.ap-dbar i{width:9px;height:9px;border-radius:50%;background:#DADBE6}
.ap-dbar b{margin-left:10px;font:600 12.5px var(--mono)}
.ap-dbar em{margin-left:auto;font:500 10.5px var(--mono);font-style:normal;color:var(--ink-3)}
.ap-pln{display:inline-block;padding:3px 7px;border-radius:6px;font:600 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;background:var(--soft);color:var(--accent)}
.ap-dg{display:grid;grid-template-columns:220px minmax(0,1fr)}
.ap-ds{display:grid;align-content:start;gap:4px;padding:16px;border-right:1px solid var(--line-2)}
.ap-dn{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:11px;background:none;font:inherit;font-size:14.5px;font-weight:600;color:var(--ink-2);cursor:pointer;text-align:left;transition:background .2s,color .2s}
.ap-dn svg{width:17px;height:17px;color:var(--ink-3);transition:color .2s}
.ap-dn:hover{background:var(--bg-2)}
.ap-dn.on{background:var(--tint);color:var(--accent)}.ap-dn.on svg{color:var(--accent)}
.ap-dm{display:grid;padding:28px 32px 32px}
.ap-dp{grid-area:1/1;display:grid;gap:14px;align-content:start;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s,transform .4s var(--ease),visibility 0s .3s}
.ap-dp.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .4s var(--ease)}
.ap-dh{display:flex;align-items:center;gap:10px}.ap-dh b{font-size:22px;font-weight:740;letter-spacing:-.02em}
.ap-dp>p{color:var(--ink-2);font-size:15.5px}
.ap-dp ul,.ap-rp ul{display:grid;gap:8px}
.ap-dp li,.ap-rp li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
.ap-dp li svg,.ap-rp li svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--ok)}
.ap-ex{margin-top:6px;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.ap-dp .ap-pl{border-radius:16px;background:linear-gradient(170deg,#191930,#0E0E19)}
.ap-dp.on .ap-pl span{animation:apIn .4s var(--ease) both;animation-delay:calc(var(--i) * 45ms)}
.ap-evs li{align-items:center}
.ap-evs code{flex:none;min-width:150px;padding:4px 9px;border-radius:7px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);font:500 12.5px var(--mono);color:var(--accent)}

/* reach: four parts of the shop */
.ap-rg{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:start;max-width:1120px;margin:56px auto 0}
.ap-rl{display:grid;gap:8px}
.ap-rt{display:flex;align-items:center;gap:14px;padding:16px 18px;border:0;border-radius:18px;background:none;font:inherit;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 1px transparent;transition:background .25s,box-shadow .25s,transform .3s var(--ease)}
.ap-rt b{display:block;font-size:17px;font-weight:700;color:var(--ink)}
.ap-rt small{display:block;font-size:14px;color:var(--ink-3)}
.ap-rt:hover{background:var(--bg-2)}
.ap-rt.on{background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-2)}
.ap-rt.on .ap-ei{background:var(--accent);color:#fff;box-shadow:0 8px 18px -8px rgba(99,91,255,.8)}
.ap-rr{display:grid}
.ap-rp{grid-area:1/1;display:grid;gap:22px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s,transform .45s var(--ease),visibility 0s .3s}
.ap-rp.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .45s var(--ease)}
.ap-rp.on .ap-pl span{animation:apIn .4s var(--ease) both;animation-delay:calc(.1s + var(--i) * 45ms)}
.ap-code.lt{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 60px -36px rgba(15,15,26,.45)}

/* webhooks band */
.ap-eg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ap-eg>div:first-child{display:grid;gap:20px;justify-items:start}

/* builds */
.ap-bl{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;max-width:1080px;margin:48px auto 0}
.ap-bl li{display:grid;gap:10px;align-content:start;padding:30px 0;border-top:1px solid var(--line)}
.ap-bl h3{font-size:21px;font-weight:720;letter-spacing:-.02em}
.ap-bl p{color:var(--ink-2);max-width:44ch}
.ap-flow{display:inline-flex;align-items:center;gap:8px;justify-self:start}
.ap-flow i{font:500 11px/1 var(--mono);font-style:normal;letter-spacing:.05em;text-transform:uppercase;padding:6px 9px;border-radius:7px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2)}
.ap-flow i:last-child{background:var(--tint);box-shadow:inset 0 0 0 1px #DCD9FF;color:var(--accent)}
.ap-flow svg{width:14px;height:14px;color:var(--accent)}
.sec:not(.alt) .ap-flow i:first-child{background:var(--bg-2)}

/* tell us */
.ap-card{max-width:940px;margin:48px auto 0}

@media (max-width:1000px){
  .ap-top{padding:56px 0 64px}
  .ap-hg,.ap-eg{grid-template-columns:1fr;gap:44px}
  .ap-feed{margin:0 auto;max-width:600px;width:100%}
  .ap-t{max-width:none}
  .ap-rg{grid-template-columns:1fr;gap:20px}
  .ap-rl{grid-template-columns:1fr 1fr}
  .ap-mir{grid-template-columns:1fr;max-width:560px}
  .ap-link{flex-direction:row;padding:10px 0}
  .ap-link span{width:40px;height:2px;background:linear-gradient(90deg,transparent,#C9C6FF)}.ap-link span:last-child{background:linear-gradient(90deg,#C9C6FF,transparent)}
  .ap-link small{writing-mode:horizontal-tb;transform:none}
}
@media (max-width:720px){
  .ap-dg{grid-template-columns:1fr}
  .ap-ds{display:flex;gap:6px;overflow-x:auto;padding:12px;border-right:0;border-bottom:1px solid var(--line-2);scrollbar-width:none}
  .ap-ds::-webkit-scrollbar{display:none}
  .ap-dn{flex:none;padding:8px 12px;font-size:14px}
  .ap-dm{padding:20px 18px 22px}
  .ap-dbar em{display:none}
  .ap-rl{grid-template-columns:1fr}
  .ap-rt{padding:12px 14px}.ap-rt small{display:none}
  .ap-rl{grid-template-columns:1fr 1fr;gap:6px}
  .ap-rt b{font-size:15.5px}
  .ap-bl{grid-template-columns:1fr}
  .ap-pl{font-size:12.5px;padding:16px}
  .ap-evs code{min-width:0}
  .ap-wire{height:44px}
}
@media (prefers-reduced-motion:reduce){
  .ap-feed .ap-pk{display:none}
  .ap-pl span{animation:none!important}
}
.ap-h1 .ap-t{font-size:clamp(40px,5.4vw,70px);max-width:12ch}

/* ================= round 37: mobile header and menu (mm-) ================= */
@media (max-width:1080px){
  .hdr.scrolled{padding:14px var(--gut) 0}
  .hdr.scrolled .hdr-bar{max-width:var(--max);height:62px;border-radius:20px;padding:0 8px 0 20px;background:rgba(255,255,255,.84);box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 0 0 1px rgba(15,15,26,.07),0 10px 34px -14px rgba(30,24,110,.24)}
  body.lock .hdr-bar,body.lock .hdr.scrolled .hdr-bar{background:#fff}
  .burger{transition:background .25s,color .25s,box-shadow .25s,transform .2s}
  .burger:active{transform:scale(.94)}
  .burger[aria-expanded="true"]{background:var(--ink);color:#fff;box-shadow:none}
}
@media (max-width:560px){
  .hdr.scrolled{padding:10px 12px 0}
  .hdr.scrolled .hdr-bar{height:58px;border-radius:18px;padding:0 7px 0 16px}
}
.drawer.mm{--mm-top:86px;display:block;padding:0;gap:0;overflow:hidden;background:rgba(15,15,26,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
.drawer.mm.open{display:block;opacity:1;visibility:visible;animation:none;transition:opacity .3s}
@media (max-width:560px){.drawer.mm{--mm-top:76px}}
.mm-sheet{position:absolute;top:var(--mm-top);left:12px;right:12px;max-height:calc(100% - var(--mm-top) - 12px);display:flex;flex-direction:column;border-radius:24px;background:#fff;overflow:hidden;
  box-shadow:0 0 0 1px rgba(15,15,26,.06),0 40px 80px -24px rgba(15,15,26,.5);transform:translateY(-12px) scale(.97);transform-origin:top right;opacity:0;transition:transform .5s var(--ease),opacity .3s}
.drawer.mm.open .mm-sheet{transform:none;opacity:1}
@media (min-width:561px){.mm-sheet{left:auto;right:max(var(--gut),calc((100% - var(--max))/2));width:420px}}
.mm-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.mm-foot{display:grid;grid-template-columns:1fr 1.55fr;gap:10px;padding:12px;border-top:1px solid var(--line-2);background:#fff}
.mm-foot .d-cta{display:block}.mm-foot .btn{width:100%}
.drawer .mm-foot .d-cta .btn:has(.ab){padding:0 46px 0 18px}
.mm-g{margin:18px 20px 9px;font:500 11px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
@keyframes mmIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes mmFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* rows (1 and 3) */
.mm-row,.mm-ch{display:flex;align-items:center;gap:14px;width:100%;padding:11px 12px;border:0;border-radius:16px;background:none;font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background .2s}
.mm-row:hover,.mm-row:active{background:var(--bg-2)}
.mm-ri{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:13px;background:linear-gradient(180deg,#F7F6FF,#ECEBFF);box-shadow:inset 0 0 0 1px #E2E0FF;color:var(--accent)}
.mm-ri svg{width:20px;height:20px}
.mm-rt{min-width:0}.mm-rt b{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}
.mm-rt small{display:block;margin-top:1px;font-size:13.5px;color:var(--ink-3)}
.mm-rc{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--ink-3);transition:background .2s,color .2s}
.mm-rc svg{width:18px;height:18px;transform:rotate(-90deg);transition:transform .35s var(--ease)}
.mm-row:hover .mm-rc{background:#fff;color:var(--accent)}
.mm-ti{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 2px 6px -3px rgba(15,15,26,.15);color:var(--accent)}
.mm-ti svg{width:17px;height:17px}
.mm-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px}
.mm-tile{position:relative;display:grid;gap:12px;align-content:start;min-height:94px;padding:12px;border-radius:16px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s,box-shadow .2s}
.mm-tile:hover,.mm-tile:active{background:var(--tint);box-shadow:inset 0 0 0 1px #DCD9FF}
.mm-tile b{font-size:14px;font-weight:650;line-height:1.25;color:var(--ink)}
.mm-tile .hm-soon{position:absolute;top:12px;right:10px;margin:0}
.mm-list{display:grid;gap:2px;padding:0 10px}
.mm-li{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px;transition:background .2s}
.mm-li:hover,.mm-li:active{background:var(--bg-2)}
.mm-li .mm-ti{width:38px;height:38px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.mm-li b{display:block;font-size:15.5px;font-weight:650;color:var(--ink)}
.mm-li small{display:block;font-size:13px;color:var(--ink-3)}
.mm-li .hm-soon{vertical-align:1px}

/* 1: drill-in */
.mm-track{display:grid;grid-template-columns:100% 100%;transition:transform .5s var(--ease)}
.mm1.deep .mm-track{transform:translateX(-100%)}
.mm-root{transition:opacity .3s}.mm1.deep .mm-root{opacity:0}
.mm-root nav{display:grid;gap:2px;padding:10px}
.mm1.open .mm-root .mm-row{animation:mmIn .5s var(--ease) both}
.mm1.open .mm-row:nth-child(2){animation-delay:.04s}.mm1.open .mm-row:nth-child(3){animation-delay:.08s}
.mm1.open .mm-row:nth-child(4){animation-delay:.12s}.mm1.open .mm-row:nth-child(5){animation-delay:.16s}
.mm-help{display:flex;gap:8px;padding:2px 22px 16px}
.mm-help a{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:var(--bg-2);font-size:13.5px;font-weight:600;color:var(--ink-2)}
.mm-help svg{width:15px;height:15px}.mm-help a:last-child svg{color:#22C35E}
.mm-subs{display:grid}
.mm-sub{grid-area:1/1;padding-bottom:14px}
.mm-sh{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 14px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-2)}
.mm-sh b{font-size:16px;font-weight:720}
.mm-back{justify-self:start;display:inline-flex;align-items:center;gap:3px;height:34px;padding:0 13px 0 8px;border:0;border-radius:999px;background:var(--bg-2);font:inherit;font-size:14px;font-weight:650;color:var(--ink-2);cursor:pointer}
.mm-back svg{width:16px;height:16px;transform:rotate(90deg)}
.mm-all{justify-self:end;font-size:14px;font-weight:650;color:var(--accent);padding:6px 4px}
.mm1.deep .mm-sub:not([hidden]) .mm-tile,.mm1.deep .mm-sub:not([hidden]) .mm-li{animation:mmIn .45s var(--ease) both;animation-delay:.12s}

/* 2: tabs */
.mm-segs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:12px 12px 2px;padding:4px;border-radius:14px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.mm-seg{position:relative;z-index:1;height:38px;border:0;background:none;font:inherit;font-size:14px;font-weight:650;color:var(--ink-3);cursor:pointer;transition:color .25s}
.mm-seg.on{color:var(--ink)}
.mm-glide{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,15,26,.08),0 4px 12px -6px rgba(15,15,26,.22);transition:transform .45s var(--ease)}
.mm-segs[data-i="1"] .mm-glide{transform:translateX(100%)}.mm-segs[data-i="2"] .mm-glide{transform:translateX(200%)}
.mm-tp{padding:2px 0 14px}.mm-tp:not([hidden]){animation:mmFade .4s var(--ease)}
.mm-price{position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 12px 0;padding:16px 16px 16px 18px;border-radius:18px;background:var(--night);color:#fff}
.mm-price::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(260px 140px at 100% 0%,rgba(99,91,255,.55),transparent 70%),radial-gradient(200px 120px at 0% 120%,rgba(128,120,255,.22),transparent 70%)}
.mm-price small{display:block;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#A7A2FF}
.mm-price b{display:block;margin:6px 0 2px;font-size:19px;font-weight:740;letter-spacing:-.02em}
.mm-price em{display:block;font-style:normal;font-size:13px;color:rgba(255,255,255,.62)}
.mm-pa{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--accent);box-shadow:0 8px 18px -8px rgba(99,91,255,.9)}
.mm-pa svg{width:16px;height:16px}
.mm-allrow{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 12px 0;height:44px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:14.5px;font-weight:650;color:var(--accent)}
.mm-allrow svg{width:15px;height:15px}
.mm-talk{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 12px}
.mm-mail,.mm-wa{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:14px;font-size:14px;font-weight:650;white-space:nowrap}
.mm-mail{background:var(--bg-2);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.mm-wa{color:#fff;background:linear-gradient(180deg,#2FDB72,#1DB455);box-shadow:0 0 0 1px #1AA64B}
.mm-mail svg,.mm-wa svg{width:17px;height:17px;flex:none}

/* 3: cards */
.mm-qs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.mm-q{display:grid;justify-items:center;gap:8px;padding:14px 6px 12px;border-radius:16px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);transition:background .2s}
.mm-q:hover,.mm-q:active{background:var(--tint)}
.mm-q svg{width:20px;height:20px;color:var(--accent)}.mm-q b{font-size:14px;font-weight:650}
.mm-card{margin:0 12px 8px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .3s}
.mm-card.on{box-shadow:inset 0 0 0 1px #DCD9FF,0 12px 28px -18px rgba(99,91,255,.5)}
.mm-ch[aria-expanded="true"] .mm-rc svg{transform:rotate(0deg)}
.mm-ch .mm-rc svg{transform:rotate(-90deg)}
.mm-cb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.mm-cb>div{overflow:hidden;min-height:0}
.mm-card.on .mm-cb{grid-template-rows:1fr}
.mm-cb .mm-g{margin-top:6px}
.mm-mini{display:grid;grid-template-columns:1fr 1fr;gap:2px 4px;padding:0 8px}
.mm-mini a{display:flex;align-items:center;gap:9px;padding:9px 8px;border-radius:11px;font-size:14px;font-weight:600;line-height:1.25;color:var(--ink-2);transition:background .2s,color .2s}
.mm-mini a:hover,.mm-mini a:active{background:var(--bg-2);color:var(--ink)}
.mm-mini svg{width:16px;height:16px;flex:none;color:var(--accent)}
.mm-mini .hm-soon{margin-left:5px}
.mm-card .mm-allrow{margin:10px 12px 12px}
.mm-promo{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:4px;margin:4px 12px 12px;padding:24px 18px 14px;border-radius:20px;background:var(--night);color:#fff;text-align:center}
.mm-pg{position:absolute;inset:0;z-index:-1;background:radial-gradient(280px 160px at 50% -10%,rgba(99,91,255,.6),transparent 70%),radial-gradient(200px 140px at 100% 120%,rgba(128,120,255,.25),transparent 70%)}
.mm-promo b{font-size:19px;font-weight:740;letter-spacing:-.02em}.mm-promo small{font-size:14px;color:rgba(255,255,255,.62)}
.mm-promo .d-cta{display:block;margin-top:14px}.mm-promo .btn{width:100%}
.mm-login{justify-self:center;padding:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,.72)}
@media (prefers-reduced-motion:reduce){.mm-sheet,.mm-track,.mm-cb{transition:none}.mm-row,.mm-tile,.mm-li{animation:none!important}}
/* round 37 fix (Usman, 2026-10-09): menu buttons sat 22px apart because the old drawer's .d-cta margin leaked in */
.drawer .mm-foot{align-items:center}
.drawer .mm-foot .d-cta{display:block;margin:0}
.drawer .mm-foot .d-cta .btn:has(.ab){padding:0 46px}
.drawer .mm-promo .d-cta{display:block;gap:0}

/* ================= round 38: legal pages (lg-) ================= */
.lg-top{padding:96px 0 52px}
.lg-hc{display:grid;gap:18px;justify-items:start;max-width:780px}
.lg-hc.center{justify-items:center;text-align:center;margin:0 auto}
.lg-h1{font-size:clamp(40px,5.6vw,68px)}
.lg-hc .lead{max-width:620px}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px}
.lg-hc.center .lg-meta{justify-content:center}
.lg-meta span{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font:500 12.5px var(--mono);color:var(--ink-2)}
.lg-meta svg{width:14px;height:14px;color:var(--accent)}
.lg-meta.dk span{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:rgba(255,255,255,.78)}
.lg-meta.dk svg{color:#A7A2FF}
.lg-main{padding:24px 0 112px}
.lg-art{min-width:0;max-width:720px;font-size:16.5px;line-height:1.75;color:var(--ink-2)}
.lg-art p{margin:0 0 14px}
.lg-art ul{display:grid;gap:8px;margin:0 0 14px}
.lg-art li{position:relative;padding-left:22px}
.lg-art li::before{content:"";position:absolute;left:5px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.lg-note{margin:0 0 6px!important;padding:12px 16px;border-radius:12px;background:var(--warn-bg);color:var(--warn);font-size:14px;line-height:1.5}
.lg-sec{padding:34px 0 16px;border-top:1px solid var(--line-2);scroll-margin-top:100px}
.lg-note+.lg-sec{border-top:0;padding-top:20px}
.lg-sec h2{position:relative;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:14px;font-size:clamp(21px,2vw,25px);line-height:1.25;font-weight:720;letter-spacing:-.02em;color:var(--ink)}
.lg-n{font:500 14px var(--mono);letter-spacing:0;color:var(--accent)}
.lg-anchor{font-weight:500;color:var(--ink-3);opacity:0;transition:opacity .2s,color .2s}
.lg-sec h2:hover .lg-anchor,.lg-anchor:focus-visible{opacity:1}.lg-anchor:hover{color:var(--accent)}
.lg-sec h3{margin:18px 0 6px;font-size:16.5px;font-weight:700;color:var(--ink)}
.lg-sec h3:first-of-type{margin-top:0}
/* contents */
.lg-side{position:sticky;top:100px;align-self:start}
.lg-tocd summary{display:none}
.lg-toc b{display:block;margin-bottom:12px;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.lg-toc ol{display:grid;gap:1px;max-height:calc(100vh - 190px);overflow-y:auto;border-left:1px solid var(--line);scrollbar-width:thin}
.lg-toc a{position:relative;display:flex;gap:10px;padding:6px 10px 6px 16px;font-size:14px;line-height:1.38;color:var(--ink-3);transition:color .2s}
.lg-toc a span{min-width:18px;font:500 12px/1.6 var(--mono);opacity:.75}
.lg-toc a::before{content:"";position:absolute;left:-1px;top:5px;bottom:5px;width:2px;border-radius:2px;background:var(--accent);transform:scaleY(0);transition:transform .35s var(--ease)}
.lg-toc a:hover{color:var(--ink)}
.lg-toc a.on{color:var(--accent);font-weight:620}.lg-toc a.on::before{transform:none}
/* 1 */
.lg-g1{display:grid;grid-template-columns:250px minmax(0,1fr);gap:72px;align-items:start}
/* 2 */
.lg-sum{max-width:780px;margin:40px auto 0;padding:24px 28px 20px;border-radius:var(--r-xl);background:#fff;box-shadow:inset 0 0 0 1px var(--line),var(--sh-2);text-align:left}
.lg-sum>b{display:block;margin-bottom:16px;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.lg-sum ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.lg-sum li{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;line-height:1.4;color:var(--ink)}
.lg-sum li svg{width:36px;height:36px;flex:none;padding:8px;border-radius:11px;background:var(--tint);color:var(--accent)}
.lg-sum small{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--line-2);font-size:13px;color:var(--ink-3)}
.lg-col{margin:0 auto}
@media (min-width:1001px){.lg2 .lg-n{position:absolute;right:calc(100% + 22px);top:5px;font-size:13px;color:var(--ink-3)}}
/* 3 */
.ph.night.lg-dark{background:var(--night);color:#fff;overflow:clip}
.ph.night.lg-dark::before{background:radial-gradient(900px 520px at 88% 0%,rgba(99,91,255,.32),transparent 62%),radial-gradient(640px 420px at -10% 110%,rgba(128,120,255,.14),transparent 60%);opacity:1}
.ph.night.lg-dark::after{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 0%,#000 10%,transparent 70%);opacity:1}
.lg-dark .lg-hc{max-width:none}
.lg-dark .lg-hc .lead{max-width:640px}
.lg-sw{display:flex;flex-wrap:wrap;gap:4px;padding:5px;margin-bottom:10px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.lg-sw a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;color:rgba(255,255,255,.7);white-space:nowrap;transition:color .2s,background .2s}
.lg-sw a:hover{color:#fff}.lg-sw a[aria-current]{background:#fff;color:var(--ink)}
.lg-mrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%}
.lg-print{gap:8px}.lg-print svg{width:15px;height:15px}
.lg-g3{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:72px;align-items:start}
.lg3 .lg-art{max-width:740px}
/* contact + other pages */
.lg-mg{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.lg-mg>div:first-child{display:grid;gap:12px;justify-items:start}
.lg-mg>div:first-child p{color:var(--ink-2)}
.lg-ol{display:grid;gap:8px}
.lg-ol b{margin-bottom:4px;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.lg-ol a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-weight:650;color:var(--ink);transition:box-shadow .2s,transform .25s var(--ease)}
.lg-ol a:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #CFCCFF,0 12px 26px -16px rgba(99,91,255,.5)}
.lg-ol a span{flex:1}.lg-ol a svg{width:18px;height:18px;color:var(--accent)}
.lg-ol a svg:last-child{width:16px;height:16px;color:var(--ink-3);transition:transform .25s var(--ease)}.lg-ol a:hover svg:last-child{transform:translateX(3px);color:var(--accent)}
@media (max-width:1000px){
  .lg-top{padding:56px 0 36px}
  .lg-g1,.lg-g3,.lg-mg{grid-template-columns:1fr;gap:28px}
  .lg-g3 .lg-side{order:-1}
  .lg-side{position:static}
  .lg-tocd{border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
  .lg-tocd summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:15px;font-weight:650;color:var(--ink);list-style:none;cursor:pointer}
  .lg-tocd summary::-webkit-details-marker{display:none}
  .lg-tocd summary svg{width:17px;height:17px;transition:transform .3s var(--ease)}.lg-tocd[open] summary svg{transform:rotate(180deg)}
  .lg-tocd>b{display:none}
  .lg-tocd ol{max-height:none;margin:0 16px 14px}
  .lg-sum ul{grid-template-columns:1fr}
  .lg-sum{padding:20px}
  .lg-sw{flex-wrap:nowrap;overflow-x:auto;border-radius:16px;scrollbar-width:none}.lg-sw::-webkit-scrollbar{display:none}
}
@media print{
  .hdr,.drawer,footer,.ft,.lg-side,.lg-more,.lg-sw,.lg-print,.lg-note,.lg-anchor,.skip{display:none!important}
  .ph.night.lg-dark{background:none;color:#000}.ph::before,.ph::after{display:none}
  .lg-top{padding:0 0 16px}.lg-main{padding:0}.lg-g1,.lg-g3{display:block}
  .lg-art{max-width:none;color:#000;font-size:11pt}.lg-sec{break-inside:avoid-page}
  .lg-meta span{box-shadow:none;background:none;color:#000;padding:0}
}
/* round 38b (2026-10-09): final legal text: tables, contact card, bold list leads */
.lg-art li b{color:var(--ink);font-weight:680}
.lg-art>.lg-sec:first-child{border-top:0;padding-top:0}
.lg-tw{margin:6px 0 18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);overflow-x:auto;background:#fff}
.lg-tw table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.lg-tw th{padding:12px 16px;text-align:left;font:500 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-2);border-bottom:1px solid var(--line)}
.lg-tw td{padding:13px 16px;vertical-align:top;border-top:1px solid var(--line-2)}
.lg-tw tr:first-child td{border-top:0}
.lg-tw td:first-child{color:var(--ink)}
.lg-tw td b{font-weight:680}
.lg-card{display:grid;gap:4px;margin:4px 0 14px;padding:18px 20px;border-radius:16px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line-2);font-size:15.5px;line-height:1.6}
.lg-card b{font-size:16.5px;color:var(--ink)}
@media (max-width:560px){
  .lg-tw thead{display:none}
  .lg-tw tr{display:grid;gap:8px;padding:14px 16px;border-top:1px solid var(--line-2)}.lg-tw tr:first-child{border-top:0}
  .lg-tw td{display:grid;gap:2px;padding:0;border:0;font-size:15px}
  .lg-tw td::before{content:attr(data-l);font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
  .lg-tw td:first-child{font-weight:650}.lg-tw td:first-child::before{display:none}
}
@media print{.lg-tw{box-shadow:none}.lg-tw th{background:none}}
/* language switch in the footer (2026-10-09) */
.pf-cl{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.pf-bot .pf-lang{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-weight:600}
.pf-lang svg{width:14px;height:14px}
.pf2 .pf-bot .pf-lang{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
@media (max-width:760px){.pf3 .pf-cl{justify-content:center}}
.px-cur.af{margin:.18em 0 0 .16em}
/* Spanish site (2026-10-09): longer labels keep the header on one line */
.nl{white-space:nowrap}
@media (max-width:1240px){html[lang=es] .nl{padding:0 10px;font-size:14.25px}}
html[lang=es] .drawer .mm-foot{grid-template-columns:auto minmax(0,1fr)}
html[lang=es] .drawer .mm-foot>.btn{padding:0 16px}
html[lang=es] .drawer .mm-foot .d-cta .btn:has(.ab){padding:0 46px 0 16px;white-space:nowrap}
.cw-f{max-width:100%}.cw-f select{max-width:100%;text-overflow:ellipsis}
/* ===== i18n (2026-10-09): Cyrillic glyphs, Chinese stack, footer language menu ===== */
@font-face{font-family:"Plus Jakarta Sans";src:url(/assets/fonts/manrope-cyrillic-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plus Jakarta Sans";src:url(/assets/fonts/manrope-cyrillic-ext-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/ibm-plex-mono-cyrillic-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Plus Jakarta Sans";src:url(/assets/fonts/manrope-greek-wght-normal.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
html[lang|="ru"],html[lang|="uk"]{--serif:"Instrument Serif",Georgia,"Times New Roman",serif}
html[lang|="zh"]{--font:"Plus Jakarta Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;--serif:"Instrument Serif","PingFang SC","Microsoft YaHei","Noto Sans SC",serif}
html[lang|="zh"] body{line-height:1.7;word-break:normal;line-break:strict}
html[lang|="zh"] .it,html[lang|="zh"] em,html[lang|="zh"] i{font-style:normal}
html[lang|="zh"] h1,html[lang|="zh"] h2,html[lang|="zh"] h3{letter-spacing:0}
.pf-lm{position:relative;display:inline-block}
.pf-lm>summary{list-style:none;cursor:pointer}
.pf-lm>summary::-webkit-details-marker{display:none}
.pf-lm>summary .chev{width:12px;height:12px;opacity:.6;transition:transform .2s}
.pf-lm[open]>summary .chev{transform:rotate(180deg)}
.pf-lml{position:absolute;bottom:calc(100% + 8px);right:0;z-index:30;min-width:190px;padding:6px;border-radius:14px;background:#fff;color:#0F0F1A;box-shadow:0 0 0 1px rgba(15,15,26,.08),0 18px 40px -12px rgba(15,15,26,.28);display:grid;gap:2px}
.pf-lml a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border-radius:9px;font-size:13.5px;font-weight:600;color:inherit;text-decoration:none}
.pf-lml a:hover{background:#F3F2FF}
.pf-lml a[aria-current="true"]{color:#635BFF}
.pf-lml a small{font-size:11px;font-weight:600;color:#8A8FA3;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:640px){.pf-lml{right:auto;left:0}}
/* i18n: longer translations of the yearly-saving line wrap instead of running past the card */
html:not([lang="en"]) .px-save{min-height:38px}
html:not([lang="en"]) .px-save>span{white-space:normal;right:0;line-height:1.35}
/* i18n: long compound words (de, fi, nl, sv, el, ru, uk) never push past the screen */
.bga-body{min-width:0}
html:not([lang="en"]) :is(h1,h2,h3,h4,.h1,.h2,.h3,summary,dt,th,.btn){-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
html:not([lang="en"]) :is(p,li,td,dd,small){overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
html:not([lang="en"]) .mm-foot .d-cta .btn:has(.ab){white-space:normal;line-height:1.15;text-align:center}
html:not([lang="en"]) .mm-foot>.btn{white-space:normal;line-height:1.15;text-align:center}
/* i18n: on phones, longer Gantt labels sit inside the end of their bar instead of after it */
@media (max-width:640px){
html:not([lang="en"]) .sx-gr.rd em{left:auto;right:calc(25% + 10px);color:var(--ink-2)}
html:not([lang="en"]) .sx-gr.ps em{left:auto;right:calc(25% + 10px);color:var(--accent)}
}
/* i18n: short tags and badges never break inside (CJK can otherwise wrap between any two characters) */
html[lang|="zh"] :is(.hm-soon,.mn-tag,[class*="-soon"],.pill-tag>b){white-space:nowrap;flex-shrink:0}
/* i18n (2026-10-16): 16 languages, so the footer language menu lists them in two columns */
.pf-lml{grid-template-columns:repeat(2,minmax(0,1fr));min-width:min(360px,calc(100vw - 32px))}

/* plan name never breaks when the tagline beside it is long (ar, fa, de...) */
.px-top h3{white-space:nowrap;flex-shrink:0}
.px-top small{text-align:end;line-height:1.4}

/* language suggestion (lang-hint.js): 1 top strip, 2 corner card, 3 header popover */
:root{--lh-h:44px}
.lh{font-family:var(--font);-webkit-font-smoothing:antialiased}
.lh svg{width:16px;height:16px;display:block}
.lh-msg{margin:0}
.lh-go{text-decoration:none;white-space:nowrap}
.lh-x{border:0;background:none;color:inherit;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;opacity:.55;transition:opacity .2s,background .2s;padding:0;flex:none}
.lh-x:hover{opacity:1}
.lh-x svg{width:15px;height:15px}
.lh-1{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--lh-h);background:#0F0F1A;color:#fff;transform:translateY(-100%);transition:transform .45s var(--ease)}
.lh-1.lh-show{transform:none}
.lh-in{max-width:calc(var(--max) + var(--gut)*2);margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding-inline:52px;position:relative;font-size:13.5px;line-height:1.3}
.lh-1 .lh-ic{opacity:.6}
.lh-1 .lh-msg{color:rgba(255,255,255,.82)}
.lh-1 .lh-go{color:#fff;font-weight:600;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.12);transition:background .2s}
.lh-1 .lh-go:hover{background:var(--accent)}
.lh-1 .lh-x{position:absolute;inset-inline-end:10px;top:50%;margin-top:-15px}
.lh-1 .lh-x:hover{background:rgba(255,255,255,.1)}
.hdr{transition:padding .45s var(--ease),top .45s var(--ease)}
body{transition:padding-top .45s var(--ease)}
html.lh-on .hdr{top:var(--lh-h)}
html.lh-on body{padding-top:var(--lh-h)}
.lh-2{position:fixed;left:20px;bottom:20px;z-index:60;width:min(380px,calc(100vw - 32px));display:flex;gap:12px;align-items:flex-start;padding:16px 16px 16px 16px;background:#fff;color:var(--ink);border-radius:18px;box-shadow:0 0 0 1px rgba(15,15,26,.06),0 24px 48px -16px rgba(15,15,26,.3);opacity:0;transform:translateY(16px);transition:opacity .4s,transform .5s var(--ease)}
.lh-2.lh-show{opacity:1;transform:none}
.lh-2 .lh-ic,.lh-3 .lh-ic{flex:none;width:36px;height:36px;border-radius:10px;background:#F3F2FF;color:var(--accent);display:grid;place-items:center}
.lh-2 .lh-body{flex:1;min-width:0}
.lh-2 .lh-msg{font-size:14.5px;line-height:1.45;font-weight:600;margin:2px 0 12px;padding-inline-end:26px;color:var(--ink)}
.lh-act{display:flex;gap:4px;flex-wrap:wrap;align-items:center}
.lh-2 .lh-go,.lh-3 .lh-go{background:var(--accent);color:#fff;font-weight:600;font-size:13.5px;padding:8px 15px;border-radius:999px;transition:background .2s}
.lh-2 .lh-go:hover,.lh-3 .lh-go:hover{background:var(--accent-h)}
.lh-no{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink-3);padding:8px 10px;cursor:pointer;border-radius:999px}
.lh-no:hover{color:var(--ink);background:#F4F4F8}
.lh-2 .lh-x,.lh-3 .lh-x{color:var(--ink-2)}
.lh-2 .lh-x:hover,.lh-3 .lh-x:hover{background:#F4F4F8}
.lh-2 .lh-x{position:absolute;top:10px;inset-inline-end:10px}
.lh-3{position:fixed;top:84px;right:24px;z-index:60;display:flex;align-items:center;gap:12px;padding-block:10px;padding-inline:12px 10px;max-width:min(720px,calc(100vw - 48px));background:#fff;color:var(--ink);border-radius:16px;box-shadow:0 0 0 1px rgba(15,15,26,.06),0 20px 44px -14px rgba(15,15,26,.3);opacity:0;transform:translateY(-8px);transition:opacity .35s,transform .45s var(--ease)}
.lh-3.lh-show{opacity:1;transform:none}
.lh-3::before{content:"";position:absolute;top:-6px;right:34px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:3px 0 0 0;box-shadow:-1px -1px 0 rgba(15,15,26,.06)}
.lh-3 .lh-msg{font-size:14px;line-height:1.4;font-weight:600;padding-inline-end:4px}
@media (max-width:600px){
  :root{--lh-h:62px}
  .lh-in{justify-content:space-between;padding-inline:16px 44px;font-size:12.5px;gap:10px}
  .lh-1 .lh-ic{display:none}
  .lh-1 .lh-go{padding:6px 11px}
  .lh-1 .lh-x{inset-inline-end:6px}
  .lh-2{left:16px;bottom:16px;width:calc(100vw - 32px)}
  .lh-3{left:12px;right:12px;max-width:none;flex-wrap:wrap;padding:14px;transform:translateY(-8px)}
  .lh-3::before{display:none}
  .lh-3 .lh-msg{flex:1 1 calc(100% - 100px)}
  .lh-3 .lh-go{order:3;flex:1;text-align:center;padding:10px 15px}
}
/* Arabic-script text in the suggestion on non-Arabic pages */
@font-face{font-family:"Plus Jakarta Sans";src:url(/assets/fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}