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