:root{--ff-sans: var(--font-sans);--ff-mono: var(--font-mono);--fs-display-2xl: 72px;--fs-display-xl: 56px;--fs-display-lg: 44px;--fs-h2: 22px;--fs-h3: 17px;--fs-body-l: 16px;--fs-body-m: 14px;--fs-body-s: 13px;--fs-label-m: 13px;--fs-label-s: 12px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 48px;--s-10: 64px;--s-11: 80px;--s-12: 96px;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-xxl: 32px;--r-pill: 999px;--card-elev: 0 1px 2px rgba(4, 26, 22, .04), 0 16px 40px -20px rgba(4, 26, 22, .16);--card-elev-hover: 0 2px 6px rgba(4, 26, 22, .06), 0 24px 56px -24px rgba(4, 26, 22, .22);--solution-bg: rgba(0, 254, 144, .06)}html[data-theme=dark]{--card-elev: 0 1px 2px rgba(0, 0, 0, .2), 0 16px 40px -20px rgba(0, 0, 0, .45);--card-elev-hover: 0 2px 6px rgba(0, 0, 0, .28), 0 24px 56px -24px rgba(0, 0, 0, .55);--solution-bg: rgba(0, 254, 144, .07)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-family:var(--ff-sans);font-weight:600;font-size:var(--fs-label-m);letter-spacing:.005em;border:0;border-radius:var(--r-xs);padding:10px 16px;white-space:nowrap;line-height:1;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.btn .arrow{width:14px;height:14px;transition:transform var(--dur-2) var(--ease-out);flex:0 0 auto}.btn:hover .arrow{transform:translate(3px)}.btn--primary{background:var(--c-btn-primary-bg);color:var(--c-btn-primary-ink);box-shadow:0 1px #ffffff2e inset,0 6px 18px -8px #019f5a8c}.btn--primary:hover{background:var(--c-btn-primary-hover)}.btn--primary:active{transform:translateY(1px)}.btn--ghost{background:var(--c-btn-ghost-bg);color:var(--c-ink-1);box-shadow:inset 0 0 0 1px var(--c-btn-ghost-border);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.btn--ghost:visited{color:var(--c-ink-1)}.btn--ghost:hover{background:var(--c-btn-ghost-hover-bg);color:var(--c-btn-ghost-hover-ink);box-shadow:inset 0 0 0 1px var(--c-btn-ghost-hover-border)}.btn--lg{padding:14px 22px;font-size:var(--fs-body-m);border-radius:var(--r-sm)}.btn--block{width:100%}.landing-section{padding:clamp(64px,8vw,112px) 0;position:relative}.section-eyebrow{color:var(--c-accent);font-size:var(--fs-label-s);font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--s-4)}.section-title{font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.022em;font-weight:700;margin:0 0 var(--s-4);color:var(--c-ink-1);max-width:780px}.section-sub{color:var(--c-ink-2);font-size:var(--fs-body-l);line-height:1.55;max-width:620px;margin:0 0 var(--s-10)}.section-head--center{text-align:center;max-width:720px;margin:0 auto var(--s-10)}.section-head--center .section-eyebrow,.section-head--center .section-title,.section-head--center .section-sub{margin-left:auto;margin-right:auto}.section-head--center .section-sub{margin-bottom:0}.hero{padding:clamp(40px,6vw,80px) 0 clamp(48px,6vw,96px)}.hero-card{position:relative;width:100%;max-width:1240px;margin:0 auto;background:var(--card-bg);border-radius:var(--r-xxl);backdrop-filter:blur(67px) saturate(130%);-webkit-backdrop-filter:blur(67px) saturate(130%);box-shadow:var(--card-shadow);padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px);overflow:hidden}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-5)}.badge{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--c-ink-1);font-size:17px;font-weight:500;letter-spacing:-.015em;line-height:1.1;padding:0;border:0;background:transparent;cursor:default}.badge-mark{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;color:var(--c-accent);position:relative;transition:color var(--dur-2) var(--ease-out)}.badge-mark svg{width:20px;height:20px;display:block;grid-area:1 / 1;transition:opacity var(--dur-2) var(--ease-out)}.badge-mark .mark-default path{fill:currentColor}.badge-mark .mark-hover{opacity:0}.badge:hover .mark-default,.badge:focus-visible .mark-default{opacity:0}.badge:hover .mark-hover,.badge:focus-visible .mark-hover{opacity:1}.headline{margin:0;font-size:clamp(28px,4.2vw,44px);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--c-ink-1);text-wrap:balance}.headline .accent{color:var(--c-accent)}.subhead{margin:0;max-width:58ch;font-size:clamp(15px,1.2vw,17px);line-height:1.55;color:var(--c-ink-2)}.subhead p{margin:0}.subhead p+p{margin-top:var(--s-3)}.hero-actions{display:inline-flex;gap:var(--s-3);flex-wrap:wrap;justify-content:center;margin-top:var(--s-2)}.hero-note{margin:var(--s-2) 0 0;font-size:var(--fs-body-s);color:var(--c-ink-3);font-style:italic}.preview{width:100%;max-width:1080px;margin:clamp(40px,5vw,64px) auto 0;padding:8px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.1);position:relative}.preview-frame{aspect-ratio:3434 / 1769;border-radius:8px;overflow:hidden;border:none;display:block}.screenshot-dark,html[data-theme=dark] .screenshot-light{display:none}html[data-theme=dark] .screenshot-dark{display:block}html[data-theme=dark] .preview{background:#1a1f1e;border-color:#ffffff14}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}.feature{background:var(--c-surface-1);border:0;border-radius:var(--r-xl);padding:clamp(24px,2.4vw,36px);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:var(--card-elev);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.feature:hover{transform:translateY(-2px);box-shadow:var(--card-elev-hover)}.feature-icon{width:44px;height:44px;border-radius:var(--r-sm);background:var(--c-accent-soft);border:1px solid var(--c-hairline);display:grid;place-items:center;color:var(--c-accent);margin-bottom:var(--s-5)}.feature h3{margin:0 0 var(--s-3);font-size:20px;line-height:1.22;letter-spacing:-.014em;font-weight:600;color:var(--c-ink-1)}.feature p{margin:0;font-size:var(--fs-body-m);line-height:1.6;color:var(--c-ink-2)}.feature p+p{margin-top:var(--s-3);color:var(--c-ink-1)}.feature-solution{border-left:2px solid var(--c-btn-primary-bg);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-4);background:var(--solution-bg);border-radius:0 var(--r-xs) var(--r-xs) 0;color:var(--c-ink-1)!important}.solution-label{font-weight:700;color:var(--c-btn-primary-bg)}.feature-problem{margin:0}.problem-label{font-weight:700}.problem-text{display:none}.problem-text.is-open{display:inline}.problem-more{background:none;border:none;padding:0;cursor:pointer;font-size:inherit;font-family:inherit;color:var(--c-accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}.problem-more:hover{opacity:.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);position:relative}.step{background:var(--c-surface-1);border:0;border-radius:var(--r-xl);padding:clamp(24px,2.4vw,36px);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);position:relative;box-shadow:var(--card-elev);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.step:hover{transform:translateY(-2px);box-shadow:var(--card-elev-hover)}.step-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-5)}.step-num{font-family:var(--ff-mono);font-size:var(--fs-label-s);color:var(--c-accent);background:var(--c-accent-soft);padding:4px 10px;border-radius:var(--r-xs);letter-spacing:.04em;font-weight:500}.step-time{font-family:var(--ff-mono);font-size:var(--fs-label-s);color:var(--c-ink-3)}.step h3{margin:0 0 var(--s-2);font-size:19px;line-height:1.25;letter-spacing:-.014em;font-weight:600;color:var(--c-ink-1)}.step p{margin:0;font-size:var(--fs-body-m);line-height:1.6;color:var(--c-ink-2)}.pricing-head{text-align:center;max-width:720px;margin:0 auto var(--s-10)}.pricing-head .section-eyebrow,.pricing-head .section-title,.pricing-head .section-sub{margin-left:auto;margin-right:auto}.pricing-head .section-sub{margin-bottom:var(--s-7)}.billing-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--c-surface-1);border:1px solid var(--c-hairline);border-radius:var(--r-pill);padding:4px;position:relative;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}.billing-toggle button{padding:8px 18px;border-radius:var(--r-pill);font-size:var(--fs-body-m);font-weight:500;color:var(--c-ink-2);transition:color var(--dur-2) var(--ease-out);position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--s-2);line-height:1}.billing-toggle button.active{color:var(--c-btn-primary-ink)}.billing-toggle .pill{position:absolute;top:4px;bottom:4px;left:4px;background:var(--c-btn-primary-bg);border-radius:var(--r-pill);transition:transform var(--dur-3) var(--ease-out),width var(--dur-3) var(--ease-out);z-index:0;box-shadow:0 1px #ffffff2e inset,0 6px 18px -8px #019f5a73}.save-badge{background:#ffffff2e;color:var(--c-btn-primary-ink);font-size:11px;font-weight:700;padding:2px 7px;border-radius:var(--r-xs);letter-spacing:.02em}.billing-toggle button:not(.active) .save-badge{background:var(--c-accent-soft);color:var(--c-accent)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}.plan{background:var(--c-surface-1);border:0;border-radius:var(--r-xl);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;position:relative;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);box-shadow:var(--card-elev)}.plan.featured{border:1px solid var(--c-accent);background:linear-gradient(180deg,var(--c-accent-soft) 0%,transparent 60%),var(--c-surface-1);box-shadow:var(--card-elev),0 30px 80px -40px #019f5a59}.plan-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--c-btn-primary-bg);color:var(--c-btn-primary-ink);font-size:11px;font-weight:700;padding:4px 12px;border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 6px 18px -8px #019f5a8c}.plan-name{font-size:16px;font-weight:600;margin:0 0 6px;letter-spacing:-.005em;color:var(--c-ink-1)}.plan-tagline{font-size:var(--fs-body-s);color:var(--c-ink-3);line-height:1.5;margin:0 0 var(--s-6);min-height:40px}.plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;flex-wrap:wrap}.plan-price .amount{font-size:38px;font-weight:700;letter-spacing:-.028em;color:var(--c-ink-1);line-height:1}.plan-price .period{font-size:var(--fs-body-m);color:var(--c-ink-3)}.plan-price .custom{font-size:38px;font-weight:700;letter-spacing:-.028em;color:var(--c-ink-1);line-height:1}.plan-billed{font-size:var(--fs-label-s);color:var(--c-ink-3);margin-bottom:var(--s-5);min-height:18px}.plan .btn{width:100%;margin-bottom:var(--s-5)}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s-3)}.plan-features li{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--fs-body-s);color:var(--c-ink-2);line-height:1.5}.plan-features li svg{flex-shrink:0;margin-top:3px;color:var(--c-accent)}.plan-features li strong{color:var(--c-ink-1);font-weight:600}.pricing-included{margin-top:var(--s-6);text-align:center;color:var(--c-ink-3);font-size:var(--fs-body-s);line-height:1.6}.pricing-included strong{color:var(--c-ink-2);font-weight:600}.pricing-v2-note{margin-top:var(--s-4);text-align:center;color:var(--c-ink-3);font-size:var(--fs-body-s);line-height:1.6;font-style:italic}.final-cta{text-align:center;padding:0 0 clamp(80px,10vw,140px)}.final-cta-card{width:100%;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(20px,4vw,56px);background:var(--card-bg);border-radius:var(--r-xxl);backdrop-filter:blur(67px) saturate(130%);-webkit-backdrop-filter:blur(67px) saturate(130%);box-shadow:var(--card-shadow);position:relative;overflow:hidden}.final-cta h2{font-size:clamp(28px,4.2vw,48px);line-height:1.08;letter-spacing:-.025em;font-weight:700;margin:0 0 var(--s-7);color:var(--c-ink-1)}.final-cta h2 .accent{color:var(--c-accent)}.final-cta .hero-note{margin-top:var(--s-3)}@media(max-width:1024px){.features,.steps{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}}@media(max-width:768px){.features,.steps{grid-template-columns:1fr}.hero-card{border-radius:var(--r-xl)}.preview{padding:8px}}@media(max-width:560px){.pricing-grid{grid-template-columns:1fr}.hero-actions{width:100%}.hero-actions .btn{flex:1}.final-cta-card{border-radius:var(--r-xl)}}