
:root{--bg:#fff;--ink:#111820;--navy:#0b2343;--muted:#66707b;--line:#e3e7eb;--soft:#f5f7f9;--softblue:#eef3f8;--max:1160px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.48}
a{color:inherit;text-decoration:none}
.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{min-height:68px;display:flex;align-items:center;gap:28px}
.logo{font-size:20px;font-weight:800;letter-spacing:.08em;color:var(--navy);flex:0 0 auto}
.menu{display:flex;gap:22px;align-items:center;font-size:12px;color:#424b55;overflow-x:auto;white-space:nowrap;padding:18px 0}
.menu a:hover,.menu a.active{color:var(--navy);font-weight:700}
.hero{padding:78px 0 56px;border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
h1{font-size:clamp(46px,6.1vw,82px);line-height:.98;letter-spacing:-.052em;color:var(--navy);margin:0;max-width:1060px}
.hero-lead{font-size:clamp(20px,2.15vw,29px);line-height:1.3;max-width:900px;margin:28px 0 0}
.hero-copy{font-size:17px;color:#4e5862;max-width:850px;margin:20px 0 0}
.contact-strip{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;align-items:center;font-size:14px}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:13px 18px;font-weight:700;font-size:13px;border-radius:3px}
.text-link{text-decoration:underline;text-underline-offset:3px}
.section{padding:60px 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:210px 1fr;gap:40px;margin-bottom:34px}
.label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
h2{font-size:clamp(32px,3.7vw,52px);line-height:1.04;letter-spacing:-.04em;color:var(--navy);margin:0}
h3{font-size:22px;line-height:1.12;color:var(--navy);margin:0 0 10px}
p{margin-top:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:42px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.fact{padding:22px 20px 6px 0;border-right:1px solid var(--line)}
.fact+.fact{padding-left:20px}.fact:last-child{border-right:0}
.fact strong{display:block;font-size:32px;color:var(--navy);line-height:1;margin-bottom:7px}.fact span{font-size:13px;color:#505a64}
.block{border-top:1px solid var(--line);padding-top:18px}.block p{font-size:15px;color:#505a64}
.list{padding:0;margin:0;list-style:none}.list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}.list li:last-child{border-bottom:0}
.result{background:var(--navy);color:#fff;padding:34px 38px;margin-top:32px}.result h2,.result h3{color:#fff}.result p{color:#d6dfe9}
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px;border-top:1px solid rgba(255,255,255,.24)}
.result-item{padding:18px 18px 4px 0;border-right:1px solid rgba(255,255,255,.2)}.result-item+.result-item{padding-left:18px}.result-item:last-child{border-right:0}
.result-item strong{display:block;font-size:29px;line-height:1;margin-bottom:7px}.result-item span{font-size:13px;color:#c3cfdb}
.quote{font-size:clamp(25px,3vw,41px);line-height:1.13;letter-spacing:-.03em;color:var(--navy);max-width:950px;margin:0}
.tags{display:flex;flex-wrap:wrap;gap:10px 24px}.tags span{font-size:16px;border-bottom:1px solid var(--navy);padding:5px 0;color:var(--navy)}
.inline-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.inline-nav a{padding:20px 20px 20px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--navy)}
.inline-nav a:nth-child(3n+2),.inline-nav a:nth-child(3n+3){padding-left:20px;border-left:1px solid var(--line)}
.note{background:var(--soft);padding:26px 28px;margin-top:30px;font-size:15px;color:#4c5660}
.answer{background:var(--softblue);padding:28px 32px;margin:30px 0 0}.answer .label{margin-bottom:10px}.answer p{margin:0;font-size:18px;line-height:1.45;color:#26394d}
.timeline{border-top:1px solid var(--line)}.phase{display:grid;grid-template-columns:180px 1fr;gap:34px;padding:30px 0;border-bottom:1px solid var(--line)}
.phase-num{font-size:38px;font-weight:800;color:var(--navy);letter-spacing:-.04em}.phase h3{font-size:28px}.phase .deliver{margin-top:16px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.phase ul{margin:12px 0 0;padding-left:18px;color:#424c56}.phase li{margin:7px 0}
.contact-section{padding:58px 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}
.contact-title{font-size:clamp(38px,4.5vw,62px);line-height:1;color:var(--navy);font-weight:800;letter-spacing:-.045em}
form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,select,textarea{width:100%;border:1px solid #ccd3da;padding:13px 12px;background:#fff;font:inherit}
select,textarea,button,.form-status,.hp{grid-column:1/-1}textarea{min-height:120px;resize:vertical}
button{border:0;background:var(--navy);color:white;padding:14px 16px;font:inherit;font-weight:700;cursor:pointer}
.form-status{font-size:13px;min-height:20px}.form-status.ok{color:#1a6b3c}.form-status.error{color:#9a1c1c}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:1px!important;width:1px!important;overflow:hidden!important}
footer{padding:28px 0 40px;color:var(--muted);font-size:12px}.footer{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.section-head,.two,.contact-grid{grid-template-columns:1fr}.three{grid-template-columns:1fr 1fr}.four,.result-grid{grid-template-columns:1fr 1fr}.fact,.fact+.fact,.result-item,.result-item+.result-item{padding:18px 16px 10px 0;border-right:0;border-bottom:1px solid var(--line)}.result-item,.result-item+.result-item{border-bottom:1px solid rgba(255,255,255,.18)}.phase{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(calc(100% - 24px),var(--max))}.hero{padding:52px 0 42px}.section{padding:44px 0}.three,.four,.result-grid,.inline-nav{grid-template-columns:1fr}.inline-nav a,.inline-nav a:nth-child(3n+2),.inline-nav a:nth-child(3n+3){padding:16px 0;border-left:0}.result{padding:27px 22px}form{grid-template-columns:1fr}.nav{gap:14px}.menu{gap:16px}}
