:root{--ink:#101D2B;--mint:#78E4BD;--cloud:#F4F7F5;--peach:#FFBA8B;--slate:#1B2D3E;--muted:#A9B9C5;--muted-dark:#4B606D;--border:#344A5D;--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--ink);color:var(--cloud);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:var(--mint);text-decoration:none}a:hover{color:#5dd4a7}img{max-width:100%;height:auto}
.container{width:min(calc(100% - 40px),1100px);margin-inline:auto}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}
.nav-logo img{height:56px;width:auto;border-radius:12px;object-fit:contain}.nav-links{display:flex;gap:32px;align-items:center;list-style:none}
.nav-links a{color:var(--muted);font-size:15px;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--cloud)}
.nav-cta{background:var(--mint);color:var(--ink)!important;padding:10px 24px;border-radius:12px;font-weight:600}.nav-cta:hover{background:#5dd4a7;color:var(--ink)!important}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:64px 0 80px}
.hero-title{font-size:clamp(36px,4.5vw,60px);line-height:1.08;letter-spacing:-.035em;font-weight:700;margin-bottom:20px}
.hero-title span{color:var(--mint)}.hero-sub{color:var(--muted);font-size:18px;line-height:1.5;max-width:460px;margin-bottom:32px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn-primary{background:var(--mint);color:var(--ink);padding:14px 32px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;display:inline-block}.btn-primary:hover{background:#5dd4a7;color:var(--ink)}
.btn-secondary{background:transparent;color:var(--cloud);padding:14px 32px;border-radius:12px;font-weight:500;font-size:16px;border:1px solid var(--border);cursor:pointer;display:inline-block}.btn-secondary:hover{border-color:var(--muted)}
.hero-art img{width:100%;border-radius:28px}
.section{padding:80px 0}.section-title{font-size:clamp(28px,3vw,40px);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.section-sub{color:var(--muted);font-size:17px;max-width:560px;margin-bottom:48px}.section-center{text-align:center}.section-center .section-sub{margin-inline:auto}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.feature-card{background:var(--slate);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;transition:border-color .2s}.feature-card:hover{border-color:var(--mint)}
.feature-card img{max-width:240px;border-radius:24px;margin-bottom:20px}.feature-card h3{font-size:20px;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:15px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;counter-reset:step}
.step{position:relative;padding-left:48px}.step::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;background:var(--mint);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}
.step h3{font-size:17px;margin-bottom:6px}.step p{color:var(--muted);font-size:14px}
.step code{font-family:var(--mono);font-size:13px;background:rgba(120,228,189,.1);padding:2px 6px;border-radius:4px;color:var(--mint)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.price-card{background:var(--slate);border:1px solid var(--border);border-radius:16px;padding:32px}
.price-card.featured{border-color:var(--mint);position:relative}
.price-card.featured::after{content:'Popular';position:absolute;top:-12px;right:24px;background:var(--mint);color:var(--ink);padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700}
.price-card h3{font-size:20px;margin-bottom:4px}.price-card .price{font-size:36px;font-weight:700;color:var(--mint);margin:12px 0 4px}
.price-card .price span{font-size:15px;color:var(--muted);font-weight:400}.price-card ul{list-style:none;margin:20px 0}
.price-card li{padding:6px 0;color:var(--muted);font-size:14px}.price-card li::before{content:'\2713 ';color:var(--mint);font-weight:700}
.cta-section{background:var(--slate);border-radius:28px;padding:64px 48px;text-align:center;margin:0 0 80px}
.cta-section h2{font-size:clamp(24px,3vw,36px);margin-bottom:16px}.cta-section p{color:var(--muted);font-size:17px;margin-bottom:32px}
footer{border-top:1px solid var(--border);padding:40px 0}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{color:var(--muted);font-size:14px}.footer-copy{color:var(--muted-dark);font-size:13px}
@media(max-width:768px){.hero{grid-template-columns:1fr;gap:32px}.hero-art{order:-1}.nav-links{display:none}.section{padding:60px 0}.cta-section{padding:48px 24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}