/* Revtein site v2 (2026-11-16): compact, precise B2B look. One accent (violet), crisp 1px lines, data in mono. */
@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/PlusJakartaSans-200-800.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/Inter-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--ink:#0E0B1F;--t1:#17122E;--t2:#5A5472;--t3:#8A84A3;--line:#E8E4F3;--line2:#F1EEF8;--bg:#fff;--bg2:#F8F7FC;--bg3:#F3F0FB;
--v:#6335F5;--v2:#7C5CFF;--v3:#A78BFA;--vs:#EFE9FF;--vt:#4A22C9;--ok:#1F7A55;--okb:#E5F4EC;--warn:#A0620E;--warnb:#FDF2DC;--bad:#B4362C;--badb:#FCEAE7;--info:#3557C8;--infob:#E9EEFD;
--r:12px;--r2:18px;--sh:0 1px 2px rgba(23,18,46,.06),0 8px 24px -12px rgba(23,18,46,.14);--sh2:0 2px 6px rgba(23,18,46,.05),0 30px 60px -28px rgba(54,24,160,.35);
--font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--disp:"Plus Jakarta Sans",Inter,system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--w:1160px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-lock]{overflow:hidden}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--v);text-decoration:none}a:hover{color:var(--vt)}
:focus-visible{outline:2px solid var(--v);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--disp);color:var(--ink);margin:0;font-weight:750;letter-spacing:-.028em;line-height:1.12}
h1{font-size:clamp(2.15rem,4.6vw,3.5rem);letter-spacing:-.04em;line-height:1.04}
h2{font-size:clamp(1.65rem,3vw,2.35rem)}
h3{font-size:1.1rem;letter-spacing:-.018em}
p{margin:0 0 1em}
.w{max-width:var(--w);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:var(--v);color:#fff;padding:10px 16px;border-radius:8px;z-index:500}.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mono{font-family:var(--mono);font-size:.82em;letter-spacing:0}
.kick{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--v);margin:0 0 14px}
.kick::before{content:"";width:6px;height:6px;border-radius:2px;background:var(--v)}
.lede{font-size:1.12rem;color:var(--t2);line-height:1.6;max-width:60ch}
.muted{color:var(--t2)}
/* buttons */
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;font:600 .95rem/1 var(--font);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,box-shadow .15s,transform .1s;max-width:100%}
.b:active{transform:translateY(1px)}
.b1{background:var(--v);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px -10px rgba(99,53,245,.9)}.b1:hover{background:var(--vt);color:#fff}
.b2{background:#fff;color:var(--t1);border-color:var(--line);box-shadow:var(--sh)}.b2:hover{border-color:#D6CFEA;color:var(--t1)}
.b3{color:var(--t1);padding:0 6px;height:auto}.b3:hover{color:var(--v)}
.bw{background:#fff;color:var(--vt)}.bw:hover{background:var(--vs);color:var(--vt)}
.bg{color:#fff;border-color:rgba(255,255,255,.3)}.bg:hover{background:rgba(255,255,255,.1);color:#fff}
.bs{height:36px;padding:0 14px;font-size:.88rem}.bl{height:50px;padding:0 22px;font-size:1rem}
.b svg{width:16px;height:16px;flex:none}
/* header */
.rvHeader{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.8) blur(14px);-webkit-backdrop-filter:saturate(1.8) blur(14px);border-bottom:1px solid var(--line)}
.rvHeader.menuOpen,.rvHeader:has(.mobileMenu[data-open]){backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
.rvHeader .bar{display:flex;align-items:center;gap:24px;height:64px}
.logo{display:flex;align-items:center;gap:9px;color:var(--ink);font:800 1.22rem var(--disp);letter-spacing:-.04em}
.logo svg{width:36px;color:var(--v)}.logo:hover{color:var(--ink)}
.rvHeader nav{display:flex;align-items:center;gap:2px;flex:1}
.rvHeader nav>a,.rvHeader .navDrop>button{font:500 .93rem var(--font);color:var(--t1);background:none;border:0;padding:8px 12px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.rvHeader nav>a:hover,.rvHeader .navDrop>button:hover,.rvHeader .navDrop[data-open]>button{background:var(--bg3);color:var(--ink)}
.rvHeader .navDrop{position:relative}.rvHeader .navDrop>button svg{width:13px;transition:transform .2s}.rvHeader .navDrop[data-open]>button svg{transform:rotate(180deg)}
.rvHeader .acts{display:flex;align-items:center;gap:10px}
.rvHeader .signin{font:500 .93rem var(--font);color:var(--t1);padding:8px 10px}
.burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;place-items:center;cursor:pointer;color:var(--t1)}
.rvHeader .dropPanel{position:absolute;top:calc(100% + 10px);left:-12px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2);padding:10px;display:none;z-index:5}
.rvHeader .navDrop[data-open] .dropPanel{display:block}
.rvHeader .dropPanel.simple{min-width:330px}
.rvHeader .dropPanel.simple a{display:block;padding:10px 12px;border-radius:10px;color:var(--t1)}.rvHeader .dropPanel.simple a:hover{background:var(--bg2)}
.rvHeader .dropPanel.simple b{display:block;font-size:.92rem;font-weight:600}.rvHeader .dropPanel.simple small{color:var(--t2);font-size:.82rem}
.rvHeader .prodMega{width:min(940px,94vw);left:-110px;padding:12px;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr auto;gap:8px 14px}
.rvHeader .navDrop[data-open] .prodMega{display:grid}
.pmList{display:grid;grid-template-columns:1fr 1fr;gap:2px;align-content:start}
.pmList a{display:flex;gap:11px;padding:9px 10px;border-radius:10px;color:var(--t1);align-items:flex-start}
.pmList a.on,.pmList a:hover{background:var(--bg2)}
.pmIc{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--vs);color:var(--v)}
.pmIc svg{width:17px;height:17px}
.pmList a.on .pmIc{background:var(--v);color:#fff}
.pmList b{display:block;font-size:.9rem;font-weight:600;line-height:1.3}.pmList small{display:block;font-size:.78rem;color:var(--t2);line-height:1.35;margin-top:1px}
.pmPreview{border-radius:12px;background:linear-gradient(160deg,#F6F2FF,#EEE7FF);padding:12px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--line2)}
.pmShot{border-radius:10px;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}
.pmShot img{width:100%;height:100%;object-fit:contain}
.pmPreview b{font-size:.95rem;font-family:var(--disp);letter-spacing:-.02em}.pmPreview p{margin:0;font-size:.84rem;color:var(--t2);line-height:1.5}
.pmFoot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 6px 1px}
.pmFoot a{display:inline-flex;gap:7px;align-items:center;font-weight:600;font-size:.88rem;color:var(--t1)}.pmFoot a:first-child{color:var(--v)}
.mobileMenu{display:none}
@media(max-width:1000px){.rvHeader nav,.rvHeader .signin{display:none}.burger{display:grid}.rvHeader .acts .b1{height:38px;padding:0 13px;font-size:.88rem}
 .mobileMenu[data-open]{display:block;position:fixed;inset:64px 0 0 0;height:calc(100dvh - 64px);overflow:auto;background:#fff;padding:8px 20px 32px;z-index:99}
 .mobileMenu .grp{margin:18px 0 6px;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--v)}
 .mobileMenu a.mItem{display:flex;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line2);color:var(--t1)}
 .mobileMenu a.mItem b{display:block;font-size:.98rem;font-weight:600}.mobileMenu a.mItem small{display:block;font-size:.8rem;color:var(--t2)}
 .mobileMenu .mLinks{display:grid;grid-template-columns:1fr 1fr}.mobileMenu .mLinks a{padding:11px 2px;color:var(--t1);font-weight:500;border-bottom:1px solid var(--line2)}
 .mobileMenu .cta{margin-top:20px}.mobileMenu .cta .b{width:100%}}
@media(max-width:420px){.rvHeader .acts .b1{display:none}}
/* sections */
.s{padding:84px 0}.s.tight{padding:56px 0}.s.alt{background:var(--bg2);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.sh{max-width:720px;margin:0 0 36px}.sh.c{text-align:center;margin-left:auto;margin-right:auto}.sh h2+p{margin-top:12px;color:var(--t2);font-size:1.05rem}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:22px;box-shadow:var(--sh)}
.tk{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:9px}.tk li{display:flex;gap:10px;align-items:flex-start;color:var(--t1)}
.tk li::before{content:"";flex:none;width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--vs) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236335F5' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/11px no-repeat}
/* hero */
.hero2{position:relative;overflow:hidden;padding:64px 0 72px;isolation:isolate;border-bottom:1px solid var(--line2)}
.hero2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(900px 480px at 85% -10%,rgba(124,92,255,.22),transparent 60%),radial-gradient(700px 400px at -5% 20%,rgba(167,139,250,.18),transparent 60%),linear-gradient(#fff,#FBFAFF)}
.hero2::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(99,53,245,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,53,245,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 80% at 70% 30%,#000,transparent 75%);mask-image:radial-gradient(60% 80% at 70% 30%,#000,transparent 75%)}
.hero2 .grid2{grid-template-columns:1.05fr 1fr;gap:56px}
.cat{display:inline-flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);font-size:.82rem;font-weight:600;color:var(--t1);margin-bottom:22px}
.cat em{font-style:normal;background:var(--v);color:#fff;border-radius:999px;padding:2px 9px;font-size:.74rem}
.hero2 h1 span{background:linear-gradient(95deg,#6335F5,#9B6BFF 55%,#C084FC);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .lede{margin:18px 0 22px}
.probs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.probs li{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:8px;background:#fff;border:1px solid var(--line);font-size:.86rem;font-weight:500;color:var(--t1)}
.probs li i{width:7px;height:7px;border-radius:50%}
.ctas{display:flex;gap:10px;flex-wrap:wrap}
.trustline{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;font-size:.84rem;color:var(--t2)}
.trustline span{display:inline-flex;gap:6px;align-items:center}.trustline svg{width:15px;color:var(--ok)}
.heroArt{position:relative}
.heroArt .il{position:relative;z-index:2}
.heroArt .ilBack{position:absolute;z-index:1;right:-18px;top:-26px;width:72%;opacity:.95;transform:rotate(2deg)}
/* logos strip */
.logos2{padding:28px 0;border-bottom:1px solid var(--line2)}
.logos2 p{text-align:center;font-size:.82rem;color:var(--t2);margin:0 0 14px}
.logos2 .row{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;align-items:center}
.logos2 .row span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:var(--t2);filter:grayscale(1);opacity:.8}
.logos2 .row img{width:20px;height:20px;object-fit:contain}
/* problem → stack */
.stack{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}
.stack>div{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff}
.stack small{font-family:var(--mono);font-size:.7rem;color:var(--t3);text-transform:uppercase;letter-spacing:.05em}
.stack b{display:block;font-family:var(--disp);font-size:1rem;margin:4px 0 4px}.stack p{margin:0;color:var(--t2);font-size:.9rem}
.stackJoin{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;border-radius:14px;background:linear-gradient(95deg,#F2ECFF,#fff);border:1px solid #DED3FB}
.stackJoin b{font-family:var(--disp)}.stackJoin p{margin:0;color:var(--t2);font-size:.93rem}
.stackJoin .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--v);display:grid;place-items:center}
/* bento */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bx{position:relative;border:1px solid var(--line);border-radius:20px;background:#fff;padding:22px 22px 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh);transition:box-shadow .25s,transform .25s}
.bx:hover{box-shadow:var(--sh2);transform:translateY(-2px)}
.bx.c3{grid-column:span 3}.bx.c2{grid-column:span 2}.bx.c4{grid-column:span 4}
.bx .k{font-family:var(--mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--v);margin-bottom:8px}
.bx h3{font-size:1.18rem;margin-bottom:6px}.bx>p{color:var(--t2);font-size:.93rem;margin:0 0 6px}
.bx ul{margin:6px 0 14px;padding:0;list-style:none;font-size:.86rem;color:var(--t2)}.bx ul li{padding:3px 0 3px 14px;position:relative}.bx ul li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--v3)}
.bx .art{margin-top:auto;padding:14px 0 0;margin-left:-6px;margin-right:-6px}
.bx .art .il{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}
.bx a.more{font-size:.88rem;font-weight:600;margin-bottom:6px;display:inline-flex;gap:6px;align-items:center}
/* follow one case (Find → Remember) */
.flow{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
.flowSteps{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:f}
.flowSteps button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:30px 1fr;gap:4px 12px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid transparent}
.flowSteps button i{grid-row:span 2;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font:700 .82rem var(--mono);background:var(--bg3);color:var(--t2);font-style:normal}
.flowSteps button b{font-family:var(--disp);font-size:1rem;color:var(--t1)}.flowSteps button small{color:var(--t2);font-size:.85rem;line-height:1.45;display:none}
.flowSteps button[aria-selected=true]{background:#fff;border-color:var(--line);box-shadow:var(--sh)}
.flowSteps button[aria-selected=true] i{background:var(--v);color:#fff}.flowSteps button[aria-selected=true] small{display:block}
.flowStage{position:relative;border-radius:22px;padding:28px;background:radial-gradient(70% 80% at 80% 0%,rgba(124,92,255,.25),transparent 70%),linear-gradient(160deg,#F5F1FF,#ECE4FF);border:1px solid #E2D8FB;min-height:420px}
.flowStage .il{max-width:560px;margin:0 auto}
.flowPanel[hidden]{display:none}
.flowPanel .cap{max-width:560px;margin:14px auto 0;font-size:.9rem;color:var(--t2);text-align:center}
/* pillars + not */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pillar{border-top:2px solid var(--v);padding:18px 4px 0}.pillar b{display:block;font-family:var(--disp);font-size:1.12rem;margin-bottom:6px}.pillar p{color:var(--t2);margin:0;font-size:.95rem}
.notbox{margin-top:36px;border:1px dashed #D5CBF2;border-radius:18px;padding:22px;display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;background:#FDFCFF}
.notbox h3{font-size:1.1rem}.notbox ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.notbox li{font-size:.86rem;padding:7px 11px;border-radius:9px;background:#fff;border:1px solid var(--line)}.notbox li b{font-weight:600}
/* plans */
.plans2{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:900px;margin:0 auto}
.plan2{border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:var(--sh);display:flex;flex-direction:column}
.plan2.dk{background:linear-gradient(160deg,#1B1338,#2C1A68);border-color:#2C1A68;color:#E8E0FF}.plan2.dk h3,.plan2.dk .pr{color:#fff}.plan2.dk p,.plan2.dk li{color:#CFC3F2}
.plan2 h3{font-size:1.3rem}.plan2 .pr{font:750 2.3rem/1 var(--disp);letter-spacing:-.04em;margin:14px 0 4px;color:var(--ink)}.plan2 .pr small{font-size:.95rem;font-weight:500;color:inherit;opacity:.7}
.plan2 p{color:var(--t2);font-size:.93rem;margin:6px 0 12px}.plan2 ul{margin:0 0 18px}.plan2 .b{margin-top:auto}
.plan2.dk .tk li::before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.planNote{text-align:center;font-size:.88rem;color:var(--t2);margin-top:16px}
/* faq */
.faq2{max-width:780px;margin:0 auto;border-top:1px solid var(--line)}
.faq2 details{border-bottom:1px solid var(--line)}.faq2 summary{cursor:pointer;list-style:none;padding:18px 36px 18px 0;font-family:var(--disp);font-weight:650;font-size:1.02rem;color:var(--ink);position:relative}
.faq2 summary::-webkit-details-marker{display:none}.faq2 summary::after{content:"+";position:absolute;right:4px;top:14px;font:400 1.5rem var(--font);color:var(--v)}
.faq2 details[open] summary::after{content:"−"}.faq2 .a{padding:0 0 18px;color:var(--t2)}.faq2 .a p{margin:0 0 8px}
/* cta */
.cta2{position:relative;overflow:hidden;background:#140D2E;color:#fff;padding:72px 0;isolation:isolate}
.cta2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(700px 360px at 80% 0%,rgba(124,92,255,.55),transparent 65%),radial-gradient(600px 300px at 0% 100%,rgba(192,132,252,.25),transparent 60%)}
.cta2::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 90% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(60% 90% at 50% 0%,#000,transparent 75%)}
.cta2 .in{display:flex;gap:32px;align-items:center;justify-content:space-between}
.cta2 h2{color:#fff;max-width:18ch}.cta2 p{color:#CFC3F2;margin:10px 0 0;max-width:52ch}
/* page hero (inner pages) */
.ph{position:relative;overflow:hidden;isolation:isolate;padding:52px 0 56px;border-bottom:1px solid var(--line2)}
.ph::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(800px 420px at 90% -20%,rgba(124,92,255,.2),transparent 60%),linear-gradient(#fff,#FBFAFF)}
.ph .grid2{grid-template-columns:1fr 1fr}
.crumbs{display:flex;gap:8px;font-size:.82rem;color:var(--t2);margin-bottom:18px}.crumbs a{color:var(--t2)}.crumbs a:hover{color:var(--v)}
.ph .lede{margin:16px 0 22px}
.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ex{border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;display:flex;gap:12px;align-items:flex-start}
.ex i{flex:none;width:8px;height:8px;border-radius:50%;margin-top:8px;background:var(--v)}.ex b{display:block;font-family:var(--disp);font-size:.98rem;margin-bottom:3px}.ex p{margin:0;font-size:.88rem;color:var(--t2)}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:s}
.steps4>div{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;position:relative}
.steps4 em{font:700 .74rem var(--mono);color:var(--v);font-style:normal;letter-spacing:.05em;text-transform:uppercase}.steps4 b{display:block;font-family:var(--disp);margin:6px 0 4px}.steps4 p{margin:0;font-size:.9rem;color:var(--t2)}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.related a{border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--t1);background:#fff;transition:border-color .15s}.related a:hover{border-color:#CDBFF7}
.related b{display:block;font-family:var(--disp);margin-bottom:3px}.related small{color:var(--t2)}
.example-note{font-size:.78rem;color:var(--t3);text-align:center;margin-top:10px}
/* footer */
.rvFooter{background:#0F0A24;color:#B9AEDB;padding:56px 0 28px;font-size:.9rem}
.rvFooter .top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.rvFooter .logo{color:#fff}.rvFooter .logo svg{color:#B69CFF}
.rvFooter p{margin:12px 0 0;max-width:30ch;color:#A79CC9}
.rvFooter h4{color:#fff;font:600 .78rem var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 12px}
.rvFooter a{display:block;color:#B9AEDB;padding:4px 0}.rvFooter a:hover{color:#fff}
.rvFooter .base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem}
.rvFooter .base a{display:inline;padding:0}
/* ===================== illustrations (isolated product scenes) */
.il{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(23,18,46,.05),0 24px 50px -28px rgba(54,24,160,.4);padding:16px;font-size:.86rem;color:var(--t1);text-align:left}
.ilHead{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.8rem;color:var(--t2);margin-bottom:12px}
.ilDot{width:8px;height:8px;border-radius:50%;background:var(--v);box-shadow:0 0 0 4px var(--vs)}
.ilTag{margin-left:auto;font:600 .68rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--vt);background:var(--vs);padding:3px 7px;border-radius:6px}
.ilMuted{color:var(--t3);font-size:.8rem}
.ilPill{display:inline-flex;align-items:center;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}
.ilPill.ok{background:var(--okb);color:var(--ok)}.ilPill.warn{background:var(--warnb);color:var(--warn)}.ilPill.bad{background:var(--badb);color:var(--bad)}.ilPill.info{background:var(--infob);color:var(--info)}
.ilSrcs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ilSrc{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg2)}
.ilSrc.warn{background:var(--warnb);border-color:#F2D9A6}
.ilSrcT{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--t2)}.ilSrcT img{width:16px;height:16px;object-fit:contain}
.ilSrc small{display:block;font-size:.72rem;color:var(--t3);margin-top:6px}.ilSrc b{display:block;font:700 1.6rem/1.1 var(--disp);letter-spacing:-.03em;margin-top:2px}
.ilSrc.warn b{color:var(--warn)}
.ilFlowLine{height:18px;margin:2px auto;width:2px;background:linear-gradient(var(--line),var(--v3))}
.ilResult{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 14px;border-radius:12px;background:linear-gradient(95deg,#F3EEFF,#FBF9FF);border:1px solid #E1D6FB}
.ilResult b{display:block;font-size:.92rem}.ilResult small{display:block;color:var(--t2);font-size:.76rem;margin-top:2px}
.ilAmt{font:750 1.35rem/1 var(--disp);color:var(--ok);letter-spacing:-.03em;white-space:nowrap}.ilAmt small{font-size:.72rem;font-weight:500;color:var(--t2)}.ilAmt.neg{color:var(--bad)}
.ilAmt.sm{font-size:.9rem}.ilAmt.sm.bad{color:var(--bad)}.ilAmt.sm.info{color:var(--info)}.ilAmt.sm.warn{color:var(--ok)}
.ilFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.ilBar{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;font-size:.74rem;font-weight:600;color:var(--t2);margin-bottom:10px}
.ilBar span:nth-child(2){text-align:right;font-family:var(--mono);font-weight:500}.ilBar i{grid-column:1/-1;height:5px;border-radius:5px;background:var(--bg3);overflow:hidden}.ilBar s{display:block;height:100%;background:var(--v);text-decoration:none;border-radius:5px}
.ilSteps{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ilSteps li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:11px;border:1px solid var(--line2);background:#fff}
.ilSteps li.now{border-color:#CDBDF8;background:#F8F5FF;box-shadow:0 0 0 3px rgba(99,53,245,.08)}
.ilSteps li.todo{opacity:.6}
.ilSteps b{display:block;font-size:.88rem}.ilSteps small{color:var(--t2);font-size:.76rem}
.ilSteps em{margin-left:auto;font-style:normal;font-size:.68rem;font-weight:700;color:#fff;background:var(--v);border-radius:6px;padding:2px 7px}
.ilBox{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid #CFC6EA;display:grid;place-items:center;margin-top:1px}
.ilSteps li.done .ilBox{background:var(--ok);border-color:var(--ok);color:#fff}.ilBox svg{width:10px;height:10px}
.ilSteps li.now .ilBox{border-color:var(--v)}
.ilVerified{display:flex;gap:8px;align-items:center;margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--okb);color:var(--ok);font-weight:600;font-size:.82rem}.ilVerified svg{width:15px}
.ilKpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.ilKpis>div{border:1px solid var(--line2);background:var(--bg2);border-radius:10px;padding:9px 11px}
.ilKpis small{display:block;font-size:.7rem;color:var(--t3)}.ilKpis b{display:block;font:750 1.12rem var(--disp);letter-spacing:-.02em}.ilKpis em{display:block;font-style:normal;font-size:.68rem;color:var(--t3)}
.ilKpis4{grid-template-columns:repeat(2,1fr)}
b.ok{color:var(--ok)}b.warn{color:var(--warn)}b.bad{color:var(--bad)}
.ilRows{list-style:none;margin:0;padding:0;display:grid}
.ilRows li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 2px;border-top:1px solid var(--line2)}
.ilRows li b{font-size:.84rem;font-weight:600}.ilRows small{display:block;color:var(--t2);font-size:.74rem}
.ilSvc .ilRows li{grid-template-columns:1.1fr auto}.ilSvc .ilRows li .ilMuted{display:none}
.ilRenRows li{grid-template-columns:1fr auto 52px}.ilMg{font:700 .9rem var(--disp);text-align:right}.ilMg small{display:block;font:500 .64rem var(--font);color:var(--t3)}
.ilTask li{grid-template-columns:1fr auto auto}.ilBtn{font-size:.72rem;font-weight:600;padding:4px 9px;border-radius:7px;border:1px solid var(--line);background:#fff}
.ilChecks{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.ilChecks span{font-size:.72rem;padding:4px 8px;border-radius:7px;background:var(--bg3);color:var(--t2);display:inline-flex;gap:4px;align-items:center}
.ilChecks .done{background:var(--okb);color:var(--ok)}.ilChecks .now{background:var(--v);color:#fff}.ilChecks svg{width:10px}
.ilBars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;height:150px;padding:6px 4px 0;margin-bottom:12px}
.ilBars div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.ilBars i{width:70%;border-radius:7px 7px 3px 3px;background:var(--v);order:-1}.ilBars i.v{background:#C4B2FB}.ilBars i.l{background:#DCD0FD}.ilBars i.m{background:var(--warn)}
.ilBars b{font:700 .8rem var(--disp)}.ilBars small{font-size:.68rem;color:var(--t3)}
.ilBars div{position:relative}.ilBars i{flex:none}
.ilLab{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:.78rem;color:var(--t2)}
.ilSeg{display:flex;gap:3px;background:var(--bg3);border-radius:8px;padding:3px}.ilSeg em{font-style:normal;padding:3px 8px;border-radius:6px;font-weight:600;font-size:.72rem}.ilSeg em.on{background:#fff;color:var(--vt);box-shadow:var(--sh)}
.ilLab b{color:var(--ok);font-family:var(--disp)}
.ilCloseTop{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center}
.ilRing{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--v) calc(var(--p)*1%),var(--bg3) 0);display:grid;place-items:center;position:relative}
.ilRing::before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fff}.ilRing b,.ilRing small{position:relative}.ilRing b{font:750 1.8rem/1 var(--disp);margin-top:22px}.ilRing small{font-size:.7rem;color:var(--t2);margin-top:-38px}
.ilMini{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ilMini li{padding:9px 11px;border-radius:10px;border:1px solid var(--line2)}.ilMini li.now{border-color:#CDBDF8;background:#F8F5FF}
.ilMini b{display:block;font-size:.84rem}.ilMini small{color:var(--t2);font-size:.74rem}
.ilPrice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line2);border-radius:12px;background:var(--bg2);margin-bottom:10px}
.ilPrice>span{display:flex;gap:8px;align-items:center;font-weight:600;font-size:.84rem}.ilPrice img{width:16px}.ilPrice div{text-align:right}.ilPrice s{color:var(--t3);margin-right:6px;font-size:.84rem}
.ilPrice b{font:750 1.2rem var(--disp);color:var(--bad)}.ilPrice small{display:block;font-size:.7rem;color:var(--t3)}
.ilDoc{margin-top:4px;padding:12px;border-radius:12px;border:1px solid var(--line2);display:grid;gap:7px}.ilDoc span{height:7px;border-radius:5px;background:var(--bg3)}.ilDoc span.s{width:60%}
.ilDoc em{font-style:normal;display:flex;gap:6px;align-items:center;font-size:.76rem;font-weight:600;color:var(--ok)}.ilDoc svg{width:13px}
.ilQ{margin-left:auto;max-width:85%;background:var(--v);color:#fff;padding:10px 13px;border-radius:14px 14px 4px 14px;font-weight:500;font-size:.86rem;width:fit-content}
.ilA{margin-top:10px;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:12px 13px;background:var(--bg2)}.ilA p{margin:0 0 10px;font-size:.86rem;line-height:1.55}
.ilCites{display:flex;flex-wrap:wrap;gap:6px}.ilCites span{display:inline-flex;gap:5px;align-items:center;font-size:.7rem;font-family:var(--mono);background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 7px;color:var(--t2)}.ilCites img{width:13px;height:13px}
.ilActs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:.74rem;color:var(--t3)}.ilActs .b{all:unset;font-size:.76rem;font-weight:600;color:#fff;background:var(--v);border-radius:7px;padding:5px 10px}
.ilChain{list-style:none;margin:0;padding:0 0 0 4px;display:grid;gap:0;position:relative}
.ilChain li{display:grid;grid-template-columns:64px 1fr;gap:0 10px;padding:8px 0;position:relative;border-left:2px solid #E3DBFB;padding-left:14px;margin-left:6px}
.ilChain li::before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--v)}
.ilChain li.ok::before{background:var(--ok);border-color:var(--ok)}
.ilChain .k{grid-row:span 2;font:600 .68rem var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--v);padding-top:2px}.ilChain b{font-size:.86rem}.ilChain small{color:var(--t2);font-size:.74rem}
.ilSources .ilRows li{grid-template-columns:1fr auto auto}
.ilConnect{background:transparent;border:0;box-shadow:none;padding:0}
.ilOrbit{position:relative;width:min(420px,100%);aspect-ratio:1;margin:0 auto}
.ilOrbit>span{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:13px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);display:grid;place-items:center;transform:rotate(calc(var(--i)*36deg)) translate(min(170px,40vw)) rotate(calc(var(--i)*-36deg))}
.ilOrbit>span img{width:24px;height:24px;object-fit:contain}
.ilOrbit::before{content:"";position:absolute;inset:9%;border-radius:50%;border:1px dashed #D7CCF6}
.ilHub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:132px;height:132px;border-radius:30px;background:#fff;border:1px solid #DCCFFB;box-shadow:0 30px 60px -24px rgba(99,53,245,.55);display:grid;place-items:center;align-content:center;gap:4px;text-align:center}
.ilHub img{width:44px}.ilHub b{font:800 1rem var(--disp)}.ilHub small{font-size:.7rem;color:var(--t2)}
/* responsive */
@media(max-width:1000px){.hero2 .grid2,.ph .grid2,.grid2{grid-template-columns:1fr;gap:34px}.bento{grid-template-columns:1fr 1fr}.bx.c3,.bx.c2,.bx.c4{grid-column:span 1}.bx.wide{grid-column:span 2}
 .flow{grid-template-columns:1fr}.flowSteps{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto;display:grid;scrollbar-width:none;margin:0 -24px;padding:0 24px 4px}.flowSteps button small{display:none!important}
 .stack{grid-template-columns:1fr 1fr}.examples,.related{grid-template-columns:1fr 1fr}.steps4{grid-template-columns:1fr 1fr}.rvFooter .top{grid-template-columns:1fr 1fr}.rvFooter .top>div:first-child{grid-column:1/-1}.pillars{grid-template-columns:1fr}.notbox{grid-template-columns:1fr}.cta2 .in{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){
 .s{padding:56px 0}.s.tight{padding:40px 0}.w{padding:0 18px}.hero2{padding:36px 0 44px}.ph{padding:32px 0 38px}
 h1{font-size:2.05rem}.lede{font-size:1rem}
 .ctas{flex-direction:column}.ctas .b{width:100%}
 .bento,.stack,.examples,.related,.steps4,.plans2{grid-template-columns:1fr}.bx.wide{grid-column:span 1}
 .bx{padding:18px 18px 0}.flowStage{padding:14px;min-height:0;border-radius:18px}.flowSteps{margin:0 -18px;padding:0 18px 4px}
 .il{padding:12px;font-size:.82rem}.ilSrc b{font-size:1.3rem}.ilSrc{padding:8px 9px}.ilAmt{font-size:1.1rem}.ilCloseTop{grid-template-columns:1fr}.ilRing{margin:0 auto}
 .heroArt .ilBack{display:none}.logos2 .row{gap:16px}.logos2 .row span{font-size:.8rem}
 .rvFooter .top{grid-template-columns:1fr 1fr}.cta2{padding:52px 0}.cta2 .ctas{width:100%}
 .ilKpis{grid-template-columns:repeat(3,1fr);gap:6px}.ilKpis b{font-size:.98rem}.ilKpis4{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.ilEvRows li{grid-template-columns:78px 34px 1fr auto}.ilEvRows li>b{font:750 1.05rem var(--disp)}.ilEv b{display:block;font-size:.8rem}.ilEv small{font-size:.72rem}
.ilOpts{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ilOpts li{display:flex;gap:10px;padding:10px 12px;border:1px solid var(--line2);border-radius:11px}.ilOpts li.on{border-color:var(--v);background:#F8F5FF;box-shadow:0 0 0 3px rgba(99,53,245,.08)}
.ilOpts b{display:block;font-size:.86rem}.ilOpts small{color:var(--t2);font-size:.75rem}
.ilRad{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid #CFC6EA;margin-top:2px}.ilOpts li.on .ilRad{border:5px solid var(--v)}
.ilBtn.on{background:var(--v);color:#fff;border-color:var(--v)}
.ilChange{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;border-radius:12px;background:var(--bg2);border:1px solid var(--line2);margin-bottom:8px}
.ilChange>span{display:flex;gap:7px;align-items:center;font-weight:600;font-size:.82rem}.ilChange img{width:16px}.ilChange s{color:var(--t3);margin-right:8px}.ilChange b{font:750 1.05rem var(--disp);color:var(--ok)}
.ilPaths li{grid-template-columns:1fr auto}
.ilTimeline{list-style:none;margin:0;padding:0 0 0 6px}.ilTimeline li{display:grid;grid-template-columns:96px 70px 1fr;gap:8px;align-items:baseline;padding:8px 0 8px 14px;border-left:2px solid #E3DBFB;position:relative}
.ilTimeline li::before{content:"";position:absolute;left:-6px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--v)}.ilTimeline li:nth-child(4)::before,.ilTimeline li:nth-child(5)::before{background:var(--ok)}
.ilTimeline b{font-size:.8rem}.ilTimeline small{color:var(--t2);font-size:.76rem}
@media(max-width:640px){.ilEvRows li{grid-template-columns:70px 28px 1fr}.ilEvRows li>span:last-child{display:none}.ilTimeline li{grid-template-columns:1fr;gap:0}}
.ilTk{flex:1;min-width:0}.ilTk>b{display:flex;align-items:center;gap:8px}.ilTk em{margin-left:0!important}
.ilBody{margin-top:10px;display:grid;gap:8px;justify-items:start}.ilBody>*{justify-self:stretch}.ilBody .ilBtn{justify-self:start}
.ilNote{margin:0;font-size:.76rem;color:var(--t2)}
.ilBody .ilSrc b{font-size:1.3rem}
.cyc{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.cyc li{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.cyc em{font:700 .7rem var(--mono);color:var(--v);font-style:normal}.cyc b{display:block;font-family:var(--disp);font-size:.98rem;margin:4px 0 3px}.cyc span{font-size:.8rem;color:var(--t2);line-height:1.4;display:block}
@media(max-width:1000px){.cyc{grid-template-columns:repeat(3,1fr)}.flowSteps{grid-template-columns:repeat(4,minmax(150px,1fr))}}
@media(max-width:640px){.cyc{grid-template-columns:1fr 1fr}}
.grid2.rev{}
.link{font-weight:600}
/* ===== long-form pages (guides, legal, security, integrations, FAQ): same identity, compact */
body.legacy{font-family:var(--font);font-size:16px;color:var(--t1);background:#fff}
.legacy h1,.legacy h2,.legacy h3{font-family:var(--disp);color:var(--ink);letter-spacing:-.028em}
.legacy .pageHero{padding:48px 0 44px;background:linear-gradient(#fff,#FBFAFF);border-bottom:1px solid var(--line2)}
.legacy .pageHero h1{font-size:clamp(2rem,4vw,3rem);max-width:22ch;background:none;-webkit-text-fill-color:currentColor;color:var(--ink)}
.legacy .pageHero .aurora,.legacy .pageHero .spot,.legacy .hero .aurora{display:none}
.legacy .pageHero::before{opacity:.5}
.legacy .wrap{max-width:var(--w);padding:0 24px}
.legacy .sec{padding:64px 0}.legacy .sec.alt{background:var(--bg2)}
.legacy h2{font-size:clamp(1.55rem,2.8vw,2.1rem)}
.legacy .lede{font-size:1.08rem;color:var(--t2)}
.legacy .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;padding:0;background:none;border:0;color:var(--v);margin-bottom:12px}
.legacy .eyebrow::before{width:6px;height:6px;border-radius:2px;box-shadow:none;background:var(--v)}
.legacy .btn{font-family:var(--font);font-weight:600;border-radius:10px;height:44px;font-size:.95rem}
.legacy .btn-lg{height:50px}.legacy .btn-primary{background:var(--v);box-shadow:0 8px 20px -10px rgba(99,53,245,.9)}
.legacy .card{border-radius:var(--r2);border-color:var(--line);box-shadow:var(--sh)}
.legacy .frame:has(.illImg){background:none;border:0;box-shadow:none;overflow:visible}.legacy .frame:has(.illImg) .bar{display:none}
.legacy .illImg{width:100%;max-width:560px;height:auto;margin:0 auto}
.legacy .ctaBand{padding:64px 0}
.legacy .crumbs{font-size:.82rem;margin-bottom:16px}
.legacy .faq details{border-radius:12px}
@media(max-width:640px){.legacy .sec{padding:48px 0}.legacy .pageHero{padding:30px 0 32px}.legacy .wrap{padding:0 18px}.legacy .pageHero h1{font-size:1.95rem}}
.more svg,.link svg,.b svg{width:15px;height:15px;flex:none}
.heroArt{padding:64px 0 0 0}.heroArt .ilBack{top:0;right:-10px;width:78%;transform:rotate(2.5deg);opacity:1;filter:saturate(.9)}
.heroArt>.il{width:92%;box-shadow:0 2px 6px rgba(23,18,46,.06),0 40px 80px -30px rgba(54,24,160,.5)}
@media(max-width:1000px){.heroArt{padding:0}.heroArt>.il{width:100%}}
.ilBars{height:150px}.ilBars i{height:calc(104px * var(--h,1));min-height:6px}
@media(max-width:1000px){.flowSteps button{grid-template-columns:26px 1fr;align-items:center}.flowSteps button i{grid-row:auto;width:26px;height:26px}.flowSteps button b{font-size:.88rem;line-height:1.25}}
@media(max-width:1000px){.flowSteps{margin:0 -24px;width:calc(100% + 48px);max-width:100vw}}
@media(max-width:640px){.flowSteps{margin:0 -18px;width:calc(100% + 36px)}}
.flow{min-width:0}.flow>*{min-width:0}
/* ===== 2026-11-16 pass 3 */
/* lists: bold lead-in stays on the same line as its text */
.tk li{display:block;position:relative;padding-left:28px}.tk li::before{position:absolute;left:0;top:0}
/* colored integration logos */
.logos2 .row span{filter:none;opacity:1;color:var(--t1);background:#fff;border:1px solid var(--line);border-radius:10px;padding:7px 12px}
.logos2 .row{gap:10px}
/* bento: art follows its text, no hole in the middle */
.bx .art{margin-top:16px}.bento{align-items:stretch}.bx{padding-bottom:0}
/* monthly review ring */
.ilRing{display:grid;place-items:center}.ilRing span{position:relative;display:grid;justify-items:center;text-align:center;line-height:1.1}
.ilRing b{margin:0;font:750 1.9rem/1 var(--disp)}.ilRing small{margin:4px 0 0;max-width:70px;font-size:.66rem;color:var(--t2)}
.ilCloseTop{grid-template-columns:124px 1fr;gap:14px}
/* long-form CTA bands keep white text */
.legacy .ctaBand h2,.legacy .ctaBand p,.legacy .dark h2,.legacy .dark h3{color:#fff}.legacy .ctaBand p{color:#D8CEF5}
.legacy .ctaBand{background:#140D2E;position:relative}
/* dashboard picture */
.db{display:grid;grid-template-columns:210px 1fr;width:1100px;max-width:none;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 2px 6px rgba(23,18,46,.05),0 50px 100px -40px rgba(54,24,160,.45);font-size:13px;color:var(--t1);text-align:left}
.dbNav{background:#FAF8FF;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:2px}
.dbLogo{display:flex;align-items:center;gap:8px;font:800 1rem var(--disp);margin:0 6px 12px}.dbOrg{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;margin-bottom:10px}.dbOrg b{display:block;font-size:.8rem}.dbOrg small{font-size:.7rem;color:var(--t3)}
.dbNav a{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:8px;color:var(--t1);font-weight:500;font-size:.8rem}
.dbNav a.on{background:var(--vs);color:var(--vt);font-weight:700;box-shadow:inset 2px 0 0 var(--v)}
.dbNav em{font-style:normal;font-size:.66rem;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--t2)}
.dbG{font:600 .62rem var(--mono);letter-spacing:.06em;color:var(--t3);margin:10px 10px 2px}
.dbMain{padding:16px 22px 22px;background:#fff}
.dbTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.dbSearch{border:1px solid var(--line);border-radius:9px;padding:6px 12px;color:var(--t3);font-size:.78rem;width:300px}.dbAv{width:28px;height:28px;border-radius:50%;background:var(--vs);color:var(--vt);display:grid;place-items:center;font-weight:700;font-size:.7rem}
.dbMain h4{font:750 1.5rem var(--disp);letter-spacing:-.03em;margin:0}.dbSub{margin:2px 0 12px;color:var(--t2);font-size:.8rem}
.dbKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.dbKpis>div{border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:var(--bg2)}
.dbKpis>div.ok{background:var(--okb);border-color:#CDE8DA}.dbKpis>div.warn{background:var(--warnb);border-color:#F2DDB2}
.dbKpis small{display:block;font-size:.66rem;color:var(--t2);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.dbKpis b{font:750 1.35rem var(--disp);letter-spacing:-.03em}.dbKpis em{font-style:normal;font-size:.75rem;color:var(--t2);font-weight:500}
.dbNext{display:flex;justify-content:space-between;align-items:center;border:1px solid #D9CCFB;border-left:3px solid var(--v);border-radius:11px;padding:10px 14px;margin-bottom:10px}
.dbNext small{display:block;font-size:.66rem;color:var(--t3)}.dbNext b{font-size:.88rem}.dbNext span{background:var(--v);color:#fff;font-weight:700;font-size:.75rem;border-radius:8px;padding:6px 14px}
.dbCols{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}.dbCard{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.dbCard>b{display:block;font:700 .9rem var(--disp);margin-bottom:6px}
.dbCard ul{list-style:none;margin:0;padding:0}.dbCard li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--line2)}.dbCard li b{display:block;font-size:.8rem}.dbCard li small{font-size:.7rem;color:var(--t2)}
.dbChart{display:grid;gap:8px;margin:6px 0 12px}.dbChart div{display:grid;grid-template-columns:62px 1fr 56px;gap:8px;align-items:center;font-size:.74rem}.dbChart i{height:8px;border-radius:5px;background:var(--bg3);overflow:hidden}.dbChart s{display:block;height:100%;background:linear-gradient(90deg,var(--v),var(--v3));border-radius:5px}.dbChart b{text-align:right;font-size:.74rem}
.dbCov{display:flex;gap:6px;flex-wrap:wrap}
.dbWrap{position:relative;border-radius:24px;padding:28px;background:radial-gradient(70% 70% at 20% 0%,rgba(124,92,255,.28),transparent 70%),radial-gradient(60% 60% at 100% 100%,rgba(192,132,252,.22),transparent 70%),linear-gradient(160deg,#F4EFFF,#E9E0FF);border:1px solid #E1D6FB;overflow:hidden}
.dbWrap img{width:100%;height:auto;display:block;border-radius:14px}
.secMap{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}
.secMap a{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;color:var(--t1);transition:border-color .15s,box-shadow .15s}.secMap a:hover{border-color:#CDBFF7;box-shadow:var(--sh)}
.secMap b{display:block;font-size:.86rem;font-weight:650}.secMap small{display:block;font-size:.76rem;color:var(--t2);line-height:1.35}
/* Find → Remember: a lit path */
.cyc2{position:relative;margin-top:30px;border-radius:24px;padding:34px 28px;background:#120B2B;color:#fff;overflow:hidden;isolation:isolate}
.cyc2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 260px at 15% 0%,rgba(124,92,255,.5),transparent 65%),radial-gradient(600px 260px at 90% 100%,rgba(192,132,252,.3),transparent 65%)}
.cyc2 ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative}
.cyc2 ol::before{content:"";position:absolute;left:8%;right:8%;top:27px;height:2px;background:linear-gradient(90deg,#7C5CFF,#C084FC,#34D399);opacity:.9}
.cyc2 ol::after{content:"";position:absolute;left:8%;top:24px;width:60px;height:8px;border-radius:8px;background:radial-gradient(closest-side,#fff,transparent);animation:cycRun 6s linear infinite}
@keyframes cycRun{from{left:8%}to{left:88%}}
.cyc2 li{position:relative;text-align:center}
.cyc2 .n{width:56px;height:56px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,#2A1B5E,#1A1140);border:1px solid rgba(167,139,250,.5);box-shadow:0 0 0 6px #120B2B,0 10px 30px -8px rgba(124,92,255,.8);position:relative;z-index:1}
.cyc2 .n svg{width:24px;height:24px;color:#C4B5FD}.cyc2 li:last-child .n svg,.cyc2 li:nth-child(5) .n svg{color:#6EE7B7}
.cyc2 em{display:block;font:600 .68rem var(--mono);color:#A78BFA;font-style:normal;letter-spacing:.06em}
.cyc2 b{display:block;font:700 1.05rem var(--disp);margin:2px 0 6px;color:#fff}.cyc2 span{display:block;font-size:.8rem;color:#C9BEEA;line-height:1.45}
/* plans: add clients made visible */
.addc{max-width:900px;margin:16px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border:1px solid #D9CCFB;border-radius:16px;padding:16px 20px;background:linear-gradient(95deg,#F4EFFF,#fff)}
.addc .ic{width:42px;height:42px;border-radius:12px;background:var(--v);color:#fff;display:grid;place-items:center;font:800 1.3rem var(--disp)}
.addc b{display:block;font-family:var(--disp);font-size:1.02rem}.addc p{margin:2px 0 0;font-size:.88rem;color:var(--t2)}
.addc .cap{display:flex;gap:8px;flex-wrap:wrap}.addc .cap span{font:600 .76rem var(--mono);padding:6px 10px;border-radius:8px;background:#fff;border:1px solid var(--line);white-space:nowrap}
/* how it works: every kind of case */
.kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kind{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff;box-shadow:var(--sh);display:flex;flex-direction:column;gap:8px}
.kind .t{display:flex;gap:10px;align-items:center}.kind .t i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--vs);color:var(--v)}.kind .t i svg{width:18px;height:18px}
.kind h3{font-size:1.02rem}.kind ol{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:5px;counter-reset:k}
.kind li{counter-increment:k;display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:.84rem;color:var(--t2);line-height:1.4}.kind li::before{content:counter(k);width:20px;height:20px;border-radius:6px;background:var(--bg3);color:var(--vt);font:700 .68rem var(--mono);display:grid;place-items:center}
.kind li:last-child::before{background:var(--okb);color:var(--ok)}
.kind .end{margin-top:auto;font-size:.78rem;font-weight:600;color:var(--ok);display:flex;gap:6px;align-items:center}
/* articles (resources) */
.art2{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;align-items:start}
.toc2{position:sticky;top:88px;border-left:2px solid var(--line);padding:2px 0 2px 16px}
.toc2 b{display:block;font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t3);margin-bottom:10px}
.toc2 a{display:block;font-size:.88rem;color:var(--t2);padding:5px 0;line-height:1.35}.toc2 a:hover,.toc2 a.on{color:var(--v)}
.toc2 .cta{margin-top:20px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--bg2)}.toc2 .cta p{font-size:.82rem;color:var(--t2);margin:0 0 10px}
.prose2{max-width:720px;font-size:1.02rem;line-height:1.75;color:#2A2442}
.prose2>p:first-of-type{font-size:1.16rem;color:var(--t1)}
.prose2 h2{font-size:1.55rem;margin:46px 0 14px;scroll-margin-top:90px;display:flex;gap:12px;align-items:center}
.prose2 h2 .hn{flex:none;width:30px;height:30px;border-radius:9px;background:var(--vs);color:var(--v);display:grid;place-items:center;font:700 .8rem var(--mono)}
.prose2 h3{font-size:1.15rem;margin:28px 0 8px}
.prose2 table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:.92rem;margin:12px 0 18px}
.prose2 th{background:var(--bg2);text-align:left;font:600 .74rem var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--t2);padding:11px 14px;border-bottom:1px solid var(--line)}
.prose2 td{padding:11px 14px;border-bottom:1px solid var(--line2);vertical-align:top}.prose2 tr:last-child td{border-bottom:0}.prose2 td:first-child{font-weight:600;color:var(--ink)}
.prose2 ol{list-style:none;padding:0;margin:14px 0 18px;display:grid;gap:8px;counter-reset:o}
.prose2 ol li{counter-increment:o;position:relative;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 52px;background:#fff}
.prose2 ol li::before{content:counter(o);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:8px;background:var(--v);color:#fff;font:700 .78rem var(--mono);display:grid;place-items:center}
.prose2 ul{padding:0;margin:12px 0 18px;list-style:none;display:grid;gap:8px}.prose2 ul li{position:relative;padding-left:24px}.prose2 ul li::before{content:"";position:absolute;left:4px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--v)}
.prose2 strong{color:var(--ink)}
.prose2 .short{border:1px solid #DED3FB;background:linear-gradient(95deg,#F5F0FF,#fff);border-radius:16px;padding:18px 20px;margin:0 0 8px}
.prose2 .short b{display:block;font:600 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--v);margin-bottom:6px}.prose2 .short p{margin:0}
.prose2 .inl{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:20px;margin:30px 0;background:var(--bg2)}
.prose2 .inl h3{margin:0 0 6px}.prose2 .inl p{font-size:.92rem;color:var(--t2);margin:0 0 12px}
.ameta{display:flex;gap:14px;flex-wrap:wrap;font-size:.84rem;color:var(--t2);margin-top:4px}.ameta span{display:inline-flex;gap:6px;align-items:center}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gcard{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column;color:var(--t1);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--sh2);color:var(--t1)}
.gcard .th{aspect-ratio:16/10;background:linear-gradient(160deg,#F4EFFF,#E7DDFF);display:grid;place-items:center;padding:16px;overflow:hidden}.gcard .th img{width:100%;height:100%;object-fit:contain}
.gcard .bd{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}.gcard .tg{font:600 .7rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--v)}
.gcard h3{font-size:1.08rem}.gcard p{font-size:.88rem;color:var(--t2);margin:0}.gcard .rt{margin-top:auto;padding-top:8px;font-size:.8rem;color:var(--t3)}
.gfeat{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--sh);margin-bottom:22px;color:var(--t1)}
.gfeat .th{background:radial-gradient(70% 70% at 30% 0%,rgba(124,92,255,.3),transparent 70%),linear-gradient(160deg,#F4EFFF,#E4D8FF);padding:28px;display:grid;place-items:center}.gfeat .th img{max-height:300px;width:auto}
.gfeat .bd{padding:30px;display:flex;flex-direction:column;justify-content:center;gap:10px}.gfeat h2{font-size:1.7rem}.gfeat p{color:var(--t2);margin:0}
@media(max-width:1000px){.secMap{grid-template-columns:repeat(2,1fr)}.cyc2 ol{grid-template-columns:repeat(3,1fr);row-gap:26px}.cyc2 ol::before,.cyc2 ol::after{display:none}.kinds,.guides{grid-template-columns:1fr 1fr}.art2{grid-template-columns:1fr;gap:20px}.toc2{position:static;border-left:0;padding:0;display:none}.gfeat{grid-template-columns:1fr}.addc{grid-template-columns:auto 1fr}.addc .cap{grid-column:1/-1}}
@media(max-width:640px){.dbWrap{padding:12px;border-radius:18px}.cyc2{padding:24px 18px}.cyc2 ol{grid-template-columns:1fr;gap:0}.cyc2 li{display:grid;grid-template-columns:52px 1fr;gap:4px 14px;text-align:left;padding:10px 0;align-items:start}.cyc2 .n{width:48px;height:48px;margin:0;grid-row:span 3;box-shadow:none}
 .kinds,.guides,.secMap{grid-template-columns:1fr}.prose2 h2{font-size:1.3rem}.prose2 .inl{grid-template-columns:1fr}.prose2 table{font-size:.82rem}.prose2 th,.prose2 td{padding:9px 10px}.addc{padding:14px}}
/* ===== identity: one colour per product area, used everywhere */
.a-overview{--c:#6335F5;--cs:#EFE9FF}.a-billing{--c:#5B3DF5;--cs:#ECE8FF}.a-services{--c:#0E9384;--cs:#DDF5F1}.a-profit{--c:#C26A06;--cs:#FDF0DC}
.a-vendor{--c:#C8287A;--cs:#FCE6F1}.a-renewals{--c:#2D5BE3;--cs:#E3EBFD}.a-close{--c:#0B83A8;--cs:#DDF2F8}.a-outcomes{--c:#1C8A4E;--cs:#E2F4EA}
.a-ask{--c:#9333EA;--cs:#F3E6FD}.a-automation{--c:#E0552B;--cs:#FDE9E2}.a-data{--c:#475569;--cs:#E9EDF2}
[class*="a-"] .pmIc,[class*="a-"]>.pmIc,.kind[class*="a-"] .t i{background:var(--cs);color:var(--c)}
.pmList a[class*="a-"].on .pmIc{background:var(--c);color:#fff}
.bx[class*="a-"]{border-top:3px solid var(--c)}.bx[class*="a-"] .k{color:var(--c)}.bx[class*="a-"] ul li::before{background:var(--c)}
.bx[class*="a-"] .more{color:var(--c)}
.secMap a[class*="a-"]{border-top:3px solid var(--c)}
.kind[class*="a-"]{border-top:3px solid var(--c)}
.gcard[class*="a-"] .tg{color:var(--c)}.gcard[class*="a-"] .th{background:linear-gradient(160deg,var(--cs),#fff)}
.ph[class*="a-"] .kick,.s [class*="a-"] .kick{color:var(--c)}.ph[class*="a-"] .kick::before{background:var(--c)}
.ph[class*="a-"]::before{background:radial-gradient(800px 420px at 90% -20%,color-mix(in srgb,var(--c) 26%,transparent),transparent 60%),linear-gradient(#fff,#FBFAFF)}
.ex[class*="a-"] i,.examples[class*="a-"] .ex i{background:var(--c)}
.steps4[class*="a-"]>div{border-top:3px solid var(--c)}.steps4[class*="a-"] em{color:var(--c)}
.prodRow[class*="a-"] .kick{color:var(--c)}.prodRow[class*="a-"] .kick::before{background:var(--c)}
/* brand surfaces */
.b1{background:linear-gradient(135deg,#6E45FF,#5126E8);}.b1:hover{background:linear-gradient(135deg,#5E36F2,#4419D6)}
.s.alt{background:#F8F5FF;border-color:#EEE8FD;position:relative}
.s.alt::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(99,53,245,.10) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 60%);mask-image:linear-gradient(180deg,#000,transparent 60%)}
.s.alt>.w{position:relative}
.kick{padding:5px 10px 5px 8px;border-radius:999px;background:#fff;border:1px solid #E6DEFB;box-shadow:0 1px 2px rgba(23,18,46,.04)}
.cta2 .kick,.cyc2 .kick{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#C4B5FD}
.hero2::before{background:radial-gradient(760px 420px at 88% -8%,rgba(124,92,255,.30),transparent 62%),radial-gradient(520px 320px at 62% 28%,rgba(236,72,153,.12),transparent 62%),radial-gradient(620px 380px at -8% 18%,rgba(20,184,166,.12),transparent 62%),linear-gradient(#fff,#FBFAFF)}
h2 .hl,h1 .hl{background:linear-gradient(95deg,#6335F5,#B05CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.card,.bx,.kind,.gcard,.ex,.steps4>div,.related a,.stack>div,.plan2,.secMap a{border-radius:16px}
.related a{border-top:3px solid var(--v)}
.toc2 .cta a.b{display:inline-flex;color:#fff;padding:0 14px}.toc2 .cta a.b:hover{color:#fff}
.prose2 .inl{grid-template-columns:1fr;gap:16px}.prose2 .inl .il{max-width:560px}
.ilDoc{padding:10px 12px}
/* integrations legend: the "plan" badge must not inherit pricing-card styles */
.legacy .badge{white-space:nowrap;display:inline-flex;align-items:center;font-size:.74rem;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.4}
.legacy .badge.plan{background:var(--bg3);color:var(--t2);border:0;box-shadow:none;min-height:0;margin:0;flex-direction:row;width:auto}
.legacy .badge.plan::after{display:none}
.legacy .legend{gap:10px 20px;align-items:center}.legacy .legend>span{font-size:.86rem}
/* Find → Remember, soft version */
.cyc2{background:linear-gradient(160deg,#F7F3FF,#EFE8FF);color:var(--t1);border:1px solid #E3D9FC}
.cyc2::before{background:radial-gradient(500px 220px at 10% 0%,rgba(124,92,255,.14),transparent 70%),radial-gradient(500px 220px at 95% 100%,rgba(192,132,252,.14),transparent 70%)}
.cyc2 ol::before{background:linear-gradient(90deg,#C9B8FB,#B79CFA,#9AD9C0);height:2px;opacity:1}
.cyc2 ol::after{background:radial-gradient(closest-side,#8B6CFF,transparent);opacity:.7}
.cyc2 .n{background:#fff;border:1px solid #DCCFFB;box-shadow:0 0 0 6px #F3EEFF,0 8px 20px -10px rgba(99,53,245,.45)}
.cyc2 .n svg{color:var(--v)}.cyc2 li:last-child .n svg,.cyc2 li:nth-child(5) .n svg{color:var(--ok)}
.cyc2 em{color:var(--v)}.cyc2 b{color:var(--ink)}.cyc2 span{color:var(--t2)}
@media(max-width:640px){.cyc2 .n{box-shadow:0 6px 16px -10px rgba(99,53,245,.45)}}
/* pricing: capacity bars and comparison */
.capv{display:grid;gap:18px;max-width:900px;margin:0 auto}
.capRow{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff;box-shadow:var(--sh)}
.capRow h3{font-size:1.05rem;display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.capRow h3 small{font:600 .78rem var(--mono);color:var(--t2)}
.capBar{display:flex;height:34px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.capBar span{display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:600;white-space:nowrap;padding:0 8px}
.capBar .inc{background:linear-gradient(135deg,#6E45FF,#5126E8);color:#fff}.capBar .add{background:repeating-linear-gradient(135deg,#EFE9FF,#EFE9FF 8px,#E4DAFF 8px,#E4DAFF 16px);color:var(--vt)}
.capLeg{display:flex;justify-content:space-between;font:500 .74rem var(--mono);color:var(--t3);margin-top:6px}
.capRow p{margin:10px 0 0;font-size:.86rem;color:var(--t2)}
.cmp2{max-width:980px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.cmp2 table{width:100%;border-collapse:collapse;font-size:.92rem}
.cmp2 thead th{position:sticky;top:64px;background:#fff;z-index:1;padding:16px;text-align:left;border-bottom:1px solid var(--line);font-family:var(--disp);font-size:1rem}
.cmp2 thead th:not(:first-child){text-align:center;width:150px}.cmp2 thead th small{display:block;font:500 .78rem var(--font);color:var(--t2)}
.cmp2 .grp td{background:#F8F5FF;font:600 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--v);padding:10px 16px}
.cmp2 td{padding:11px 16px;border-top:1px solid var(--line2)}.cmp2 td:not(:first-child){text-align:center}
.cmp2 .y{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--okb);color:var(--ok)}.cmp2 .y svg{width:12px;height:12px}
.cmp2 .n{color:var(--t3)}.cmp2 .tx{font-weight:600;color:var(--ink);font-size:.86rem}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:980px;margin:0 auto}
.fit>div{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.fit h3{margin-bottom:8px}
@media(max-width:640px){.cmp2 thead th{top:64px;padding:12px 10px;font-size:.9rem}.cmp2 thead th:not(:first-child){width:74px}.cmp2 td{padding:10px;font-size:.84rem}.cmp2 thead th small{display:none}.fit{grid-template-columns:1fr}.capBar span{font-size:.66rem;padding:0 4px}}
.dbSep{display:block;height:1px;background:var(--line);margin:14px 8px 10px}
.dbNav{gap:3px}.dbG{margin:14px 10px 4px}
.dbCols+.dbCols{margin-top:10px}
.cmp2 thead th{position:static}

/* reservation form (shared by every page) */
/* reserve-your-spot modal and inline form */
.wlModal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(27,19,48,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.wlModal[data-open]{display:flex;animation:wlFade .2s ease}
@keyframes wlFade{from{opacity:0}to{opacity:1}}
.wlBox{position:relative;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:22px;padding:28px 28px 22px;box-shadow:0 40px 100px -30px rgba(27,19,48,.6);animation:wlUp .28s cubic-bezier(.2,.7,.2,1)}
@keyframes wlUp{from{transform:translateY(16px)}to{transform:none}}
.wlX{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:10px;border:0;background:var(--vs);color:var(--vt);font-size:1.4rem;line-height:1;cursor:pointer}
.wlKick{margin:0 0 6px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--v)}
.wlBox h2,.wlInlineT{font-size:1.7rem;margin:0 0 6px}.wlLead{margin:0 0 16px;color:var(--t2);font-size:.98rem}
.wl{display:grid;gap:12px}
.wl label{display:grid;gap:5px;font-size:.86rem;font-weight:700;color:var(--t1)}
.wl .opt{font-weight:500;color:var(--t2)}
.wl input:not([type=checkbox]):not([type=radio]),.wl select{font:inherit;font-size:1rem;font-weight:500;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--t1);width:100%}
.wl input:focus,.wl select:focus{outline:none;border-color:var(--v);box-shadow:0 0 0 4px rgba(99,53,245,.15)}
.wl [aria-invalid=true]{border-color:var(--bad)!important;box-shadow:0 0 0 4px rgba(163,50,42,.12)!important}
.wl2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wl fieldset{border:0;margin:0;padding:0;min-width:0}.wl legend{font-size:.86rem;font-weight:700;margin-bottom:7px;padding:0}
.wlChips{display:flex;flex-wrap:wrap;gap:7px}
.wlChips .chip{display:block;cursor:pointer}.wlChips input,.wlSeg input{position:absolute;opacity:0;pointer-events:none}
.wlChips span{display:inline-block;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-size:.85rem;font-weight:600;color:var(--t2);background:#fff;transition:all .15s}
.wlChips input:checked+span{background:var(--v);border-color:var(--v);color:#fff}
.wlChips input:focus-visible+span,.wlSeg input:focus-visible+span{outline:3px solid var(--v);outline-offset:2px}
.wlSeg{display:flex;background:var(--bg3);border-radius:12px;padding:4px;gap:4px}
.wlSeg label{flex:1;cursor:pointer;display:block}.wlSeg span{display:block;text-align:center;padding:9px 6px;border-radius:9px;font-size:.84rem;font-weight:700;color:var(--t2)}
.wlSeg input:checked+span{background:#fff;color:var(--vt);box-shadow:0 2px 8px -2px rgba(77,32,207,.3)}
.wl .check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.85rem;color:var(--t2);line-height:1.45}
.wl .check input{width:18px;height:18px;margin-top:1px;accent-color:var(--v);flex:none}
.wl .hp{position:absolute;left:-9999px}
.wlMsg{margin:0;font-size:.88rem;font-weight:600;min-height:0}.wlMsg.err{color:var(--bad)}
.wlNote{margin:0;font-size:.8rem;color:var(--t2);text-align:center}
.wlDone{text-align:center;padding:10px 0 4px}.wlDone h3{font-size:1.4rem;margin:12px 0 8px}.wlDone p{color:var(--t2);margin:0 0 10px}
.wlTick{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--okb);color:var(--ok)}
@media(max-width:560px){.wlModal{padding:0;align-items:flex-end}.wlBox{border-radius:22px 22px 0 0;max-height:94dvh;padding:24px 18px 18px}.wl2{grid-template-columns:1fr}.wlBox h2{font-size:1.45rem}}
.wlChips .chip,.wlSeg label{position:relative}.wlChips input,.wlSeg input{inset:0;width:100%;height:100%;margin:0}
.wl .btn{display:flex;width:100%;align-items:center;justify-content:center;height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#6E45FF,#5126E8);color:#fff;font:600 1rem var(--font);cursor:pointer}
/* contrast: secondary text darker everywhere */
:root{--t2:#4A4462;--t3:#6B6584;--line:#E2DCF0}
.pmList small,.mobileMenu a.mItem small,.secMap small,.dropPanel.simple small{color:#55506B}
.pmList b,.mobileMenu a.mItem b{color:var(--ink)}
.ilMuted{color:#6B6584}
/* articles: calmer, larger reading type and clear order */
.prose2{font-size:1.08rem;line-height:1.8;color:#262040;max-width:700px}
.prose2 p{margin:0 0 1.15em}
.prose2 h2{margin:56px 0 16px;padding-top:24px;border-top:1px solid var(--line2);font-size:1.6rem;letter-spacing:-.025em}
.prose2 .short+h2,.prose2>h2:first-child{border-top:0;padding-top:0;margin-top:36px}
.prose2 ol li,.prose2 ul li{line-height:1.6}.prose2 ol li{padding:14px 16px 14px 54px}
.prose2 a{color:var(--v);text-decoration:underline;text-decoration-color:rgba(99,53,245,.35);text-underline-offset:3px}
.toc2 a{font-size:.9rem;color:#4A4462}
.art2{gap:72px}
@media(max-width:640px){.prose2{font-size:1.02rem;line-height:1.75}.prose2 h2{font-size:1.32rem;margin-top:40px}}
.wl label .opt{font-size:.78rem;margin-top:-3px}
.dbWrap{max-width:940px;margin:0 auto;padding:22px}
.dbWrap+.secMap,.secMap{max-width:940px;margin-left:auto;margin-right:auto}
@media(max-width:640px){.dbWrap{padding:8px;border-radius:14px}.dbWrap img{border-radius:8px}
 .secMap{grid-template-columns:1fr 1fr;gap:8px}.secMap a{padding:10px;gap:8px;align-items:center;border-top-width:2px}.secMap small{display:none}.secMap b{font-size:.8rem;line-height:1.25}.secMap .pmIc{width:28px;height:28px}}
/* ===== phone polish (audit 2026-11-16): readable labels, comfortable taps, nothing wider than the screen */
@media(max-width:640px){
 .kick,.legacy .eyebrow{font-size:12px}.gcard .tg,.cyc2 em,.steps4 em,.prose2 .short b,.toc2 b{font-size:12px}
 .legacy .badge{font-size:12px}.capBar span{font-size:12px}.capBar .add{font-size:0}.capBar .add::after{content:"+$1 / client, approved";font-size:12px}
 .prose2 th{font-size:12px}
 .prose2 table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 .rvHeader .logo{min-height:44px;padding:4px 0}
 .bx a.more,.link,.legacy .ctaBand a.link,.legacy .ctaBand p a,.mt24 a.link{display:inline-flex;align-items:center;min-height:40px}
 .rvFooter a{padding:7px 0}
 .wl .check a{display:inline-block;padding:4px 0}
}
.art2>*{min-width:0}.prose2{overflow-wrap:break-word;min-width:0;max-width:100%}
@media(max-width:640px){.bx .k,.stack small,.cyc2 em,.flowSteps button i,.addc .cap span,.cmp2 td,.cmp2 .tx{font-size:12px}.cmp2 td{font-size:13px}}
@media(max-width:640px){.cat em,.capLeg,.cmp2 .tx{font-size:12px}.cmp2 td .tx{font-size:12px}}
@media(max-width:640px){.cmp2 .grp td{font-size:12px}}
/* workspace section: text beside a rectangular picture */
.dashRow{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.dashRow .dbWrap{max-width:none;margin:0;padding:16px;border-radius:20px}
.dashRow .lede{margin:14px 0 20px}
.secList{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.secList a{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--t1);font-size:.9rem;font-weight:600;border-left:3px solid var(--c,var(--v))}
.secList a:hover{border-color:#CDBFF7;color:var(--ink)}
.secList .pmIc{width:28px;height:28px}
@media(max-width:1000px){.dashRow{grid-template-columns:1fr;gap:26px}}
@media(max-width:640px){.dashRow .dbWrap{padding:8px;border-radius:14px}.secList a{font-size:.84rem;padding:7px 8px;gap:8px}.secList .pmIc{width:24px;height:24px}}
.secList--m{display:none}
@media(max-width:1000px){.secList--d{display:none}.secList--m{display:grid;margin-top:16px}}
.rvHeader .acts{margin-left:auto}
/* ===== phone: lighter flows (owner 2026-11-16) — desktop unchanged */
@media(max-width:640px){
 .bx ul{display:none}
 .bento .bx:not(:nth-child(-n+2)) .art{display:none}
 .bento .bx:not(:nth-child(-n+2)){padding-bottom:14px}
 .bx h3{font-size:1.05rem}.bx>p{font-size:.88rem;margin-bottom:4px}
 .stack{grid-template-columns:1fr 1fr;gap:8px}.stack>div{padding:12px}.stack p{display:none}.stack b{font-size:.92rem;margin:2px 0 0}
 .stackJoin{padding:12px 14px}.stackJoin p{display:none}
 .cyc2 ol{grid-template-columns:1fr 1fr;gap:8px}.cyc2 li{display:flex;align-items:center;gap:10px;padding:8px;background:#fff;border:1px solid #E3D9FC;border-radius:12px;text-align:left}
 .cyc2 li span:not(.n),.cyc2 em{display:none}.cyc2 .n{width:34px;height:34px;border-radius:10px;margin:0;box-shadow:none;flex:none}.cyc2 .n svg{width:17px;height:17px}.cyc2 b{margin:0;font-size:.92rem}
 .cyc2{padding:12px}
 .ilConnect{display:none}
 .flowPanel .cap,.flowStage .example-note{display:none}
 .pillar p{font-size:.9rem}.pillars{gap:10px}
 .notbox{padding:16px}.notbox li{font-size:.8rem;padding:6px 9px}
 .s{padding:44px 0}.sh{margin-bottom:22px}
}
@media(max-width:640px){.s.alt .bento .bx .art{display:none}.s.alt .bento .bx{padding-bottom:14px}}
.hero2 h1{font-size:clamp(2.1rem,4.3vw,3.3rem)}
@media(max-width:640px){.hero2 h1{font-size:1.95rem}}
@media(max-width:640px){.hero2 .probs{display:none}.hero2 .lede{margin-bottom:20px}}
/* ===== phone (owner 2026-11-16 b): fewer sections, pricing higher, calmer colours; menu with the main pages first */
.mobileMenu .mTop{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-top:6px}
.mobileMenu .mTop a{padding:13px 2px;font-weight:600;font-size:1.02rem;color:var(--ink);border-bottom:1px solid var(--line2)}
.mobileMenu .cta{margin:16px 0 4px}
.mobileMenu .mProd{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mobileMenu a.mChip{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px;font-size:.84rem;font-weight:600;color:var(--t1);line-height:1.2}
.mobileMenu a.mChip .pmIc{width:26px;height:26px;border-radius:7px}
@media(max-width:640px){
 .mHide{display:none}
 main:has(.mWhy){display:flex;flex-direction:column}
 main:has(.mWhy)>.mWhy{order:1}
 main:has(.mWhy)>section:has(.faq2){order:2}
 main:has(.mWhy)>.cta2{order:3}
 .mWhy .cyc2,.mWhy .notbox{display:none}
 .bx[class*="a-"],.kind[class*="a-"],.steps4[class*="a-"]>div{border-top:1px solid var(--line)}
 .bx[class*="a-"] .k,.bx[class*="a-"] .more,.ph[class*="a-"] .kick{color:var(--v)}
 .s.alt::before{display:none}
 .bento .bx .art{display:none}.bento .bx{padding-bottom:14px}
}