:root{color-scheme:light;--bg-canvas: #f3efe5;--bg-panel: rgba(255, 252, 247, .88);--bg-accent: #173f37;--bg-accent-hover: #1e5248;--bg-accent-soft: #d8ebe4;--border-soft: rgba(23, 63, 55, .12);--text-strong: #17322d;--text-body: #34524b;--text-muted: #6a8079;--text-on-accent: #fff;--shadow-card: 0 10px 24px rgba(23, 50, 45, .08);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-display: "Segoe UI Variable Display", "Aptos Display", "Trebuchet MS", sans-serif;--font-body: "Segoe UI Variable Text", "Aptos", "Trebuchet MS", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-canvas);color:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:100;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-soft)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-strong);text-decoration:none}.nav-logo{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a:not(.btn){color:var(--text-body);text-decoration:none;font-weight:500;font-size:.95rem}.nav-links a:not(.btn):hover{color:var(--text-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s,transform .1s;cursor:pointer;border:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--bg-accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--bg-accent-hover)}.btn-secondary{background:var(--bg-accent-soft);color:var(--bg-accent)}.btn-secondary:hover{background:#c7e0d8}.btn-lg{padding:14px 32px;font-size:1.05rem}.hero{padding:100px 0 80px;text-align:center}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);color:var(--text-strong);line-height:1.15;max-width:720px;margin:0 auto 24px}.hero-sub{font-size:1.15rem;color:var(--text-muted);max-width:560px;margin:0 auto 40px}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.features{padding:80px 0}.features h2{font-family:var(--font-display);font-size:2rem;color:var(--text-strong);text-align:center;margin-bottom:48px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-card)}.feature-icon{font-size:2rem;margin-bottom:12px}.feature-card h3{font-family:var(--font-display);color:var(--text-strong);margin-bottom:8px}.pricing{padding:80px 0}.pricing h2{font-family:var(--font-display);font-size:2rem;color:var(--text-strong);text-align:center;margin-bottom:8px}.pricing-sub{text-align:center;color:var(--text-muted);margin-bottom:48px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:700px;margin:0 auto}.pricing-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:40px 32px;text-align:center;box-shadow:var(--shadow-card)}.pricing-card--featured{border-color:var(--bg-accent);border-width:2px;position:relative}.pricing-card h3{font-family:var(--font-display);color:var(--text-strong);font-size:1.3rem;margin-bottom:8px}.price{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--text-strong);margin-bottom:24px}.price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-card ul{list-style:none;margin-bottom:32px}.pricing-card li{padding:6px 0;color:var(--text-body)}.pricing-card li:before{content:"✓ ";color:var(--bg-accent);font-weight:700}.pricing-card .btn{width:100%}.footer{padding:40px 0;border-top:1px solid var(--border-soft)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer p{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--text-strong)}@media(max-width:640px){.nav-links a:not(.btn){display:none}.hero{padding:60px 0 40px}.feature-grid,.pricing-grid{grid-template-columns:1fr}}
