:root{color-scheme:dark light;--container: 1180px;--section-space: clamp(4.5rem, 8vw, 7rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);color:var(--text);line-height:1.55;background:radial-gradient(circle at top right,rgba(91,140,255,.18),transparent 24%),radial-gradient(circle at top left,rgba(139,168,255,.12),transparent 20%),linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 40%,transparent),transparent 24%),var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}::selection{background:color-mix(in srgb,var(--primary) 28%,transparent)}:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 88%,white 12%);outline-offset:2px}.container{width:min(var(--container),calc(100% - 2rem));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-shell,.hero-grid,.split-grid,.signup-shell,.pricing-grid,.feature-grid,.benefit-grid,.pain-grid,.footer-grid,.snapshot-grid{display:grid;gap:1.5rem}.nav-shell{grid-template-columns:auto 1fr auto;align-items:center;min-height:84px}.brand-mark{display:inline-flex;align-items:center;gap:.85rem}.brand-mark span{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 30%,transparent);font-weight:800}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong{font-size:1.05rem;line-height:1.1}.brand-mark small{margin-top:.18rem;color:var(--muted);font-size:.76rem}.nav-links,.nav-actions,.hero-actions,.footer-bottom,.form-links,.tag-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.nav-links{justify-content:center;color:var(--text-secondary);font-weight:700}.nav-links a{transition:color .16s ease}.nav-links a:hover{color:var(--text)}.button{display:inline-flex;justify-content:center;align-items:center;gap:.55rem;min-height:52px;padding:.85rem 1.25rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 16px 32px color-mix(in srgb,var(--primary) 24%,transparent)}.button-primary:hover{box-shadow:0 18px 36px color-mix(in srgb,var(--primary) 32%,transparent)}.button-secondary{background:color-mix(in srgb,var(--surface-elevated) 82%,transparent);border-color:var(--line-strong);color:var(--text)}.button-secondary:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--line-strong));background:color-mix(in srgb,var(--primary-soft) 65%,var(--surface-elevated))}.hero-section,.page-hero{padding:clamp(4rem,8vw,6.5rem) 0 2.5rem}.hero-grid,.signup-shell,.split-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hero-copy{display:grid;gap:1.5rem}.hero-proof,.stacked-points,.workflow-list,.showcase-grid,.mini-list,.faq-list,.timeline,.snapshot-body{display:grid;gap:1rem}.hero-card,.problem-card,.feature-card,.pricing-card,.signup-form,.checkout-panel,.faq-item,.site-footer,.billing-note,.timeline-step,.signal-card,.accent-card,.snapshot-card,.showcase-panel,.final-cta{background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow)}.hero-card,.problem-card,.feature-card,.pricing-card,.checkout-panel,.billing-note,.timeline-step,.signal-card,.accent-card,.snapshot-card,.showcase-panel,.final-cta{padding:1.5rem}.hero-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-highlight) 85%,transparent),color-mix(in srgb,var(--surface) 92%,transparent))}.hero-card-label,.eyebrow,.plan-range,.footer-title,.metric-label{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:var(--primary);margin:0 0 .75rem}h1,h2,h3,.feature-title,.plan-name{margin:0 0 .9rem;color:var(--text);line-height:1.05;letter-spacing:-.04em}h1{font-size:clamp(2.9rem,6vw,5rem);max-width:11ch}h2{font-size:clamp(2rem,3.4vw,3.2rem);max-width:16ch}h3{font-size:clamp(1.35rem,2.3vw,1.9rem)}p{margin:0;color:var(--text-secondary)}.lead{max-width:62ch;font-size:1.08rem;color:var(--text-secondary)}.hero-actions{gap:.85rem}.signal-card strong,.accent-card strong,.mini-item strong,.snapshot-card strong,.metric-row strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.25rem}.signal-card span,.accent-card p,.mini-item span,.snapshot-card p,.muted-copy,.footer-copy,.form-note,.legal-copy p,.faq-item p,.problem-card p,.feature-card p,.timeline-step p,.billing-note,.price-cadence{color:var(--muted)}.window-bar,.snapshot-header{display:flex;gap:.45rem;margin-bottom:1rem}.window-bar span,.snapshot-dot{display:inline-block;width:.7rem;height:.7rem;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 28%,transparent)}.window-bar span:first-child,.snapshot-dot:first-child{background:color-mix(in srgb,var(--primary) 55%,white 10%)}.showcase-shell{display:grid;gap:1.25rem}.metric-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.metric-row strong{font-size:1.85rem}.mini-item{padding:.9rem 1rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);border:1px solid var(--line)}.progress-card{display:grid;gap:.9rem;padding:1rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-elevated) 92%,transparent);border:1px solid var(--line)}.progress-bar{width:100%;height:.7rem;border-radius:999px;background:color-mix(in srgb,var(--surface-highlight) 85%,transparent);overflow:hidden}.progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,white 30%))}.showcase-panel-accent{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 70%,transparent),color-mix(in srgb,var(--surface-highlight) 90%,transparent))}.status-pill{display:inline-flex;align-items:center;padding:.45rem .8rem;border-radius:var(--radius-xs);border:1px solid color-mix(in srgb,var(--primary) 18%,transparent);background:color-mix(in srgb,var(--primary-soft) 90%,transparent);color:var(--primary);font-size:.9rem;font-weight:700}.status-pill.warning{border-color:color-mix(in srgb,#e1b65c 20%,transparent);background:color-mix(in srgb,#e1b65c 12%,transparent);color:#e1b65c}.section{padding:var(--section-space) 0}.surface{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-highlight) 28%,transparent),transparent)}.section-heading{margin-bottom:2rem;display:grid;gap:.9rem}.section-heading p{max-width:64ch}.pain-grid,.benefit-grid,.feature-grid,.snapshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid,.benefit-grid{align-items:stretch}.feature-title,.plan-name{font-size:1.18rem;font-weight:800}.problem-card h3,.timeline-step h3,.snapshot-card h3{font-size:1.18rem;margin-bottom:.65rem}.price-row{display:flex;align-items:baseline;gap:.45rem;margin-bottom:.8rem}.price-main{font-size:2.2rem;color:var(--text);font-weight:800}.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.pricing-card{display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem}.pricing-card.featured,.pricing-card.selected{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 76%,transparent),color-mix(in srgb,var(--surface) 94%,transparent));transform:translateY(-2px)}.billing-note{margin-top:1.5rem}.signup-shell{margin-top:2rem;padding:clamp(1.5rem,4vw,2rem);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 60%,transparent),color-mix(in srgb,var(--surface) 94%,transparent))}.signup-form{display:grid;gap:1rem;padding:1.5rem;background:color-mix(in srgb,var(--surface-elevated) 92%,transparent)}.signup-form label{display:grid;gap:.45rem;color:var(--text);font-weight:700}.signup-form input,.signup-form select{width:100%;min-height:52px;padding:.95rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface-highlight) 84%,transparent);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.signup-form input:focus,.signup-form select:focus{border-color:color-mix(in srgb,var(--primary) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.bullet-list{margin:0;padding-left:1.1rem;color:var(--text-secondary)}.bullet-list li+li{margin-top:.6rem}.timeline{display:grid;gap:1rem}.timeline-step{display:grid;grid-template-columns:56px 1fr;gap:1rem;align-items:start}.timeline-step span{width:56px;height:56px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--primary-soft) 90%,transparent);color:var(--primary);font-size:1.15rem;font-weight:800}.faq-item{padding:1.25rem 1.4rem}.faq-item summary{cursor:pointer;color:var(--text);font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin-top:.9rem}.checkout-shell,.legal-copy{max-width:860px}.form-state{min-height:1.4rem;color:var(--muted);font-weight:700}.form-state[data-state=error]{color:#e07373}.form-state[data-state=success]{color:var(--primary)}.site-footer{margin:2rem auto;width:min(var(--container),calc(100% - 2rem));padding:2rem}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-grid a{display:block;margin-bottom:.65rem;color:var(--text-secondary)}.footer-grid a:hover{color:var(--text)}.footer-bottom{justify-content:space-between;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted)}.snapshot-card{display:grid;gap:1.1rem}.snapshot-screen{padding:1rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-elevated) 94%,transparent);border:1px solid var(--line)}.split-section{display:grid;gap:2rem}.final-cta{display:flex;justify-content:space-between;align-items:end;gap:2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 78%,transparent),color-mix(in srgb,var(--surface-highlight) 92%,transparent))}.final-cta h2{max-width:13ch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.pricing-grid,.pain-grid,.feature-grid,.benefit-grid,.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.final-cta{align-items:start;flex-direction:column}}@media(max-width:960px){.nav-shell,.hero-grid,.signup-shell,.footer-grid,.split-grid,.split-section,.feature-grid,.pricing-grid,.benefit-grid,.pain-grid,.snapshot-grid{grid-template-columns:1fr}.nav-links{display:none}.nav-actions{justify-content:end}.site-header{position:static}.hero-card{order:-1}}@media(max-width:640px){.container{width:min(var(--container),calc(100% - 1.25rem))}.hero-section,.page-hero,.section{padding-top:3.5rem;padding-bottom:3.5rem}h1{font-size:2.45rem}h2{font-size:2rem}.button,.hero-actions a,.hero-actions button,.nav-actions a,.nav-actions{width:100%}.timeline-step{grid-template-columns:1fr}.timeline-step span{width:48px;height:48px}.metric-row{grid-template-columns:1fr}.site-footer{width:calc(100% - 1.25rem)}}:root{--font-family: var(--brandFont);--bg: var(--darkBackground);--bg-secondary: var(--darkBackgroundSecondary);--surface: var(--darkSurface);--surface-elevated: var(--darkSurfaceElevated);--surface-highlight: var(--darkSurfaceHighlight);--primary: var(--darkPrimary);--primary-strong: var(--darkPrimaryStrong);--primary-soft: var(--darkPrimarySoft);--accent: var(--darkAccent);--text: var(--darkTextPrimary);--text-secondary: var(--darkTextSecondary);--muted: var(--darkTextMuted);--line: var(--darkBorder);--line-strong: var(--darkBorderStrong);--shadow: var(--darkShadow);--radius-xs: var(--radiusXs);--radius-sm: var(--radiusSm);--radius-md: var(--radiusMd);--radius-lg: var(--radiusLg);--radius-xl: var(--radiusXl)}@media(prefers-color-scheme:light){:root{--bg: var(--lightBackground);--bg-secondary: var(--lightBackgroundSecondary);--surface: var(--lightSurface);--surface-elevated: var(--lightSurfaceElevated);--surface-highlight: var(--lightSurfaceHighlight);--primary: var(--lightPrimary);--primary-strong: var(--lightPrimaryStrong);--primary-soft: var(--lightPrimarySoft);--accent: var(--lightAccent);--text: var(--lightTextPrimary);--text-secondary: var(--lightTextSecondary);--muted: var(--lightTextMuted);--line: var(--lightBorder);--line-strong: var(--lightBorderStrong);--shadow: var(--lightShadow)}}
