:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#16313b;background:#f6f8f6;font-size:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}
.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.top{background:#0b2530;color:#fff}
.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.03em;font-size:1.13rem}
.mark{width:34px;height:39px;border:2px solid #7ee2cf;border-radius:7px;display:inline-grid;place-items:center;color:#7ee2cf;font-size:.7rem;letter-spacing:0}
.navlinks{display:flex;gap:30px;align-items:center}.navlinks a{text-decoration:none;font-size:.92rem;color:#dae9e9}.navlinks a:hover,.navlinks a:focus-visible{color:#7ee2cf}
.navlinks .navcta{color:#0b2530;background:#7ee2cf;padding:11px 17px;border-radius:7px;font-weight:750}.navlinks .navcta:hover,.navlinks .navcta:focus-visible{color:#0b2530;background:#a2f0e1}
.hero{padding:76px 0 88px;display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center;min-height:590px}
.eyebrow{color:#82e0cf;font-weight:800;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 25px}
h1{font-size:clamp(3.3rem,6vw,5.35rem);line-height:1.02;letter-spacing:-.065em;margin:0 0 26px;max-width:650px}
.hero p.lead{color:#ccdcdd;font-size:1.18rem;line-height:1.65;max-width:600px;margin:0 0 34px}
.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 20px;border-radius:7px;text-decoration:none;font-weight:750;transition:transform .18s ease}.btn.primary{background:#7ee2cf;color:#0b2530}.btn.secondary{border:1px solid #6a8990;color:#fff}.actions .btn:hover{transform:scale(1.06)}
.hero-art{min-height:390px;border:1px solid #42636b;border-radius:19px;background:radial-gradient(circle at 28% 20%,#24606b 0,#133d49 37%,#0a2029 78%);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.hero-art::after{content:"";position:absolute;inset:auto 0 0;height:33%;background:linear-gradient(0deg,#07171db8,transparent)}
.hero-art .placeholder{font-weight:700;color:#a5d5d1;text-align:center;max-width:250px;line-height:1.5}
.hero-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.section{padding:92px 0;background:#f6f8f6;color:#16313b}.section .kicker{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#197a70;margin:0 0 15px}.section h2{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 22px;color:#0b2530}.section .intro{font-size:1.1rem;line-height:1.7;color:#4b6269;max-width:690px;margin:0 0 42px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:#fff;border:1px solid #dce8e6;border-radius:14px;padding:31px 28px;box-shadow:0 15px 35px #16313b09}.benefit .num{font-size:.8rem;font-weight:800;color:#117469;letter-spacing:.08em}.benefit h3{font-size:1.28rem;letter-spacing:-.035em;margin:26px 0 13px}.benefit p{color:#52696e;line-height:1.65;margin:0}
.fit{background:#e7f2ef}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.fit .intro{color:#0b2530}.fit ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}.fit li{display:flex;gap:12px;line-height:1.55;font-weight:700;color:#0b2530}.fit li::before{content:"✓";display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;color:#fff;background:#197a70;font-size:.85rem}.fit-note{background:#0b2530;color:#fff;border-radius:17px;padding:42px}.fit-note .small{color:#7ee2cf;font-weight:800;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 24px}.fit-note h3{font-size:1.9rem;letter-spacing:-.04em;line-height:1.2;margin:0 0 19px}.fit-note p{color:#cedede;line-height:1.7;margin:0}.fit-note .rule{height:1px;background:#46616a;margin:29px 0}.fit-note strong{font-size:.95rem}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:step}.step{border-top:3px solid #0d776d;padding-top:20px}.step::before{counter-increment:step;content:"0" counter(step);display:block;color:#0d776d;font-size:.8rem;font-weight:850;letter-spacing:.08em;margin-bottom:20px}.step h3{font-size:1.25rem;letter-spacing:-.03em;margin:0 0 11px}.step p{line-height:1.65;color:#52696e;margin:0}
.contact{background:#0b2530;color:#fff;padding:76px 0}.contact-inner{display:flex;justify-content:space-between;gap:42px;align-items:end}.contact .kicker{color:#7ee2cf}.contact h2{color:#fff;margin-bottom:15px}.contact p{color:#d0e0e0;line-height:1.7;max-width:670px;margin:0}.contact .btn{flex:0 0 auto}.contact .reply{margin-top:21px;font-size:.95rem;color:#a9c6c8}.contact .reply a{color:#b7f5e8;overflow-wrap:anywhere}.footer{background:#071b23;color:#a9c6c8;padding:25px 0}.footer-inner{display:flex;justify-content:space-between;gap:16px;font-size:.85rem}.footer strong{color:#fff}
.contact-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}
.contact-form{background:#f7faf9;color:#0b2530;padding:29px;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:17px 16px;box-shadow:0 25px 60px #0002}
.contact-form .full{grid-column:1/-1}.contact-form label{display:block;font-size:.87rem;font-weight:750;margin-bottom:7px}.contact-form input,.contact-form textarea{display:block;width:100%;font:inherit;color:#0b2530;background:#fff;border:1px solid #6e858b;border-radius:7px;padding:12px 13px;outline:none}.contact-form textarea{min-height:115px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#09695e;box-shadow:0 0 0 3px #7ee2cf77}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#647a80}.contact-form .submit{border:0;cursor:pointer;justify-self:start;transform-origin:center;transition:transform .1s ease,background-color .1s ease}.contact-form .submit:active:not(:disabled){transform:scale(.94);background:#69cbb8}.contact-form .submit:disabled{opacity:.65;cursor:wait;transform:none}.contact-form .status{font-size:.93rem;line-height:1.5;font-weight:700;margin:0;color:#0b2530}.contact-form .status.error{color:#a32626}.contact-form .privacy{font-size:.79rem;line-height:1.45;color:#49626a;margin:0}.contact-form .privacy a{color:#075e55}.contact-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
a:focus-visible{outline:3px solid #f3b859;outline-offset:4px}
@media(max-width:800px){.nav{height:72px}.navlinks>a:not(.navcta){display:none}.hero{grid-template-columns:1fr;gap:40px;padding:64px 0 70px;min-height:0}.hero-art{min-height:310px}h1{font-size:clamp(3rem,12vw,4.5rem)}}
@media(max-width:800px){.benefits,.steps{grid-template-columns:1fr 1fr}.fit-grid{grid-template-columns:1fr;gap:30px}.contact-inner{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.benefits,.steps{grid-template-columns:1fr}.section{padding:70px 0}.benefit{padding:24px}.fit-note{padding:30px}.contact-form{grid-template-columns:1fr;padding:22px}.contact-form .full{grid-column:auto}.footer-inner{display:block}.footer-inner span{display:block;margin-top:6px}}
@media(max-width:500px){.wrap{width:min(100% - 28px,1120px)}.navlinks .navcta{padding:10px 12px}.brand{font-size:.98rem}.hero{padding:48px 0 60px}.hero-art{min-height:270px}h1{font-size:3rem}.hero p.lead{font-size:1.05rem}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn, .contact-form .submit { transition: none; }
  .actions .btn:hover, .contact-form .submit:active:not(:disabled) { transform: none; }
}