*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17221d;background:#f7f8f5;line-height:1.6}
.hidden{display:none!important}
.site-header{height:74px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:rgba(247,248,245,.96);border-bottom:1px solid #e2e6e1;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.logo{font-weight:850;font-size:1.2rem;text-decoration:none;color:#17221d}
.site-header nav{display:flex;align-items:center;gap:24px}
.site-header nav a{color:#34423a;text-decoration:none;font-weight:650}
.nav-cta{padding:10px 15px;border-radius:12px;background:#17221d!important;color:#fff!important}
.hero{max-width:1200px;margin:0 auto;padding:92px 6% 85px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:800;color:#526058;margin:0 0 12px}
.hero h1,.wizard h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}
.lead{font-size:1.18rem;max-width:680px;color:#526058}
.hero-actions{display:flex;gap:12px;margin:30px 0 18px;flex-wrap:wrap}
.button{display:inline-flex;border:0;border-radius:12px;padding:13px 19px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.primary{background:#17221d;color:#fff}
.secondary{background:#e7ebe8;color:#17221d}
.small-note,.muted{font-size:.88rem;color:#6a756e}
.hero-card{border-radius:28px;padding:38px;box-shadow:0 18px 45px rgba(25,48,35,.08)}
.neutral-card{background:#fff;border:1px solid #e0e5e1}
.device{font-size:4rem;margin-bottom:15px}
.hero-card h2{font-size:1.9rem;margin:0 0 10px}
.hero-card p{color:#5e6962}
.route{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:28px;font-size:.82rem}
.route span{background:#edf0ee;padding:8px 10px;border-radius:9px}
.section{max-width:1200px;margin:0 auto;padding:85px 6%}
.section-heading{max-width:700px;margin-bottom:38px}
.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.035em;margin:0 0 15px}
.section-heading p:last-child{color:#647069}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.steps article{background:#fff;border:1px solid #e3e8e4;border-radius:18px;padding:24px}
.steps article>span{font-weight:900;color:#526058}
.steps h3{margin:13px 0 7px}
.steps p{margin:0;color:#657068;font-size:.94rem}
.info-section{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;background:#fff;border:1px solid #e3e8e4;border-radius:28px;margin-bottom:80px}
.info-box{background:#f1f3f1;padding:28px;border-radius:20px}
.info-box p{margin-bottom:0}
.wizard{min-height:calc(100vh - 74px);padding:48px 6% 90px}
.wizard-inner{max-width:900px;margin:auto}
.back-link{border:0;background:none;padding:0;color:#526058;font:inherit;font-weight:700;cursor:pointer;margin-bottom:28px}
.progress{height:6px;background:#e4e8e5;border-radius:999px;overflow:hidden;margin-bottom:55px}
.progress span{display:block;height:100%;width:0;background:#17221d;transition:width .25s}
.wizard-step{animation:fade .2s ease}
.step-intro{font-size:1.05rem;color:#647069;margin:-5px 0 32px}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.choice{appearance:none;text-align:left;border:1px solid #dce2de;background:#fff;border-radius:18px;padding:25px;cursor:pointer;font:inherit;color:#17221d;transition:.15s}
.choice:hover{transform:translateY(-2px);border-color:#9aa79e;box-shadow:0 10px 25px rgba(20,35,27,.07)}
.choice strong{display:block;font-size:1.15rem;margin-bottom:7px}
.choice span{display:block;color:#68736c;font-size:.94rem}
.summary{background:#eef1ef;border-radius:14px;padding:17px;margin:25px 0;color:#46534b}
.continue{margin-top:4px}
.contact-form{max-width:680px;display:grid;gap:16px}
.contact-form label{font-weight:700}
.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccd5cf;border-radius:10px;background:#fff;color:#17221d;padding:12px 13px;font:inherit}
.contact-form textarea{min-height:120px;resize:vertical}
.check{display:flex;align-items:center;gap:9px;font-weight:500!important}
.check input{width:17px;height:17px}
.form-message{color:#31523e;margin:0}
footer{padding:45px 6%;border-top:1px solid #dfe4df;display:grid;grid-template-columns:1fr auto;gap:25px;max-width:1200px;margin:auto}
footer p{margin:5px 0;color:#69736d}
.footer-links{display:flex;gap:18px;align-items:start}
.footer-links a{color:#34423a}
.copyright{grid-column:1/-1;font-size:.82rem!important}
@keyframes fade{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.site-header{padding:0 5%;height:auto;min-height:68px}.site-header nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.steps{grid-template-columns:1fr 1fr}.info-section{grid-template-columns:1fr;margin-left:5%;margin-right:5%}.choice-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:auto}}
@media(max-width:500px){.steps{grid-template-columns:1fr}.hero h1,.wizard h1{font-size:2.65rem}.hero-card{padding:28px}.section,.hero{padding-left:5%;padding-right:5%}}