:root{color:#18212f;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit}.page-shell{min-height:100vh}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:48px;align-items:end;min-height:72vh;padding:80px clamp(20px,6vw,96px) 48px;color:#f8fbf7;background:linear-gradient(90deg,#0a1823e0,#0a182370),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80) center / cover}.hero-copy{max-width:820px}.eyebrow{margin:0 0 16px;color:#96e2c1;font-size:.85rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{max-width:760px;margin:0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.98;letter-spacing:0}.lede{max-width:640px;margin:24px 0 0;color:#d9e8df;font-size:1.1rem;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.32);border-radius:8px;font-weight:800;text-decoration:none}.button.primary{border-color:#9af0ca;color:#092014;background:#9af0ca}.button.secondary{color:#f8fbf7;background:#ffffff1a}.status-panel{width:100%;padding:22px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#09121c8f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-dot{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:999px;background:#9af0ca;box-shadow:0 0 0 6px #9af0ca24}.status-panel p{margin:12px 0 0;color:#d9e8df;line-height:1.6}.template-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d7ded7}.template-card{min-height:210px;padding:32px;background:#f5f7f4}.template-card h2{margin:0;color:#12332b;font-size:1.25rem;letter-spacing:0}.template-card p{margin:14px 0 0;color:#4b5d57;line-height:1.65}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px}.template-band{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hero{gap:32px;padding:48px 20px 36px}.actions,.button{width:100%}.template-band{grid-template-columns:1fr}}