@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url(/fonts/Geist-Italic-Variable.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
:root{--col:864px;--gut:max(16px,calc((100vw - var(--col)) / 2));--fg:#0a0a0a;--muted:#8a8a8a;--line:#ececec}
*{box-sizing:border-box;margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button,.cta,.cta-inline,.obtn,.product-link,.eyebrow,.status,.page-tag{font-family:Geist,ui-sans-serif,system-ui,sans-serif}
html,body{background:#fff;color:var(--fg)}
body{font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100svh;overflow-x:hidden}
main{flex:1;display:flex;flex-direction:column;padding:128px var(--gut) 72px}
main.center{align-items:center;justify-content:center;text-align:center}
.tagline{font-weight:260;font-size:clamp(34px,6vw,84px);letter-spacing:-.045em;line-height:1.06;max-width:12.5em;text-wrap:balance}
.tagline em{font-style:italic;font-weight:380;letter-spacing:-.035em}
.tagline .w{display:inline-block;opacity:0;transform:translateY(.25em);filter:blur(6px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.tagline .w.on{opacity:1;transform:none;filter:none}
.scr{display:inline-flex;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums;transition:transform .9s cubic-bezier(.6,0,.2,1)}
.scr .head{display:inline-block;text-align:right;white-space:nowrap}
.scr .c{display:inline-block;overflow:hidden;vertical-align:bottom;transition:max-width .32s cubic-bezier(.6,0,.2,1),opacity .28s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.scr .c.gone{max-width:0!important;opacity:0}
.scr .c.ghost{opacity:0}
.scr .c.write{opacity:1;transition:opacity .18s ease}
.scr .c.sup{font-size:.5em;font-weight:660;transform:translateY(-.75em);margin-left:1px;overflow:visible;line-height:1.25}
.scr.noanim,.scr.noanim .c{transition:none!important}
.scr .sp{display:inline-block;width:.25em}
.scr .labs{font-style:italic;font-weight:500}
footer{flex-shrink:0;font-size:12.5px;line-height:1.75;color:var(--muted);border-top:1px solid var(--line)}
footer .wrap{padding:28px var(--gut) 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px 40px}
@media (min-width:900px){footer .wrap{grid-template-columns:calc((100% - 80px) / 3 + 1rem) 1fr calc((100% - 80px) / 3 - 1rem)}footer section:nth-child(2){text-align:center}footer section:last-child{text-align:right}footer section{white-space:nowrap}}
footer h2{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);margin-bottom:6px}
footer a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line)}
footer a:hover{border-color:var(--fg)}
.hero{display:flex;flex-direction:column;align-items:center}
main.home{padding-top:108px;padding-bottom:48px}
.cta{margin-top:clamp(28px,4vw,44px);transform:translateY(8px);opacity:0;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding:13px 30px;border-radius:999px;background:var(--fg);color:#fff;font-size:15px;font-weight:450;letter-spacing:.01em;text-decoration:none;transition:opacity .7s ease .15s,transform .7s cubic-bezier(.2,.8,.2,1) .15s,background .2s}
.cta.in{opacity:1;transform:none}
.cta:hover{background:#333}
.cta:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gut);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);opacity:0;transform:translateY(-100%);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.nav.in,.nav.static{opacity:1;transform:none}
.nav.pre{opacity:0;transform:none}
.splash{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#fff;transition:background-color .7s ease}
.splash.clear{background:transparent;pointer-events:none}
.splash-mark{transform-origin:0 0;transition:transform .85s cubic-bezier(.6,0,.2,1),opacity .4s ease}
.scr.big{font-size:clamp(40px,9vw,120px);font-weight:260;letter-spacing:-.045em;line-height:1}
.scr.big .labs{font-weight:380;letter-spacing:-.035em}
.scr.big .c.sup{font-size:.42em;font-weight:560;transform:translateY(-1.15em);margin-left:.04em}
.nav-brand{display:flex;align-items:center;gap:12px;min-width:0}
.page-tag{font-size:11.5px;font-weight:450;letter-spacing:.02em;line-height:1;color:#fff;background:#3a3a3a;padding:5px 10px;border-radius:999px;white-space:nowrap}
.splash-scribble{height:.6em;width:auto;align-self:center;opacity:0;transition:opacity .5s ease}
.splash-scribble.on{opacity:1}
.scr.big.obig{font-size:clamp(28px,4.6vw,72px)}
.scr.big.obig .labs{font-weight:260;color:#333}
.splash-tag{white-space:nowrap;color:#333;opacity:0;transition:opacity .45s ease}
.splash-tag i{font-style:italic;font-weight:380;letter-spacing:-.035em}
.splash-tag.on{opacity:1}
.pop,.pop *{transition:none!important}
.ohero{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:clamp(8px,3vh,36px)}
.ohero .tagline{font-size:clamp(28px,5vw,68px);line-height:1.02}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:7px 15px 7px 11px;border:1px solid var(--line);border-radius:999px;font-size:14px;font-weight:450;letter-spacing:.01em;color:var(--fg);opacity:0;transform:translateY(6px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.eyebrow img{width:18px;height:auto}
.eyebrow.in{opacity:1;transform:none}
.osub{max-width:42em;margin-top:24px;font-size:clamp(15px,1.4vw,17.5px);line-height:1.65;color:var(--muted);text-wrap:balance;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:64px;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.osub.in,.obtns.in,.plans.in{opacity:1;transform:none}
.obtns{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;margin-top:34px;opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.obtn{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;padding:13px 26px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:450;letter-spacing:.01em;transition:background .2s,border-color .2s}
.plan{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:26px 26px 24px;background:#fff}
.plan.main{border-color:var(--fg)}
.plan.alt{border-color:#d0d0d0}
.plan-name{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:450;letter-spacing:-.02em}
.plan-name img{width:22px;height:auto;filter:grayscale(1) brightness(.62);transition:filter .2s}
.plan:hover .plan-name img{filter:none}
.plan{transition:border-color .2s;color:inherit;text-decoration:none;cursor:pointer}
.plan.main:hover .obtn.dark{background:#333}
.plan.alt:hover .obtn.light{border-color:#bdbdbd}
.plan.alt:hover{border-color:#bdbdbd}
.plan-desc{margin-top:6px;font-size:14px;line-height:1.55;color:var(--muted)}
.plan-price{margin:18px 0 16px;font-size:13.5px;color:var(--muted)}
.plan-price b{font-size:34px;font-weight:320;letter-spacing:-.04em;color:var(--fg)}
.plan ul{list-style:none;padding:16px 0 0;margin:0 0 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45;color:#333}
.plan li{display:flex;gap:10px;align-items:flex-start}
.plan li svg{flex:none;margin-top:2px}
.plan .obtn{margin-top:auto;justify-content:center;gap:9px;padding:10px 20px;font-size:14px}
.plan .obtn svg{width:15px;height:15px}
.plan .obtn .btn-ico{width:16px}
@media (max-width:700px){.plans{grid-template-columns:1fr;max-width:420px}}
.btn-ico{width:18px;height:auto}
.obtn-label{display:inline-flex;align-items:center;gap:8px}
.obtn-label img{width:18px;height:auto}
.obtn small{font-size:13px;font-weight:350;opacity:.65}
.osub::before{content:"";display:block;width:44px;height:3px;margin:4px auto 24px;border-radius:2px;background:var(--fg)}
.osub strong{color:var(--fg);font-weight:500}
@media (max-width:640px){.obtns{flex-direction:column;align-items:center}}
.obtn.dark{background:var(--fg);color:#fff;border:1px solid var(--fg)}
.obtn.dark:hover{background:#333}
.obtn.light{background:#fff;color:var(--fg);border:1px solid var(--line)}
.obtn.light:hover{border-color:#bdbdbd}
.obtn:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.nav .logo{font-size:19px;font-weight:420;letter-spacing:-.03em;color:var(--fg);text-decoration:none;white-space:nowrap}
.nav .logo sup{font-size:.5em;margin-left:1px;font-weight:660}
.nav .logo i{font-weight:500}
.nav ul{display:flex;gap:clamp(16px,3.5vw,36px);list-style:none;padding:0}
.nav ul a{font-size:13.5px;letter-spacing:.02em;color:var(--muted);text-decoration:none;transition:color .2s}
.nav ul a:hover,.nav ul a[aria-current=page]{color:var(--fg)}
html:not([lang=en]) [data-l=en],html[lang=en] [data-l=fr]{display:none!important}
.nav ul{align-items:center}
.lang{display:block;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s}
.lang svg{display:block;width:20px;height:20px}
.lang:hover{box-shadow:0 0 0 1px #bdbdbd}
.lang:focus-visible{outline:2px solid var(--fg);outline-offset:3px}
.doc{width:100%;margin:0 auto;text-align:left;font-size:15.5px;line-height:1.75;color:#333}
.doc h1{font-size:clamp(34px,5vw,56px);font-weight:260;letter-spacing:-.04em;line-height:1.08;color:var(--fg);margin-bottom:14px}
.doc h1 em{font-style:italic;font-weight:380;letter-spacing:-.035em}
.doc .lead{font-size:17px;color:var(--muted);margin-bottom:44px}
.doc h2{font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--fg);margin:40px 0 10px}
.doc p,.doc ul{margin-bottom:12px}
.doc ul{padding-left:18px}
.doc a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line)}
.doc a:hover{border-color:var(--fg)}
.doc .muted{color:var(--muted);font-size:13.5px;margin-top:48px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:8px 0 24px}
.card{border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.card h2{margin:0 0 8px}
.card p{margin:0;color:#333}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:36px 0 8px}
.products.one{grid-template-columns:1fr;margin-top:48px}
.product{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;padding:24px 24px 22px;background:#fff}
.product-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.doc .product h3{font-size:22px;font-weight:420;letter-spacing:-.03em;color:var(--fg)}
.product .status{font-size:11.5px;font-weight:450;line-height:1;padding:5px 10px;border-radius:999px;white-space:nowrap}
.product-name{display:flex;align-items:center;gap:10px}
.product-name img{width:26px;height:auto}
.product.live .status{background:#3a3a3a;color:#fff}
.product.soon .status{background:#f2f2f2;color:var(--muted)}
.doc .product p{margin:0 0 14px;font-size:14.5px;line-height:1.65}
.doc .product ul{list-style:none;padding:0;margin:0 0 4px;font-size:14px;line-height:1.9}
.product li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.35;margin:0 10px 2px 0;vertical-align:middle}
.product-link{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:10px 20px;border:1px solid var(--fg);border-radius:999px;line-height:normal;background:var(--fg);color:#fff;font-size:14px;font-weight:450;letter-spacing:.01em;transition:background .2s}
.product-link .btn-ico{width:16px}
.product.live:hover .product-link{background:#333}
.doc .product ul+.product-link{margin-top:22px}
.product.live{cursor:pointer;transition:border-color .2s}
.doc a.product{color:inherit;text-decoration:none;border:1px solid var(--line)}
.doc a.product.live,.product.live:hover,.doc a.product.live:hover{border-color:var(--fg)}
.product.live:hover .product-name img{filter:none}
.product.soon{color:var(--muted)}
.doc .product.soon p{color:var(--muted)}
.product.soon h3{opacity:.7}
.doc .cta-inline{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;border-radius:999px;background:var(--fg);color:#fff;border:0;font-size:15px;line-height:normal;font-weight:450;letter-spacing:.01em;white-space:nowrap;margin-top:6px}
.cta-row .btn-ico{width:16px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.doc .cta-row .cta-inline{margin-top:0}
.doc .cta-inline.ghost{background:#fff;color:var(--fg);border:1px solid #d0d0d0;font-family:inherit;padding:12px 29px;cursor:pointer;transition:border-color .2s}
.doc .cta-inline.ghost:hover{background:#fff;border-color:#bdbdbd}
.doc .cta-inline:hover{background:#333}
@media (prefers-reduced-motion:reduce){.scr,.scr .c,.tagline .w,.nav,.cta,.osub,.obtns,.plans,.eyebrow,.splash-scribble{transition:none}}
@media (max-width:480px){.page-tag{display:none}}
