/* CheckoutLeak marketing site. Plain CSS, no build step, no dependencies.
   System: one deep navy ground, a fluted teal curtain as the signature, one card surface,
   teal for action and money kept, red and amber only for leaks, Geist with a Newsreader Italic tail. */

@font-face{font-family:'Geist';src:url(/assets/fonts/geist-latin.woff2) format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:'Geist Mono';src:url(/assets/fonts/geist-mono-latin.woff2) format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(/assets/fonts/newsreader-italic-latin.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Geist Fallback';src:local('Arial'),local('ArialMT'),local('Helvetica Neue'),local('Helvetica'),local('Roboto');size-adjust:104%;ascent-override:96.6%;descent-override:28.4%;line-gap-override:0%}
@font-face{font-family:'Geist Mono Fallback';src:local('Courier New'),local('CourierNewPSMT'),local('Menlo');size-adjust:100%;ascent-override:100.5%;descent-override:29.5%;line-gap-override:0%}
@font-face{font-family:'Newsreader Fallback';font-style:italic;src:local('Georgia Italic'),local('Georgia-Italic'),local('Georgia');size-adjust:90.45%;ascent-override:81.3%;descent-override:29.3%;line-gap-override:0%}

:root{
  --bg:#060A12;--bg-2:#0A0F1A;
  --ink:#F6F7F9;--ink-2:#E2E5EC;--ink-3:#CBD0DB;--muted:#A9B0C0;--muted-2:#808AA0;
  --teal:#1FD1B5;--teal-2:#6FE6D2;--teal-3:#CFF8F0;--red:#F2646E;--amber:#F2B04B;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --sans:'Geist','Geist Fallback',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono','Geist Mono Fallback',ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:'Newsreader','Newsreader Fallback',Georgia,serif;
  --ease:cubic-bezier(.2,0,0,1);--spring:cubic-bezier(.16,1,.3,1);
  --gut:40px;--wrap:min(1200px,100% - 2 * var(--gut));--pad:128px;
  --r:18px;--r-in:11px;
  --card-bd:1px solid rgba(255,255,255,.09);
  --card-bg:linear-gradient(180deg,rgba(31,209,181,.055),rgba(255,255,255,.012) 44%),#0B111D;
  --card-sh:inset 0 1px 0 rgba(255,255,255,.06),0 28px 70px -40px rgba(0,0,0,.8);
  --in-bd:1px solid rgba(255,255,255,.07);--in-bg:rgba(6,10,18,.72);
}
@media (max-width:1023px){:root{--pad:104px}}
@media (max-width:719px){:root{--gut:20px;--pad:80px;--r:16px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink-3);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
svg{display:block}
:focus-visible{outline:2px solid var(--teal-2);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--ink);color:var(--bg);font-weight:500}
.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
html[data-launch="early-access"] .install-only,html[data-launch="install"] .ea-only{display:none!important}

.wrap{width:var(--wrap);margin-inline:auto}
.sec{padding-block:var(--pad);position:relative}
.sec--band{background:var(--bg-2);border-block:1px solid rgba(255,255,255,.05)}

/* Type */
.eyebrow{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}
.eyebrow::before{content:"";width:6px;height:6px;background:var(--teal)}
.h1,.h2{color:var(--ink);font-weight:500;letter-spacing:-.04em;text-wrap:balance}
.h1{font-size:clamp(46px,7.4vw,104px);line-height:.98}
.h2{font-size:clamp(36px,4.6vw,62px);line-height:1.04}
.tail{display:block;font:italic 400 1.04em/1.02 var(--serif);letter-spacing:-.025em;color:#A7AEBF}
.kept{display:block;font:italic 400 1.05em/1.02 var(--serif);letter-spacing:-.025em;padding-bottom:.08em;background:linear-gradient(180deg,#E4FCF7 0%,#7AEAD7 48%,#1FD1B5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h3{color:var(--ink);font-size:clamp(23px,2.2vw,28px);line-height:1.14;font-weight:500;letter-spacing:-.028em}
.h3 span{display:block;font:italic 400 1.06em/1.1 var(--serif);letter-spacing:-.015em;color:var(--muted)}
.lead{max-width:600px;font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--muted)}
.head{display:grid;gap:22px;margin-bottom:64px;max-width:820px}
.head--c{justify-items:center;text-align:center;margin-inline:auto}
@media (max-width:719px){.head{margin-bottom:40px;gap:18px}}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.tlink{display:inline-flex;align-items:center;gap:8px;color:var(--teal);font-weight:500;font-size:15px}
.tlink .arr{transition:transform .25s var(--spring)}
.tlink:hover .arr{transform:translateX(4px)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:500;font-size:15.5px;letter-spacing:-.01em;white-space:nowrap;transition:transform .2s var(--spring),background-color .2s,border-color .2s,box-shadow .2s}
.btn:active{transform:scale(.98)}
.btn .arr{transition:transform .25s var(--spring)}
.btn:hover .arr{transform:translateX(3px)}
.btn-primary{background:var(--teal);color:#04110F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 12px 34px -14px rgba(31,209,181,.65)}
.btn-primary:hover{background:#3BDCC3}
.btn-sec{border:1px solid var(--line-2);background:rgba(255,255,255,.035);color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.btn-sec:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07)}
.btn-ghost{border:1px solid var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:rgba(255,255,255,.28)}

/* Stamps and marks */
.stamp{display:inline-flex;align-items:center;height:22px;padding:0 7px;border-radius:5px;border:1px solid var(--line-2);font:500 11px/1 var(--mono);letter-spacing:.08em;color:var(--ink-3);white-space:nowrap}
.st-m{color:var(--teal);border-color:rgba(31,209,181,.5);background:rgba(31,209,181,.07)}
.st-e{color:var(--muted);border-style:solid}
.st-a{color:var(--amber);border-color:rgba(242,176,75,.5)}
.st-p{color:var(--muted-2);border-style:dashed}
.sev{flex:none;width:7px;height:7px;background:var(--amber)}
.sev-r{background:var(--red)}
.sev-t{background:var(--teal)}

/* Header: a floating glass bar */
.site-header{position:fixed;inset:14px 0 auto;z-index:50;pointer-events:none}
.nav{pointer-events:auto;width:min(1200px,100% - 2 * 20px);margin-inline:auto;height:60px;padding:0 10px 0 18px;display:flex;align-items:center;gap:24px;border-radius:16px;border:1px solid transparent;transition:background-color .3s,border-color .3s,box-shadow .3s}
.is-scrolled .nav,.nav:focus-within{background:rgba(9,14,24,.72);border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px -24px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3)}
.logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-weight:600;font-size:17px;letter-spacing:-.03em}
.nav-links{display:flex;gap:4px;margin-inline:auto}
.nav-links>a,.nav-drop>a{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 13px;border-radius:9px;font-size:14.5px;color:var(--muted);transition:color .15s,background-color .15s}
.nav-links>a:hover,.nav-drop>a:hover,.nav-drop:focus-within>a{color:var(--ink);background:rgba(255,255,255,.05)}
.nav-links a[aria-current="page"]{color:var(--ink)}
.nav-drop{position:relative}
.nav-drop>a::after{content:"";width:6px;height:6px;margin-top:-3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);opacity:.7}
.drop{position:absolute;top:100%;left:50%;width:480px;padding-top:12px;transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .18s,transform .22s var(--spring),visibility .18s}
.nav-drop:hover .drop,.nav-drop:focus-within .drop{opacity:1;visibility:visible;transform:translate(-50%,0)}
.drop-in{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px;border-radius:16px;border:var(--card-bd);background:#0B111D;box-shadow:0 30px 70px -24px rgba(0,0,0,.9)}
.drop a{display:grid;gap:3px;padding:12px 14px;border-radius:10px;transition:background-color .15s}
.drop a:hover{background:rgba(255,255,255,.05)}
.drop b{font-weight:500;font-size:14.5px;color:var(--ink);letter-spacing:-.01em}
.drop small{font-size:13px;line-height:1.35;color:var(--muted-2)}
.nav-end{display:flex;align-items:center;gap:8px}
.nav-cta{min-height:40px;padding:0 16px;font-size:14.5px;border-radius:10px}
.nav-menu{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--line-2);position:relative}
.nav-menu span,.nav-menu span::before{position:absolute;left:12px;width:18px;height:1.5px;background:var(--ink);transition:transform .25s var(--spring),top .25s var(--spring)}
.nav-menu span{top:17px}
.nav-menu span::before{content:"";left:0;top:8px}
.nav-menu[aria-expanded="true"] span{top:21px;transform:rotate(45deg)}
.nav-menu[aria-expanded="true"] span::before{top:0;transform:rotate(-90deg)}
.sheet{position:fixed;inset:0;z-index:45;display:none;padding:96px var(--gut) calc(24px + env(safe-area-inset-bottom));background:rgba(6,10,18,.97);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto}
.sheet.open{display:flex;flex-direction:column;gap:28px}
.sheet p{font:500 12px/1 var(--mono);letter-spacing:.14em;color:var(--muted-2);margin-bottom:6px}
.sheet a.sl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.sheet a.sl small{font-size:13px;font-weight:400;letter-spacing:0;color:var(--muted-2);text-align:right}
.sheet .btn{width:100%;margin-top:auto}
@media (max-width:959px){.nav-links,.nav-end .nav-cta{display:none}.nav-menu{display:block}.nav-end{margin-left:auto}.nav{padding-right:8px}}
@media (min-width:960px){.sheet{display:none!important}}

/* The curtain: fluted glass, lit from above, fading into the ground */
.curtain{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#060A12}
.curtain::before{content:"";position:absolute;inset:0 -4%;background:
  repeating-linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(6,42,40,.2) 34px,rgba(40,170,150,.34) 62px,rgba(8,52,48,.16) 84px,rgba(0,0,0,.72) 96px),
  radial-gradient(70% 62% at 50% 0,#0F5F55 0,#0A3B37 34%,#061A1C 66%,#060A12 100%);
  -webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 92%);mask:linear-gradient(180deg,#000 0,#000 40%,transparent 92%)}
.curtain::after{content:"";position:absolute;inset:0;background:radial-gradient(46% 40% at 50% 34%,rgba(4,8,14,.72),transparent 100%),linear-gradient(90deg,#060A12 0,transparent 16%,transparent 84%,#060A12 100%)}
.curtain i{position:absolute;top:-10%;bottom:30%;left:-30%;width:36%;background:linear-gradient(90deg,transparent,rgba(111,230,210,.11) 50%,transparent);transform:skewX(-8deg);-webkit-mask:repeating-linear-gradient(90deg,#000 0,#000 40px,transparent 62px,transparent 96px);mask:repeating-linear-gradient(90deg,#000 0,#000 40px,transparent 62px,transparent 96px)}
@media (prefers-reduced-motion:no-preference){.curtain i{animation:sweep 13s var(--ease) infinite}}
@keyframes sweep{0%{transform:translateX(0) skewX(-8deg);opacity:0}12%{opacity:1}55%{transform:translateX(420%) skewX(-8deg);opacity:0}100%{transform:translateX(420%) skewX(-8deg);opacity:0}}
@media (max-width:719px){.curtain::before{background-size:64px 100%,auto;background:
  repeating-linear-gradient(90deg,rgba(0,0,0,.72) 0,rgba(6,42,40,.2) 22px,rgba(40,170,150,.32) 40px,rgba(8,52,48,.16) 54px,rgba(0,0,0,.72) 62px),
  radial-gradient(90% 56% at 50% 0,#0F5F55 0,#0A3B37 34%,#061A1C 66%,#060A12 100%)}}

/* Hero */
.hero{position:relative;padding:150px 0 0;text-align:center;isolation:isolate;overflow:clip}
.hero-in{position:relative;display:grid;justify-items:center;gap:26px;width:var(--wrap);margin-inline:auto}
.pill{display:inline-flex;align-items:center;gap:9px;height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(8,16,22,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13.5px;color:var(--ink-2)}
.pill .sev{animation:none}
.hero .lead{max-width:640px;color:#BCC4D2}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px}
.hero-note{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;font-size:13.5px;color:var(--muted)}
.hero-note li{display:flex;align-items:center;gap:8px}
.hero-note li::before{content:"";width:5px;height:5px;background:var(--teal)}
@media (max-width:719px){.hero{padding-top:112px}.hero-in{gap:20px}.hero-cta{width:100%;flex-direction:column}.hero-cta .btn{width:100%}.hero-note{flex-direction:column;align-items:center}}

/* Stage: the product window with cards overlapping it */
.stage{position:relative;width:min(1040px,100% - 2 * var(--gut));margin:72px auto 0}
.stage-tilt{transform-origin:50% 100%;transform:perspective(1600px) rotateX(var(--tilt,0deg));will-change:transform}
.fade-b{position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none;z-index:4}

/* One card surface */
.card{position:relative;border-radius:var(--r);border:var(--card-bd);background:var(--card-bg);box-shadow:var(--card-sh)}
.inset{border-radius:var(--r-in);border:var(--in-bd);background:var(--in-bg)}

.win{overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 60px 120px -40px rgba(0,0,0,.9),0 0 0 6px rgba(255,255,255,.025)}
.win-bar{display:flex;align-items:center;gap:10px;height:48px;padding:0 18px;border-bottom:1px solid var(--line);font:400 12.5px/1 var(--mono);color:var(--muted-2);letter-spacing:.02em}
.win-bar .logo-m{flex:none}
.win-bar b{font:500 13.5px var(--sans);letter-spacing:-.01em;color:var(--ink-2)}
.win-bar .r{margin-left:auto;display:flex;align-items:center;gap:8px}
.win-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;text-align:left}
.win-main{padding:26px 26px 12px;border-right:1px solid var(--line)}
.win-side{padding:26px 24px;display:flex;flex-direction:column;gap:18px}
.k{font-size:13.5px;color:var(--muted)}
.big{display:flex;align-items:baseline;gap:8px;margin-top:4px;color:var(--ink);font-size:clamp(38px,4.4vw,56px);line-height:1.05;font-weight:500;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.big small,.u{font:400 13px var(--mono);letter-spacing:.02em;color:var(--muted-2)}
.big--t{color:var(--teal)}
.mid{color:var(--teal);font-size:30px;font-weight:500;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.rows{margin-top:20px;border-top:1px solid var(--line)}
.row{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.row:last-child{border-bottom:0}
.row .t{min-width:0}
.row .v{margin-left:auto;font:500 14px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.row .np{font-weight:400;font-size:12.5px;color:var(--muted-2)}
.float{position:absolute;z-index:5;text-align:left;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 70px -22px rgba(0,0,0,.95);background:linear-gradient(180deg,rgba(31,209,181,.07),rgba(255,255,255,.015) 50%),#0D1422}
.float-l{left:37%;top:64px;width:270px;padding:14px}
.float-r{right:-44px;top:196px;width:268px;padding:15px}
.fl-h{display:flex;align-items:center;gap:8px;font:500 11px/1 var(--mono);letter-spacing:.1em;color:var(--muted-2)}
.fl-h .r{margin-left:auto;font-weight:400;letter-spacing:.02em}
.fl-t{margin-top:10px;font-size:14.5px;line-height:1.35;color:var(--ink);font-weight:500;letter-spacing:-.01em}
.fl-s{margin-top:3px;font-size:13px;color:var(--muted)}
.fl-a{display:grid;margin-top:12px;height:36px}
.fl-a>*{grid-area:1/1;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:13.5px;font-weight:500}
.fl-btn{background:var(--teal);color:#04110F}
.fl-ok{border:1px solid rgba(31,209,181,.45);color:var(--teal-2);gap:8px;opacity:0}
.fl-ok em{font-style:normal;color:var(--muted-2);font-weight:400}
@media (prefers-reduced-motion:no-preference){
  html.js .float-l{animation:rise .9s var(--spring) .55s both}
  html.js .float-r{animation:rise .9s var(--spring) .8s both}
  html.js .stage .win{animation:rise 1.1s var(--spring) .2s both}
  html.js .fl-btn{animation:press .4s var(--ease) 2.6s both}
  html.js .fl-ok{animation:okin .4s var(--ease) 2.75s both}
}
html:not(.js) .fl-btn{opacity:0}html:not(.js) .fl-ok{opacity:1}
@media (prefers-reduced-motion:reduce){.fl-btn{opacity:0}.fl-ok{opacity:1}}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes press{0%{transform:scale(1)}40%{transform:scale(.97)}100%{transform:scale(1);opacity:0}}
@keyframes okin{from{opacity:0}to{opacity:1}}
@media (max-width:1180px){.float-r{right:-14px}}
@media (max-width:1100px){.float-l{display:none}}
@media (max-width:959px){.win-grid{grid-template-columns:1fr}.win-main{border-right:0}.win-side{display:none}.float-r{top:auto;bottom:-22px;right:-8px;width:250px}.float-l{display:none}}
@media (max-width:719px){.stage{margin-top:48px}.win-bar .hide-s{display:none}.win-main{padding:18px 16px 30px}.row{font-size:14px;min-height:50px}.row .stamp{display:none}.float-r{position:relative;right:auto;bottom:auto;width:auto;margin:-26px 12px 0}.fade-b{height:90px}}

/* Quiet facts row */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-block:56px 0}
.facts li{display:grid;gap:4px;padding-left:16px;border-left:1px solid var(--line-2)}
.facts b{font-weight:500;font-size:15px;color:var(--ink);letter-spacing:-.01em}
.facts span{font-size:13.5px;line-height:1.4;color:var(--muted-2)}
@media (max-width:859px){.facts{grid-template-columns:1fr 1fr;gap:22px}}

/* Bento */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.b{display:flex;flex-direction:column;min-width:0;padding:24px;overflow:hidden;transition:border-color .25s,transform .35s var(--spring)}
a.b:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px)}
.b .h3{margin-top:12px}
.b-p{margin-top:10px;font-size:15px;line-height:1.5;color:var(--muted);max-width:44ch}
.b-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:14px;font-weight:500;color:var(--teal)}
.b-more .arr{transition:transform .25s var(--spring)}
a.b:hover .b-more .arr{transform:translateX(4px)}
.b-k{font:500 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
.w{margin-top:auto;padding-top:22px}
.c7{grid-column:span 7}.c6{grid-column:span 6}.c5{grid-column:span 5}.c4{grid-column:span 4}.c3{grid-column:span 3}.c8{grid-column:span 8}
@media (max-width:1023px){.c7,.c6,.c5,.c8{grid-column:span 6}.c4{grid-column:span 6}.c3{grid-column:span 6}}
@media (max-width:719px){.bento:not([data-strip]){display:flex;flex-direction:column}.b{padding:20px}}

.b-accent{background:linear-gradient(160deg,#27DDC0 0,#17B9A0 100%);border-color:transparent;color:#04110F;box-shadow:0 30px 70px -36px rgba(31,209,181,.7)}
.b-accent .b-k{color:rgba(4,17,15,.62)}
.b-accent .h3{color:#04110F}
.b-accent .h3 span{color:rgba(4,17,15,.7)}
.b-accent .b-p{color:rgba(4,17,15,.74)}
.b-accent .b-more{color:#04110F}

/* Widgets. Each animates once, when its card gets .on. */
.w-spike{position:relative;display:flex;align-items:flex-end;gap:6px;height:128px;padding:12px 14px 0}
.w-spike i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:rgba(255,255,255,.13);transform-origin:bottom;transition:transform .8s var(--spring) calc(var(--n,0) * 35ms)}
.w-spike i.hot{background:linear-gradient(180deg,#F2646E,rgba(242,100,110,.22))}
.w-spike .us{position:absolute;left:14px;right:14px;bottom:30%;border-top:1px dashed rgba(255,255,255,.26)}
.w-spike .us b{position:absolute;left:0;top:-20px;font:400 11.5px var(--mono);color:var(--muted-2)}
.w-spike .tip{position:absolute;right:calc(14% + 22px);top:12px;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 9px;border-radius:7px;background:rgba(242,100,110,.13);border:1px solid rgba(242,100,110,.42);color:#FFB3B8;font:500 12px var(--mono);transition:opacity .4s var(--ease) .7s,transform .5s var(--spring) .7s}
html.js .sw:not(.on) .w-spike i{transform:scaleY(.1)}
html.js .sw:not(.on) .w-spike .tip{opacity:0;transform:translateY(6px)}
.w-stack{display:grid;gap:8px;padding:14px}
.w-chip{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border-radius:9px;border:var(--in-bd);background:rgba(255,255,255,.025);font:500 13px var(--mono);color:var(--ink-2)}
.w-chip b{margin-left:auto;font-weight:500;color:var(--muted)}
.w-chip:nth-child(2){transition:transform .6s var(--spring) .15s,opacity .4s .15s}
html.js .sw:not(.on) .w-chip:nth-child(2){transform:translateY(-14px);opacity:0}
.w-sum{display:flex;align-items:center;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.w-sum s{margin-left:auto;font:400 13.5px var(--mono);color:var(--muted-2)}
.w-sum b{font:600 20px var(--mono);color:#FF9AA1;letter-spacing:-.02em;transition:opacity .4s .5s}
html.js .sw:not(.on) .w-sum b{opacity:0}
.w-code{display:grid;gap:8px;padding:14px}
.w-field{white-space:nowrap;display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border-radius:9px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);font:500 13.5px var(--mono);color:var(--ink-2)}
.w-field small{margin-left:auto;font:400 12px var(--mono);color:var(--muted-2)}
.w-try{display:flex;flex-wrap:wrap;gap:6px}
.w-try span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 8px;border-radius:6px;border:var(--in-bd);font:400 12px var(--mono);color:var(--muted-2);transition:opacity .35s var(--ease) calc(var(--n) * 260ms),transform .45s var(--spring) calc(var(--n) * 260ms)}
.w-try span.hit{color:#FFB3B8;border-color:rgba(242,100,110,.42);background:rgba(242,100,110,.1)}
html.js .sw:not(.on) .w-try span{opacity:0;transform:translateX(-8px)}
.w-limit{padding:14px}
.w-lrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--muted)}
.w-lrow b{font:500 14px var(--mono);color:var(--ink)}
.w-track{position:relative;height:8px;margin:12px 0 10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.w-track i{position:absolute;inset:0 auto 0 0;width:100%;border-radius:99px;background:linear-gradient(90deg,rgba(242,176,75,.25),var(--amber));transform-origin:left;transition:transform 1.1s var(--spring)}
html.js .sw:not(.on) .w-track i{transform:scaleX(.08)}
.w-lnote{display:flex;align-items:center;gap:8px;font:500 12px var(--mono);color:var(--amber)}

.w-email{padding:14px}
.w-email .row{min-height:42px;font-size:14px}
.w-email .v.t{color:var(--teal)}
.w-bars{position:relative;display:flex;align-items:flex-end;gap:14px;height:150px;padding:30px 16px 0}
.w-bars span{position:relative;flex:1;height:var(--h);border-radius:5px 5px 0 0;border:1px solid rgba(31,209,181,.6);border-bottom:0;background:linear-gradient(180deg,rgba(31,209,181,.24),rgba(31,209,181,.02));transform-origin:bottom;transition:transform .9s var(--spring) calc(var(--n) * 90ms)}
.w-bars b{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font:400 12px var(--mono);color:var(--ink-3);white-space:nowrap}
html.js .sw:not(.on) .w-bars span{transform:scaleY(.04)}
.w-seg{display:grid;gap:0}
.w-rule{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border-bottom:1px solid var(--line)}
.w-rule:last-child{border-bottom:0}
.w-rule div:first-child{min-width:0}
.w-rule b{display:block;font-weight:500;font-size:14px;color:var(--ink);letter-spacing:-.01em}
.w-rule small{display:block;font-size:12.5px;color:var(--muted-2)}
.seg{flex:none;margin-left:auto;display:grid;grid-template-columns:repeat(3,auto);padding:2px;border-radius:8px;border:1px solid var(--line-2);font-size:12px;color:var(--muted-2)}
.seg span{padding:4px 8px;border-radius:6px}
.seg .on{background:var(--teal);color:#04110F;font-weight:500}
.seg .ask{color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.w-alert{display:grid;gap:8px;padding:12px}
.w-al{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:9px;background:rgba(255,255,255,.03);border:var(--in-bd);font-size:13.5px;color:var(--ink-2);transition:opacity .4s var(--ease) calc(var(--n) * 220ms),transform .5s var(--spring) calc(var(--n) * 220ms)}
.w-al small{margin-left:auto;font:400 11.5px var(--mono);color:var(--muted-2);white-space:nowrap}
html.js .sw:not(.on) .w-al{opacity:0;transform:translateY(10px)}
.w-undo{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:22px}
.w-undo span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:9px;background:#04110F;color:var(--teal-2);font-size:13.5px;font-weight:500}
.w-undo em{font-style:normal;display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:9px;border:1px solid rgba(4,17,15,.32);color:#04110F;font-size:13.5px;font-weight:500}

/* Swipe strips on phones */
.dots{display:none}
@media (max-width:719px){
  html [data-strip]{display:flex;gap:12px;margin:0 calc(-1 * var(--gut));padding:2px var(--gut);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);scrollbar-width:none;overscroll-behavior-x:contain}
  [data-strip]::-webkit-scrollbar{display:none}
  html [data-strip]>*{flex:0 0 84%;scroll-snap-align:start}
  .dots{display:flex;justify-content:center;gap:6px;margin-top:16px}
  .dots i{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.18);transition:width .25s var(--ease),background-color .25s var(--ease)}
  .dots i.on{width:18px;background:var(--teal)}
}

/* How it works: steps plus a demo you can click */
.how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.steps{display:grid;gap:0}
.step{display:grid;gap:6px;padding:24px 0;border-top:1px solid var(--line)}
.step:last-child{border-bottom:1px solid var(--line)}
.step b{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.step p{font-size:15px;line-height:1.5;color:var(--muted)}
.demo{padding:0;overflow:hidden}
.demo-h{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-bottom:1px solid var(--line);font:400 12.5px var(--mono);color:var(--muted-2)}
.demo-h .r{margin-left:auto}
.demo-b{padding:22px 22px 8px}
.demo-row{transition:background-color .3s}
.demo-row .t small{display:block;font-size:12.5px;color:var(--muted-2);line-height:1.35}
.demo-row.done .sev{background:var(--teal)}
.demo-row.done .v{color:var(--muted-2);text-decoration:line-through}
.demo-f{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 22px 20px;border-top:1px solid var(--line)}
.demo-f .btn{min-height:42px;padding:0 16px;font-size:14.5px;border-radius:10px}
.demo-m{font-size:13.5px;color:var(--muted);min-height:20px}
.demo-m.ok{color:var(--teal-2)}
.demo-hint{margin-top:12px;font-size:13px;color:var(--muted-2)}
@media (max-width:959px){.how{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:719px){.demo-b{padding:18px 16px 6px}.demo-f{padding:14px 16px 16px}.demo-f .btn{width:100%}}

/* Privacy */
.safe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.safe .b{padding:24px}
.safe b{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.safe p{margin-top:8px;font-size:15px;line-height:1.5;color:var(--muted)}
.safe-more{margin-top:24px}
@media (max-width:859px){.safe{grid-template-columns:minmax(0,1fr)}}

/* Plans */
.plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
.plan{display:flex;flex-direction:column;padding:26px 22px 22px;min-width:0}
.plan-h{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.plan-h h3{font-size:19px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.plan>p{margin-top:6px;font-size:14px;line-height:1.4;color:var(--muted);min-height:40px}
.price{display:flex;align-items:baseline;gap:6px;margin:18px 0}
.price b{font-size:46px;font-weight:500;letter-spacing:-.045em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.price span{font:400 12.5px var(--mono);color:var(--muted-2)}
.plan ul{margin-bottom:22px;border-top:1px solid var(--line)}
.plan li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;color:var(--ink-3)}
.plan li::before{content:"";flex:none;width:5px;height:5px;margin-top:6px;background:var(--teal)}
.plan li.inc{color:var(--muted-2);font-size:13px}
.plan li.inc::before{display:none}
.plan .btn{margin-top:auto;width:100%}
.plan--rec{border-color:rgba(31,209,181,.45);background:linear-gradient(180deg,rgba(31,209,181,.14),rgba(255,255,255,.012) 46%),#0B111D;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 80px -40px rgba(31,209,181,.45)}
.plans-note{margin-top:20px;font-size:14px;color:var(--muted-2);text-align:center}
@media (max-width:1079px) and (min-width:720px){.plans{grid-template-columns:1fr 1fr}}
@media (max-width:719px){.plans[data-strip]{display:flex;align-items:stretch}.plan>p:not(.price){min-height:0}}

.cmp{width:100%;border-collapse:collapse;font-size:14.5px}
.cmp th,.cmp td{padding:15px 10px;border-bottom:1px solid var(--line);text-align:center;font-weight:400;color:var(--ink-3)}
.cmp th:first-child,.cmp td:first-child{text-align:left;padding-left:0;color:var(--ink-2)}
.cmp thead th{font:500 12px var(--mono);letter-spacing:.08em;color:var(--muted-2);text-transform:uppercase}
.cmp .y{color:var(--teal)}
.cmp .n{color:rgba(255,255,255,.22)}
.cmp-w{padding:8px 22px}
@media (max-width:719px){.cmp{font-size:13px}.cmp th,.cmp td{padding:12px 4px}.cmp thead th{font-size:10px;letter-spacing:.02em}.cmp-w{padding:4px 14px}}

/* FAQ */
.faq-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}
.faq-g .head{margin-bottom:0;position:sticky;top:110px}
details.q{border-bottom:1px solid var(--line)}
details.q:first-child{border-top:1px solid var(--line)}
.q summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;padding:12px 0;font-size:17px;font-weight:500;letter-spacing:-.015em;color:var(--ink);cursor:pointer;list-style:none}
.q summary::-webkit-details-marker{display:none}
.q summary i{flex:none;position:relative;width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2)}
.q summary i::before,.q summary i::after{content:"";position:absolute;left:9px;top:13.5px;width:10px;height:1.5px;background:var(--ink-3);transition:transform .25s var(--spring)}
.q summary i::after{transform:rotate(90deg)}
.q[open] summary i::after{transform:rotate(0)}
.q div{padding:0 50px 22px 0;font-size:15.5px;line-height:1.6;color:var(--muted)}
.q a,.prose a,.link{color:var(--teal-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(111,230,210,.4)}
@media (max-width:959px){.faq-g{grid-template-columns:minmax(0,1fr);gap:32px}.faq-g .head{position:static}}
@media (max-width:719px){.q summary{font-size:16px}.q div{padding-right:0}}

/* Closing call to action */
.end{position:relative;padding:150px 0 130px;text-align:center;isolation:isolate;overflow:clip;border-top:1px solid rgba(255,255,255,.05)}
.end .curtain{z-index:-1}
.end-in{position:relative;display:grid;justify-items:center;gap:22px;width:var(--wrap);margin-inline:auto}
.end .lead{color:#BCC4D2}
.form{width:min(600px,100%);margin-top:10px;padding:8px;text-align:left;background:rgba(10,16,27,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}
.field{display:flex;align-items:center;gap:2px;min-width:0;height:50px;padding:0 13px;border-radius:10px;border:var(--in-bd);background:var(--in-bg);transition:border-color .15s}
.field:focus-within{border-color:rgba(111,230,210,.55)}
.field span{font:400 13.5px var(--mono);color:var(--muted-2)}
.field input{min-width:0;width:100%;height:100%;border:0;outline:0;background:none;font-size:16px;color:var(--ink)}
.field input::placeholder{color:var(--muted-2)}
.field [aria-invalid="true"]{color:#FFB3B8}
.form .btn{height:50px}
.form-note{min-height:22px;font-size:13.5px;color:var(--muted)}
.form-note.err{color:#FFB3B8}
.form-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.form-done{display:none;width:min(520px,100%);padding:24px;text-align:left}
.form-done b{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.form-done p{margin-top:6px;font-size:15px;color:var(--muted)}
.is-done .form,.is-done .form-note{display:none}
.is-done .form-done{display:block}
@media (max-width:719px){.end{padding:96px 0 88px}.form-row{grid-template-columns:minmax(0,1fr)}.form .btn{width:100%}}

/* Problem pages */
.lk-hero{position:relative;padding:150px 0 72px;isolation:isolate;overflow:clip}
.lk-hero .curtain{z-index:-1}
.lk-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:center}
.lk-copy{display:grid;gap:22px;justify-items:start}
.lk-copy .h1{font-size:clamp(42px,5.4vw,76px);line-height:1}
.lk-copy .lead{color:#BCC4D2}
.lk-copy .hero-cta{justify-content:flex-start}
.lk-w{padding:0;overflow:hidden}
.lk-w .w{margin:0;padding:0}
.lk-w-h{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-bottom:1px solid var(--line);font:400 12.5px var(--mono);color:var(--muted-2)}
.lk-w-h .r{margin-left:auto}
.crumb{font-size:13.5px;color:var(--muted)}
.crumb a:hover{color:var(--ink)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.trio .b{padding:26px}
.trio h2,.trio h3{font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.trio p{margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--muted)}
.long{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:64px;align-items:start}
.long h2{font-size:clamp(28px,3vw,38px);line-height:1.1;font-weight:500;letter-spacing:-.032em;color:var(--ink)}
.long .txt{display:grid;gap:16px;font-size:17px;line-height:1.65;color:var(--ink-3);max-width:68ch}
.ul{display:grid;gap:10px}
.ul li{display:flex;gap:12px}
.ul li::before{content:"";flex:none;width:5px;height:5px;margin-top:11px;background:var(--teal)}
.sibs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sibs a{padding:22px}
.sibs b{display:block;font-size:17px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.sibs small{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:var(--muted)}
@media (max-width:959px){.lk-grid,.long{grid-template-columns:minmax(0,1fr);gap:32px}.trio,.sibs{grid-template-columns:minmax(0,1fr)}}
@media (max-width:719px){.lk-hero{padding:112px 0 48px}.lk-copy .hero-cta{width:100%}}

/* Footer */
.footer{position:relative;padding:72px 0 0;border-top:1px solid var(--line);background:var(--bg);overflow:hidden}
.foot-top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
.foot-brand p{margin-top:14px;max-width:320px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.foot-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.foot-cols nav{display:grid;gap:10px;align-content:start}
.foot-cols span{font:500 11.5px var(--mono);letter-spacing:.12em;color:var(--muted-2);margin-bottom:4px}
.foot-cols a{font-size:14.5px;color:var(--ink-3);transition:color .15s}
.foot-cols a:hover{color:var(--teal-2)}
.foot-bot{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted-2)}
.foot-mark{margin:28px 0 -.2em;text-align:center;font-weight:600;font-size:clamp(46px,calc((100vw - 2 * var(--gut)) / 6.3),190px);line-height:1;letter-spacing:-.055em;color:transparent;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0) 86%);-webkit-background-clip:text;background-clip:text;white-space:nowrap;user-select:none}
@media (max-width:719px){.foot-top{grid-template-columns:minmax(0,1fr);gap:36px}.foot-cols{grid-template-columns:1fr 1fr}.footer{padding-top:56px}}

/* Reveal */
@media (prefers-reduced-motion:no-preference){
  html.js [data-r]{transition:opacity .75s var(--spring),transform .75s var(--spring);transition-delay:calc(var(--d,0) * 70ms)}
  html.js [data-r]:not(.in){opacity:0;transform:translateY(22px)}
}

/* Cookie notice */
.ck{position:fixed;left:20px;bottom:20px;z-index:60;width:min(370px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 14px;align-items:center;padding:14px 14px 14px 16px;border-radius:14px;border:var(--card-bd);background:rgba(11,17,29,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px -20px rgba(0,0,0,.9);opacity:0;transform:translateY(10px);transition:opacity .35s var(--ease),transform .4s var(--spring);pointer-events:none}
.ck.on{opacity:1;transform:none;pointer-events:auto}
.ck-t{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.ck-t i{width:6px;height:6px;background:var(--teal)}
.ck-s{grid-column:1;font-size:13px;line-height:1.4;color:var(--muted)}
.ck-s a{color:var(--teal-2);text-decoration:underline;text-underline-offset:3px}
.ck-ok{grid-column:2;grid-row:1 / span 2;min-height:40px;min-width:56px;padding:0 14px;border-radius:10px;font-size:14.5px}
@media (max-width:719px){.ck{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom));padding:10px 10px 10px 14px}.ck-x{display:none}}

/* Legal pages */
.page-hero{position:relative;padding:136px 0 40px;isolation:isolate;overflow:clip}
.hero-glow{position:absolute;inset:0 0 auto;height:420px;z-index:-1;background:radial-gradient(60% 100% at 50% 0,rgba(31,209,181,.13),transparent 70%)}
.hero-glow>div{display:none}
.page-head{width:min(820px,100% - 2 * var(--gut));margin-inline:auto;display:grid;gap:16px}
.page-head .eyebrow{margin-bottom:2px}
.page-head h1{font-size:clamp(40px,5vw,64px);line-height:1.03;font-weight:500;letter-spacing:-.04em;color:var(--ink)}
.page-head>p:not(.eyebrow){font-size:18px;line-height:1.55;color:var(--muted)}
.prose-wrap{width:min(820px,100% - 2 * var(--gut));margin-inline:auto;padding-bottom:96px}
.prose{font-size:16.5px;line-height:1.7;color:var(--ink-3)}
.prose .meta{font:400 12.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:28px}
.prose h2{margin:44px 0 14px;padding-top:36px;border-top:1px solid var(--line);font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-.025em;color:var(--ink)}
.prose>h2:first-of-type{border-top:0;padding-top:0}
.prose h3{margin:26px 0 8px;font-size:18px;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.prose p,.prose ul,.prose ol{margin:0 0 14px}
.prose ul li{position:relative;padding-left:20px;margin-bottom:8px}
.prose ul li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;background:var(--muted-2)}
.prose ol{list-style:decimal;padding-left:22px}
.prose ol li{margin-bottom:8px}
.prose strong{font-weight:500;color:var(--ink)}
.prose code,.prose td code{font:400 .9em var(--mono);color:var(--ink-2)}
.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.table-scroll{overflow-x:auto;margin:0 0 16px;border-radius:12px;border:var(--card-bd);background:var(--card-bg)}
.prose table{width:100%;border-collapse:collapse;font-size:14.5px}
.prose th,.prose td{padding:13px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose th{font:500 12px var(--mono);letter-spacing:.06em;color:var(--muted-2)}
.prose tr:last-child td{border-bottom:0}
.glance{margin-bottom:44px}
.kicker{font:500 12px var(--mono);letter-spacing:.14em;color:var(--muted-2);margin-bottom:14px;display:block}
.tour-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tc{min-width:0;padding:20px;border-radius:var(--r);border:var(--card-bd);background:var(--card-bg);box-shadow:var(--card-sh)}
.tc-k{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
.tc-h{margin:10px 0 12px;font-size:20px;line-height:1.15;font-weight:500;letter-spacing:-.025em;color:var(--ink)}
.tc-h span{display:block;font:italic 400 1.05em/1.1 var(--serif);letter-spacing:-.01em;color:var(--muted)}
.tf-cap{font-size:13.5px;line-height:1.45;color:var(--muted)}
.tour-dots{display:none}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:40px}
.support-grid .card{padding:24px;display:grid;gap:10px;align-content:start}
.support-grid .kicker{margin:0}
.support-grid .topline{display:none}
.support-grid .mail{font-size:20px;font-weight:500;letter-spacing:-.02em;color:var(--teal);overflow-wrap:anywhere}
.support-grid .lead a{color:var(--teal-2);text-decoration:underline;text-underline-offset:3px}
.notfound{min-height:72vh;display:grid;justify-items:center;align-content:center;gap:18px;padding:136px var(--gut) 64px;text-align:center}
.notfound .code{font:500 12px var(--mono);letter-spacing:.14em;color:var(--muted-2)}
.notfound h1{font-size:clamp(40px,6vw,72px);line-height:1;font-weight:500;letter-spacing:-.04em;color:var(--ink)}
.notfound .hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
@media (max-width:859px){.tour-strip{grid-template-columns:1fr 1fr}}
@media (max-width:719px){
  .tour-strip{grid-template-columns:minmax(0,1fr)}
  .support-grid{grid-template-columns:minmax(0,1fr)}
  .page-hero{padding-top:104px}
  .prose .table-scroll{overflow:visible;border:0;background:none;border-radius:0}
  .prose .table-scroll table,.prose .table-scroll tbody,.prose .table-scroll tr,.prose .table-scroll td{display:block;width:100%}
  .prose .table-scroll thead{display:none}
  .prose .table-scroll tr{margin:0 0 10px;padding:16px;border-radius:var(--r);border:var(--card-bd);background:var(--card-bg)}
  .prose .table-scroll td{padding:8px 0 0;border:0;font-size:14px;line-height:1.5}
  .prose .table-scroll td::before{content:attr(data-label);display:block;margin-bottom:2px;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}
  .prose .table-scroll td:first-child{padding:0 0 4px;font-size:16px;font-weight:500;color:var(--ink)}
  .prose .table-scroll td:first-child::before{display:none}
}

/* Device copy: phones get their own, shorter words. */
.m{display:none}
.h1--end{font-size:clamp(44px,6.4vw,88px)}
.h1--pr{font-size:clamp(44px,6vw,84px)}

/* Tablets: the type and copy fit the narrower measure. */
@media (min-width:720px) and (max-width:1023px){
  .h1{font-size:clamp(56px,9vw,84px)}
  .lk-copy .h1{font-size:clamp(50px,8vw,70px)}
  .lead{font-size:18px;max-width:560px}
  .lk-grid{justify-items:start}
  .lk-w{width:min(520px,100%)}
}

/* Phones: fewer words, more air, one line where it can be, horizontal where it can be. */
@media (max-width:719px){
  .d,.d-b{display:none}
  .m{display:inline}
  :root{--pad:96px}
  .h1,.h1--end,.h1--pr,.lk-copy .h1{font-size:10.4vw;line-height:1.04;letter-spacing:-.038em}
  .h2{font-size:8.2vw;line-height:1.08;letter-spacing:-.035em}
  .lead{font-size:16px;line-height:1.5;max-width:320px}
  .head{gap:14px;margin-bottom:36px}
  .eyebrow{font-size:11px}

  /* Hero */
  .hero{padding-top:124px}
  .hero-in{gap:22px}
  .pill{height:30px;padding:0 12px;font-size:12.5px}
  .lk-hero{padding:124px 0 64px}
  .lk-copy{gap:20px}
  .lk-grid{gap:48px}
  .crumb{display:none}

  /* Two buttons, side by side */
  .hero-cta,.lk-copy .hero-cta{width:100%;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-top:8px}
  .hero-cta .btn{width:auto;min-height:46px;padding:0 10px;font-size:14.5px;border-radius:11px}
  .hero-cta .btn-primary{flex:1.5}
  .hero-cta .btn-sec{flex:1}
  .hero-cta .arr{display:none}
  .stage{margin-top:60px}

  /* Facts: a quiet two-by-two, words only */
  .facts{padding-top:56px;gap:18px 14px}
  .facts span{display:none}
  .facts span.m{display:inline}
  .facts li{padding-left:12px}
  .facts b{font-size:14px}

  /* Cards say one thing */
  .bento .b-p{display:none}
  .b{padding:22px}
  .b .h3{margin-top:10px}
  .b-more{margin-top:12px}
  .h3{font-size:23px}
  .trio .b,.safe .b{padding:22px}
  .trio h2{font-size:19px}
  .trio p,.safe p{font-size:15px}
  .step{padding:18px 0}
  .step b{font-size:17px}
  .step p{font-size:14.5px}
  .demo-row .t small{display:none}
  .w-rule small{display:none}
  .w-rule{min-height:46px;padding:8px 12px}
  .w-bars{height:136px}
  .w{padding-top:18px}
  html [data-strip] .w{margin-top:0;flex:1;display:flex}
  html [data-strip] .w>*{flex:1;min-width:0}
  html [data-strip] .w-bars{height:auto;min-height:136px}

  /* Reading blocks */
  .long{gap:18px}
  .long h2{font-size:26px}
  .long .txt{font-size:16px;line-height:1.6}

  /* Closing: email and Join on one line */
  .end{padding:112px 0 104px}
  .end .hero-note{display:none}
  .end .lead{max-width:300px}
  .field-store{display:none}
  .form-row{grid-template-columns:minmax(0,1fr) auto}
  .form .btn{width:auto;padding:0 16px;height:48px}
  .form .btn .arr{display:none}
  .field{height:48px}
  .form-note{min-height:0;font-size:13px}

  /* Pricing page */
  .plan{padding:24px 20px 20px}
}