:root{--color-primary:#1b1938;--color-primary-deep:#0e0c1f;--color-on-primary:#fff;--color-ink:#292827;--color-ink-mute:#73706d;--color-ink-faint:#9a9794;--color-canvas:#fff;--color-canvas-soft:#fafaf8;--color-violet-soft:#c9b4fa;--color-teal-deep:#0e3030;--color-teal-mid:#155555;--color-hairline:#e8e4dd;--color-hairline-dark:#3f3a52;--color-on-dark-mute:#bcbac9;--color-on-dark-faint:#5a5772;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xxs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-xxl:32px;--space-huge:64px;--space-section:96px;--content-max:1100px;--nav-height:72px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-canvas);min-height:100vh;color:var(--color-ink);font-family:var(--font-sans);font-variation-settings:"wght" 460;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;font-weight:460;line-height:1.5}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}.container{width:min(100% - 48px, var(--content-max));margin-inline:auto}@media (width<=767px){.container{width:min(100% - 32px, var(--content-max))}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.btn{border-radius:var(--radius-md);min-height:44px;font-family:var(--font-sans);font-variation-settings:"wght" 700;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-deep)}.btn--pill{background:var(--color-violet-soft);color:var(--color-primary);border-radius:var(--radius-full)}.btn--pill:hover{filter:brightness(1.04)}.btn--outline{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline-dark)}.btn--outline:hover{background:var(--color-canvas-soft)}.btn--on-teal{background:var(--color-canvas);color:var(--color-teal-deep);border-radius:var(--radius-md)}.btn--on-teal:hover{background:#f3f3f0}.topnav{z-index:40;height:var(--nav-height);color:var(--color-on-primary);background:0 0;position:fixed;inset:0 0 auto}.topnav--light{color:var(--color-ink);border-bottom:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb}.topnav__inner{width:min(100% - 48px, var(--content-max));justify-content:space-between;align-items:center;gap:16px;height:100%;margin-inline:auto;display:flex}.topnav__brand{align-items:center;gap:10px;display:inline-flex}.topnav__wordmark{font-variation-settings:"wght" 540;letter-spacing:-.02em;font-size:18px;font-weight:540}.topnav__links{align-items:center;gap:28px;display:flex}.topnav__link{font-variation-settings:"wght" 460;opacity:.88;font-size:15px;font-weight:460;transition:opacity .2s}.topnav__link:hover,.topnav__link--active{opacity:1}.topnav__actions{align-items:center;gap:16px;display:flex}.topnav__signin{font-variation-settings:"wght" 540;opacity:.88;font-size:15px;font-weight:540}.topnav__menu{color:inherit;padding:8px;display:none}.topnav__drawer{display:none}@media (width<=767px){.topnav__links,.topnav__signin,.topnav__actions .btn{display:none}.topnav__menu{display:inline-flex}.topnav__drawer{background:var(--color-primary);color:var(--color-on-primary);border-bottom:1px solid var(--color-hairline-dark);flex-direction:column;gap:8px;padding:16px 24px 24px;display:flex}.topnav--light .topnav__drawer{background:var(--color-canvas);color:var(--color-ink);border-bottom-color:var(--color-hairline)}.topnav__drawer-link{padding:12px 4px;font-size:16px}.topnav__drawer-cta{width:100%;margin-top:8px}}.footer{background:var(--color-canvas);color:var(--color-ink-mute);border-top:1px solid var(--color-hairline);padding:64px 0 32px}.footer__grid{grid-template-columns:1.4fr repeat(4,1fr);gap:32px;display:grid}.footer__logo{color:var(--color-ink);align-items:center;gap:10px;margin-bottom:12px;display:inline-flex}.footer__logo span{font-variation-settings:"wght" 540;font-size:18px;font-weight:540}.footer__brand p{max-width:240px;font-size:14px;line-height:1.4}.footer__col h3{color:var(--color-ink);font-variation-settings:"wght" 600;margin-bottom:14px;font-size:14px;font-weight:600}.footer__col ul{gap:10px;display:grid}.footer__col a{font-size:14px;transition:color .2s}.footer__col a:hover{color:var(--color-ink);text-decoration:underline}.footer__bottom{border-top:1px solid var(--color-hairline);margin-top:48px;padding-top:24px;font-size:13px}@media (width<=900px){.footer__grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.footer__grid{grid-template-columns:1fr}}.hero{min-height:100vh;padding:calc(var(--nav-height) + 48px) 0 80px;background:var(--color-primary);color:var(--color-on-primary);position:relative;overflow:hidden}.hero__atmosphere{pointer-events:none;background:radial-gradient(55% 50% at 72% 35%,#c9b4fa73,#0000 70%),radial-gradient(40% 45% at 85% 70%,#78aae647,#0000 65%),radial-gradient(50% 40% at 40% 20%,#0e0c1f80,#0000 70%);height:120%;animation:18s ease-in-out infinite alternate atmosphere-drift;position:absolute;inset:-20% -10% auto}@keyframes atmosphere-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-3%,2%)scale(1.05)}}.hero__grid{min-height:calc(100vh - var(--nav-height) - 128px);grid-template-columns:1.05fr .95fr;align-items:center;gap:32px;display:grid;position:relative}.hero__brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.hero__name{font-variation-settings:"wght" 540;letter-spacing:-.03em;font-size:28px;font-weight:540;line-height:1.1}.hero__title{font-variation-settings:"wght" 540;letter-spacing:-.02em;max-width:11ch;font-size:clamp(36px,5.5vw,64px);font-weight:540;line-height:.96}.hero__lede{max-width:34ch;color:var(--color-on-dark-mute);font-variation-settings:"wght" 540;letter-spacing:-.135px;margin-top:20px;font-size:18px;font-weight:540;line-height:1.5}.hero__cta{margin-top:32px}.hero__portrait{justify-content:flex-end;align-self:stretch;display:flex}.portrait{border-radius:0;width:min(100%,420px);height:min(72vh,560px);position:relative;overflow:hidden}.portrait__sky{background:linear-gradient(#1b193826,#0e0c1f8c),radial-gradient(80% 60% at 50% 20%,#9b87e8,#0000 60%),linear-gradient(160deg,#3a3568 0%,#1b1938 45%,#0e3030 100%);position:absolute;inset:0}.portrait__figure{height:78%;position:absolute;inset:auto 8% 0 18%}.portrait__hair{background:linear-gradient(140deg,#1a1528,#3d3558);border-radius:50% 50% 40% 40%;width:56%;height:28%;position:absolute;top:8%;left:22%}.portrait__face{background:linear-gradient(#c4b5a8,#8f7d72);border-radius:46% 46% 42% 42%;width:40%;height:32%;position:absolute;top:18%;left:30%;box-shadow:inset 0 -12px 24px #281e2833}.portrait__shoulder{background:linear-gradient(#2a2648,#12101f);border-radius:48% 48% 0 0;width:90%;height:42%;position:absolute;bottom:0;left:5%}.tabs-band{background:var(--color-canvas);padding:80px 0}.tabs-band__pills{flex-wrap:wrap;gap:10px;margin-bottom:32px;display:flex}.tabs-band__pill{border-radius:var(--radius-full);border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);font-variation-settings:"wght" 600;padding:8px 16px;font-size:14px;font-weight:600;transition:background .25s,color .25s,border-color .25s}.tabs-band__pill.is-active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-canvas)}.tabs-band__panel{border-radius:var(--radius-lg);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);padding:32px;animation:.35s panel-fade}.tabs-band__panel h2{font-variation-settings:"wght" 540;letter-spacing:-.63px;margin-bottom:12px;font-size:28px;font-weight:540;line-height:1.14}.tabs-band__panel p{max-width:58ch;color:var(--color-ink-mute);font-variation-settings:"wght" 540;font-size:18px;font-weight:540}@keyframes panel-fade{0%{opacity:.35}to{opacity:1}}.speed{padding:var(--space-section) 0;background:var(--color-canvas)}.speed__intro{max-width:36rem;margin-bottom:40px}.speed__intro h2{font-variation-settings:"wght" 460;letter-spacing:-1.32px;margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:460;line-height:.96}.speed__intro p{color:var(--color-ink-mute);font-variation-settings:"wght" 540;font-size:18px;font-weight:540}.speed__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.speed-card{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas);padding:32px}.speed-card h3{font-variation-settings:"wght" 460;letter-spacing:-.315px;margin-bottom:12px;font-size:22px;font-weight:460}.speed-card p{color:var(--color-ink-mute);font-size:16px}.inbox{padding:var(--space-section) 0;background:var(--color-canvas-soft)}.inbox__inner{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;display:grid}.inbox__copy h2{font-variation-settings:"wght" 460;letter-spacing:-.8px;margin-bottom:16px;font-size:clamp(28px,3.5vw,40px);font-weight:460;line-height:1.05}.inbox__copy p{color:var(--color-ink-mute);font-variation-settings:"wght" 540;max-width:36ch;font-size:18px;font-weight:540}.mock{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas);grid-template-columns:56px 1fr 1.15fr;min-height:340px;display:grid;overflow:hidden;box-shadow:0 8px 24px #00000014}.mock__side{background:var(--color-primary);color:var(--color-on-primary);flex-direction:column;align-items:center;gap:14px;padding:18px 0;display:flex}.mock__logo{background:var(--color-violet-soft);width:28px;height:28px;color:var(--color-primary);border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.mock__nav{background:#ffffff2e;border-radius:5px;width:18px;height:18px}.mock__nav.is-on{background:var(--color-violet-soft)}.mock__list{border-right:1px solid var(--color-hairline);padding:12px}.mock__row{border-radius:var(--radius-md);gap:2px;margin-bottom:4px;padding:12px;display:grid}.mock__row strong{font-size:14px;font-weight:600}.mock__row span{color:var(--color-ink-mute);font-size:13px}.mock__row.is-active{background:var(--color-canvas-soft)}.mock__pane{padding:24px}.mock__from{color:var(--color-ink-faint);margin-bottom:10px;font-size:12px}.mock__pane h3{font-variation-settings:"wght" 460;margin-bottom:12px;font-size:20px;font-weight:460}.mock__pane p{color:var(--color-ink-mute);font-size:15px;line-height:1.5}.mock__actions{gap:10px;margin-top:24px;display:flex}.mock__actions span{border-radius:var(--radius-md);background:var(--color-canvas-soft);border:1px solid var(--color-hairline);padding:8px 12px;font-size:13px;font-weight:600}.pricing-teaser{padding:var(--space-section) 0;background:var(--color-canvas)}.pricing-teaser__intro{max-width:36rem;margin-bottom:40px}.pricing-teaser__intro h2{font-variation-settings:"wght" 460;letter-spacing:-1.32px;margin-bottom:12px;font-size:clamp(32px,4vw,48px);font-weight:460;line-height:.96}.pricing-teaser__intro p{color:var(--color-ink-mute);font-size:18px}.pricing-teaser__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.price-card{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas);flex-direction:column;gap:12px;padding:32px;display:flex}.price-card--featured{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.price-card h3{font-variation-settings:"wght" 460;font-size:20px;font-weight:460}.price-card__price{font-variation-settings:"wght" 540;font-size:40px;font-weight:540;line-height:1}.price-card__price span{opacity:.75;margin-left:4px;font-size:16px;font-weight:460}.price-card__detail{color:var(--color-ink-mute);margin-bottom:8px;font-size:14px}.price-card--featured .price-card__detail{color:var(--color-on-dark-mute)}.price-card ul{flex:1;gap:10px;margin:8px 0 20px;display:grid}.price-card li{align-items:center;gap:8px;font-size:15px;display:flex}.price-card .btn{width:100%}.closing{background:var(--color-teal-deep);color:var(--color-on-primary);padding:96px 0}.closing__inner{flex-direction:column;align-items:flex-start;gap:28px;max-width:40rem;display:flex}.closing__inner h2{font-variation-settings:"wght" 540;letter-spacing:-.63px;font-size:clamp(28px,3.5vw,36px);font-weight:540;line-height:1.14}@media (width<=1024px){.hero__grid,.inbox__inner,.speed__grid,.pricing-teaser__grid,.speed__grid,.pricing-teaser__grid{grid-template-columns:1fr 1fr}.pricing-teaser__grid .price-card:last-child{grid-column:1/-1}}@media (width<=767px){.hero{padding-top:calc(var(--nav-height) + 32px);padding-bottom:48px}.hero__grid,.inbox__inner,.speed__grid,.pricing-teaser__grid{grid-template-columns:1fr}.hero__portrait{justify-content:center}.portrait{width:100%;height:320px}.mock{grid-template-columns:1fr}.mock__side{flex-direction:row;justify-content:center;padding:12px}.mock__list{border-right:none;border-bottom:1px solid var(--color-hairline)}.closing{padding:64px 0}}.plans{background:var(--color-canvas)}.plans-hero{padding:calc(var(--nav-height) + 64px) 0 48px;background:radial-gradient(ellipse 60% 50% at 80% 0%, #c9b4fa38, transparent 70%), var(--color-canvas-soft)}.plans-hero__brand{font-variation-settings:"wght" 540;letter-spacing:-.03em;color:var(--color-primary);margin-bottom:16px;font-size:28px;font-weight:540}.plans-hero h1{font-variation-settings:"wght" 460;letter-spacing:-1.2px;max-width:14ch;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:460;line-height:.96}.plans-hero p:last-child{max-width:40ch;color:var(--color-ink-mute);font-variation-settings:"wght" 540;font-size:18px;font-weight:540}.plans-grid-wrap{padding:48px 0 80px}.plans-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.plan-card{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas);flex-direction:column;gap:12px;padding:32px;display:flex}.plan-card--featured{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.plan-card h2{font-variation-settings:"wght" 460;font-size:22px;font-weight:460}.plan-card__price{font-variation-settings:"wght" 540;font-size:44px;font-weight:540;line-height:1}.plan-card__price span{opacity:.75;margin-left:4px;font-size:16px}.plan-card__detail{color:var(--color-ink-mute);font-size:14px}.plan-card--featured .plan-card__detail{color:var(--color-on-dark-mute)}.plan-card ul{flex:1;gap:10px;margin:12px 0 20px;display:grid}.plan-card li{align-items:center;gap:8px;font-size:15px;display:flex}.plan-card .btn{width:100%}.plans-faq{padding:0 0 96px}.plans-faq h2{font-variation-settings:"wght" 460;letter-spacing:-.8px;margin-bottom:28px;font-size:clamp(28px,3.5vw,40px);font-weight:460}.faq-list{gap:12px;max-width:720px;display:grid}.faq-item{border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background:var(--color-canvas);overflow:hidden}.faq-item__q{text-align:left;font-variation-settings:"wght" 540;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;font-size:16px;font-weight:540;display:flex}.faq-item__q svg{flex-shrink:0;transition:transform .25s}.faq-item.is-open .faq-item__q svg{transform:rotate(180deg)}.faq-item__a{color:var(--color-ink-mute);padding:0 20px 18px;font-size:15px;line-height:1.5}.plans-closing{background:var(--color-teal-deep);color:var(--color-on-primary);padding:96px 0}.plans-closing__inner{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.plans-closing__inner h2{font-variation-settings:"wght" 540;letter-spacing:-.63px;font-size:clamp(28px,3.5vw,36px);font-weight:540}@media (width<=1024px){.plans-grid{grid-template-columns:1fr 1fr}.plans-grid .plan-card:last-child{grid-column:1/-1}}@media (width<=767px){.plans-grid{grid-template-columns:1fr}.plans-grid .plan-card:last-child{grid-column:auto}.plans-closing{padding:64px 0}}
