*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f5f3ee;--paper-card:#fff;--ink:#11110f;--ink-soft:#4a4a45;--ink-mute:#8a877f;--rule:#11110f1a;--rule-strong:#11110f2e;--accent:#1d4ed8;--accent-soft:#3b6ae8;--accent-tint:#e8eefc;--accent-deep:#0e1f4d;--serif:"Fraunces", "Times New Roman", serif;--mono:"JetBrains Mono", ui-monospace, monospace}html{scroll-behavior:smooth}body{font-family:var(--serif);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:17px;line-height:1.55}.wrap{position:relative}.masthead{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:center;padding:1.2rem 2rem;font-size:11px;display:flex}.masthead .logo{font-family:var(--serif);letter-spacing:-.01em;text-transform:none;color:var(--ink);align-items:center;gap:.6rem;font-size:25px;font-weight:500;display:flex}.logo-mark{background:var(--ink);border-radius:5px;width:22px;height:22px;position:relative}.logo-mark:after{content:"";background:var(--accent);border-radius:2px;position:absolute;inset:5px}.masthead .meta{font-size:11px}.hero{max-width:1080px;margin:0 auto;padding:6rem 2rem 4rem}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.7rem;margin-bottom:1.8rem;font-size:11px;display:flex}.eyebrow:before{content:"";background:var(--accent);width:28px;height:1px}.hero h1{font-family:var(--serif);letter-spacing:-.025em;color:var(--ink);max-width:20ch;margin-bottom:1.8rem;font-size:clamp(2.6rem,6.5vw,5rem);font-weight:400;line-height:1.02}.hero h1 em{color:var(--accent);font-style:italic;font-weight:400}.hero .lede{color:var(--ink-soft);max-width:48ch;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.5}.hero-cta{background:var(--ink);color:var(--paper);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border-radius:8px;align-items:center;gap:.55rem;padding:.85rem 1.4rem;font-size:11px;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.hero-cta:hover{background:var(--accent)}.hero-cta:after{content:"→";font-family:var(--serif);font-size:13px}.stat-strip{border-bottom:1px solid var(--rule);grid-template-columns:1fr;gap:1.8rem;max-width:1080px;margin:0 auto;padding:0 2rem 4rem;display:grid}@media (width>=720px){.stat-strip{grid-template-columns:repeat(3,1fr);gap:0}.stat-strip>div+div{border-left:1px solid var(--rule);padding-left:2rem}.stat-strip>div{padding-right:2rem}}.stat-num{font-family:var(--serif);color:var(--accent);letter-spacing:-.02em;margin-bottom:.6rem;font-size:2.6rem;font-style:italic;font-weight:300;line-height:1}.stat-label{color:var(--ink-soft);max-width:28ch;font-size:.98rem;line-height:1.45}.product-section{border-bottom:1px solid var(--rule);max-width:1080px;margin:0 auto;padding:5rem 2rem}.product-row{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (width>=900px){.product-row{grid-template-columns:1fr 1.4fr;gap:4rem}.product-row.reverse{grid-template-columns:1.4fr 1fr}.product-row.reverse .product-copy{order:2}.product-row.reverse .product-preview{order:1}}.product-copy .section-num{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:11px}.product-copy h2{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);max-width:18ch;margin-bottom:1.2rem;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;line-height:1.1}.product-copy h2 em{color:var(--accent);font-style:italic}.product-copy p{color:var(--ink-soft);max-width:38ch;font-size:1.05rem;line-height:1.55}.product-copy .feat-list{border-top:1px solid var(--rule);margin-top:1.5rem;padding-top:1.2rem;list-style:none}.product-copy .feat-list li{font-family:var(--mono);letter-spacing:.06em;color:var(--ink);align-items:center;gap:.7rem;padding:.55rem 0;font-size:11px;display:flex}.product-copy .feat-list li:before{content:"✓";color:var(--accent);font-family:var(--serif);font-size:14px}.product-preview{position:relative}.product-frame{background:var(--paper-card);border:1px solid var(--rule-strong);aspect-ratio:16/11;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px #11110f0a,0 12px 40px -20px #11110f2e}.product-frame svg{width:100%;height:100%;display:block}.preview-caption{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);text-align:center;margin-top:.9rem;font-size:10px}.how{border-bottom:1px solid var(--rule);max-width:1080px;margin:0 auto;padding:5rem 2rem}.how-header{max-width:36ch;margin-bottom:3rem}.how-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem;font-size:11px}.how-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-size:clamp(1.7rem,3vw,2.3rem);font-weight:400;line-height:1.1}.how-title em{color:var(--accent);font-style:italic}.how-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=800px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-step{border-top:1px solid var(--ink);padding-top:1.2rem}.how-step .num{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.12em;margin-bottom:.8rem;font-size:11px}.how-step h4{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.15rem;font-weight:500;line-height:1.25}.how-step p{color:var(--ink-soft);font-size:.95rem;line-height:1.55}.personas{border-bottom:1px solid var(--rule);max-width:1080px;margin:0 auto;padding:5rem 2rem}.personas-header{text-align:center;margin-bottom:3rem}.personas-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=800px){.personas-grid{grid-template-columns:1fr 1fr;gap:1.2rem}}.persona-card{background:var(--paper-card);border:1px solid var(--rule);border-radius:12px;padding:2rem}.persona-card.eng{border-top:3px solid var(--accent)}.persona-card.people{border-top:3px solid var(--ink)}.persona-tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:.7rem;font-size:10px}.persona-card h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin-bottom:.7rem;font-size:1.35rem;font-style:italic;font-weight:400;line-height:1.25}.persona-card p{color:var(--ink-soft);font-size:.98rem;line-height:1.55}.persona-metric{font-family:var(--mono);color:var(--accent);letter-spacing:.06em;border-top:1px dashed var(--rule);margin-top:1.2rem;padding-top:1rem;font-size:11px}.signup{text-align:center;max-width:600px;margin:0 auto;padding:6rem 2rem}.signup-label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:11px}.signup h3{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);margin-bottom:.7rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400;line-height:1.1}.signup h3 em{color:var(--accent);font-style:italic}.signup-sub{color:var(--ink-soft);max-width:38ch;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1rem}form{text-align:left}.field{margin-bottom:1.2rem}.field label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;font-size:10px;display:block}.field input,.field select{border:1px solid var(--rule-strong);background:var(--paper-card);width:100%;font-family:var(--serif);color:var(--ink);border-radius:8px;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2311110f' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat}.row{grid-template-columns:1fr;gap:1.2rem;display:grid}@media (width>=600px){.row{grid-template-columns:1fr 1fr}}.row .field{margin-bottom:0}button[type=submit]{background:var(--ink);width:100%;color:var(--paper);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;margin-top:1.5rem;padding:1rem 2rem;font-size:11px;transition:background .2s}button[type=submit]:hover{background:var(--accent)}.form-fine{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-mute);text-align:center;margin-top:1.2rem;font-size:10px;line-height:1.5}.success{background:var(--accent-tint);border:1px solid var(--accent);text-align:left;border-radius:8px;padding:2rem;display:none}.success.show{display:block}.success h4{font-family:var(--serif);color:var(--accent-deep);margin-bottom:.5rem;font-size:1.3rem;font-style:italic;font-weight:400}.success p{color:var(--ink-soft);font-size:.95rem;line-height:1.55}.colophon{border-top:1px solid var(--rule);max-width:1080px;font-family:var(--mono);letter-spacing:.06em;color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:2rem;font-size:11px;display:flex}.colophon a{color:var(--ink-soft);text-decoration:none}.colophon a:hover{color:var(--accent)}.field input.input-error,.field select.input-error{border-color:#b91c1c;box-shadow:0 0 0 3px #b91c1c14}.field-error{font-family:var(--mono);letter-spacing:.06em;color:#b91c1c;margin-top:.45rem;font-size:10px;display:block}button[type=submit].btn-loading{opacity:.6;cursor:not-allowed}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero .eyebrow{animation:.6s .1s both fadeUp}.hero h1{animation:.7s .2s both fadeUp}.hero .lede{animation:.7s .35s both fadeUp}.hero-cta{animation:.7s .5s both fadeUp}
