:root{--ink:#102019;--muted:#5d6f66;--teal:#1f8a72;--pin:#e11d48;--paper:#f3f7f4;--line:#1020191f;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 10%,#1f8a7233,#0000 34%),radial-gradient(circle at 88% 0,#e11d4824,#0000 28%),linear-gradient(#e8f1ec 0%,#f5f8f6 42%,#eef3f0 100%);font-family:Manrope,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}a{color:inherit}h1,h2,h3,.brand,.brand-lockup,.eyebrow{letter-spacing:-.04em;font-family:Bricolage Grotesque,Manrope,sans-serif}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f3f7f4b8;border-bottom:1px solid #0000;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{font-size:1.4rem;font-weight:800;text-decoration:none}.site-header nav{flex:1;gap:1rem;display:flex}.site-header nav a,.text-link,.footer-links a{color:var(--muted);font-weight:600;text-decoration:none}.site-header nav a.active,.site-header nav a:hover,.text-link:hover,.footer-links a:hover{color:var(--ink)}.header-actions{align-items:center;gap:.9rem;display:flex}.btn{background:var(--ink);color:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.2rem;font-weight:750;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.hero{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:1.5rem;min-height:calc(100vh - 4.5rem);padding:1.5rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(120deg,#1020190a,#0000 40%),radial-gradient(circle at 70% 40%,#e11d4814,#0000 28%);position:absolute;inset:0}.hero-copy,.hero-visual{z-index:1;position:relative}.hero-copy{flex-direction:column;justify-content:center;max-width:38rem;padding:2rem 1rem 2rem .5rem;animation:.7s both rise;display:flex}.brand-lockup{color:var(--ink);margin:0 0 .8rem;font-size:clamp(2.8rem,7vw,5.4rem);font-weight:800;line-height:.92}.hero h1{max-width:14ch;margin:0;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.05}.hero-lede{color:var(--muted);max-width:34rem;margin:1rem 0 1.5rem;font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{min-height:70vh;animation:.9s both drift-in}.hero-stage{background:linear-gradient(160deg,#16362d 0%,#0f241d 48%,#1a4337 100%);border-radius:0;place-items:center;height:100%;padding:2rem;display:grid;position:relative;overflow:hidden}.hero-stage:after{content:"";filter:blur(10px);background:radial-gradient(circle,#e11d4847,#0000 60%);height:55%;position:absolute;inset:auto -10% -20% 40%}.hero-window{background:#f7fbf8;border-radius:18px;width:min(100%,560px);animation:5s ease-in-out infinite floaty;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 80px #00000047}.hero-chrome{background:#e7efe9;gap:.4rem;padding:.8rem 1rem;display:flex}.hero-chrome span{background:#b7c7be;border-radius:999px;width:.65rem;height:.65rem}.hero-canvas{min-height:360px;padding:1.2rem;position:relative}.fake-ui{gap:.8rem;display:grid}.fake-nav,.fake-hero-block,.fake-cards div{background:linear-gradient(90deg,#d7e5de,#c4d7cd);border-radius:12px}.fake-nav{width:55%;height:2rem}.fake-hero-block{height:8rem}.fake-cards{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}.fake-cards div{height:4.5rem}.pin{background:var(--pin);color:#fff;border-radius:999px;place-items:center;width:2rem;height:2rem;font-weight:800;animation:2.4s ease-in-out infinite pulse;display:grid;position:absolute;box-shadow:0 8px 20px #e11d4859}.pin-a{top:38%;left:58%}.pin-b{animation-delay:.4s;top:62%;left:28%}.markup-arrow{width:160px;height:80px;animation:1s .3s both draw-in;position:absolute;top:28%;left:24%}.floating-note{color:#fff;background:#102019eb;border-radius:12px;padding:.55rem .75rem;font-size:.85rem;font-weight:650;animation:.8s both rise;position:absolute}.note-a{animation-delay:.45s;top:18%;right:8%}.note-b{animation-delay:.65s;bottom:14%;left:10%}.section,.page{max-width:1100px;margin:0 auto;padding:4.5rem 1.5rem}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .6rem;font-size:.75rem;font-weight:750}.section h2,.page h1{max-width:16ch;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,3rem)}.step-grid,.feature-grid,.pricing-grid,.split{gap:1.25rem;display:grid}.step-grid,.feature-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2rem}.split{grid-template-columns:1fr 1fr;align-items:start}.step,.feature-grid article,.pricing-grid article{padding-top:.5rem}.step span{color:var(--pin);margin-bottom:.5rem;font-family:Bricolage Grotesque,Manrope,sans-serif;font-weight:800;display:inline-block}.step h3,.feature-grid h2,.pricing-grid h2{margin:0 0 .45rem;font-size:1.35rem}.step p,.feature-grid p,.pricing-grid p,.prose p,.split p,.pricing-teaser p,.site-footer p{color:var(--muted);margin:0}.price{font-family:Bricolage Grotesque,Manrope,sans-serif;font-size:2rem;color:var(--ink)!important;margin:.4rem 0 .7rem!important}.pricing-teaser{text-align:left}.pricing-teaser .btn{margin-top:1.25rem}.prose{gap:1rem;max-width:42rem;display:grid}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:1.5rem;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem 3rem;display:flex}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes drift-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes floaty{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-1.2deg)translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes draw-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-visual{min-height:420px}.hero-stage{padding:1.25rem}.step-grid,.feature-grid,.pricing-grid,.split,.site-footer{grid-template-columns:1fr}.site-footer{flex-direction:column}}