@layer plexivo {

@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2")}
:root{
  --bg:#fbfbfd;--white:#fff;--text:#1d1d1f;--text-2:#424245;--muted:#6e6e73;--faint:#86868b;
  --border:#e5e5ea;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eef2ff;
  /* Secondary brand detail only: blue remains the action colour. */
  --premium-ink:#6d28d9;--premium-dark-ink:#c4b5fd;--premium-glow:109 40 217;
  --grad:linear-gradient(120deg,#1d4ed8 0%,#2563eb 42%,var(--premium-ink) 85%);
  --dark:#0a0a0f;--radius:22px;
  --font:"Inter Variable",system-ui,-apple-system,"Segoe UI",sans-serif;
  --page-max:1080px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
.wrap{width:min(var(--page-max),100% - 48px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;padding:10px 14px;border-radius:10px;background:var(--text);color:#fff;z-index:100;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid rgb(37 99 235 / 45%);outline-offset:3px;border-radius:8px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgb(251 251 253 / 78%);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgb(0 0 0 / 6%)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:52px}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:18px;letter-spacing:-.03em}
.brand svg{width:38px;height:38px;filter:drop-shadow(0 5px 10px #2563eb25)}
.brand-word{font-size:25px;font-weight:780;letter-spacing:-.065em;line-height:1}
.brand-x{color:var(--accent);position:relative}
.brand-x::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#60a5fa;right:-1px;top:-1px}
.nav-links{display:flex;gap:30px}
.nav-links a{font-size:12.5px;color:var(--text-2);text-decoration:none}
.nav-links a:hover{color:var(--text)}
.nav-actions{display:flex;align-items:center;gap:18px}
.nav-actions a{font-size:12.5px;text-decoration:none;color:var(--text-2)}
.nav-actions .btn-sm{color:#fff}
.menu-toggle{display:none;width:40px;height:40px;border:0;background:none;color:var(--text);border-radius:10px;cursor:pointer}
.mobile-menu{display:grid;gap:4px;padding:10px 0 18px}
[hidden]{display:none!important}
.mobile-menu a{padding:12px 4px;font-size:17px;text-decoration:none;border-bottom:1px solid var(--border)}
.mobile-menu .btn{margin-top:10px;border:0;justify-content:center}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:980px;padding:12px 22px;font-size:17px;font-weight:500;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-hover)}
.btn-sm{padding:6px 14px;font-size:12.5px;background:var(--accent)}
.btn-sm:hover{background:var(--accent-hover)}
.link{color:var(--accent);text-decoration:none;font-size:17px;white-space:nowrap}
.link:hover{text-decoration:underline}
.link::after{content:" ›"}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 30px}

/* type */
.eyebrow{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ai-badge{display:inline-flex;align-items:center;gap:8px;margin:0 auto 14px;padding:0;font-size:17px;font-weight:780;letter-spacing:-.02em;color:#1d4ed8}
.ai-badge::after{content:"✦";color:var(--premium-ink);font-size:18px;animation:floaty 4s ease-in-out infinite}
.ai-badge span{background:linear-gradient(120deg,#111827 0%,#2563eb 42%,var(--premium-ink) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.display{font-size:clamp(48px,8vw,96px);line-height:1.02;font-weight:700;letter-spacing:-.05em}
.headline{font-size:clamp(38px,5.6vw,64px);line-height:1.05;font-weight:700;letter-spacing:-.045em}
.lede{font-size:clamp(19px,2vw,24px);line-height:1.35;color:var(--muted);letter-spacing:-.02em;font-weight:500}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
sup{line-height:0}
sup{line-height:0}
sup a{font-size:12px;font-weight:500;color:var(--muted);text-decoration:none;margin-left:1px}

.section{padding:clamp(76px,9.5vw,124px) 0}
.center{text-align:center}
.center .lede{max-width:34ch;margin:18px auto 0}

/* hero */
.hero{padding:clamp(56px,7vw,88px) 0 64px;overflow:hidden}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:48px}
.hero-copy{min-width:0}
.hero .lede{max-width:32ch;margin:22px 0 30px}
.hero .cta-row,.hero .assure{justify-content:flex-start}
.hero .assure{gap:8px;margin-left:0}
.hero .assure li{font-size:12px;padding:7px 9px}
.hero-voice{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:360px;margin:0;text-align:center}
.hero-voice::before{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgb(var(--premium-glow) / 18%),transparent);pointer-events:none}
.hero-voice .orb{width:clamp(180px,20vw,260px);height:clamp(180px,20vw,260px)}
.hero-voice .orb-cap{position:relative;margin-top:36px;font-size:15px}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr;gap:30px;text-align:center}.hero-voice{grid-row:1;min-height:160px}.hero-voice .orb{width:110px;height:110px}.hero-voice .orb-cap{margin-top:20px;font-size:13px}.hero .lede{margin:20px auto 26px}.hero .cta-row,.hero .assure{justify-content:center}.hero{padding-top:36px;padding-bottom:44px}}
.shot{position:relative;margin:64px auto 0;width:min(920px,100% - 32px);border-radius:28px 28px 0 0;background:#fff;box-shadow:0 -1px 0 rgb(0 0 0 / 4%),0 40px 100px rgb(30 41 99 / 16%),0 0 0 1px rgb(0 0 0 / 5%);padding:26px 26px 0;text-align:left;overflow:hidden}
.shot::before{content:"";position:absolute;inset:-40% -20% auto;height:420px;background:radial-gradient(closest-side,rgb(var(--premium-glow) / 18%),transparent);pointer-events:none}
.shot-bar{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-2)}
.shot-bar i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgb(34 197 94 / 18%)}
.shot-grid{position:relative;display:grid;grid-template-columns:200px 1fr;gap:28px;padding:30px 4px 0}
.orb{position:relative;isolation:isolate;overflow:hidden;width:150px;height:150px;border-radius:50%;margin:10px auto 0;background:#312e81;box-shadow:0 0 80px 14px rgb(var(--premium-glow) / 26%),0 24px 50px rgb(37 99 235 / 22%);animation:breathe 3.4s ease-in-out infinite}
/* A glass voice orb: slowly turning colour under a fixed specular highlight. */
.orb::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,#60a5fa,#818cf8,#c084fc,#f0abfc,#38bdf8,#2563eb,#60a5fa);filter:blur(16px);animation:orbspin 10s linear infinite}
.orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 24%,rgb(255 255 255 / 80%),rgb(255 255 255 / 0) 34%),radial-gradient(circle at 68% 82%,rgb(255 255 255 / 22%),rgb(255 255 255 / 0) 42%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 30%),inset 0 -20px 40px rgb(30 27 75 / 35%)}
@keyframes orbspin{to{transform:rotate(360deg)}}
.orb-cap{margin-top:22px;text-align:center;font-size:13px;color:var(--muted)}
@keyframes breathe{50%{transform:scale(1.045);box-shadow:0 0 100px 22px rgb(var(--premium-glow) / 32%),0 24px 50px rgb(37 99 235 / 26%)}}
@keyframes floaty{0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:.75}50%{transform:translate3d(3px,-4px,0) rotate(12deg);opacity:1}}
.said{padding:14px 18px;border-radius:18px 18px 18px 6px;background:#f5f5f7;font-size:16px;line-height:1.45}
.said small{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600}
.language-roll{display:grid;min-height:48px}
.language-roll span{grid-area:1/1;visibility:hidden}
.language-roll span.on{visibility:visible;animation:languageEnter .2s ease-out}
@keyframes languageEnter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.plan{margin-top:14px;border-radius:18px;border:1px solid var(--border);overflow:hidden}
.plan-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px 18px;border-top:1px solid var(--border);font-size:15px}
.plan-row:first-child{border-top:0}
.plan-row span{color:var(--muted)}
.plan-total{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#fafafc}
.plan-total b{font-size:26px;letter-spacing:-.03em}
.plan-total b small{font-size:13px;color:var(--muted);font-weight:500;margin-left:4px}
.approve{padding:11px 20px;border-radius:980px;background:var(--text);color:#fff;font-size:15px;font-weight:600;white-space:nowrap}
.shot-foot{height:26px}

.fine{margin-top:16px;font-size:14px;color:var(--muted)}

/* reassurance */
.btn-lg{padding:15px 30px;font-size:18px;box-shadow:0 10px 28px rgb(37 99 235 / 30%)}
.assure{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0;margin:26px auto 0}
.assure li{display:inline-flex;align-items:center;gap:7px;padding:8px 15px 8px 11px;border-radius:980px;background:#ecfdf3;color:#067647;font-size:15px;font-weight:600;box-shadow:inset 0 0 0 1px rgb(6 118 71 / 16%)}
.assure svg{width:16px;height:16px;flex:none}
.trial-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin:40px auto 0;max-width:820px;padding:14px 20px;border-radius:16px;background:#ecfdf3;color:#05603a;font-size:16px;box-shadow:inset 0 0 0 1px rgb(6 118 71 / 16%)}
.trial-banner svg{width:20px;height:20px;flex:none}
.plan-card{position:relative}
.badge{position:absolute;top:-12px;left:26px;padding:4px 11px;border-radius:980px;background:var(--grad);color:#fff;font-size:12.5px;font-weight:600}
.plan-btn{margin-top:auto;justify-content:center;padding:11px 18px;font-size:16px;background:#f2f4f8;color:var(--text)}
.plan-card ul{margin-bottom:22px}
.plan-btn:hover{background:#e7eaf1}
.plan-btn.btn-primary{background:var(--accent);color:#fff}
.plan-btn.btn-primary:hover{background:var(--accent-hover)}

/* partner row */
.trusted{padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid var(--border);text-align:center}
.trusted-label{font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.logos{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;list-style:none;padding:0;margin:20px 0 0}
.mark{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;letter-spacing:-.03em;color:#6e6e73;filter:grayscale(1)}
.mark svg{width:22px;height:22px}
.mark img{width:26px;height:26px;border-radius:7px}
.stories{position:relative;max-width:760px;margin:30px auto 0;padding:28px 32px 22px;border-radius:22px;background:#f7f8fb;text-align:left}
.story-track{display:grid}
.story{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),visibility 0s .7s}
.story.on{opacity:1;visibility:visible;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),visibility 0s}
.story blockquote{margin:0;font-size:20px;line-height:1.45;letter-spacing:-.015em;color:var(--text)}
.story figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:15px;color:var(--muted)}
.story figcaption b{display:block;color:var(--text)}
.story figcaption img{width:38px;height:38px;border-radius:10px}
.story-dots{display:flex;margin:12px 0 0 -8px}
.dot-btn{display:grid;place-items:center;min-width:24px;height:24px;padding:0 8px;border:0;background:none;cursor:pointer}
.dot-btn::before{content:"";width:8px;height:8px;border-radius:980px;background:#d2d4da;transition:width .3s,background .3s}
.dot-btn.on::before{width:26px;background:var(--accent)}
@media (prefers-reduced-motion:reduce){.story,.story.on{transition:none;transform:none}}
.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--grad);color:#fff;font-size:13px;font-weight:700}


/* proof strip */
.proof{margin-top:-1px;padding:34px 0 30px;background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.proof-inner{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}
.proof-origin{display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.proof-origin img{width:44px;height:44px;border-radius:12px}
.proof-origin b{display:block;font-size:17px;letter-spacing:-.015em}
.proof-origin small{display:block;font-size:14px;color:var(--muted)}
.proof-facts{display:flex;justify-content:center;gap:40px;list-style:none;margin:0 auto;padding:0;text-align:center}
.proof-facts li{display:grid;justify-items:center}
.proof-facts b{font-size:19px;letter-spacing:-.02em}
.proof-facts span{font-size:14px;color:var(--muted)}
.proof-note{margin-top:16px;font-size:14px;color:var(--muted);max-width:none}

/* film */
.film{background:radial-gradient(1000px 600px at 50% 0%,rgb(var(--premium-glow) / 32%),transparent 75%),var(--dark);color:#f5f5f7}
.film .lede{color:#a1a1a6}
.film-frame{margin:56px auto 0;width:min(960px,100%);border-radius:24px;overflow:hidden;box-shadow:0 30px 80px rgb(0 0 0 / 50%);background:#000;aspect-ratio:16/9}
.film-frame video{width:100%;height:100%;object-fit:cover}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px;text-align:left}
.step{padding:34px 30px;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%)}
.step .n{display:block;font-size:56px;font-weight:700;letter-spacing:-.05em;line-height:1;margin-bottom:26px}
.step h3{font-size:24px;letter-spacing:-.03em;line-height:1.15}
.step p{margin-top:10px;color:var(--muted);font-size:17px}

/* asks first */

/* voice */
.voice-stage{position:relative;margin:60px auto 0;max-width:820px;min-height:150px}
.voice-line{position:absolute;inset:0;display:grid;place-content:center;gap:12px;opacity:0;transform:translateY(12px);transition:opacity .6s,transform .6s}
.voice-line.on{opacity:1;transform:none}
.voice-line p{font-size:clamp(24px,3.2vw,36px);font-weight:600;letter-spacing:-.025em;line-height:1.25}
.voice-line span{font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--muted)}
.langs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:40px auto 34px;max-width:760px;padding:0;list-style:none}
.langs li{padding:9px 16px;border-radius:980px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 6%);font-size:16px}

/* products */
.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:60px;text-align:left}
.product{padding:30px 26px;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%)}
.product svg{width:30px;height:30px;color:var(--accent)}
.product h3{margin-top:22px;font-size:21px;letter-spacing:-.025em}
.product p{margin-top:8px;font-size:16px;color:var(--muted)}
.also{margin-top:34px;font-size:17px;color:var(--muted)}

/* pricing */
.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:60px;text-align:left}
.plan-card{display:flex;flex-direction:column;padding:30px 26px;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%);transform:perspective(900px) translateY(0) rotateX(0deg) scale(1);transform-origin:50% 65%;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s cubic-bezier(.2,.7,.2,1)}
.plan-card:focus-within{z-index:2;transform:perspective(900px) translateY(-12px) rotateX(2deg) scale(1.05);box-shadow:0 0 0 2px var(--accent),0 24px 52px rgb(15 23 42 / 18%)}
@media (hover:hover) and (pointer:fine){.plan-card:hover{z-index:2;transform:perspective(900px) translateY(-12px) rotateX(2deg) scale(1.05);box-shadow:0 0 0 2px var(--accent),0 24px 52px rgb(15 23 42 / 18%)}}
@media (prefers-reduced-motion:reduce){.plan-card{transition:none}.plan-card:focus-within,.plan-card:hover{transform:none}}
.plan-card h3{font-size:21px;letter-spacing:-.025em}
.plan-card .for{font-size:14px;color:var(--muted);margin-top:4px}
.price{margin:22px 0 4px;font-size:40px;font-weight:700;letter-spacing:-.045em;line-height:1}
.price small{display:block;margin-top:8px;font-size:15px;font-weight:500;color:var(--muted);letter-spacing:0}
.plans .plan-card{padding:28px 20px}
.plans .price{font-size:34px}
.price.price-sales{font-size:26px;letter-spacing:-.03em}
.price.price-sales small{line-height:1.35}
.price .from{display:inline;margin:0 4px 0 0;font-size:17px;font-weight:600;color:var(--text-2)}
.plan-card ul{list-style:none;padding:0;margin:10px 0 26px;display:grid;gap:8px;font-size:15px;color:var(--text-2)}
.plan-card .plus{margin-top:22px;font-size:13px;font-weight:600;color:var(--text)}
.plans-four{grid-template-columns:repeat(4,1fr);gap:16px}
.plans-four .plan-card{padding:30px 24px}
.plans-four .plan-btn{margin-top:18px}
.plans-four .plus{margin-top:24px;padding-top:20px;border-top:1px solid rgb(0 0 0 / 7%)}
.price .plus-res{display:inline;margin-left:4px;color:var(--text);font-weight:600}
.plan-card ul.benefits{margin:12px 0 0;gap:11px;font-size:14.5px;line-height:1.4}
.benefits li{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start}
.benefits svg{width:16px;height:16px;margin-top:2px;color:var(--accent)}
.benefits b{color:var(--text);font-weight:600}
.benefits sup{font-size:10px}
.benefits .shield-line{margin-top:4px;padding:10px 12px;border-radius:12px;background:#ecfdf3;color:#05603a;grid-template-columns:18px 1fr}
.benefits .shield-line svg{color:#067647}
.benefits .shield-line b{color:#05603a}
.plan-includes{list-style:none;padding:0;margin:26px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font-size:16px;font-weight:500;color:var(--text)}
.plan-includes li{display:flex;align-items:center;gap:8px}
.plan-includes svg{width:18px;height:18px;flex:none;color:var(--accent)}
/* "Try it": the interactive demo under the film (17 Oct 2026) — buttons only, nothing is created. */
/* Price calculator and "How billing works" (pricing page, 17 Oct 2026). */
.calc{max-width:1040px;margin:96px auto 0;text-align:left}
.calc h2,.billing-faq h2{font-size:clamp(36px,5vw,56px);line-height:1.05;letter-spacing:-.045em;text-align:center;margin:0}
.calc-lede{text-align:center;color:var(--muted);font-size:clamp(17px,1.8vw,21px);letter-spacing:-.015em;margin:14px auto 26px;max-width:56ch}
.calc-presets,.calc-add{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.calc-add{justify-content:flex-start;margin-top:14px}
.calc-chip{border:0;background:#e8e8ed;color:var(--text);border-radius:999px;padding:11px 20px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .25s,color .25s}
.calc-chip:hover{background:#dcdce2}
.calc-chip[aria-pressed="true"]{background:#1d1d1f;color:#fff;box-shadow:0 6px 16px rgb(0 0 0 / 18%)}
.calc-add .calc-chip{background:#fff;box-shadow:0 0 0 1px var(--border) inset}
.calc-add .calc-chip:hover{box-shadow:0 0 0 1px var(--accent) inset;color:var(--accent)}
.calc-chip:focus-visible,.calc select:focus-visible,.calc input:focus-visible,.calc-remove:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.calc-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;margin-top:32px;align-items:start}
.calc-form{background:#f5f5f7;border-radius:30px;padding:28px}
.calc-total{position:sticky;top:84px;border-radius:30px;padding:30px;color:#f5f5f7;background:radial-gradient(520px 300px at 100% 0%,rgb(var(--premium-glow) / 38%),transparent 70%),radial-gradient(480px 300px at 0% 100%,rgb(37 99 235 / 28%),transparent 70%),var(--dark);box-shadow:0 30px 80px -20px rgb(30 27 75 / 45%)}
.calc-field{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--text)}
.calc select{appearance:none;-webkit-appearance:none;padding-right:44px!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 21px) 52%,calc(100% - 16px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.calc select,.calc input{width:100%;min-height:46px;border:0;border-radius:14px;padding:0 14px;font:inherit;font-size:15px;background:#fff;color:var(--text);box-shadow:0 0 0 1px var(--border) inset}
.calc-hint{color:var(--muted);font-size:13px;margin:8px 0 0;line-height:1.55}
.calc-items{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.calc-item{--c:#2563eb;background:#fff;border-radius:20px;padding:16px 18px 18px;display:grid;gap:12px;box-shadow:0 1px 2px rgb(0 0 0 / 4%)}
.calc-item[data-product="postgres"]{--c:#4f46e5}.calc-item[data-product="mysql"]{--c:#ea580c}.calc-item[data-product="valkey"]{--c:#db2777}
.calc-item-head{display:flex;justify-content:space-between;align-items:center;font-weight:650;font-size:16px;letter-spacing:-.01em}
.calc-item-head::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent);margin-right:12px}
.calc-item-head{justify-content:flex-start;min-height:28px}.calc-item-head .calc-remove{margin:-5px -8px -5px auto;line-height:1.2}
.calc-item-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}
.calc-item-row label:first-child{grid-column:1/-1}
.calc-item-row label{display:grid;gap:5px;font-size:12px;color:var(--muted);font-weight:500}
.calc-item-row select,.calc-item-row input{background:#f5f5f7;box-shadow:none}
.calc select,.calc .calc-item-row select{background-image:linear-gradient(45deg,transparent 50%,#6e6e73 50%),linear-gradient(135deg,#6e6e73 50%,transparent 50%);background-position:calc(100% - 21px) 52%,calc(100% - 16px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.calc-item-row input{width:100%}
.calc input:disabled{background:#f5f5f7;color:var(--faint);opacity:1}
.calc-remove{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;padding:5px 8px;border-radius:8px}
.calc-remove:hover{color:var(--text);background:#f5f5f7}
.calc-total h3{margin:0 0 18px;font-size:15px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#a1a1a6}
.calc-total dl{margin:0;display:grid;gap:10px}
.calc-total dl div{display:flex;justify-content:space-between;gap:12px;font-size:15px;color:#d2d2d7}
.calc-total dd{margin:0;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}
.calc-sum{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgb(255 255 255 / 14%);margin:18px 0 0;padding-top:18px;font-size:15px;color:#d2d2d7}
.calc-sum b{font-size:clamp(38px,4.4vw,52px);font-weight:760;letter-spacing:-.045em;font-variant-numeric:tabular-nums;background:linear-gradient(120deg,#fff 30%,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.calc-total .calc-hint{color:#a1a1a6}
.calc-cta{width:100%;justify-content:center;margin-top:22px}
.billing-faq{max-width:1040px;margin:120px auto 0;text-align:left}
.billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.billing-grid>div{background:#f5f5f7;border-radius:28px;padding:30px 28px}
.billing-grid .ic{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--g,linear-gradient(135deg,#2563eb,#8b5cf6));box-shadow:0 8px 20px rgb(37 99 235 / 18%);margin-bottom:20px}
.billing-grid .ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.billing-grid h3{margin:0 0 10px;font-size:20px;letter-spacing:-.025em}
.billing-grid p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6}
@media (max-width:860px){.calc-grid{grid-template-columns:1fr}.calc-total{position:static}.billing-grid{grid-template-columns:1fr}}
@media (max-width:480px){.calc-form,.calc-total{padding:22px;border-radius:26px}.calc-item-row{grid-template-columns:1fr 1fr}.calc-item-row label:first-child{grid-column:1/-1}.calc-item-row input{width:100%}}
.plan-compare-link{text-align:center;margin:26px 0 0;font-size:16px}
.compare{margin:26px auto 0;max-width:820px;text-align:left}
.compare summary{width:max-content;margin:0 auto;cursor:pointer;font-size:16px;color:var(--accent);list-style:none}
.compare summary::-webkit-details-marker{display:none}
.compare summary::after{content:"›";margin-left:6px;display:inline-block;transition:transform .2s}
.compare[open] summary::after{transform:rotate(90deg)}
.compare .table-scroll{margin-top:18px}
.compare td{text-align:center;font-variant-numeric:tabular-nums}
.compare thead th:not(:first-child){text-align:center}
.resources{margin:40px auto 0;max-width:1040px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:18px;overflow:hidden;background:var(--border);box-shadow:0 0 0 1px var(--border)}
.resources div{background:#fff;padding:22px 24px;text-align:left}
.resources b{display:block;font-size:15px}
.resources span{display:block;margin-top:6px;font-size:28px;font-weight:700;letter-spacing:-.04em}
.resources small{font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0}
.pricing-note{margin:22px auto 0;max-width:62ch;font-size:14px;color:var(--muted)}
.pricing-compare{margin-top:32px}
.billing-switch{display:inline-flex;gap:2px;margin:0;padding:3px;border-radius:999px;background:#e8e8ed}
#pricing [data-billing-cycle]{min-width:88px;padding:7px 18px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font-size:14px;font-weight:600;box-shadow:none;cursor:pointer}
#pricing [data-billing-cycle]:hover{color:var(--text)}
#pricing [data-billing-cycle][aria-pressed="true"]{background:#fff;color:var(--text);box-shadow:0 1px 3px rgb(0 0 0 / 12%),0 0 0 .5px rgb(0 0 0 / 4%)}
#pricing [data-billing-cycle]:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
#pricing .save-badge{margin-left:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:#1d4ed8;font-size:12px;font-weight:700}
#pricing .billed{margin:4px 0 0;color:var(--text-2);font-size:13px;line-height:1.45;min-height:2.9em}
#pricing .billed .save{display:block;color:#05603a;font-weight:600}
/* India only: the approximate rupee amount under a US$ price, muted and never a second price. */
#main span.approx-inr{display:block;margin:2px 0 0;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
#products .cta-row{margin-top:32px;padding-bottom:8px}
/* A consistent secondary colour across light-section headings and surfaces. */
/* Gradient type is reserved for the hero line; every other headline is solid ink. */
#security{background:radial-gradient(800px 500px at 10% 20%,rgb(37 99 235 / 8%),transparent 75%),linear-gradient(135deg,#fff,#f5f3ff)}
#security .security-principles svg{stroke:var(--premium-ink)}
#pricing{background:radial-gradient(1000px 600px at 50% 35%,rgb(var(--premium-glow) / 8%),transparent 75%),var(--bg)}
#pricing .plan-card{background:linear-gradient(160deg,#fff 55%,#f5f3ff)}
#products .product{background:linear-gradient(160deg,#fff 55%,#f5f3ff)}

/* built by */
.built{padding:0 0 clamp(88px,12vw,140px)}
.built-card{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;max-width:820px;margin:0 auto;padding:30px 34px;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%)}
.built-card img{width:64px;height:64px;border-radius:16px}
.built-card p{font-size:17px;color:var(--text-2)}
.built-card a{color:var(--accent);text-decoration:none}

/* faq */
.faq{max-width:820px;margin:56px auto 0;text-align:left}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{list-style:none;cursor:pointer;padding:24px 34px 24px 0;font-size:21px;font-weight:600;letter-spacing:-.02em;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:28px;font-weight:300;color:var(--muted)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 24px;font-size:17px;color:var(--text-2);max-width:66ch}
.link-inline{color:var(--accent);text-decoration:none}
.link-inline:hover{text-decoration:underline}

/* final */
.final{padding:clamp(96px,13vw,160px) 0;text-align:center;background:radial-gradient(900px 420px at 50% 0%,rgb(var(--premium-glow) / 14%),transparent 70%),var(--bg)}
.final .lede{margin:18px auto 34px;max-width:30ch}

/* footer */
footer{background:#f5f5f7;color:var(--muted);font-size:12.5px;padding:34px 0 40px}
.notes a{text-decoration:underline;text-underline-offset:2px}
.notes{list-style:none;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #d2d2d7;display:grid;gap:10px;counter-reset:n}
.notes li{counter-increment:n;padding-left:22px;position:relative;line-height:1.5}
.notes li::before{content:counter(n) ".";position:absolute;left:0}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}
.foot-links{display:flex;flex-wrap:wrap;gap:20px}
footer a{text-decoration:none;color:var(--text-2)}
footer a:hover{text-decoration:underline}

/* reveal */
/* Scroll-linked motion (founder, 16 Oct 2026): every reveal is tied to the
   scroll position, so it plays forward and in reverse. Calm distances and no
   bounce, for an enterprise product. No will-change on reveals: a hundred
   permanent layers made scrolling heavy (founder, 16 Oct 2026). Without
   JavaScript or with reduced motion the page is static and fully visible. */
/* .m-count holds a counting figure at its final width (tabular digits), so nothing moves around it. */
.m-count,.proof-stats .m-count,.ph-points .m-count,.aud-card .m-count{display:inline-block;margin:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;opacity:1;font-variant-numeric:tabular-nums}
.sx-bars i{transform-origin:50% 100%}
html.motion .hero-copy{transform:translate3d(0,calc(var(--h,0) * -44px),0) scale(calc(1 - var(--h,0) * .035));opacity:calc(1 - var(--h,0) * .6);transform-origin:0 40%;will-change:transform,opacity}
html.motion .hero-voice{transform:translate3d(0,calc(var(--h,0) * 70px),0) scale(calc(1 + var(--h,0) * .07));will-change:transform}
html.motion .film-frame{transform:scale(calc(.9 + .1 * var(--f,1)));border-radius:calc(40px - 16px * var(--f,1));box-shadow:0 calc(20px + 30px * var(--f,1)) calc(50px + 50px * var(--f,1)) rgb(0 0 0 / calc(30% + 25% * var(--f,1)));will-change:transform}
html.motion .film{background:radial-gradient(1000px 600px at 50% 0%,rgb(var(--premium-glow) / calc(12% + 26% * var(--f,1))),transparent 75%),var(--dark)}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.orb,.orb::before{animation:none}.voice-line{transition:none}}
.noscript{padding:12px 16px;text-align:center;font-size:14px;background:#fff7e6}

@media (max-width:1100px){
  .plans{grid-template-columns:repeat(3,1fr)}
  .plans-four{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .nav-links,.nav-actions{display:none}
  .menu-toggle{display:grid;place-items:center}
  .steps,.products-grid,.plans{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  body{font-size:17px}
  .shot{padding:18px 16px 0;border-radius:22px 22px 0 0}
  .shot-grid{grid-template-columns:1fr;gap:18px;padding-top:18px}
  .orb{width:96px;height:96px}
  .orb-cap{margin-top:12px}
  .steps,.products-grid,.plans,.resources{grid-template-columns:1fr}
  .verified-grid{grid-template-columns:1fr}
  .built-card{grid-template-columns:1fr;text-align:center;justify-items:center}
  .plan-total{flex-wrap:wrap}
  .proof-facts{flex-direction:column;gap:12px}
  .logos{gap:12px 22px}
  .mark{font-size:15px}
}

/* ── reliability: homepage section, /reliability, reports ─────────────── */
.ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.rel-home{background:radial-gradient(1000px 600px at 85% 0%,rgb(var(--premium-glow) / 34%),transparent 75%),radial-gradient(1100px 540px at 50% 0%,rgb(37 99 235 / 18%),transparent 70%),var(--dark);color:#f5f5f7;overflow:hidden}
.rel-home .eyebrow{background:none;color:var(--premium-dark-ink)}
.rel-home .lede{color:#a1a1a6;max-width:46ch}
.rel-home .cta-row{margin-top:34px}
.proof-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1080px;margin:52px auto 0;padding:0;list-style:none;text-align:left}
.proof-stats a{display:flex;flex-direction:column;height:100%;padding:28px 24px;border-radius:22px;background:linear-gradient(160deg,rgb(255 255 255 / 9%),rgb(255 255 255 / 3%));box-shadow:inset 0 0 0 1px rgb(255 255 255 / 10%);color:#f5f5f7;text-decoration:none;transition:transform .3s,box-shadow .3s}
.proof-stats a:hover,.proof-stats a:focus-visible{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgb(138 180 255 / 45%)}
.proof-stats b{font-size:clamp(30px,2.8vw,40px);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.045em;line-height:1;background:linear-gradient(180deg,#fff,#a9c4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.proof-stats span{margin-top:14px;font-size:15px;line-height:1.45;color:#d2d2d7}
.proof-stats small{margin-top:auto;padding-top:18px;font-size:12px;line-height:1.4;color:#86868b}
@media (max-width:900px){.proof-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.proof-stats{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.proof-stats a{transition:none}}
.rel-home .cta-row .link{color:#8ab4ff}
.verified-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:46px auto 0;text-align:left}
.verified-check{padding:28px;border-radius:22px;background:#fff;color:var(--text)}
.verified-check strong{display:block;margin:14px 0 10px;font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;line-height:1}
.verified-check .verified-words{font-size:clamp(26px,2.7vw,36px);letter-spacing:-.04em}
.verified-check p:not(.rel-kicker){margin:18px 0 20px;color:var(--text-2);font-size:15px;line-height:1.5}
.verified-check small{font-size:12px;color:var(--muted)}
@media (max-width:680px){.verified-grid{grid-template-columns:1fr}}
.rel-sub{margin-top:46px;font-size:21px;font-weight:600;letter-spacing:-.02em;color:#d2d2d7}
.rel-sub span{display:block;color:#6e6e73}
[data-depth]{--p:1}
.rel-stage{position:relative;max-width:780px;margin:64px auto 0;perspective:1600px;transform-style:preserve-3d}
.rel-card{position:relative;z-index:2;text-align:left;padding:30px 32px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fafc);color:var(--text);box-shadow:0 40px 90px rgb(0 0 0 / 34%),0 0 0 1px rgb(255 255 255 / 8%);transform:rotateX(calc((1 - var(--p)) * 26deg)) translateY(calc((1 - var(--p)) * 70px)) scale(calc(.9 + var(--p) * .1));transform-origin:50% 100%;will-change:transform}
.rel-ghost{position:absolute;inset:0;border-radius:26px;background:linear-gradient(180deg,rgb(255 255 255 / 16%),rgb(255 255 255 / 5%));box-shadow:0 0 0 1px rgb(255 255 255 / 9%);transform-origin:50% 100%}
.rel-ghost.g1{transform:translate3d(0,calc(var(--p) * -20px),calc(var(--p) * -70px)) rotateX(calc((1 - var(--p)) * 32deg)) scale(.955)}
.rel-ghost.g2{transform:translate3d(0,calc(var(--p) * -38px),calc(var(--p) * -140px)) rotateX(calc((1 - var(--p)) * 38deg)) scale(.91);opacity:.65}
.rel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.rel-kicker{font-size:13px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.rel-card h3{margin-top:6px;font-size:clamp(24px,3vw,34px);letter-spacing:-.035em;line-height:1.1}
.rel-metrics{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));margin:24px 0 0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--border)}
.rel-metrics div{padding:14px 16px;box-shadow:1px 1px 0 var(--border)}
.rel-metrics div:first-child{grid-column:1/-1}
@media (max-width:640px){.rel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rel-metrics dt{font-size:13px;color:var(--muted)}
.rel-metrics dd{margin:5px 0 0;font-size:19px;font-weight:650;letter-spacing:-.02em;display:flex;align-items:center}
.rel-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:14px;color:var(--muted)}
.rel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:24px}
.rel-card .link{color:var(--accent)}
.rel-muted{margin-top:12px;color:var(--muted);max-width:56ch}
.rel-promise{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rel-promise li{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-2)}
.rel-promise .ic{color:#067647}
.stale-note{display:none;margin-top:10px;font-size:14px;color:#b54708}
.rel-card.is-stale .stale-note{display:block}
.rel-card.is-stale .rel-head .pill{filter:grayscale(1);opacity:.55}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:980px;font-size:14px;font-weight:650;white-space:nowrap}
.pill-pass{background:#ecfdf3;color:#067647}
.pill-partial{background:#fff7e6;color:#b54708}
.pill-fail{background:#fef3f2;color:#b42318}
.pill-soon{background:#f2f4f8;color:var(--text-2)}
.ok,.warn{display:inline-flex;align-items:center;gap:6px}
.ok{color:#067647}
.warn{color:#b54708}
.fresh{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:980px;background:#eef2ff;color:#1d4ed8;font-size:13px;font-weight:650}
.fresh.stale{background:#fff7e6;color:#b54708}
.fresh.stale::before{content:"⚠"}
.sample-mark{display:block;margin-bottom:16px;padding:8px 12px;border-radius:10px;background:repeating-linear-gradient(135deg,#fff7e6 0 12px,#fff0d4 12px 24px);color:#92400e;font-size:13px;font-weight:700;text-align:center;letter-spacing:.01em}
.sample-tag,.retest-tag{margin-left:8px;padding:2px 8px;border-radius:980px;font-size:12px;font-weight:650;background:#fff7e6;color:#92400e;vertical-align:1px}
.retest-tag{background:#eef2ff;color:#1d4ed8}
.trust-strip{display:grid;grid-template-columns:repeat(3,auto) auto;align-items:center;justify-content:center;gap:14px 44px;margin:40px auto 0;padding:18px 26px;max-width:780px;border-radius:18px;background:rgb(255 255 255 / 6%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 9%)}
.trust-strip div{display:grid;text-align:left}
.trust-strip span{font-size:13px;color:#a1a1a6}
.trust-strip b{font-size:18px}
@media (max-width:520px){.trust-strip{grid-template-columns:1fr;justify-content:stretch;gap:12px;padding:18px 20px}.trust-strip div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.trust-strip b{font-size:16px}.trust-strip .link{justify-self:center;margin-top:4px}}

.rel-hero,.sla-hero{position:relative;padding:clamp(72px,11vw,130px) 0 10px;overflow:hidden}
.rel-hero-glow{position:absolute;inset:-35% -10% auto;height:640px;background:radial-gradient(closest-side,rgb(99 102 241 / 18%),transparent);pointer-events:none}
.rel-hero .lede,.sla-hero .lede{max-width:40ch;margin:22px auto 30px}
.rel-latest{padding-top:24px}
.rel-latest .rel-card{box-shadow:0 40px 90px rgb(30 41 99 / 16%),0 0 0 1px rgb(0 0 0 / 5%)}
.rel-latest .rel-ghost{background:linear-gradient(180deg,#e7ecf8,#f3f5fb);box-shadow:0 0 0 1px #dde3f0}

/* the programme drum: static list by default; the script turns it into a pinned, scroll-driven drum */
.program{background:radial-gradient(1000px 600px at 0% 0%,rgb(var(--premium-glow) / 28%),transparent 75%),var(--dark);color:#f5f5f7;padding:clamp(88px,12vw,140px) 0}
.program .lede{color:#a1a1a6;margin-top:18px;max-width:34ch}
.program-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.program-count{display:none;margin-top:30px;font-size:15px;color:#a1a1a6;font-variant-numeric:tabular-nums}
.program-count b{font-size:46px;color:#f5f5f7;letter-spacing:-.04em;margin-right:4px}
.drum-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.drum-list li{display:flex;align-items:center;gap:18px;min-height:78px;padding:14px 22px;border-radius:18px;background:#16161d;box-shadow:inset 0 0 0 1px rgb(255 255 255 / 8%)}
.drum-list b{display:block;font-size:19px;letter-spacing:-.02em}
.drum-list li div span{display:block;margin-top:2px;font-size:14.5px;color:#a1a1a6}
.drum-n{font-size:14px;font-weight:700;color:#6e8fff;font-variant-numeric:tabular-nums}
.program.drum-3d{height:calc(100vh + 12 * 38vh);padding:0}
.program.drum-3d .program-sticky{position:sticky;top:0;height:100vh;display:grid;align-items:center;overflow:hidden}
.program.drum-3d .program-count{display:block}
.program.drum-3d .drum{position:relative;height:460px;perspective:1200px;-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(transparent,#000 24%,#000 76%,transparent)}
.program.drum-3d .drum-list{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:translateZ(-230px)}
.program.drum-3d .drum-list li{--off:0;--d:0;position:absolute;left:0;right:0;top:50%;margin-top:-42px;height:84px;min-height:0;backface-visibility:hidden;transform:rotateX(calc(var(--off) * -24deg)) translateZ(230px);opacity:clamp(0,calc((2 - var(--d)) * 2),1);transition:background .3s,box-shadow .3s}
.program.drum-3d .drum-list li.on{background:linear-gradient(120deg,#1e2a57,#172554);box-shadow:inset 0 0 0 1px rgb(99 131 255 / 45%),0 20px 50px rgb(37 99 235 / 25%)}

.test-grid{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:16px}
.test-card{height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%);transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .3s ease,box-shadow .3s}
.test-card:hover{box-shadow:0 24px 50px rgb(30 41 99 / 13%),0 0 0 1px rgb(0 0 0 / 5%)}
.test-card svg,.summary-card svg{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.test-card h3{margin-top:16px;font-size:17px;letter-spacing:-.02em;line-height:1.25}
.test-card p{margin-top:6px;font-size:14px;color:var(--muted)}
.test-cat{display:block;margin-top:auto;padding-top:20px;font-size:12px;font-weight:650;color:var(--accent)}

.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:44px 0 20px}
.chip{border:0;cursor:pointer;padding:8px 16px;border-radius:980px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 9%);font:inherit;font-size:15px;color:var(--text-2)}
.chip[aria-pressed="true"]{background:var(--text);color:#fff;box-shadow:none}
.table-scroll{position:relative;overflow-x:auto;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 6%)}
.table-scroll table{width:100%;border-collapse:collapse;min-width:560px;text-align:left;font-size:15px}
.table-scroll th,.table-scroll td{padding:14px 18px;border-top:1px solid var(--border);vertical-align:middle}
.table-scroll thead th{border-top:0;font-size:13px;font-weight:650;color:var(--muted);background:#fafafc}
.table-scroll tbody th{font-weight:600}
.table-scroll tbody tr:nth-child(even){background:#fcfcfe}
.history a{color:var(--text);font-weight:600;text-decoration:none}
.history a:hover{text-decoration:underline}
.history .go{text-align:right;white-space:nowrap}
.history td:first-child,.history .num{white-space:nowrap}
.history .go .link{font-size:15px;font-weight:500;color:var(--accent)}
.num{font-variant-numeric:tabular-nums}
.empty-row td{text-align:center;color:var(--muted);padding:34px 18px}
.filter-empty{text-align:center;color:var(--muted);margin-top:18px}
.read-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.read-card{padding:26px 22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%)}
.read-card b{display:block;font-size:28px;letter-spacing:-.04em}
.read-card h3{margin-top:8px;font-size:17px}
.read-card p{margin-top:6px;font-size:14.5px;color:var(--muted)}
.sla-vs{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:28px auto 0;border-radius:20px;overflow:hidden;background:var(--border);box-shadow:0 0 0 1px var(--border)}
.sla-vs div{padding:24px 26px;background:#fff}
.sla-vs b{font-size:19px}
.sla-vs p{margin:6px 0 10px;color:var(--muted);font-size:15.5px}

/* report pages */
.report-hero{padding:clamp(56px,8vw,96px) 0 32px;background:radial-gradient(900px 380px at 30% 0%,rgb(99 102 241 / 12%),transparent 70%)}
.report-hero .headline{margin-top:4px}
.back{display:inline-block;margin-bottom:22px;font-size:15px;color:var(--muted);text-decoration:none}
.back:hover{color:var(--text)}
.report-meta{display:flex;flex-wrap:wrap;gap:12px 34px;margin:26px 0 0}
.report-meta dt{font-size:13px;color:var(--muted)}
.report-meta dd{margin:4px 0 0;font-weight:600}
.retest-note{margin-top:20px;padding:14px 18px;border-radius:14px;background:#eef2ff;color:#1e3a8a;font-size:15.5px;max-width:720px}
.retest-note a{font-weight:650}
.report-body{max-width:760px;padding-bottom:40px}
.report-body section{padding:34px 0;border-top:1px solid var(--border)}
.report-body h2{font-size:28px;letter-spacing:-.035em;margin-bottom:14px}
.report-body p{color:var(--text-2);max-width:66ch}
.plain-list{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--text-2)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}
.metric{padding:20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 6%)}
.metric dt{font-size:13px;color:var(--muted)}
.metric dd{margin:6px 0 0;font-size:28px;font-weight:700;letter-spacing:-.04em}
.metric dd.note{margin-top:6px;font-size:13.5px;font-weight:400;letter-spacing:0;color:var(--muted)}
abbr{text-decoration:none;color:var(--faint);font-size:12px;font-weight:600}
.checks{display:grid;gap:1px;margin:0;border-radius:16px;overflow:hidden;background:var(--border);box-shadow:0 0 0 1px var(--border)}
.checks div{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;background:#fff;font-size:15.5px}
.checks dt{color:var(--text-2)}
.checks dd{margin:0;font-weight:600;text-align:right}
.timeline{--fill:1;position:relative;list-style:none;margin:0;padding:0 0 0 34px;display:grid;gap:18px}
.timeline::before,.timeline::after{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--border)}
.timeline::after{background:var(--grad);transform-origin:top;transform:scaleY(var(--fill))}
.timeline li{position:relative;display:flex;gap:16px;align-items:baseline;transition:opacity .4s}
.timeline li::before{content:"";position:absolute;left:-31px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--accent);z-index:1}
.timeline li::before{transition:box-shadow .4s}
.timeline li.pending::before{box-shadow:0 0 0 2px var(--border)}
.timeline li.pending span{color:var(--muted)}
.timeline time{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:14px;color:var(--muted);min-width:52px}
.chart{margin:0}
.chart svg{width:100%;height:auto;overflow:visible}
.chart .grid{stroke:var(--border);stroke-width:1}
.chart text{font-size:11px;fill:var(--muted)}
.chart .line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}
.chart figcaption{margin-top:8px;font-size:13.5px;color:var(--muted)}
.limits{padding:26px 28px!important;margin:30px 0 0;border:0!important;border-radius:20px;background:#f5f5f7}
.limits h2{font-size:22px!important}

/* /sla */
.sla-meta{margin-top:-12px;font-size:14px;color:var(--muted)}
.sla-meta a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.uptime-ring{position:relative;width:220px;height:220px;margin:40px auto 0;transform:perspective(900px) rotateX(calc((1 - var(--p)) * 55deg));transform-origin:50% 70%}
.uptime-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.uptime-ring circle{fill:none;stroke-width:14}
.ring-track{stroke:#e7ecf8}
.ring-fill{stroke:#2563eb;stroke-linecap:round;stroke-dasharray:calc(var(--p) * 999) 1000;transition:stroke-dasharray .2s linear}
.ring-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.ring-label b{font-size:40px;letter-spacing:-.05em}
.ring-label span{font-size:14px;color:var(--muted)}
.sla-summary{padding-top:clamp(56px,8vw,90px)}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.summary-card{height:100%;padding:28px 26px;border-radius:var(--radius);background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%);transform:perspective(900px) rotateX(var(--ry,0deg)) rotateY(var(--rx,0deg));transition:transform .3s ease,box-shadow .3s}
.summary-card:hover{box-shadow:0 24px 50px rgb(30 41 99 / 12%),0 0 0 1px rgb(0 0 0 / 5%)}
.summary-card h3{margin-top:18px;font-size:21px;letter-spacing:-.025em}
.summary-card p{margin-top:8px;color:var(--muted);font-size:16px}
.sla-layout{display:grid;grid-template-columns:minmax(0,720px) 220px;justify-content:center;gap:64px;padding-bottom:clamp(60px,9vw,110px)}
.toc{order:2;position:sticky;top:76px;align-self:start;display:grid;gap:4px;padding-top:50px}
.toc p{font-size:13px;font-weight:650;color:var(--muted);margin-bottom:6px}
.toc a{padding:6px 12px;border-left:2px solid var(--border);font-size:14.5px;color:var(--text-2);text-decoration:none}
.toc a:hover{color:var(--text)}
.toc a[aria-current="true"]{border-color:var(--accent);color:var(--accent);font-weight:600}
[id]{scroll-margin-top:76px}
.sla-doc section{padding:48px 0 8px;scroll-margin-top:70px}
.sla-doc h2{font-size:clamp(28px,3.4vw,36px);letter-spacing:-.04em;margin-bottom:14px}
.sla-doc p{color:var(--text-2)}
.sla-doc .table-scroll{margin:20px 0 12px}
.sla-doc td.yes{color:#067647;font-weight:600;white-space:nowrap}
.sla-doc td.no{color:var(--muted);font-weight:600;white-space:nowrap}
.sla-doc td.yes .ic,.sla-doc td.no .ic{display:inline-block;vertical-align:-3px;margin-right:6px}
.sla-doc .small{font-size:14px;color:var(--muted);margin-top:8px}
.sla-doc .plain-list{margin:12px 0 0}
.formula{margin:22px 0 0;padding:16px 18px;border-radius:14px;background:#0f1729;color:#e2e8f0;overflow-x:auto;font-size:14px;line-height:1.5}
.formula code{font-family:ui-monospace,"SF Mono",Menlo,monospace;white-space:pre-wrap}
.month-viz{margin:34px 0 0;perspective:900px}
.month-days{display:grid;grid-template-columns:repeat(30,1fr);gap:4px;transform:rotateX(calc((1 - var(--p)) * 58deg));transform-origin:50% 100%}
.month-days i{display:block;height:46px;border-radius:5px;background:linear-gradient(180deg,#dbe6ff,#c3d4fb)}
.month-days .budget{position:relative;background:linear-gradient(180deg,#dbe6ff,#c3d4fb)}
.month-days .budget em{position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:0 0 5px 5px;background:#f59e0b}
.month-days .budget::after{content:"43 min";position:absolute;right:0;bottom:calc(100% + 6px);font-size:12px;font-weight:700;color:#b54708;white-space:nowrap}
.stat-callout{margin-top:22px}
.stat-callout b{display:block;font-size:clamp(48px,7vw,72px);font-weight:700;letter-spacing:-.05em;line-height:1}
.stat-callout p{margin-top:8px;color:var(--muted)}
.sla-steps{list-style:none;padding:0;margin:20px 0 22px;display:grid;gap:12px}
.sla-steps li{display:flex;gap:16px;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%)}
.sla-steps span{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:700}
.sla-steps p{margin-top:2px;font-size:15.5px;color:var(--muted)}
.sla-doc a{color:var(--accent)}
.callout{margin-top:22px;padding:18px 22px;border-radius:18px;background:#fff;box-shadow:0 0 0 2px var(--accent),0 20px 50px rgb(37 99 235 / 10%);color:var(--text-2)}
.callout b{color:var(--text)}
.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.record-card{display:block;padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%);text-decoration:none;color:inherit}
a.record-card:hover{box-shadow:0 20px 44px rgb(30 41 99 / 12%),0 0 0 1px rgb(0 0 0 / 5%)}
.record-card h3{margin-top:14px;font-size:20px}
.record-card p{margin:6px 0 10px;color:var(--muted);font-size:15.5px}
@media (prefers-reduced-motion:reduce){.rel-card,.rel-ghost,.uptime-ring,.month-days,.test-card,.summary-card{transform:none!important}.ring-fill{stroke-dasharray:999 1000}}
@media (max-width:980px){
  .test-grid{grid-template-columns:repeat(2,1fr)}
  .read-grid{grid-template-columns:1fr 1fr}
  .program-grid{grid-template-columns:1fr;gap:34px}
  .program.drum-3d .drum{height:380px}
  .sla-layout{grid-template-columns:minmax(0,720px)}
  .toc{display:none}
}
@media (max-width:680px){
  .rel-card{padding:22px 20px;border-radius:22px}
  .rel-promise,.metrics,.summary-grid,.record-grid,.sla-vs,.read-grid,.test-grid{grid-template-columns:1fr}
  .rel-head{flex-direction:column;gap:10px}
  .program.drum-3d .drum-list li{padding:10px 14px;gap:12px}
  .program.drum-3d .drum-list b{font-size:16px}
  .program.drum-3d .drum-list li div span{font-size:13px}
  .month-days{gap:2px}
  .month-days i{height:34px;border-radius:3px}
  .checks div{flex-direction:column;gap:2px}
  .checks dd{text-align:left}
}
/* Focused refinements preserve the existing design tokens. */
.section{padding-block:clamp(64px,8vw,112px)}
.assure li{background:none;box-shadow:none;color:var(--muted);font-size:13px;font-weight:500;padding:4px 8px}
.assure svg{width:14px;height:14px;color:var(--muted)}
.film{padding-top:56px}
.product h3 a{color:inherit;text-decoration:none}
.product h3 a:hover{color:var(--accent)}
#products .product svg{stroke:var(--premium-ink)}
.voice-compact{background:radial-gradient(900px 600px at 50% 40%,rgb(var(--premium-glow) / 5%),transparent 75%),var(--bg)}
.voice-compact .voice-stage{margin-top:40px;min-height:210px;border-radius:24px;background:linear-gradient(135deg,#fff,#faf9ff);border:1px solid rgb(var(--premium-glow) / 9%);box-shadow:0 12px 36px rgb(var(--premium-glow) / 5%)}
.voice-compact .voice-line{padding:28px}
.voice-compact .voice-line p{color:var(--text)}
.voice-compact .voice-line span{color:var(--premium-ink)}
.voice-intent{color:var(--muted);font-size:14px;margin:16px 0}
.voice-intent span{margin:0 8px;color:var(--accent)}
.language-picker{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:24px 0 30px}
.language-picker button{border:0;border-radius:980px;padding:12px 15px;min-height:44px;background:transparent;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}
.language-picker button[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.migration{background:linear-gradient(155deg,#f3f5fc,#fff 70%)}
.migration-flow{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;padding:0;margin:64px 0;gap:10px}
.migration-flow{perspective:900px}
.migration-flow li{position:relative;border-top:1px solid #cdd3e0;padding:18px 10px 14px;font-size:15px;font-weight:600;border-radius:0 0 14px 14px;transform:rotateX(0) translateY(0);transition:transform .65s ease,background .65s ease,box-shadow .65s ease,color .65s ease}
.migration-flow li span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-bottom:10px}
.migration-flow .approval-step{border-color:var(--accent);color:var(--accent)}
.migration-flow.is-animated .approval-step{border-color:#cdd3e0;color:inherit}
.migration-flow.is-animated .is-current{border-color:var(--premium-ink);color:var(--premium-ink);background:#f5f3ff;transform:translateY(-8px) rotateX(9deg);box-shadow:0 16px 26px rgb(var(--premium-glow) / 16%)}
@media(prefers-reduced-motion:reduce){.migration-flow li{transition:none;transform:none!important}}
.security-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:56px 0}
.security-principles svg{width:32px;height:32px;fill:none;stroke:var(--accent);stroke-width:1.5}
.security-principles h3{font-size:21px;margin-top:18px;letter-spacing:-.02em}
.security-principles p{font-size:15px;color:var(--muted);margin-top:8px}
.verification-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;text-align:left}
.verification-item{display:block;padding:30px;border-radius:var(--radius);background:#fff;color:var(--text);text-decoration:none;border:1px solid var(--border)}
.verification-item h3{font-size:22px;letter-spacing:-.03em;margin-bottom:26px}
.verification-item .fresh{display:block;margin-top:16px;font-size:13px;color:var(--muted)}
.verification-item .fresh.stale,.fresh.due{color:#975d13}
.verification-item.is-stale .pill-pass{background:#f5f5f7;color:#6e6e73}
.measured-highlights .verification-item h3{margin-bottom:18px}
.measured-value{display:block;font-size:clamp(22px,2.1vw,30px);letter-spacing:-.04em;line-height:1.15}
.measured-detail{margin-top:16px;font-size:15px;line-height:1.55;color:var(--text-2)}
.measured-date{margin-top:20px;font-size:12px;line-height:1.5;color:var(--muted)}
/* legal pages */
.legal-version{margin-top:18px;font-size:13px;color:var(--muted)}
.legal-page .detail-copy h2{scroll-margin-top:90px}
.measured-scope{max-width:850px;margin:20px auto 0;text-align:center;font-size:13px;color:var(--muted);line-height:1.5}
.product-check{border-bottom:1px solid var(--border);padding:20px 0}
.product-check summary{font-size:18px;font-weight:600;cursor:pointer;line-height:1.5}
.product-check p{margin-top:14px;line-height:1.6}
@media(max-width:800px){.measured-highlights{grid-template-columns:1fr}}
.verification-preview-note{color:#a1a1a6;font-size:12px;margin:20px auto 0}
.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:40px 0;border-top:1px solid var(--border)}
.footer-groups h3{font-size:13px;margin-bottom:16px}
.footer-groups a{display:block;text-decoration:none;font-size:13px;color:var(--muted);padding:6px 0}
.footer-groups a:hover{color:var(--accent)}
.detail-page .detail-copy{max-width:760px;margin:0 auto}
.detail-copy h2{font-size:30px;letter-spacing:-.035em;margin:48px 0 16px}
.detail-copy p,.detail-copy li{color:var(--text-2);line-height:1.7}
.detail-copy ul,.detail-copy ol{padding-left:22px}
.detail-copy li{margin:12px 0}
.detail-links{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:36px 0}
.detail-links a{display:block;padding:26px;border:1px solid var(--border);border-radius:20px;text-decoration:none;color:var(--text)}
.detail-links a b{display:block;margin-bottom:10px;font-size:20px}
.detail-links a span{color:var(--muted);font-size:15px}
.pricing-full .compare{margin-top:48px}
.customer-proof{background:#f5f5f7}
/* Logo wall: one quiet row under the hero, monochrome until hovered. */
.logo-wall{padding:26px 0 30px;text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.logo-wall h2{font-size:clamp(17px,1.7vw,21px);font-weight:600;color:var(--text);letter-spacing:-.02em;line-height:1.3;margin:0 auto 22px;padding:0 16px}
.logo-wall h2 b{font-weight:700;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-marquee{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-scroll 28s linear infinite}
.logo-wall ul{display:flex;flex-wrap:nowrap;align-items:center;gap:72px;list-style:none;margin:0;padding:0 72px 0 0}
.logo-wall li{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:58px;color:#777982}
.logo-wall svg{display:block;width:auto;height:26px;overflow:visible}
.logo-wall img{display:block;width:auto;max-width:none}
@keyframes logo-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-marquee{overflow-x:auto}.logo-track ul[aria-hidden]{display:none}}
@media(max-width:680px){.logo-wall ul{gap:44px;padding-right:44px}.logo-wall svg{height:22px}.logo-wall img{transform:scale(.85)}}
.customer-proof .stories{background:#fff}
@media(max-width:980px){.migration-flow{grid-template-columns:repeat(4,1fr)}.verification-list{grid-template-columns:1fr}.brand-statements{gap:24px}}
@media(max-width:680px){.brand-statements{grid-template-columns:1fr;gap:28px;margin-top:40px}.security-principles{grid-template-columns:1fr 1fr;gap:32px 18px}.migration-flow{grid-template-columns:repeat(2,1fr);text-align:left;gap:24px}.migration-flow li:last-child{grid-column:1/-1}.footer-groups{grid-template-columns:1fr 1fr;gap:28px}.detail-links{grid-template-columns:1fr}.voice-stage{min-height:180px}.stories{padding:24px}.story blockquote{font-size:19px}}
/* Visual hierarchy: soft surfaces, strong headings, blue actions. */
.sla-page{background:#f7f9fd}
.sla-page .sla-hero{padding-bottom:42px;background:radial-gradient(ellipse at 20% 0%,#e1ebff,transparent 58%),radial-gradient(ellipse at 85% 20%,#f3e5f5,transparent 55%),#f7f9fd}
.sla-page .summary-card{border:1px solid #e1e7f2;background:linear-gradient(145deg,#fff,#f3f6fd);box-shadow:0 12px 32px rgb(34 52 97 / 6%)}
.sla-page .sla-doc section{margin:0 0 24px;padding:30px;border:1px solid #e1e7f2;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgb(34 52 97 / 5%)}
.sla-page .sla-doc h2{color:var(--text);font-size:30px}
.sla-page .sla-doc p,.sla-page .sla-doc li{color:var(--muted)}
.sla-page .sla-doc .table-scroll{box-shadow:none;border:1px solid #dfe6f3;border-radius:16px}
.sla-page .sla-doc table{min-width:0;table-layout:fixed;font-size:14px}
.sla-page .sla-doc th,.sla-page .sla-doc td{padding:16px 14px;overflow-wrap:anywhere}
.sla-page .sla-doc thead th{background:#eef3fd;color:var(--text);font-weight:650}
.sla-page .sla-doc td.yes{color:var(--accent);white-space:normal}
.sla-page .sla-doc tbody tr:nth-child(even){background:#f8faff}
.sla-page .toc{padding:22px;border:1px solid #e1e7f2;border-radius:18px;background:#fff}
@media(max-width:680px){.sla-page .sla-doc section{padding:22px 16px;border-radius:20px}.sla-page .sla-doc th,.sla-page .sla-doc td{padding:12px 8px;font-size:12px}}
.rel-hero .cta-row{margin-top:24px}
.migration-page .detail-copy ol{counter-reset:migration;display:grid;grid-template-columns:1fr 1fr;gap:14px;list-style:none;padding:0;margin:24px 0 36px}
.migration-page .detail-copy ol li{counter-increment:migration;position:relative;margin:0;padding:22px 22px 22px 64px;background:#f3f6fd;border:1px solid #e1e8f5;border-radius:18px;font-size:15px}
.migration-page .detail-copy ol li::before{content:counter(migration,decimal-leading-zero);position:absolute;left:20px;top:23px;color:var(--accent);font-size:17px;font-weight:750}
.migration-page .detail-copy ol b{display:block;font-size:18px;color:var(--text);margin-bottom:5px}
@media(max-width:680px){.migration-page .detail-copy ol{grid-template-columns:1fr}}
.landing-page #how,.landing-page #products,.landing-page #security,.landing-page #faq{background:radial-gradient(ellipse at 0% 0%,#eaf1ff,transparent 55%),linear-gradient(140deg,#f8faff,#f6f3fc)}
.landing-page #voice,.landing-page #migration,.landing-page #pricing{background:radial-gradient(ellipse at 95% 10%,#f2eafa,transparent 52%),linear-gradient(140deg,#fff,#f3f7ff)}
.landing-page .step,.landing-page .product,.landing-page .brand-statements li,.landing-page .security-principles li{border:1px solid #e1e7f2;background:linear-gradient(150deg,#fff,#fbfcff);box-shadow:0 12px 36px rgb(34 52 97 / 6%);border-radius:24px}
.landing-page .brand-statements li,.landing-page .security-principles li{padding:26px}
.landing-page .brand-statements b{color:var(--text)}
.landing-page .step .n{font-size:44px}
.landing-page .product svg,.landing-page .security-principles svg{box-sizing:content-box;padding:12px;border-radius:16px;background:#eef3ff}
.landing-page .product h3 a{text-decoration:none}
.landing-page .product h3 a:hover{color:var(--accent)}
.landing-page .plan-card{box-shadow:0 14px 40px rgb(34 52 97 / 9%),0 0 0 1px #dde4f2}
.landing-page .faq details{padding:0 24px;margin:12px 0;border:1px solid #e1e7f2;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgb(34 52 97 / 4%)}
.landing-page .faq details[open]{border-color:#b8cdfb;background:#fafdff}
.landing-page .btn-primary,.detail-page .btn-primary,.rel-page .btn-primary{box-shadow:0 8px 24px rgb(37 99 235 / 20%)}
.landing-page .rel-home .cta-row .link{display:inline-flex;gap:.25em;padding:13px 22px;border:1px solid #455985;border-radius:999px;background:rgb(255 255 255 / 5%);color:#b6ceff}
.landing-page .rel-home .cta-row .link:first-child{background:var(--accent);border-color:var(--accent);color:#fff}
.detail-page,.rel-page{background:#f7f9fd}
.detail-page>section:first-child,.rel-page .rel-hero{background:radial-gradient(ellipse at 20% 0%,#e1ebff,transparent 58%),radial-gradient(ellipse at 85% 20%,#f3e5f5,transparent 55%),linear-gradient(#f9f9ff,#f7f9fd);padding-top:82px;padding-bottom:64px}
.detail-page>section:first-child .display,.rel-page .rel-hero .display{font-size:clamp(42px,6vw,76px);letter-spacing:-.055em;font-weight:780;line-height:1.05}
.detail-page>section:first-child .lede,.rel-page .rel-hero .lede{font-size:clamp(18px,2vw,23px);color:var(--muted);max-width:48ch;margin:24px auto 0}
.detail-page .detail-copy{max-width:900px;padding:36px 40px;border:1px solid #e2e8f3;border-radius:28px;background:linear-gradient(145deg,#fff,#fcfdff);box-shadow:0 18px 60px rgb(34 52 97 / 7%)}
.detail-page .detail-copy h2{font-size:clamp(25px,3vw,34px);font-weight:750;letter-spacing:-.035em;color:var(--text)}
.detail-page .detail-copy h2:first-child{margin-top:0}
.detail-page .detail-copy h3{color:var(--text);font-size:21px;letter-spacing:-.025em}
.detail-page .detail-copy p,.detail-page .detail-copy li{color:var(--muted)}
.detail-page .detail-copy a:not(.btn){color:var(--accent);text-underline-offset:4px}
.detail-page .detail-copy>.btn{margin-top:24px}
.detail-page .detail-links a{background:#f1f5ff;border:1px solid #d9e4fc;box-shadow:0 8px 24px rgb(34 52 97 / 4%)}
.detail-page .detail-links b{font-size:20px;color:var(--accent)}
.detail-page .detail-links span{font-size:15px;line-height:1.55}
/* Showcase pages (17 Oct 2026): Apple-style bands, bento tiles, product window, stack wall */
.sx-page{background:#fff}
.sx-page .sx-hero{padding-top:82px;padding-bottom:clamp(72px,9vw,112px);background:radial-gradient(ellipse at 20% 0%,#e1ebff,transparent 58%),radial-gradient(ellipse at 85% 20%,#f3e5f5,transparent 55%),linear-gradient(#f9f9ff,#fff)}
.sx-page .sx-hero .display{font-size:clamp(44px,6.6vw,84px);letter-spacing:-.055em;font-weight:780;line-height:1.04}
.sx-page .sx-hero .lede{margin:24px auto 0}
.sx-page .sx-hero .cta-row{margin-top:32px}
.sx-page .sx-hero .lede{max-width:56ch}
.sx{padding:clamp(80px,10vw,132px) 0}
.sx-white{background:#fff}
.sx-soft{background:#f5f5f7}
.sx-dark{background:radial-gradient(900px 520px at 85% 0%,rgb(var(--premium-glow) / 30%),transparent 70%),radial-gradient(900px 480px at 10% 0%,rgb(37 99 235 / 24%),transparent 70%),var(--dark);color:#f5f5f7}
.sx-dark .lede,.sx-dark p{color:#a1a1a6}
.sx-head{text-align:center;max-width:860px;margin:0 auto clamp(44px,5.5vw,72px)}
.sx-head .lede{margin:20px auto 0;max-width:58ch}
.sx-window{max-width:860px;margin:clamp(48px,6vw,72px) auto 0;border-radius:22px;background:#0d1117;box-shadow:0 50px 120px -20px rgb(30 41 82 / 45%),0 0 0 1px rgb(255 255 255 / 8%) inset;overflow:hidden;text-align:left}
.sx-window-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#161b22;color:#8b949e;font-size:13px}
.sx-window-bar i{width:12px;height:12px;border-radius:50%;background:#ff5f57}.sx-window-bar i:nth-child(2){background:#febc2e}.sx-window-bar i:nth-child(3){background:#28c840}
.sx-window-bar span{margin-left:10px}
.sx-window pre{margin:0;padding:26px 28px 30px;font:clamp(13px,1.6vw,16px)/1.95 ui-monospace,"SF Mono",Menlo,monospace;color:#c9d1d9;overflow-x:auto}
.sx-window b{color:#fff;font-weight:600}.sx-window .ok{color:#3fb950}.sx-window .dim{color:#8b949e}.sx-window .url{color:#79c0ff}.sx-window .live{color:#3fb950;animation:sx-pulse 2s ease-in-out infinite}
@keyframes sx-pulse{50%{opacity:.35}}
.sx-stacks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:14px}
.sx-stacks li{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 12px 22px;border-radius:24px;background:#f5f5f7;text-align:center;font-size:16px;font-weight:650;letter-spacing:-.01em;color:var(--text);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s}
.sx-stacks li svg{width:46px;height:46px}
.sx-stacks li small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--muted)}
@media (hover:hover){.sx-stacks li:hover{transform:translateY(-4px);background:#eef0f5}}
.sx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sx-step{display:flex;flex-direction:column;padding:34px 30px;border-radius:28px;background:rgb(255 255 255 / 5%);box-shadow:0 0 0 1px rgb(255 255 255 / 10%) inset;text-align:left}
.sx-step>b{font-size:64px;line-height:1;font-weight:760;letter-spacing:-.06em;background:linear-gradient(120deg,#60a5fa,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-step h3{margin:22px 0 0;font-size:26px;letter-spacing:-.03em;color:#f5f5f7}
.sx-step p{margin:10px 0 0;font-size:17px;line-height:1.55}
.sx-logos{display:flex;gap:14px;margin-top:auto;padding-top:22px;color:#f5f5f7}
.sx-logos svg{width:28px;height:28px}
.sx-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.sx-tile{grid-column:span 2;display:flex;flex-direction:column;min-width:0;padding:34px 32px;border-radius:30px;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / 4%);text-align:left;overflow:hidden}
.sx-tile.w3{grid-column:span 3}.sx-tile.w4{grid-column:span 4}.sx-tile.w6{grid-column:span 6}
.sx-tile h3{margin:22px 0 0;font-size:clamp(23px,2.4vw,28px);line-height:1.15;letter-spacing:-.035em;color:var(--text)}
.sx-tile p{margin:12px 0 0;font-size:17px;line-height:1.5;color:var(--muted)}
.sx-tile p b{color:var(--text);font-weight:600}
.sx-tile .ic{flex:none;width:56px;height:56px;border-radius:17px;display:grid;place-items:center;color:#fff;background:var(--g,linear-gradient(135deg,#2563eb,#8b5cf6));box-shadow:0 10px 24px rgb(37 99 235 / 20%)}
.sx-tile .ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-tile.dark{background:radial-gradient(600px 300px at 100% 0%,rgb(var(--premium-glow) / 30%),transparent 70%),#111118}
.sx-tile.dark h3,.sx-tile.dark p b{color:#f5f5f7}.sx-tile.dark p{color:#a1a1a6}
.sx-tile.tint{background:linear-gradient(150deg,#e8efff 0%,#f4ecff 60%,#fdf2f8 100%)}
.sx-tile .sx-code{margin:auto 0 0;padding:18px 20px;border-radius:16px;background:#0d1117;color:#c9d1d9;font:14px/1.7 ui-monospace,"SF Mono",Menlo,monospace;overflow-x:auto}
.sx-tile>.sx-code{margin-top:22px}
.sx-bars{display:flex;align-items:flex-end;gap:8px;height:120px;margin-top:auto;padding-top:28px}
.sx-bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#60a5fa,#2563eb)}
.sx-bars i:nth-child(n+5):nth-child(-n+7){background:linear-gradient(180deg,#a78bfa,#6d28d9)}
.sx-big{display:block;margin-top:auto;padding-top:26px;font-size:clamp(52px,6vw,76px);line-height:1;font-weight:760;letter-spacing:-.055em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-tile .runs{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:24px}
.sx-tile .runs svg{width:32px;height:32px}
.sx-cta{text-align:center}
.sx-cta .lede{max-width:56ch;margin:20px auto 0}
.sx-cta .cta-row{margin-top:36px}
@media (max-width:900px){.sx-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.sx-tile,.sx-tile.w3,.sx-tile.w4,.sx-tile.w6{grid-column:span 2}.sx-steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.sx-stacks{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sx-stacks li{padding:18px 6px 14px;gap:10px;font-size:13.5px;border-radius:18px}.sx-stacks li svg{width:34px;height:34px}.sx-stacks li small{font-size:11px}.sx-tile{padding:28px 24px;border-radius:26px}.sx-window pre{padding:20px}}
@media (prefers-reduced-motion:reduce){.sx-window .live{animation:none}.sx-stacks li{transition:none}}
.rel-page .rel-latest{padding-top:0}
.rel-page .measured-highlights{margin-top:0;gap:22px}
.rel-stage + .measured-highlights{margin-top:64px}
@media (min-width:901px){.measured-highlights{grid-template-columns:repeat(3,1fr)}.measured-highlights .verification-item{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}.measured-highlights .verification-item h3{min-height:0}}
.rel-page .measured-highlights .verification-item{position:relative;overflow:hidden;padding:32px 28px;background:linear-gradient(145deg,#fff,#edf3ff);border:1px solid #dce5f5;box-shadow:0 16px 45px rgb(34 52 97 / 9%);display:flex;flex-direction:column}
.rel-page .measured-highlights .verification-item:nth-child(2){background:linear-gradient(145deg,#fff,#f2edff)}
.rel-page .measured-highlights .verification-item:nth-child(3){background:linear-gradient(145deg,#fff,#eaf7f4)}
.rel-page .measured-highlights .verification-item::before{content:"";position:absolute;left:28px;top:0;width:48px;height:4px;background:#2563eb;border-radius:0 0 4px 4px}
.rel-page .measured-highlights h3{font-size:19px;line-height:1.4;font-weight:650;min-height:54px}
.rel-page .measured-value{font-size:clamp(23px,2vw,27px);color:var(--accent);font-weight:600;letter-spacing:-.025em;line-height:1.35}
.rel-page .measured-detail{color:var(--muted);line-height:1.7;padding-bottom:24px;margin-top:22px}
.rel-page .measured-date{color:var(--muted);padding-top:18px;border-top:1px solid #dce4f0;margin-top:auto}
.rel-page #product-results{padding-top:36px;background:linear-gradient(#f7f9fd,#eef3fb)}
.rel-page #product-results .detail-copy{max-width:900px}
.rel-page #product-results h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;color:var(--text)}
.rel-page #product-results>.wrap>p{color:var(--muted);margin-bottom:28px}
.rel-page .product-check,.incident-page .product-check{margin:14px 0;padding:22px 26px;border:1px solid #dee6f4;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgb(34 52 97 / 5%)}
.rel-page .product-check summary{color:var(--accent);font-size:17px;font-weight:650}
.rel-page .product-check[open]{border-color:#a9c4fc;background:#fafdff}
.rel-page .product-check p{color:var(--muted)}
.rel-page .product-check .measured-date{margin-top:18px}
.rel-page #tests{background:radial-gradient(ellipse at 100% 0%,#ede8fa,transparent 60%),#f6f8fd}
.rel-page .test-card,.rel-page .read-card{border:1px solid #e0e7f3;box-shadow:0 12px 32px rgb(34 52 97 / 6%)}
.rel-page .read-card b{color:var(--accent)}
.rel-page .rel-read{background:linear-gradient(135deg,#f3f7ff,#f6f0fa)}
.incident-page .product-check{border-left:4px solid #3b82f6}
.incident-page .product-check h3{font-size:23px}
.incident-page .product-check summary{color:var(--accent);font-weight:600;cursor:pointer;margin-top:16px}
.incident-page .measured-date{font-size:12px}
@media(max-width:680px){.detail-page .detail-copy{padding:26px 22px;border-radius:22px}.detail-page>section:first-child,.rel-page .rel-hero{padding-top:58px;padding-bottom:44px}.landing-page .security-principles{gap:12px}.landing-page .security-principles li{padding:20px 16px}.rel-page .measured-highlights h3{min-height:0}.rel-page .product-check,.incident-page .product-check{padding:20px}.rel-page .measured-value{font-size:24px}}
/* Line-up: white product cards on a soft canvas, a segmented filter (CSS only), Apple-style */
.lineup{background:#f5f5f7}
.aud{background:#fff}
.aud .aud-tabs{margin-top:36px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.aud .aud-tabs::-webkit-scrollbar{display:none}
.aud .aud-tabs button[aria-selected="true"]{background:#1d1d1f;color:#fff;box-shadow:0 4px 14px rgb(0 0 0 / 18%)}
.aud-stage{max-width:1000px;margin:44px auto 0;text-align:left}
.aud-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(28px,4vw,48px);border-radius:36px;background:#f5f5f7}
.aud-panel[hidden]{display:none}
.aud-panel+.aud-panel{margin-top:20px}
.aud-pain{margin:0;font-size:17px;font-style:italic;color:var(--muted)}
.aud-copy h3{margin:12px 0 0;font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.045em;font-weight:760}
.aud-copy ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:14px}
.aud-copy li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:17px;line-height:1.45;color:var(--text-2)}
.aud-copy li svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--accent);color:#fff}
.aud-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}
.aud-card{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3.2;padding:32px;border-radius:28px;color:#fff;background:radial-gradient(120% 90% at 20% 0%,rgb(255 255 255 / 28%),transparent 55%),var(--g);box-shadow:0 30px 70px -24px rgb(30 41 82 / 45%),inset 0 -40px 80px rgb(0 0 0 / 14%)}
.aud-card span{font-size:17px;font-weight:600;opacity:.9}
.aud-card b{margin-top:8px;font-size:clamp(40px,5vw,60px);line-height:1;font-weight:780;letter-spacing:-.05em}
.aud-card b span{font-size:inherit;opacity:1}
.aud-card small{margin-top:10px;font-size:15px;opacity:.85}
.aud-card em{align-self:flex-start;margin-top:22px;padding:7px 14px;border-radius:999px;background:rgb(255 255 255 / 18%);font-style:normal;font-size:14px;font-weight:600;backdrop-filter:blur(8px)}
@media (max-width:820px){.aud-panel{grid-template-columns:minmax(0,1fr)}.aud-card{aspect-ratio:auto;min-height:220px}.aud .aud-tabs{justify-content:flex-start}}
.mig-credit{margin:22px 0 0;font-size:15px;color:var(--muted)}
.mig-credit a{color:var(--accent);font-weight:600}
.lu-filter{display:inline-flex;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:40px auto 0;padding:6px;border-radius:999px;background:#e8e8ed}
.lu-filter::-webkit-scrollbar{display:none}
@media (max-width:380px){.lu-filter button{padding:9px 12px;font-size:14px}}
.lu-filter button{white-space:nowrap;padding:11px 24px;border:0;border-radius:999px;background:none;font:inherit;font-size:16px;font-weight:600;color:var(--text);cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.lu-filter button[aria-pressed="true"]{background:#1d1d1f;color:#fff;box-shadow:0 4px 14px rgb(0 0 0 / 18%)}
.lu-filter button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lu-track{--gutter:max(24px,calc((100vw - var(--page-max)) / 2));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:22px;margin:20px calc(50% - 50vw) 0;padding:24px var(--gutter) 56px;scroll-padding-inline:var(--gutter);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;text-align:center}
.lu-track::-webkit-scrollbar{display:none}
.lu-card{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;padding:28px 26px 30px;border-radius:30px;background:#fff;box-shadow:0 20px 50px rgb(0 0 0 / 7%),0 0 0 1px rgb(0 0 0 / 4%);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.lu-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px rgb(0 0 0 / 12%),0 0 0 1px rgb(0 0 0 / 4%)}
.lu-art{display:grid;place-items:center;width:100%;aspect-ratio:5/4;border-radius:22px;background:radial-gradient(120% 90% at 30% 15%,rgb(255 255 255 / 35%),transparent 55%),var(--g);color:#fff;box-shadow:inset 0 -30px 60px rgb(0 0 0 / 12%)}
.lu-art svg{width:42%;height:42%;filter:drop-shadow(0 12px 22px rgb(0 0 0 / 22%))}
.lu-card h3{margin-top:26px;font-size:26px;letter-spacing:-.03em}
.lu-tag{margin-top:10px;min-height:4.65em;font-size:16px;line-height:1.55;color:var(--text-2);max-width:26ch}
.lu-stacks{margin:56px auto 0;text-align:center}
.lu-stacks p{margin:0;font-size:17px;font-weight:600;color:var(--text-2);letter-spacing:-.01em}
.lu-stacks ul{list-style:none;margin:22px auto 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:860px}
.lu-stacks li{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgb(0 0 0 / 6%),0 0 0 1px rgb(0 0 0 / 4%)}
.lu-stacks li svg{width:30px;height:30px}
.lu-stacks .link{display:inline-block;margin-top:22px}
@media (max-width:480px){.lu-stacks li{width:52px;height:52px;border-radius:15px}.lu-stacks li svg{width:26px;height:26px}}
.lu-spec{margin:4px 0 0;font-size:13px;color:var(--muted)}
.lu-spec a{color:var(--accent)}
.lu-from{margin-top:16px;font-size:16px;font-weight:600;color:var(--text)}
.lu-from small{font-weight:500;color:var(--muted)}
.lu-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin-top:auto;padding-top:24px}
.lu-card[hidden]{display:none}
.lu-learn{padding:10px 22px;border-radius:999px;background:#1d1d1f;color:#fff;font-size:15px;font-weight:600;text-decoration:none}
.lu-learn:hover{background:#000;text-decoration:none}
@media (min-width:1100px){.lu-track{grid-auto-columns:calc((100vw - 2 * var(--gutter) - 66px) / 3.4)}}
@media (max-width:640px){.lu-track{grid-auto-columns:84%;padding-bottom:28px}.lu-filter button{padding:10px 14px;font-size:15px}.lu-card h3{font-size:22px}}
@media (prefers-reduced-motion:reduce){.lu-card{transition:none}.lu-card:hover{transform:none}}
/* Built differently: raised white cards, an icon tile, even padding */
/* Contact sales: black, top right (founder, 16 Oct 2026) */
.btn-contact{padding:7px 16px;font-size:13px;font-weight:600;background:#1d1d1f;color:#fff!important;border-radius:980px;text-decoration:none}
.btn-contact:hover{background:#000;text-decoration:none}
.mobile-menu .btn-contact{padding:12px 18px;font-size:16px;text-align:center}
/* The reassurance that matters most stands out */
.assure li.assure-key{background:#067647;color:#fff;box-shadow:0 8px 20px rgb(6 118 71 / 25%)}
/* Line-up: all five on wide screens; arrows wherever they do not fit */
.lu-wrap{position:relative}
.lu-arrows{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media (max-width:640px){.lu-arrows{justify-content:center}}
.lu-arrow{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#e8e8ed;color:#1d1d1f;cursor:pointer;transition:background .2s,opacity .2s}
.lu-arrow:hover:not(:disabled){background:#d2d2d7}
.lu-arrow:disabled{opacity:.35;cursor:default}
.lu-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.lu-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.lu-wrap[data-fits] .lu-arrows{display:none}
@media (min-width:1240px){
 .lu-track{--gutter:max(24px,calc((100vw - 1400px) / 2));grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;gap:18px}
 .lu-card{padding:22px 20px 24px}
 .lu-card h3{font-size:21px}
 .lu-tag{font-size:15px}
 .lu-actions{gap:12px}
 .lu-learn{padding:9px 16px;font-size:14px}
 .lu-actions .link{font-size:14px}
}
/* Pay the way India pays */
.pricing-switches{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:32px auto 0}
.sec-light{background:#f5f5f7}
.plan-card{display:flex;flex-direction:column}.plan-card .benefits{flex:1;display:flex;flex-direction:column}.plan-card .benefits .shield-line{margin-top:auto}
.rel-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;list-style:none;margin:36px auto 0;padding:0;font-size:15px;color:var(--text-2)}
.rel-facts a{color:var(--text);font-weight:600}
.rel-facts a:hover{color:var(--accent)}
.rel-home .rel-facts{color:#a1a1a6}
.rel-home .rel-facts a{color:#f5f5f7;text-decoration:none;border-bottom:1px solid rgb(255 255 255 / 25%)}
.rel-home .rel-facts a:hover{color:#fff;border-color:#8ab4ff}
.pay-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;max-width:1080px;margin:32px auto 0;padding:20px 28px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%);text-align:left}
.pay-copy{margin:0;max-width:460px;color:var(--text-2);font-size:15px;line-height:1.55}
.pay-copy b{color:var(--text);font-weight:650}
.pay-copy .trial-line{display:block;margin-top:4px;color:#05603a;font-weight:600}
.pay-methods{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.pay-methods li{padding:8px 14px;border-radius:980px;background:#f5f5f7;font-size:14px;font-weight:600;color:#1d1d1f}
.pay-methods li.pay-upi{background:linear-gradient(135deg,#097939,#ed752e);color:#fff}
/* Plans on phones: one swipeable row (founder 16 Oct: the page was too long), the next card peeking. */
@media (max-width:700px){
 #pricing .plans-four{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;gap:14px;margin:40px -16px 0;padding:24px 16px 24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}
 #pricing .plans-four::-webkit-scrollbar{display:none}
 #pricing .plans-four .plan-card{scroll-snap-align:start}
 .pay-band{padding:18px 20px}
}
/* Partners */
.partners-home{background:radial-gradient(900px 500px at 85% 10%,rgb(124 58 237 / 30%),transparent 70%),radial-gradient(800px 500px at 10% 90%,rgb(37 99 235 / 25%),transparent 70%),#0b0b10;color:#f5f5f7}
.partners-home .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.partners-home .eyebrow{color:#c4b5fd;background:none}
.partners-home .lede{color:#a1a1a6;max-width:34ch;margin-top:22px}
.partners-home .cta-row{margin-top:34px}
.partners-home .cta-row{justify-content:flex-start}
.btn-light{background:#fff;color:#1d1d1f!important;padding:13px 24px;border-radius:980px;font-weight:600}
.btn-light:hover{background:#e8e8ed;text-decoration:none}
.ph-points{display:grid;gap:16px;list-style:none;margin:0;padding:0}
.ph-points li{display:grid;gap:6px;padding:26px 28px;border-radius:24px;background:linear-gradient(160deg,rgb(255 255 255 / 10%),rgb(255 255 255 / 3%));box-shadow:inset 0 0 0 1px rgb(255 255 255 / 12%)}
.ph-points b{font-size:28px;letter-spacing:-.03em;background:linear-gradient(180deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph-points span{color:#d2d2d7;font-size:16px;line-height:1.5}
@media (max-width:900px){.partners-home .wrap{grid-template-columns:minmax(0,1fr);gap:36px}}
/* Trust */
/* Sticky Start free bar while scrolling */
.sticky-cta{position:fixed;left:50%;bottom:20px;z-index:40;transform:translate(-50%,120%);transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .45s;opacity:0;pointer-events:none}
.sticky-cta.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.sc-inner{display:flex;align-items:center;gap:22px;padding:10px 10px 10px 24px;border-radius:980px;background:rgb(255 255 255 / 82%);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 18px 50px rgb(0 0 0 / 16%),0 0 0 1px rgb(0 0 0 / 6%);white-space:nowrap}
.sc-copy{font-size:14px;color:#3a3a3c}
.sc-copy b{color:#1d1d1f}
.btn-sm-cta{padding:10px 20px;font-size:14px}
@media (max-width:700px){.sticky-cta{left:12px;right:12px;bottom:12px;transform:translateY(120%)}.sticky-cta.on{transform:none}.sc-inner{justify-content:space-between;gap:10px;padding:8px 8px 8px 16px}.sc-copy{white-space:normal;font-size:13px;line-height:1.3}}
@media (prefers-reduced-motion:reduce){.sticky-cta{transition:none}}
/* Consent, Maya (Plexivo Agent) and contact (assets/plexivo-site.js) */
.px-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:0;border-radius:980px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.px-btn-dark{background:#1d1d1f;color:#fff}.px-btn-dark:hover{background:#000}
.px-btn-light{background:#e8e8ed;color:#1d1d1f}.px-btn-light:hover{background:#d2d2d7}
.px-consent{position:fixed;left:20px;bottom:20px;z-index:60;width:min(380px,calc(100vw - 24px));padding:20px 22px;border-radius:22px;background:rgb(255 255 255 / 92%);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 24px 60px rgb(0 0 0 / 18%),0 0 0 1px rgb(0 0 0 / 6%);transform:translateY(20px);opacity:0;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .4s}
.px-consent.on{transform:none;opacity:1}
.px-consent-title{font-weight:700;font-size:16px;color:#1d1d1f}
.px-consent-text{margin-top:6px;font-size:14px;line-height:1.5;color:#3a3a3c}
.px-consent-text a{color:var(--accent)}
.px-consent-actions{display:flex;gap:10px;margin-top:14px}
body:has(.px-consent.on) .sticky-cta{opacity:0;pointer-events:none}
.px-form-status{margin:0;font-size:13px;color:#6e6e73}
/* Maya, Plexivo Guide: the sales and support chat (founder, 24 Oct 2026). The
   page is light; the chat follows the visitor's light or dark setting. */
.cw{--cw-bg:#fff;--cw-ink:#1d1d1f;--cw-ink-2:#424245;--cw-muted:#6e6e73;--cw-line:rgb(0 0 0 / 8%);--cw-line-2:rgb(0 0 0 / 14%);--cw-bubble:#f2f2f7;--cw-you:#1d1d1f;--cw-you-ink:#fff;--cw-field:#f5f5f7;--cw-field-on:#fff;--cw-link:#2563eb;--cw-accent:#2563eb;--cw-accent-hover:#1d4ed8;--cw-ok:#067647;--cw-ok-soft:#ecfdf3;--cw-shadow:0 32px 80px -12px rgb(15 23 42 / 30%),0 0 0 1px rgb(0 0 0 / 6%);--cw-skin:#f2c9a8;--cw-hair:#2e1f47;--cw-top:#fff;--cw-seg:#fff;color-scheme:light}
@media (prefers-color-scheme:dark){.cw{--cw-bg:#1c1c1e;--cw-ink:#f5f5f7;--cw-ink-2:#d1d1d6;--cw-muted:#a1a1a6;--cw-line:rgb(255 255 255 / 9%);--cw-line-2:rgb(255 255 255 / 18%);--cw-bubble:#2c2c2e;--cw-you:#f5f5f7;--cw-you-ink:#1d1d1f;--cw-field:#2c2c2e;--cw-field-on:#2c2c2e;--cw-link:#7aa7ff;--cw-ok:#4ade80;--cw-ok-soft:rgb(74 222 128 / 12%);--cw-seg:#48484a;--cw-shadow:0 32px 80px -12px rgb(0 0 0 / 70%),0 0 0 1px rgb(255 255 255 / 10%);color-scheme:dark}}
.cw svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Maya's face: a flat illustration on the brand gradient, with an AI sparkle */
.cw-face{position:relative;display:block;flex:none;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / 40%),transparent 55%),linear-gradient(150deg,#60a5fa 0%,#6366f1 52%,#8b5cf6 100%)}
.cw-face>svg:first-child{width:100%;height:100%;border-radius:50%;stroke:none}
.cw-face-sm{width:28px;height:28px}
.cw-f-hair{fill:var(--cw-hair,#2e1f47)}
.cw-f-skin{fill:var(--cw-skin,#f2c9a8)}
.cw-f-neck{opacity:.86}
.cw-f-top{fill:var(--cw-top,#fff);opacity:.94}
.cw-f-eye{fill:#2e1f47}
.cw-f-smile{fill:none;stroke:#b4533a;stroke-width:1.3;stroke-linecap:round}
.cw .cw-f-ai,.cw-f-ai{position:absolute;right:-3px;bottom:-2px;width:18px;height:18px;padding:3px;border-radius:50%;background:var(--cw-bg,#fff);box-shadow:0 0 0 1px var(--cw-line,rgb(0 0 0 / 8%));stroke:none}
.cw-f-ai path{fill:#6d28d9}
@media (prefers-color-scheme:dark){.cw-f-ai path{fill:#c4b5fd}}
/* Launcher */
.cw-launcher{position:fixed;right:20px;bottom:20px;z-index:55;display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 8px;border:0;border-radius:980px;background:rgb(29 29 31 / 92%);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#fff;font:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:0 14px 34px rgb(0 0 0 / 22%);transition:transform .25s cubic-bezier(.2,.7,.2,1),bottom .3s,opacity .25s}
.cw-launcher .cw-face{width:36px;height:36px;box-shadow:0 0 0 2px rgb(255 255 255 / 16%)}
.cw-launcher:hover{transform:translateY(-2px)}
.cw-launcher:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.cw-l-close{display:none;place-items:center;width:36px;height:36px;border-radius:50%;background:rgb(255 255 255 / 12%)}
.cw-l-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html.px-agent-open .cw-launcher .cw-face{display:none}
html.px-agent-open .cw-launcher .cw-l-close{display:grid}
/* Panel */
.cw-panel{position:fixed;right:20px;bottom:84px;z-index:56;display:flex;flex-direction:column;width:392px;max-height:min(700px,calc(100vh - 108px));border-radius:26px;background:var(--cw-bg);color:var(--cw-ink);box-shadow:var(--cw-shadow);overflow:hidden;font-size:15px;line-height:1.45;letter-spacing:-.011em;transform-origin:calc(100% - 40px) 100%;transform:translateY(12px) scale(.97);opacity:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .24s}
.cw-panel.on{transform:none;opacity:1}
.cw-head{display:flex;align-items:center;gap:12px;padding:18px 16px 14px 20px}
.cw-id{flex:1;min-width:0}
.cw-id h2{margin:0;font-size:17px;font-weight:650;line-height:1.25;letter-spacing:-.02em;color:var(--cw-ink)}
.cw-id p{margin:2px 0 0;font-size:13px;color:var(--cw-muted)}
.cw-close,.cw-back{display:grid;place-items:center;flex:none;width:32px;height:32px;border:0;border-radius:50%;background:var(--cw-bubble);color:var(--cw-ink-2);cursor:pointer;transition:background .2s}
.cw-close:hover,.cw-back:hover{background:var(--cw-line-2)}
.cw-close svg,.cw-back svg{width:15px;height:15px;stroke-width:2.4}
.cw button:focus-visible,.cw a:focus-visible{outline:2px solid var(--cw-link);outline-offset:2px}
.cw-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 16px}
.cw-log{display:flex;flex-direction:column;gap:10px}
.cw-row{display:flex;align-items:flex-end;gap:8px}
.cw-row .cw-face-sm{margin-bottom:2px}
.cw-bubble{max-width:84%;padding:10px 14px;border-radius:20px;background:var(--cw-bubble);color:var(--cw-ink);font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.cw-from-agent .cw-bubble{border-bottom-left-radius:6px}
.cw-from-visitor{justify-content:flex-end}
.cw-from-visitor .cw-bubble{background:var(--cw-you);color:var(--cw-you-ink);border-bottom-right-radius:6px}
.cw-bubble p{margin:0}
.cw-bubble p+p{margin-top:4px}
.cw-hello{font-weight:650}
.cw-more{display:inline-block;margin-top:6px;color:var(--cw-link);font-weight:600;text-decoration:none}
.cw-more:hover{text-decoration:underline}
.cw-replies{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:2px 0 0 36px}
.cw-reply{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--cw-line-2);border-radius:980px;background:var(--cw-bg);color:var(--cw-ink);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.cw-reply svg{width:16px;height:16px;color:var(--cw-link)}
.cw-reply:hover{border-color:var(--cw-link);background:var(--cw-bubble)}
.cw-reply-primary{border-color:transparent;background:var(--cw-accent);color:#fff}
.cw-reply-primary svg{color:#fff}
.cw-reply-primary:hover{border-color:transparent;background:var(--cw-accent-hover)}
.cw-typing{display:inline-flex;gap:4px;padding:5px 2px}
.cw-typing i{width:7px;height:7px;border-radius:50%;background:var(--cw-muted);opacity:.5;animation:cw-dot 1.1s infinite}
.cw-typing i:nth-child(2){animation-delay:.15s}.cw-typing i:nth-child(3){animation-delay:.3s}
@keyframes cw-dot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:.9;transform:translateY(-3px)}}
.cw-compose{padding:12px 16px 8px;border-top:1px solid var(--cw-line)}
.cw-compose-field{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 16px;border:1px solid var(--cw-line);border-radius:980px;background:var(--cw-field);transition:border-color .2s,background .2s,box-shadow .2s}
.cw-compose-field:focus-within{border-color:var(--cw-link);background:var(--cw-field-on);box-shadow:0 0 0 3px rgb(37 99 235 / 16%)}
.cw-input{flex:1;min-width:0;height:36px;padding:0;border:0;background:none;font:inherit;font-size:16px;color:var(--cw-ink);outline:none}
.cw-input::placeholder{color:var(--cw-muted)}
.cw-send{display:grid;place-items:center;flex:none;width:36px;height:36px;border:0;border-radius:50%;background:var(--cw-accent);color:#fff;cursor:pointer;transition:background .2s}
.cw-send:hover{background:var(--cw-accent-hover)}
.cw-send svg{width:16px;height:16px;stroke-width:2.4}
.cw-foot{margin:0;padding:6px 20px 14px;font-size:12px;line-height:1.45;text-align:center;color:var(--cw-muted)}
.cw-foot a{color:var(--cw-ink-2);text-underline-offset:2px}
/* Talk to a rep / Book a meeting */
.cw-sheet{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border-top:1px solid var(--cw-line)}
.cw-sheet-top{display:flex;align-items:flex-start;gap:12px;padding:16px 20px 4px}
.cw-sheet-top h3{margin:3px 0 0;font-size:17px;font-weight:650;letter-spacing:-.02em;color:var(--cw-ink)}
.cw-sheet-top p{margin:4px 0 0;font-size:14px;color:var(--cw-muted)}
.cw-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 20px 14px}
.cw-form{display:grid;gap:10px}
.cw-kinds{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:980px;background:var(--cw-bubble)}
.cw-kinds button{height:32px;border:0;border-radius:980px;background:none;color:var(--cw-ink-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.cw-kinds button[aria-pressed="true"]{background:var(--cw-seg);color:var(--cw-ink);box-shadow:0 1px 3px rgb(0 0 0 / 14%)}
.cw-field{display:grid;gap:5px}
.cw-field label{font-size:13px;font-weight:600;color:var(--cw-ink-2)}
.cw-field input,.cw-field textarea{width:100%;padding:9px 14px;border:1px solid var(--cw-line-2);border-radius:14px;background:var(--cw-field-on);font:inherit;font-size:16px;color:var(--cw-ink);resize:vertical}
.cw-field textarea{min-height:72px}
.cw-field input::placeholder,.cw-field textarea::placeholder{color:var(--cw-muted)}
.cw-field input:focus,.cw-field textarea:focus{outline:none;border-color:var(--cw-link);box-shadow:0 0 0 3px rgb(37 99 235 / 16%)}
.cw-human:empty{display:none}
.cw-submit{height:44px;border:0;border-radius:980px;background:var(--cw-accent);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}
.cw-submit:hover{background:var(--cw-accent-hover)}
.cw-submit:disabled{opacity:.6;cursor:progress}
.cw .cw-status{font-size:13px;color:var(--cw-muted)}
.cw .cw-status:empty{display:none}
.cw-call{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--cw-line);font-size:14px;color:var(--cw-muted)}
.cw-call svg{width:16px;height:16px;color:var(--cw-muted)}
.cw-call a{color:var(--cw-link);font-weight:600;text-decoration:none}
.cw-done{display:grid;justify-items:center;gap:6px;padding:20px 4px 8px;text-align:center}
.cw-done p{margin:0;color:var(--cw-ink-2)}
.cw-done .cw-done-title{font-size:17px;font-weight:650;color:var(--cw-ink)}
.cw-done-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:50%;background:var(--cw-ok-soft);color:var(--cw-ok)}
.cw-done-mark svg{width:24px;height:24px;stroke-width:2.6}
.cw-done .cw-reply{margin-top:12px}
/* The hello bubble (pricing and product pages, once a session) */
.cw-nudge{position:fixed;right:20px;bottom:84px;z-index:54;display:flex;align-items:flex-start;width:min(320px,calc(100vw - 32px));border-radius:20px;background:var(--cw-bg);color:var(--cw-ink);box-shadow:var(--cw-shadow);transform:translateY(10px);opacity:0;transition:transform .32s cubic-bezier(.2,.7,.2,1),opacity .24s,bottom .3s}
.cw-nudge.on{transform:none;opacity:1}
.cw-nudge-open{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;padding:14px 4px 14px 14px;border:0;border-radius:20px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cw-nudge-open>span:last-child{display:grid;gap:2px;font-size:14px;line-height:1.4;color:var(--cw-ink-2)}
.cw-nudge-open b{font-size:12px;font-weight:600;color:var(--cw-muted)}
.cw-nudge-x{display:grid;place-items:center;flex:none;width:28px;height:28px;margin:8px 8px 0 0;border:0;border-radius:50%;background:none;color:var(--cw-muted);cursor:pointer}
.cw-nudge-x:hover{background:var(--cw-bubble)}
.cw-nudge-x svg{width:14px;height:14px;stroke-width:2.4}
@media (max-width:700px){
 .cw-launcher{right:12px;bottom:12px;padding:0 8px;width:52px;justify-content:center}
 .cw-launcher-text{display:none}
 body:has(.sticky-cta.on) .cw-launcher{bottom:84px}
 body:has(.sticky-cta.on) .cw-nudge{bottom:148px}
 .cw-nudge{right:12px;bottom:76px}
 /* The cookie banner sits along the bottom on phones: the chat waits for it. */
 body:has(.px-consent.on) .cw-launcher,body:has(.px-consent.on) .cw-nudge{opacity:0;pointer-events:none}
 .cw-panel{right:0;left:0;bottom:0;width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:24px 24px 0 0;transform-origin:50% 100%;transform:translateY(24px)}
 .cw-compose{padding-bottom:6px}
 .cw-foot{padding-bottom:max(14px,env(safe-area-inset-bottom))}
 html.px-agent-open body{overflow:hidden}
 html.px-agent-open body::after{content:"";position:fixed;inset:0;z-index:55;background:rgb(0 0 0 / 28%)}
 html.px-agent-open .cw-launcher{opacity:0;pointer-events:none}
 .px-consent{left:12px;right:12px;bottom:12px;width:auto}
}
html.px-agent-open .sticky-cta{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.cw-panel,.cw-nudge,.px-consent,.cw-launcher{transition:none}.cw-typing i{animation:none}}
/* Contact page */
.contact-page .contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start;text-align:left}
.cf-card{padding:34px;border-radius:28px;background:#fff;box-shadow:0 22px 56px rgb(34 52 97 / 9%),0 0 0 1px rgb(0 0 0 / 4%)}
.cf-kinds{display:inline-flex;gap:4px;padding:5px;border-radius:980px;background:#f2f2f7;margin-bottom:22px}
.cf-kinds button{padding:9px 18px;border:0;border-radius:980px;background:none;font:inherit;font-size:15px;font-weight:600;color:#1d1d1f;cursor:pointer}
.cf-kinds button[aria-pressed="true"]{background:#1d1d1f;color:#fff}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf-field{display:grid;gap:6px;margin-bottom:14px}
.cf-field label{font-size:13px;font-weight:600;color:#3a3a3c}
.cf-field input,.cf-field textarea{width:100%;padding:12px 14px;border:1px solid #e5e5ea;border-radius:14px;font:inherit;font-size:15px;color:#1d1d1f;background:#fff}
.cf-field input:focus,.cf-field textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}
.cf-card .px-human{margin:4px 0 16px;min-height:65px}
.cf-card .px-form-status{margin-top:12px}
.cf-side{display:grid;gap:16px}
.cf-side .cf-tile{padding:24px;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgb(34 52 97 / 7%),0 0 0 1px rgb(0 0 0 / 4%)}
.cf-tile b{display:block;font-size:18px;letter-spacing:-.02em}
.cf-tile p{margin-top:6px;color:var(--text-2);font-size:15px;line-height:1.5}
.cf-tile .link{display:inline-block;margin-top:10px}
#contact-details .cd-row{display:grid;gap:4px;margin-top:10px}
#contact-details a{color:var(--accent);font-weight:600;text-decoration:none}
#contact-details .cd-phone{margin:14px 0 6px;padding:16px 18px;border-radius:16px;background:var(--accent-soft)}
#contact-details .cd-phone b{font-size:15px;font-weight:600;color:var(--text)}
#contact-details .cd-phone a{font-size:22px;letter-spacing:-.02em}
#contact-details .cd-row>span{font-size:13px;color:var(--muted)}
@media (max-width:900px){.contact-page .contact-grid{grid-template-columns:minmax(0,1fr)}.cf-row{grid-template-columns:minmax(0,1fr)}.cf-card{padding:24px}}
/* Even rhythm: a headline is never flush against its actions. */
.final h2 + .cta-row,.final .display + .cta-row{margin-top:40px}
.final .lede + .cta-row{margin-top:0}
.pt-founding h2 + p{margin-top:18px}
/* The Freeze Doctrine (founder, 8 Oct 2026: the core message; restored 22 Oct 2026). */
.display.doctrine{font-size:clamp(40px,5vw,68px);max-width:20ch;margin-inline:auto;letter-spacing:-.045em}
.independence .doctrine + .lede{max-width:46ch;margin-inline:auto}
.indep-shot{padding-bottom:0}
.indep-stage{display:grid;grid-template-columns:170px 1fr;gap:26px;align-items:center;padding:28px 4px 30px}
.indep-users{display:grid;justify-items:center;gap:10px;text-align:center}
.indep-users b{font-size:15px}
.indep-users small{font-size:12.5px;color:var(--muted)}
.indep-users .flow{display:flex;gap:6px}
.indep-users .flow i{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:flowdot 1.6s ease-in-out infinite}
.indep-users .flow i:nth-child(2){animation-delay:.2s}
.indep-users .flow i:nth-child(3){animation-delay:.4s}
@keyframes flowdot{0%,100%{opacity:.25;transform:translateX(-4px)}50%{opacity:1;transform:translateX(4px)}}
.indep-stack{display:grid;gap:0}
.indep-cp{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#f5f7ff;box-shadow:inset 0 0 0 1px rgb(37 99 235 / 12%);animation:cpdim 9s ease-in-out infinite}
.indep-cp div{display:grid;flex:1}
.indep-cp b{font-size:15px}
.indep-cp small{font-size:12.5px;color:var(--muted)}
.cp-state{display:grid;font-size:12.5px;font-weight:600}
.cp-state span{grid-area:1/1;padding:4px 10px;border-radius:999px}
.cp-state .on{background:#e8efff;color:#1d4ed8;animation:stateon 9s ease-in-out infinite}
.cp-state .off{background:#f0f0f3;color:#6e6e73;opacity:0;animation:stateoff 9s ease-in-out infinite}
.indep-wire{position:relative;height:46px;display:grid;place-items:center}
.indep-wire::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px dashed rgb(37 99 235 / 35%);animation:wire 9s ease-in-out infinite}
.indep-wire span{position:relative;padding:2px 10px;border-radius:999px;background:#fff;font-size:12px;color:var(--muted);box-shadow:0 0 0 1px rgb(0 0 0 / 6%);animation:wire 9s ease-in-out infinite}
.indep-cell{padding:18px;border-radius:18px;background:linear-gradient(160deg,#f2fbf5,#fff 60%);box-shadow:inset 0 0 0 1px rgb(6 118 71 / 18%)}
.cell-title{font-size:13px;font-weight:700;color:#067647;letter-spacing:.01em}
.cell-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.cell-grid div{display:grid;grid-template-columns:12px 1fr;column-gap:8px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0 / 5%)}
.cell-grid b{font-size:14px}
.cell-grid small{grid-column:2;font-size:12.5px;color:#067647}
.indep-cell .dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgb(34 197 94 / 18%);animation:pulse 2.4s ease-in-out infinite}
.cell-foot{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:12.5px;color:#05603a}
.cell-foot .dot{margin-top:0}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgb(34 197 94 / 18%)}50%{box-shadow:0 0 0 6px rgb(34 197 94 / 6%)}}
@keyframes stateon{0%,42%{opacity:1}50%,92%{opacity:0}100%{opacity:1}}
@keyframes stateoff{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes cpdim{0%,42%{opacity:1;filter:none}50%,92%{opacity:.55;filter:grayscale(1)}100%{opacity:1;filter:none}}
@keyframes wire{0%,42%{opacity:1}50%,92%{opacity:.2}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.indep-cp,.cp-state span,.indep-wire::before,.indep-wire span,.indep-users .flow i,.indep-cell .dot{animation:none}.cp-state .off{opacity:0}}
@media (max-width:680px){.indep-stage{grid-template-columns:1fr;gap:18px}.cell-grid{grid-template-columns:1fr}}
/* independence section */
.independence{background:radial-gradient(900px 520px at 50% 0%,rgb(34 197 94 / 9%),transparent 70%),linear-gradient(180deg,#fff,var(--bg))}
.indep-proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0;margin:56px 0 0;text-align:left}
.indep-proofs svg{width:28px;height:28px;fill:none;stroke:#067647;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.independence .cta-row{margin-top:36px}
@media (max-width:980px){.indep-proofs{grid-template-columns:1fr}}


}