@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,700;9..144,900&family=DM+Sans:wght@400;500;700&display=swap");:root{--bg:#faf6ef;--surface:#fff;--ink:#1a1a1a;--ink-muted:#6b6358;--ink-soft:#a89c8c;--accent:#d94b26;--accent-dark:#b23a1a;--border:rgba(26,26,26,.08);--border-strong:rgba(26,26,26,.18);--display:"Fraunces",Georgia,serif;--body:"DM Sans",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.app{min-height:100vh}.display{font-weight:400}.display,.display-italic{font-family:var(--display);letter-spacing:-.02em;line-height:.95}.display-italic{font-style:italic;font-weight:300}.label{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.grain{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0.4 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");background-size:200px 200px;mix-blend-mode:multiply;opacity:.06;pointer-events:none;position:fixed;inset:0;z-index:999}.btn{font-family:var(--body);font-weight:500;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--ink);color:var(--bg);padding:1.1rem 1.8rem;border-radius:999px;font-size:16px}.btn-primary:hover{background:var(--accent);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--ink);padding:.6rem 1rem;border-radius:999px;font-size:14px}.btn-secondary:hover{color:var(--accent)}.step-enter{animation:stepIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes stepIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stagger>*{opacity:0;animation:stepIn .6s cubic-bezier(.2,.8,.2,1) both}.stagger>:first-child{animation-delay:.05s}.stagger>:nth-child(2){animation-delay:.18s}.stagger>:nth-child(3){animation-delay:.31s}.stagger>:nth-child(4){animation-delay:.44s}.stagger>:nth-child(5){animation-delay:.57s}input[type=email],input[type=text]{width:100%;padding:1.1rem 1.3rem;background:var(--surface);border:1.5px solid var(--border-strong);border-radius:999px;font-family:var(--body);font-size:16px;color:var(--ink);outline:none;transition:border-color .15s ease}input[type=email]:focus,input[type=text]:focus{border-color:var(--ink)}.progress-bar{height:2px;background:var(--border);position:relative;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--ink);transition:width .5s cubic-bezier(.2,.8,.2,1)}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "preview" "content";grid-gap:1.5rem;gap:1.5rem;align-items:center}.hero-intro{grid-area:intro}.hero-preview{grid-area:preview}.hero-content{grid-area:content}@media (min-width:900px){.hero-grid{grid-template-columns:1.1fr .9fr;grid-template-areas:"intro   preview" "content preview";column-gap:4rem;row-gap:0}.hero-intro{align-self:end}.hero-content{align-self:start}}.preview-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;align-items:center}@media (min-width:900px){.preview-grid{grid-template-columns:1fr 1fr;gap:3rem}}