@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(26px,3vw,40px) 0 24px;overflow:hidden}
.hero .display{font-size:clamp(46px,6vw,78px)}
.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:46ch;margin:14px 0 14px;font-size:clamp(16px,1.35vw,19px);line-height:1.42}
/* Founder, 6 Nov 2026: the five products as quiet chips under the line, each a link. */
.hero-products{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.hero-products a{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:980px;background:rgb(255 255 255 / 75%);box-shadow:0 0 0 1px rgb(0 0 0 / 8%),0 2px 6px rgb(15 23 42 / 5%);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:box-shadow .2s,transform .2s}
.hero-products a:hover{box-shadow:0 0 0 1px rgb(37 99 235 / 35%),0 4px 12px rgb(37 99 235 / 12%);transform:translateY(-1px)}
.hero-products i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.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 .cta-row{align-items:center}
.hero-from{margin:0;color:var(--text-2);font-size:14px;line-height:1.35}
.hero-from b{color:var(--text);font-weight:650}
.hero-try{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;font-size:15px}.hero-try a{display:inline-flex;align-items:center;gap:7px;color:var(--accent,#2563eb);font-weight:600;text-decoration:none}.hero-try a:hover{text-decoration:underline}.hero-watch svg{width:22px;height:22px;padding:5px;border-radius:50%;background:var(--accent,#2563eb);color:#fff;box-sizing:border-box}
@media(max-width:800px){.hero-try{justify-content:center}}
.hero-from .approx-inr{display:block;font-size:12px;font-weight:500;color:var(--text-2)}
/* The Founding deal card beside the call to action (founder, 6 Nov 2026):
   live numbers from /api/founding only; hidden otherwise. */
.hero-deal{position:relative;max-width:440px;margin:14px 0 0;padding:12px 16px;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2563eb,#7c3aed) border-box;border:1.5px solid transparent;box-shadow:0 10px 30px rgb(79 70 229 / 12%);text-align:left}
.hero-deal[hidden]{display:none}
.hd-title{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--text)}
.hd-line{margin:2px 0 8px;font-size:13px;color:var(--text-2)}
.hd-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.hd-list li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text)}
.hd-list svg{flex:none;width:16px;height:16px;padding:2px;border-radius:50%;background:#ecfdf3;color:#067647}
.hd-list b{font-weight:700}
.hd-link{display:inline-block;margin-top:9px;color:var(--accent);font-size:14px;font-weight:650;text-decoration:none}
.hd-link:hover{text-decoration:underline}
/* The real product moment (founder, 6 Nov 2026): what you ask, the plan
   Plexivo shows and its monthly price (live from /api/pricing through
   data-price/data-sum, the same numbers as the pricing page), then Approve.
   Founder, 6 Nov night: "I don't need a boring card in 2026" — a dark,
   cinematic product object on the light page that plays like a keynote film
   (the film script below; reduced motion and no-JS keep this static card). */
@property --hp-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.hero-plan{position:relative;margin:0;display:flex;justify-content:center;perspective:1200px}
.hero-plan::before{content:"";position:absolute;inset:-14% -10%;background:radial-gradient(closest-side,rgb(var(--premium-glow) / 22%),transparent);pointer-events:none}
.hero-plan::after{content:"";position:absolute;inset:8% 6%;border-radius:48px;background:conic-gradient(from 0deg,#2563eb,#7c3aed,#22d3ee,#2563eb);filter:blur(48px);opacity:.32;animation:hp-glow 14s linear infinite;pointer-events:none}
@keyframes hp-glow{to{transform:rotate(360deg)}}
.hp-card{--hp-ease:cubic-bezier(.22,1,.36,1);--hp-ink:#f3f4fa;--hp-dim:rgb(226 230 245 / 66%);--hp-line:rgb(255 255 255 / 9%);position:relative;z-index:1;width:min(430px,100%);border-radius:24px;padding:18px;text-align:left;color:var(--hp-ink);background:linear-gradient(180deg,rgb(30 33 54 / 92%),rgb(12 13 25 / 95%));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:inset 0 1px 0 rgb(255 255 255 / 10%),0 2px 6px rgb(8 10 25 / 18%),0 24px 60px rgb(20 22 60 / 34%),0 60px 120px rgb(37 99 235 / 18%);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .5s var(--hp-ease),opacity .45s var(--hp-ease)}
.hp-card::before{content:"";position:absolute;inset:-1.5px;border-radius:25.5px;padding:1.5px;background:conic-gradient(from var(--hp-a),#2563eb,#7c3aed,#22d3ee,#2563eb);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hp-spin 8s linear infinite;pointer-events:none}
@keyframes hp-spin{to{--hp-a:360deg}}
.hp-ask{position:relative;display:flex;align-items:center;gap:10px;height:46px;margin:0 0 14px;padding:11px 14px;border-radius:14px;background:rgb(255 255 255 / 7%);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 7%);color:var(--hp-ink);font-size:15px;font-weight:550}
.hp-say{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-who{flex:0 0 auto;padding:2px 8px;border-radius:980px;background:rgb(255 255 255 / 10%);color:var(--hp-dim);font-size:11px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}
.hp-voice{display:none;flex:0 0 auto;align-items:center;gap:2px;height:16px}
.hp-orb{width:14px;height:14px;margin-right:3px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#a5b4fc 22%,#7c3aed 55%,#2563eb 100%);box-shadow:0 0 14px rgb(124 58 237 / 70%);animation:hp-orb 1.1s ease-in-out infinite}
.hp-bar{width:2.5px;height:16px;border-radius:2px;background:linear-gradient(#22d3ee,#7c3aed);transform:scaleY(.3);animation:hp-bar .9s ease-in-out infinite}
.hp-bar:nth-child(3){animation-delay:-.15s}.hp-bar:nth-child(4){animation-delay:-.45s}.hp-bar:nth-child(5){animation-delay:-.3s}.hp-bar:nth-child(6){animation-delay:-.6s}.hp-bar:nth-child(7){animation-delay:-.75s}.hp-bar:nth-child(8){animation-delay:-.2s}
@keyframes hp-orb{50%{transform:scale(1.18);opacity:.85}}
@keyframes hp-bar{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
.hp-card.is-listening .hp-voice{display:inline-flex}
.hp-say.is-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#a5b4fc;animation:hp-caret .8s steps(1) infinite}
@keyframes hp-caret{50%{opacity:0}}
.hp-head{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;font-weight:650;color:var(--hp-ink)}
.hp-head > i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgb(34 197 94 / 22%)}
.hp-head small{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--hp-dim);font-weight:500}
.hp-pin{position:relative;width:7px;height:7px;border-radius:50%;background:#22d3ee}
.hp-pin::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22d3ee;opacity:0}
.hp-card.is-deploying .hp-pin::after{animation:hp-ping 1.2s var(--hp-ease) infinite}
@keyframes hp-ping{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
.hp-body{position:relative;min-height:220px;overflow:hidden}
.hp-lines{list-style:none;margin:0;padding:0}
.hp-lines li,.hp-total{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 2px;border-bottom:1px solid var(--hp-line);font-size:14.5px;color:var(--hp-ink)}
.hp-lines li > span{display:block;padding-left:18px;position:relative}
.hp-ico{position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:3px;background:var(--hp-c,#7c3aed);box-shadow:0 0 10px var(--hp-c,#7c3aed)}
.hp-ico--app{--hp-c:#3b82f6}.hp-ico--postgres{--hp-c:#0ea5e9}.hp-ico--mysql{--hp-c:#f59e0b}.hp-ico--cache{--hp-c:#ef4444}.hp-ico--plan{--hp-c:#8b5cf6}
.hp-lines small,.hp-total small{display:block;margin-top:2px;color:var(--hp-dim);font-size:12px;font-weight:400}
.hp-lines b,.hp-total b{font-weight:600;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hp-total{border-bottom:0;font-weight:650;font-size:15.5px}
.hp-total b{font-size:18px;letter-spacing:-.01em;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;background-clip:text;color:transparent}
.hp-card .approx-inr{display:block;color:var(--hp-dim);font-size:11.5px;font-weight:500;-webkit-text-fill-color:var(--hp-dim)}
.hp-skel,.hp-scan{position:absolute;left:0;right:0;opacity:0;pointer-events:none}
.hp-skel{top:4px;display:grid;gap:22px;padding:12px 2px}
.hp-skel i{position:relative;display:block;height:12px;border-radius:6px;background:rgb(255 255 255 / 8%);overflow:hidden}
.hp-skel i:nth-child(2){width:82%}.hp-skel i:nth-child(3){width:64%}.hp-skel i:nth-child(4){width:46%;margin-top:6px}
.hp-skel i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgb(165 180 252 / 28%),transparent);transform:translateX(-100%);animation:hp-shimmer 1.1s ease-in-out infinite}
@keyframes hp-shimmer{to{transform:translateX(100%)}}
.hp-scan{top:0;height:2px;background:linear-gradient(90deg,transparent,#22d3ee,#a78bfa,transparent);box-shadow:0 0 16px #22d3ee}
.hp-card.is-planning .hp-skel{opacity:1;transition:opacity .25s}
.hp-card.is-planning .hp-scan{opacity:1;animation:hp-scan 1.1s var(--hp-ease) infinite}
@keyframes hp-scan{0%{transform:translateY(0)}100%{transform:translateY(212px)}}
.hp-card.is-playing .hp-lines li,.hp-card.is-playing .hp-total{opacity:0;transform:translateY(10px);transition:opacity .5s var(--hp-ease),transform .5s var(--hp-ease)}
.hp-card.is-playing .hp-lines li.is-in,.hp-card.is-playing .hp-total.is-in{opacity:1;transform:none}
.hp-foot{position:relative;height:60px;margin-top:10px}
.hp-actions{display:flex;gap:10px;transition:opacity .35s var(--hp-ease),transform .35s var(--hp-ease)}
.hp-approve,.hp-change{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:12px;font-size:14px;font-weight:650;overflow:hidden}
.hp-approve{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 6px 18px rgb(59 130 246 / 40%);transition:transform .18s var(--hp-ease),box-shadow .3s}
.hp-approve.is-press{transform:scale(.95);box-shadow:0 0 0 6px rgb(124 58 237 / 25%),0 0 30px rgb(124 58 237 / 60%)}
.hp-ripple{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:rgb(255 255 255 / 55%);opacity:0;transform:scale(0)}
.hp-approve.is-press .hp-ripple{animation:hp-ripple .6s var(--hp-ease)}
@keyframes hp-ripple{0%{opacity:.7;transform:scale(0)}100%{opacity:0;transform:scale(9)}}
.hp-change{background:rgb(255 255 255 / 8%);color:var(--hp-ink)}
.hp-cursor{position:absolute;left:22%;top:14px;width:18px;height:18px;border-radius:50%;background:rgb(255 255 255 / 92%);box-shadow:0 2px 10px rgb(0 0 0 / 35%);opacity:0;transform:translate(150px,46px);transition:transform .7s var(--hp-ease),opacity .3s}
.hp-cursor.is-on{opacity:1;transform:none}
.hp-card.is-listening .hp-who{display:none}
.hp-cursor.is-tap{transform:scale(.8)}
.hp-deploy{position:absolute;inset:0;display:grid;gap:8px;align-content:start;opacity:0;transform:translateY(8px);transition:opacity .4s var(--hp-ease),transform .4s var(--hp-ease);pointer-events:none}
.hp-card.is-deploying .hp-actions{opacity:0;transform:translateY(-8px)}
.hp-card.is-deploying .hp-deploy{opacity:1;transform:none}
.hp-steps{display:flex;gap:16px;list-style:none;margin:0;padding:0;font-size:12.5px;font-weight:600;color:var(--hp-dim)}
.hp-steps li{display:inline-flex;align-items:center;gap:6px;transition:color .3s}
.hp-ring{position:relative;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 2px rgb(255 255 255 / 16%)}
.hp-steps li.is-on{color:var(--hp-ink)}
.hp-steps li.is-on .hp-ring{box-shadow:inset 0 0 0 2px rgb(255 255 255 / 12%)}
.hp-steps li.is-on .hp-ring::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#22d3ee;border-right-color:#a78bfa;animation:hp-turn .7s linear infinite}
@keyframes hp-turn{to{transform:rotate(360deg)}}
.hp-steps li.is-done{color:#86efac}
.hp-steps li.is-done .hp-ring{background:#22c55e;box-shadow:0 0 12px rgb(34 197 94 / 60%)}
.hp-steps li.is-done .hp-ring::after{content:"";position:absolute;left:4px;top:2px;width:4px;height:7px;border:solid #052e16;border-width:0 2px 2px 0;transform:rotate(45deg)}
.hp-url{display:flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:10px;background:rgb(34 197 94 / 10%);box-shadow:inset 0 0 0 1px rgb(34 197 94 / 28%);font:600 13px ui-monospace,"SF Mono",Menlo,monospace;color:#bbf7d0;opacity:0;transition:opacity .3s}
.hp-url i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e}
.hp-deploy.is-live .hp-url{opacity:1}
.hp-burst{position:absolute;left:30px;top:6px;width:0;height:0}
.hp-burst i{position:absolute;width:5px;height:5px;border-radius:50%;background:#4ade80;opacity:0}
.hp-burst i:nth-child(2n){background:#a78bfa}.hp-burst i:nth-child(3n){background:#22d3ee}
.hp-deploy.is-live .hp-burst i{animation:hp-burst .9s var(--hp-ease) forwards}
.hp-burst i:nth-child(1){--x:26px;--y:-14px}.hp-burst i:nth-child(2){--x:18px;--y:-26px}.hp-burst i:nth-child(3){--x:-4px;--y:-28px}.hp-burst i:nth-child(4){--x:-22px;--y:-18px}.hp-burst i:nth-child(5){--x:-28px;--y:2px}.hp-burst i:nth-child(6){--x:30px;--y:6px}.hp-burst i:nth-child(7){--x:10px;--y:22px}.hp-burst i:nth-child(8){--x:-14px;--y:20px}
@keyframes hp-burst{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.4)}}
.hp-card.is-fading{opacity:0}
@media (prefers-reduced-motion:reduce){.hero-plan::after,.hp-card::before{animation:none}.hp-card{transform:none;transition:none}}
@media(max-width:800px){.hero-layout{grid-template-columns:1fr;gap:30px;text-align:center}.hero .lede{margin:18px auto 16px}.hero .cta-row,.hero .assure,.hero-products{justify-content:center}.hero-deal{margin:16px auto 0}.hero-from{text-align:left}.hero{padding-top:36px;padding-bottom:44px}.hp-card{padding:14px}}
.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-tm{margin:0 0 18px;line-height:1.5;max-width:860px}
.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-plan{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:6px 0 26px;text-align:center}
/* Founder, 6 Nov 2026: directly below the hero's trust row, compact, one row;
   "Trusted by" highlighted in the brand gradient. */
.logo-wall h2{font-size:clamp(15px,1.3vw,17px);font-weight:800;color:var(--text);letter-spacing:.02em;text-transform:uppercase;line-height:1.3;margin:0 auto 16px;padding:0 16px}
.logo-wall .logo-marquee{padding-top:4px}
.logo-wall h2{opacity:1!important;translate:none!important;transform:none!important;transition:none!important;animation:none!important}
.logo-wall h2 b{font-weight:800;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-wall li img{filter:grayscale(1);opacity:.75;transition:filter .25s,opacity .25s}
.logo-wall li:hover img{filter:none;opacity:1}
.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:46px;color:#777982}
.logo-wall svg{display:block;width:auto;height:26px;overflow:visible}
.logo-wall img{display:block;width:auto;max-width:none}
.logo-story{display:inline-block;margin:16px 16px 0;font-size:15px;line-height:1.4;color:var(--accent);text-decoration:none}
.logo-story span{color:var(--text-2)}
.logo-story::after{content:" ›"}
.logo-story:hover{text-decoration:underline;text-underline-offset:3px}
@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}
/* The cookie banner is one compact row at every width (founder, 6 Nov 2026:
   the big box covered the page): one line, Accept and Decline. The full
   explanation stays in the dialog for screen readers and on /privacy/. */
.px-consent{position:fixed;left:16px;bottom:16px;z-index:60;width:min(380px,calc(100vw - 24px));padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 18px 48px rgb(15 23 42 / 16%),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;text-align:left}
.px-consent.on{transform:none;opacity:1}
.px-consent-title{margin:0 0 6px;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text)}
.px-consent-text{margin:0 0 12px;font-size:13px;line-height:1.45;color:#3a3a3c}
.px-consent-text a{color:var(--accent);font-weight:600}
.px-consent-actions{display:flex;gap:8px}
.px-consent .px-btn{flex:1;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:650}
.px-consent .px-btn-accept{background:var(--accent);color:#fff;border:1px solid var(--accent)}
.px-consent .px-btn-accept:hover{filter:brightness(1.08)}
.px-consent .px-btn-reject{background:#fff;color:var(--text);border:1px solid var(--border)}
.px-consent .px-btn-reject:hover{border-color:var(--text-2)}
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 */
/* Compact (founder, 28 Oct 2026): 360 px wide, at most 520 px tall, scrolling inside */
.cw-panel{position:fixed;right:20px;bottom:84px;z-index:56;display:flex;flex-direction:column;width:360px;max-height:min(520px,calc(100vh - 108px));border-radius:22px;background:var(--cw-bg);color:var(--cw-ink);box-shadow:var(--cw-shadow);overflow:hidden;font-size:14px;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:10px;padding:12px 12px 10px 16px;border-bottom:1px solid var(--cw-line)}
.cw-head .cw-face{width:36px;height:36px}
.cw-head .cw-f-ai{width:16px;height:16px}
.cw-id{flex:1;min-width:0}
.cw-id h2{margin:0;font-size:16px;font-weight:650;line-height:1.25;letter-spacing:-.02em;color:var(--cw-ink)}
.cw-id p{margin:1px 0 0;font-size:12px;color:var(--cw-muted)}
.cw-close,.cw-back{display:grid;place-items:center;flex:none;width:30px;height:30px;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:12px 14px 12px}
.cw-log{display:flex;flex-direction:column;gap:8px}
.cw-row{display:flex;align-items:flex-end;gap:8px}
.cw-row .cw-face-sm{margin-bottom:2px}
.cw-bubble{max-width:84%;padding:8px 12px;border-radius:18px;background:var(--cw-bubble);color:var(--cw-ink);font-size:14px;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:6px;padding:2px 0 0 36px}
.cw-reply{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--cw-line-2);border-radius:980px;background:var(--cw-bg);color:var(--cw-ink);font:inherit;font-size:13.5px;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:10px 12px 6px;border-top:1px solid var(--cw-line)}
.cw-compose-field{display:flex;align-items:center;gap:6px;padding:3px 3px 3px 14px;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:32px;padding:0;border:0;background:none;font:inherit;font-size:15px;color:var(--cw-ink);outline:none}
.cw-input::placeholder{color:var(--cw-muted)}
.cw-send{display:grid;place-items:center;flex:none;width:32px;height:32px;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:4px 16px 10px;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:10px;padding:12px 16px 2px}
.cw-sheet-top h3{margin:3px 0 0;font-size:16px;font-weight:650;letter-spacing:-.02em;color:var(--cw-ink)}
.cw-sheet-top p{margin:3px 0 0;font-size:13px;color:var(--cw-muted)}
.cw-sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 16px 12px}
.cw-form{display:grid;gap:8px}
.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:8px 12px;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:60px}
.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:40px;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:12px 4px 6px;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 welcome card (founder, 28 Oct 2026): opens by itself above the launcher
   from 640 px up; small, fixed (never moves the page), one tap to a person. */
/* Opens small (founder, 6 Nov 2026): one line above the launcher; a tap shows the rest. */
@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}
 /* The cookie banner sits along the bottom on phones: the chat waits for it. */
 body:has(.px-consent.on) .cw-launcher{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-input{font-size:16px}
 .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:8px;right:8px;bottom:8px;max-width:none}
}
html.px-agent-open .sticky-cta{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.cw-panel,.px-consent,.cw-launcher{transition:none}.cw-typing i{animation:none}}
/* Phones: full width along the bottom, bigger tap targets, and the page keeps
   room for it so "Start free" stays in view (audit, 5 Nov 2026). */
@media (max-width:699px){
 .px-consent{padding:14px}
 .px-consent .px-btn{padding:10px 12px}
 body:has(.px-consent.on){padding-bottom:170px}
}
/* 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}}
/* try your repository (founder, 5 Nov 2026): the store moment before sign-up */
.try{padding-top:clamp(40px,6vw,72px)}
.try .lede{max-width:36ch}
.try-form{max-width:640px;margin:34px auto 0}
.try-field{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 22px;border-radius:980px;background:#fff;box-shadow:0 0 0 1px var(--border),0 18px 40px rgb(15 23 42 / 8%);transition:box-shadow .2s}
.try-field:focus-within{box-shadow:0 0 0 2px var(--accent),0 18px 40px rgb(37 99 235 / 14%)}
.try-field input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;color:var(--text);padding:10px 0;outline:none}
.try-field input::placeholder{color:var(--faint)}
.try-field .btn{flex:none;padding:12px 24px}
.try-field .btn[aria-busy="true"]{opacity:.7;cursor:progress}
.try-samples{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--muted)}
.try-samples button{font:inherit;font-size:14px;color:var(--text-2);background:#fff;border:0;border-radius:980px;padding:7px 14px;box-shadow:0 0 0 1px var(--border);cursor:pointer;transition:box-shadow .2s,color .2s}
.try-samples button:hover{color:var(--accent);box-shadow:0 0 0 1px rgb(37 99 235 / 40%)}
.try-note{margin-top:12px;font-size:13px;color:var(--faint)}
.try-result{max-width:640px;margin:28px auto 0;text-align:left}
.try-result:empty{display:none}
.try-card{background:#fff;border-radius:var(--radius);box-shadow:0 0 0 1px rgb(0 0 0 / 5%),0 24px 60px rgb(15 23 42 / 10%);padding:clamp(22px,4vw,34px);display:grid;gap:18px}
.try-step{display:grid;grid-template-columns:28px 1fr;gap:4px 14px;align-items:start}
.try-step>svg{width:28px;height:28px;padding:5px;border-radius:50%;background:var(--accent-soft);color:var(--accent);fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.try-step b{font-size:clamp(19px,2.4vw,24px);line-height:1.25;letter-spacing:-.02em;font-weight:700}
.try-step small{grid-column:2;font-size:15px;line-height:1.4;color:var(--muted)}
.try-step code{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:var(--text-2);background:#f5f5f7;padding:1px 6px;border-radius:6px;overflow-wrap:anywhere}
.try-price{grid-column:1/-1;list-style:none;margin:4px 0 0;padding:0;border-top:1px solid var(--border)}
.try-price li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border);font-size:16px}
.try-price li span{color:var(--text-2)}
.try-price li b{font-size:16px;font-weight:600;white-space:nowrap;text-align:right}
.try-price li.total{border-bottom:0;align-items:baseline}
.try-price li.total span{font-weight:700;color:var(--text)}
.try-price li.total b{font-size:clamp(26px,3.4vw,34px);letter-spacing:-.03em;font-weight:700}
.try-price li.total b small{display:block;font-size:13px;font-weight:500;letter-spacing:0;color:var(--muted)}
.try-price .approx-inr{display:block;font-size:13px;font-weight:500;color:var(--muted)}
.try-fine{grid-column:1/-1;font-size:13px;color:var(--muted)}
.try-fine a{color:var(--accent);text-decoration:none}
.try-go{display:grid;justify-items:center;gap:10px;padding-top:4px;text-align:center}
.try-go .btn{width:100%;justify-content:center}
.try-go p{font-size:14px;color:var(--muted)}
.try-sorry b{font-size:19px}
.try-step,.try-go{transition:opacity .5s cubic-bezier(.2,.7,.2,1),translate .5s cubic-bezier(.2,.7,.2,1)}
.try-card.playing .try-step:not(.on),.try-card.playing .try-go:not(.on){opacity:0;translate:0 14px}
.try-wait{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:16px}
.try-wait i{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:tryspin .8s linear infinite}
@keyframes tryspin{to{rotate:360deg}}
@media(min-width:700px){.try-go .btn{width:auto}}
@media(max-width:520px){.try-field{flex-direction:column;align-items:stretch;padding:8px;border-radius:20px}.try-field input{padding:10px 12px;font-size:16px}.try-field .btn{justify-content:center}}
@media(prefers-reduced-motion:reduce){.try-step,.try-go{transition:none}.try-card.playing .try-step:not(.on),.try-card.playing .try-go:not(.on){opacity:1;translate:none}.try-wait i{animation:none}}
.lp-page .try{padding:40px 0 8px;border-top:1px solid var(--border)}
.lp-page .try .headline{font-size:clamp(30px,5vw,44px)}
.lp-page .try .lede{font-size:19px}
/* 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}}

/* Founding offer, 100 places (founder, 6 Nov 2026; was Founding 50 for a night). The strip sits below the header on /,
   /pricing/ and /lp/* (scripts/pages.mjs keeps it only there); assets/plexivo-site.js
   shows it from /api/founding while Founding Week is upcoming or open. In the page's
   flow, never fixed: it can't cover a call to action or the cookie bar. */
/* Founder, 6 Nov 2026: a scrolling ticker above the header in the brand's
   blue→violet, white bold text (contrast ≥ 4.5:1 on both ends), the live
   count in a white chip. Truthful items only; the count from /api/founding;
   it pauses on hover or focus and stands still for reduced motion. */
.px-ticker{position:relative;height:34px;overflow:hidden;background:linear-gradient(90deg,#1d4ed8,#6d28d9);color:#fff;font-size:13px;font-weight:700;letter-spacing:.005em}
.tk-link{display:block;height:34px;padding-right:38px;color:#fff;text-decoration:none;overflow:hidden}
.tk-link:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.tk-track{display:flex;width:max-content;animation:tk-scroll 42s linear infinite}
.tk-group{display:flex;flex:none;align-items:center;white-space:nowrap;line-height:34px}
.tk-item{padding:0 16px}
.tk-sep{color:#c4b5fd;font-weight:400}
.tk-chip{display:inline-block;margin:0 1px;padding:0 7px;border-radius:6px;background:#fff;color:#1d4ed8;line-height:20px;font-weight:800}
/* Founder, 6 Nov 2026 (Hostinger review): the ticker stays at the top while scrolling, above the sticky nav. */
body>.px-ticker{position:sticky;top:0;z-index:51}
body:has(>.px-ticker:not([hidden])) .nav{top:34px}
body:has(>.px-ticker:not([hidden])) [id]{scroll-margin-top:110px}
.px-ticker:hover .tk-track,.px-ticker:focus-within .tk-track{animation-play-state:paused}
@keyframes tk-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-track{animation:none}}
.tk-close{position:absolute;right:0;top:0;display:grid;place-items:center;width:38px;height:34px;padding:0;border:0;background:#6d28d9;color:#fff;cursor:pointer;opacity:.9}
.tk-close:hover{opacity:1;background:#5b21b6}
.founding-page .fp-count{display:inline-block;margin:30px auto 0;padding:10px 20px;border-radius:980px;background:#fff;box-shadow:0 0 0 1px #e1e7f2,0 8px 24px rgb(34 52 97 / 6%);font-size:17px;font-weight:500;color:var(--text-2);letter-spacing:-.01em}
.founding-page .fp-count::before{content:"";display:inline-block;vertical-align:middle;width:8px;height:8px;margin:-2px 10px 0 0;border-radius:50%;background:var(--accent)}
.founding-page[data-founding-state="open"] .fp-count::before{background:#16a34a;box-shadow:0 0 0 4px rgb(22 163 74 / 15%)}
.founding-page[data-founding-state="full"] .fp-count::before,.founding-page[data-founding-state="closed"] .fp-count::before,.founding-page[data-founding-state="off"] .fp-count::before{background:var(--faint)}
.founding-page .fp-count b{color:var(--text);font-weight:700}
.founding-page .fp-part,.fp-steps [data-founding]{white-space:nowrap}
.founding-page .fp-actions{margin-top:34px}
.founding-note .link{font-size:inherit}
.fp-btn-2{background:#e8e8ed;color:var(--text)}
.fp-btn-2:hover{background:#d2d2d7}
.founding-page .fp-section{padding-top:0}
.fp-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;list-style:none;padding:0;margin:56px 0 0}
.fp-benefits li{padding:32px 30px;border:1px solid #e1e7f2;border-radius:24px;background:linear-gradient(150deg,#fff,#fbfcff);box-shadow:0 12px 36px rgb(34 52 97 / 6%)}
.fp-benefits h3{font-size:24px;line-height:1.2;letter-spacing:-.03em}
.fp-benefits p{margin-top:10px;color:var(--muted)}
.fp-benefits a{color:var(--accent)}
.fp-steps{list-style:none;padding:0}
.fp-steps .step{border:1px solid #e1e7f2;border-radius:24px;box-shadow:0 12px 36px rgb(34 52 97 / 6%)}
.fp-steps .step .n{font-size:44px;color:var(--accent)}
.detail-copy ul.fp-rules{list-style:none;padding-left:0}
.fp-rules li{position:relative;padding-left:30px}
.fp-rules li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.founding-page .faq details{padding:0 24px;margin:12px 0;border:1px solid #e1e7f2;border-radius:18px;background:#fff}
.founding-page .faq details p a{color:var(--accent)}
@media(max-width:680px){.fp-benefits{grid-template-columns:1fr;margin-top:40px}.fp-benefits li{padding:26px 22px}.fp-benefits h3{font-size:21px}.founding-page .fp-count{font-size:15px;padding:9px 16px;border-radius:20px}}

/* The home hero, tightened (founder, 6 Nov 2026): the light page uses its
   space so "Trusted by" shows without scrolling on a laptop (1440×900 and
   1366×768), the plan card is frosted glass on the page, and the Founding box
   catches the eye right after the call to action. The repository box has its
   own section right after Trusted by. */
/* nav: Contact sales is a plain link, Start free the one button */
.nav-actions .btn-primary{padding:7px 16px;font-size:13px;font-weight:600;color:#fff}

/* hero: tighter, the card's top level with the headline */
.hero{padding:clamp(40px,4.5vw,72px) 0 20px;background:radial-gradient(760px 420px at 80% 30%,rgb(124 58 237 / 7%),transparent 70%),radial-gradient(620px 360px at 10% 0%,rgb(37 99 235 / 6%),transparent 70%)}
.hero-layout{align-items:start;gap:clamp(28px,4vw,56px)}
.hero .ai-badge{margin:0 0 6px;font-size:15px}
.hero .display{font-size:clamp(44px,5.2vw,70px);line-height:.98}
.hero .lede{max-width:44ch;margin:12px 0 14px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.4}
.hero-products{margin:0 0 16px}
.hero .cta-row{gap:12px 22px}
.hero .assure{margin-top:12px}
.hero-plan{margin-top:30px}
.hero-plan::before{background:radial-gradient(closest-side,rgb(124 58 237 / 12%),transparent)}
.hero-plan::after{opacity:.16}

/* the plan card: light frosted glass with the brand gradient edge */
.hp-card{--hp-ink:#1d1d1f;--hp-dim:rgb(60 60 67 / 70%);--hp-line:rgb(15 23 42 / 8%);background:linear-gradient(180deg,rgb(255 255 255 / 78%),rgb(255 255 255 / 66%));-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 1px 0 #fff,0 2px 6px rgb(15 23 42 / 5%),0 24px 60px rgb(79 70 229 / 13%),0 50px 110px rgb(37 99 235 / 10%)}
.hp-card::before{opacity:.8}
.hp-ask{background:rgb(255 255 255 / 85%);box-shadow:inset 0 0 0 1px rgb(15 23 42 / 8%),0 1px 3px rgb(15 23 42 / 5%)}
.hp-who{background:rgb(37 99 235 / 10%);color:#1d4ed8}
.hp-say.is-typing::after{background:#6d28d9}
.hp-ico{box-shadow:none}
.hp-total b{background:linear-gradient(90deg,#1d4ed8,#6d28d9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hp-skel i{background:rgb(15 23 42 / 7%)}
.hp-skel i::after{background:linear-gradient(90deg,transparent,rgb(99 102 241 / 22%),transparent)}
.hp-scan{box-shadow:0 0 12px rgb(99 102 241 / 50%)}
.hp-change{background:rgb(15 23 42 / 6%);color:var(--hp-ink)}
.hp-cursor{background:#1d1d1f;box-shadow:0 0 0 3px rgb(255 255 255 / 92%),0 3px 12px rgb(15 23 42 / 30%)}
.hp-ring,.hp-steps li.is-on .hp-ring{box-shadow:inset 0 0 0 2px rgb(15 23 42 / 14%)}
.hp-steps li.is-done{color:#15803d}
.hp-steps li.is-done .hp-ring{box-shadow:0 0 8px rgb(34 197 94 / 45%)}
.hp-steps li.is-done .hp-ring::after{border-color:#fff}
.hp-url{background:rgb(34 197 94 / 10%);box-shadow:inset 0 0 0 1px rgb(34 197 94 / 30%);color:#166534}

/* the Founding box: brand-tinted, a gradient edge with a slow shimmer */
@property --hd-a{syntax:'<angle>';inherits:false;initial-value:135deg}
.hero-deal{max-width:470px;margin:26px 0 0;padding:13px 18px 12px;border-radius:18px;border:1.5px solid transparent;background:linear-gradient(135deg,#f3f7ff,#f6f3ff) padding-box,conic-gradient(from var(--hd-a),#2563eb,#7c3aed,#22d3ee,#2563eb) border-box;box-shadow:0 0 0 5px rgb(124 58 237 / 6%),0 14px 36px rgb(79 70 229 / 16%);animation:hd-edge 6s linear infinite}
@keyframes hd-edge{to{--hd-a:495deg}}
.hd-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:3px 10px;border-radius:980px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 12px rgb(79 70 229 / 28%)}
.hd-title{font-size:16.5px;letter-spacing:-.015em}
.hd-line{margin:1px 0 9px}
.hd-list{display:flex;flex-wrap:wrap;gap:6px 16px}
.hd-list li{font-size:13.5px}
[data-hd-left]{font-weight:700}
[data-hd-left] b{display:inline-block;margin:0 1px;padding:0 8px;border-radius:980px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-variant-numeric:tabular-nums;line-height:1.5}
.hd-link{margin-top:8px}

/* Trusted by, with the measured drill, right under the hero */
.logo-wall{padding:14px 0 48px}
.logo-wall h2{margin-bottom:16px;font-size:14px}
.logo-wall li{min-height:40px}
.logo-story{margin-top:8px;font-size:14px}
.lw-proof{max-width:62ch;margin:8px auto 0;padding:0 16px;font-size:13.5px;line-height:1.45;color:var(--text-2)}
.lw-proof b{color:var(--text);font-weight:650}
.lw-proof a{color:var(--accent);font-weight:600;white-space:nowrap;text-decoration:none}
.lw-proof a:hover{text-decoration:underline}

/* the repository box: its own compact section after Trusted by */
#logos + #try{padding-top:clamp(40px,5vw,64px)}

@media (max-width:800px){
 .hero .lede{margin:12px auto 14px}
 .hero-deal{margin:16px auto 0}
 .hero-plan{margin-top:6px}
 .hd-list{justify-content:flex-start}
}
/* laptops with short screens (1366×768): Trusted by still above the fold */
/* Speed (6 Nov 2026): three measured numbers. */
.speed .speed-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin:34px auto 0;padding:0;list-style:none}
.speed .speed-stats li{padding:26px 18px;border-radius:22px;background:#fff;box-shadow:0 1px 0 rgb(0 0 0 / 4%),0 18px 40px -24px rgb(37 99 235 / 35%)}
.speed .speed-stats b{display:block;font-size:clamp(44px,5vw,64px);font-weight:750;letter-spacing:-.03em;line-height:1;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.speed .speed-stats small{font-size:.4em;margin-left:4px;letter-spacing:0}
.speed .speed-stats span{display:block;margin-top:10px;color:var(--text-2);font-size:15px;line-height:1.35}
.speed .speed-note{margin:18px auto 0;max-width:640px;color:var(--text-2);font-size:13px}
@media(max-width:700px){.speed .speed-stats{grid-template-columns:1fr}}
/* Products as live mini-demos (6 Nov 2026): each card's art shows the product
   working, in the hero plan card's light style. The markup is the finished
   frame (no JavaScript, reduced motion, off screen); the 7 s loop runs only
   while the page script marks it on screen ([data-lud].is-on), changing only
   opacity, transform and a small clip-path. Illustrative strings sit in
   data-t (they are pictures, not copy); no timing figures (the measured
   numbers live in #speed). */
.lu-art.lud{position:relative;display:block;container-type:inline-size;overflow:hidden;color:var(--text);background:radial-gradient(90% 75% at 12% 0%,rgb(37 99 235 / 14%),transparent 62%),radial-gradient(85% 75% at 100% 100%,rgb(124 58 237 / 14%),transparent 62%),linear-gradient(160deg,#f5f8ff,#f7f3ff);box-shadow:inset 0 0 0 1px rgb(15 23 42 / 6%)}
.lu-art.lud svg{width:1em;height:1em;flex:0 0 auto;filter:none}
.lud-win{position:absolute;inset:6%;display:flex;flex-direction:column;justify-content:space-between;gap:.4em;padding:.6em .7em .7em;border:1px solid transparent;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfbff) padding-box,linear-gradient(135deg,rgb(37 99 235 / 45%),rgb(124 58 237 / 45%) 55%,rgb(34 211 238 / 40%)) border-box;box-shadow:0 1px 3px rgb(15 23 42 / 6%),0 14px 34px rgb(79 70 229 / 14%);font-size:clamp(12px,5.4cqi,14px);line-height:1.25;text-align:left;white-space:nowrap}
.lud [data-t]::before{content:attr(data-t)}
.lud p,.lud ul,.lud ol{margin:0;padding:0;list-style:none}
.lud-bar{display:flex;align-items:center;gap:.45em;font-weight:650;color:var(--text-2)}
.lud-ico{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:.45em;background:var(--g);color:#fff}
.lu-art.lud .lud-ico svg{width:.9em;height:.9em}
.lud-live{position:relative;margin-left:auto;width:.5em;height:.5em;border-radius:50%;background:#22c55e;box-shadow:0 0 0 .2em rgb(34 197 94 / 18%)}
.lud-live::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c55e;opacity:0}
.lud-repo,.lud-cmd,.lud-rows,.lud-url,.lud-re{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;overflow:hidden}
.lud-repo{display:flex;align-items:center;gap:.4em;color:var(--text)}
.lud-repo svg{color:var(--muted)}
.lud-steps{display:flex;gap:.75em;font-weight:600;color:var(--text-2)}
.lud-steps li{display:inline-flex;align-items:center;gap:.3em}
.lud-steps i{display:grid;place-items:center;width:1em;height:1em;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgb(15 23 42 / 16%)}
.lu-art.lud .lud-steps svg{width:1em;height:1em;padding:.18em;border-radius:50%;background:#22c55e;color:#fff;stroke-width:3.5;box-sizing:border-box}
.lud-track{height:3px;border-radius:2px;background:rgb(15 23 42 / 8%);overflow:hidden}
.lud-track i,.lud-load i i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#7c3aed);transform-origin:0 50%}
.lud-url{display:flex;align-items:center;gap:.4em;padding:.3em .5em;border-radius:.6em;background:rgb(34 197 94 / 10%);box-shadow:inset 0 0 0 1px rgb(34 197 94 / 30%);color:#166534;font-weight:600}
.lu-art.lud .lud-url svg{stroke-width:3}
.lud-cmd{color:var(--text)}
.lud-cmd::before{content:"\203A\00A0";color:#6d28d9;font-weight:700}
.lud-cmd span{display:inline-block;vertical-align:top}
.lud-rows{display:grid;gap:2px}
.lud-rows li{display:flex;gap:.8em;padding:.1em .45em;border-radius:.4em;background:rgb(79 70 229 / 6%)}
.lud-rows li span:first-child{color:var(--muted)}
.lud-foot{display:flex;align-items:center;justify-content:space-between;gap:.5em;color:var(--muted);font-weight:600}
.lud-foot b{padding:.05em .5em;border-radius:980px;background:rgb(99 102 241 / 10%);color:#4338ca;font-weight:700}
.lud-re{display:flex;align-items:center;gap:.3em;padding-left:1.2em;color:#15803d;font-weight:600}
.lud-re2{color:#6d28d9}
.lu-art.lud .lud-re2 svg{color:#7c3aed;fill:rgb(124 58 237 / 18%)}
.lud-count{display:grid;margin-left:auto;justify-items:end;color:#4338ca}
.lud-count b{grid-area:1/1;font-weight:700}
.lud-count b:not(:last-child){opacity:0}
.lud-pods{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em;min-height:2.4em;max-height:4.6em}
.lud-pods li{position:relative;display:grid;place-items:center;border-radius:.6em;background:linear-gradient(160deg,rgb(37 99 235 / 8%),rgb(124 58 237 / 11%));box-shadow:inset 0 0 0 1px rgb(79 70 229 / 16%);color:#4f46e5}
.lu-art.lud .lud-pods svg{width:1.4em;height:1.4em;stroke-width:1.6}
.lud-pods li::after{content:"";position:absolute;top:.35em;right:.35em;width:.4em;height:.4em;border-radius:50%;background:#22c55e}
.lud-load{display:flex;align-items:center;gap:.5em;color:var(--muted);font-weight:600}
.lud-load > i{flex:1;height:.35em;border-radius:1em;background:rgb(15 23 42 / 8%);overflow:hidden}
/* the narrowest five-across cards (1240 px wide windows): a tighter frame, never smaller type */
@container (max-width:210px){.lud-win{inset:3.5%;padding:.5em .5em .55em;border-radius:13px}.lud-steps{gap:.4em}.lud-steps li{gap:.25em}.lud-url{padding:.25em .4em}}
@media (prefers-reduced-motion:no-preference){
 .lud{--lud:7s cubic-bezier(.22,1,.36,1) -6.3s infinite both}
 .lud.is-on .lud-live::after{animation:lud-ping 2.4s ease-out infinite}
 .lud.is-on .lud-steps li:nth-child(1) svg,.lud.is-on .lud-rows li:nth-child(1),.lud.is-on .lud-re1{animation:lud-24 var(--lud)}
 .lud.is-on .lud-rows li:nth-child(2),.lud.is-on .lud-pods li:nth-child(2){animation:lud-32 var(--lud)}
 .lud.is-on .lud-steps li:nth-child(2) svg,.lud.is-on .lud-rows li:nth-child(3){animation:lud-40 var(--lud)}
 .lud.is-on .lud-foot,.lud.is-on .lud-re2,.lud.is-on .lud-pods li:nth-child(3){animation:lud-48 var(--lud)}
 .lud.is-on .lud-steps li:nth-child(3) svg{animation:lud-56 var(--lud)}
 .lud.is-on .lud-url{animation:lud-62 var(--lud)}
 .lud.is-on .lud-track i{animation:lud-fill var(--lud)}
 .lud.is-on .lud-load i i{animation:lud-load var(--lud)}
 .lud.is-on .lud-cmd span{animation:lud-type var(--lud)}
 .lud.is-on .lud-cmd2 span{animation-name:lud-type2}
 .lud.is-on .lud-count b:nth-child(1){animation:lud-c1 var(--lud)}
 .lud.is-on .lud-count b:nth-child(2){animation:lud-c2 var(--lud)}
 .lud.is-on .lud-count b:nth-child(3){animation:lud-c3 var(--lud)}
}
@keyframes lud-24{0%,24%{opacity:0;transform:translateY(.25em) scale(.85)}30%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes lud-32{0%,32%{opacity:0;transform:translateY(.25em) scale(.85)}38%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes lud-40{0%,40%{opacity:0;transform:translateY(.25em) scale(.85)}46%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes lud-48{0%,48%{opacity:0;transform:translateY(.25em) scale(.85)}54%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes lud-56{0%,56%{opacity:0;transform:translateY(.25em) scale(.85)}62%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes lud-62{0%,62%{opacity:0;transform:translateY(.25em) scale(.85)}68%,92%{opacity:1;transform:none}97%,100%{opacity:0;transform:none}}
@keyframes lud-fill{0%,8%{opacity:1;transform:scaleX(0);animation-timing-function:cubic-bezier(.45,0,.55,1)}56%,92%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:scaleX(0)}}
@keyframes lud-load{0%,8%{opacity:1;transform:scaleX(.2);animation-timing-function:cubic-bezier(.45,0,.55,1)}48%,92%{opacity:1;transform:none}97%{opacity:0;transform:none}100%{opacity:0;transform:scaleX(.2)}}
@keyframes lud-type{0%,4%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(20,end)}20%,92%{opacity:1;clip-path:inset(0)}97%{opacity:0;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0 100% 0 0)}}
@keyframes lud-type2{0%,32%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(14,end)}44%,92%{opacity:1;clip-path:inset(0)}97%{opacity:0;clip-path:inset(0)}100%{opacity:0;clip-path:inset(0 100% 0 0)}}
@keyframes lud-c1{0%,32%{opacity:1}32.1%,96.9%{opacity:0}97%,100%{opacity:1}}
@keyframes lud-c2{0%,32%{opacity:0}32.1%,48%{opacity:1}48.1%,100%{opacity:0}}
@keyframes lud-c3{0%,48%{opacity:0}48.1%,96.9%{opacity:1}97%,100%{opacity:0}}
@keyframes lud-ping{0%{opacity:.6;transform:scale(1)}70%,100%{opacity:0;transform:scale(3)}}
@media (prefers-reduced-motion:reduce){.hero-deal{animation:none}}

}