:root{--c1:#A0DDFF;--c2:#758ECD;--c3:#C1CEFE;--c4:#7189FF;--c5:#624CAB;--bg:#f7f9ff;--ink:#1c2340;--muted:#596080;--ring:var(--c4);--card:#ffffff;--shadow:0 8px 24px rgba(5,25,85,.08),0 2px 8px rgba(5,25,85,.06)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:var(--c5);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1120px,92vw);margin-inline:auto;padding-inline:1rem}
.skip-link{position:absolute;left:-999px;top:auto;background:var(--c4);color:#fff;padding:.5rem .75rem;border-radius:.5rem}
.skip-link:focus{left:.5rem;top:.5rem;z-index:9999}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:color-mix(in srgb,white 80%,transparent);border-bottom:1px solid color-mix(in srgb,var(--c4) 12%,transparent)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;color:var(--ink)}
.brand .brand-text{display:flex;flex-direction:column;line-height:1}.brand .brand-top{font-size:1rem;letter-spacing:.02em}.brand .brand-bottom{font-size:.9rem;color:var(--muted);font-weight:600}
.nav-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.nav-links a{padding:.5rem .75rem;border-radius:.6rem;font-weight:600}.nav-links a:hover{background:color-mix(in srgb,var(--c1) 30%,transparent)}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;padding:.25rem;border-radius:.5rem}.nav-toggle .bar{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;border-radius:2px}
@media (max-width:900px){.nav-toggle{display:block}.nav-links{position:fixed;inset:64px 0 auto auto;right:1rem;top:64px;background:var(--card);border:1px solid color-mix(in srgb,var(--c4) 15%,transparent);border-radius:1rem;padding:.5rem;box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;visibility:hidden;transition:.2s ease;flex-direction:column}.nav-links.open{transform:none;opacity:1;visibility:visible}}
.hero{background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--c1) 55%,transparent),transparent 60%),radial-gradient(800px 500px at 110% 10%,color-mix(in srgb,var(--c3) 60%,transparent),transparent 60%),linear-gradient(180deg,white,var(--bg))}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding:4rem 0}
.hero h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:0 0 1rem}.highlight{color:var(--c5)}
.benefits{list-style:none;padding:0;margin:1rem 0 2rem;display:grid;gap:.6rem}.benefits li{display:flex;align-items:flex-start;gap:.6rem}.benefits svg{width:20px;height:20px;fill:var(--c5);flex:0 0 auto;margin-top:.2rem}
.cta-row{display:flex;gap:.75rem;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.1rem;border-radius:.9rem;border:1px solid transparent;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}
.btn-primary{background:var(--c4);color:white}.btn-primary:hover{filter:brightness(1.05)}
.btn-ghost{background:white;border-color:color-mix(in srgb,var(--c4) 20%,transparent);color:var(--c5)}.btn-ghost:hover{background:color-mix(in srgb,var(--c1) 40%,white)}
.hero-art{display:flex;align-items:center;justify-content:center}.hero-illustration{width:100%;max-width:720px}
.section{padding:3.5rem 0}.section-head{margin-bottom:1.5rem}.section-head h2{font-size:clamp(1.6rem,3vw,2rem);margin:.25rem 0}.section-head p{color:var(--muted);margin:0}.section-head.center{text-align:center}
.grid{display:grid;gap:1rem}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.cards,.cards.two{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid color-mix(in srgb,var(--c4) 12%,transparent);border-radius:1.1rem;padding:1.1rem;box-shadow:var(--shadow)}.card h3{margin-top:0}.price{color:var(--c5)}.features{padding-left:1.25rem}.features li{margin:.4rem 0}
.contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.contact .contact-copy p{color:var(--muted)}
.contact form .form-row{display:flex;flex-direction:column;gap:.4rem;margin:.65rem 0}
.contact form input,.contact form textarea{padding:.8rem .9rem;border-radius:.8rem;border:1px solid color-mix(in srgb,var(--c4) 20%,transparent);background:white;outline:none;font:inherit}
.contact form input:focus,.contact form textarea:focus{border-color:var(--ring);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--c4) 20%,transparent)}
.form-row.full{grid-column:1 / -1}.checkbox{display:flex;align-items:center;gap:.5rem;user-select:none}.checkbox input{accent-color:var(--c5)}
.form-note{color:var(--muted);font-size:.9rem;margin:.5rem 0 0}.form-status{min-height:1.25rem;font-weight:600}
@media (max-width:900px){.contact .contact-grid{grid-template-columns:1fr}}
.site-footer{border-top:1px solid color-mix(in srgb,var(--c4) 12%,transparent);padding:1.25rem 0;background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer-nav{display:flex;gap:.75rem;list-style:none;margin:0;padding:0}
.reveal{opacity:0;transform:translateY(12px);transition:.5s ease}.reveal.visible{opacity:1;transform:none}