
:root{
 --navy:#06284f;--blue:#0d5b91;--orange:#ef8617;--gold:#d9a441;
 --green:#14663f;--ink:#122033;--muted:#667689;--light:#f4f7fa;--white:#fff;
 --border:#dbe4ed;--shadow:0 18px 50px rgba(6,40,79,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1140px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}
.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy)}
.brand-mark{width:45px;height:45px;border:3px solid var(--orange);border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px}
.brand span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:21px;letter-spacing:2px}.brand small{font-size:11px;letter-spacing:5px;color:var(--orange);margin-top:4px}
nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:800}nav a:hover{color:var(--orange)}.nav-cta{background:var(--navy);color:white;padding:10px 16px;border-radius:7px}
.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{padding:92px 0 80px;background:linear-gradient(135deg,#f7fafc,#eaf3fb 58%,#fff);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{color:var(--orange);font-weight:900;font-size:12px;letter-spacing:2px;margin:0 0 14px}
.hero h1{font-size:clamp(43px,6vw,72px);line-height:1.04;color:var(--navy);margin:0 0 23px}.hero h1 span{color:var(--orange)}
.hero-text{font-size:19px;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-block;padding:13px 21px;border-radius:8px;font-weight:900}.btn-primary{background:var(--orange);color:#fff}.btn-outline{border:1px solid var(--navy);color:var(--navy)}
.btn-dark{background:var(--navy);color:white}.full{width:100%;text-align:center}.trust-row{display:flex;gap:17px;flex-wrap:wrap;color:var(--green);font-size:12px;font-weight:900}
.mock-image{height:400px;border-radius:20px;background:linear-gradient(135deg,#0b4f86,#f28c18);display:grid;place-items:center;text-align:center;color:#fff;font-size:42px;font-weight:900;letter-spacing:3px}
.hero-card{background:var(--navy);padding:17px;border-radius:23px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-card-bottom{color:white;display:flex;justify-content:space-between;padding:13px 3px 0}
.section{padding:92px 0}.section-light{background:var(--light)}h2{font-size:40px;line-height:1.15;color:var(--navy);margin:0 0 22px}
.lead{color:var(--muted);font-size:17px;max-width:800px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.info-panel,.card{background:#fff;border:1px solid var(--border);border-radius:17px;padding:25px;box-shadow:var(--shadow)}
.info-panel div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border)}.info-panel div:last-child{border:0}.info-panel span{color:var(--muted);text-align:right}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:35px}.product-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:25px;transition:.2s}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-icon{font-size:35px}.product-card h3{color:var(--navy);margin:9px 0 5px}.product-card p{color:var(--muted);margin:0}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.spec-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:23px}.spec-card h3{color:var(--navy);margin:0}.spec-card p{color:var(--muted);margin:6px 0}
.dark{background:var(--navy);color:#dce8f2}.dark h2{color:#fff}.dark .eyebrow{color:#ffad45}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.benefit-grid div{border:1px solid #ffffff24;border-radius:15px;padding:23px;background:#ffffff08}.benefit-grid span{color:#ffad45;font-weight:900}.benefit-grid h3{color:#fff;margin:8px 0}.benefit-grid p{margin:0;color:#bdcddd}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.timeline div{position:relative;padding-left:55px}.timeline b{position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.timeline h3{margin:0;color:var(--navy)}.timeline p{color:var(--muted)}
.market-tags{display:flex;flex-wrap:wrap;gap:9px}.market-tags span{padding:8px 13px;border:1px solid #b7d2c2;border-radius:50px;color:var(--green);font-weight:800}
.mock-map{min-height:270px;border-radius:20px;background:radial-gradient(circle,#dff0e7,#fff);display:grid;place-items:center;text-align:center;color:var(--green);font-weight:900;font-size:33px;border:1px solid #cfe3d7}
.contact-section{background:linear-gradient(120deg,#f28c18,#d66e00);padding:78px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.contact-section h2{color:#fff}.contact-section .eyebrow{color:#fff}.contact-section p{color:#fff}
.contact-card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 45px rgba(70,30,0,.18)}.contact-card h3{color:var(--navy);font-size:25px;margin-top:0}.contact-card a:not(.btn){display:block;color:var(--blue);font-weight:700;margin:8px 0}
.page-hero{padding:70px 0;background:linear-gradient(135deg,var(--navy),#0d5b91);color:#fff}.page-hero h1{font-size:50px;line-height:1.1;margin:0 0 14px}.page-hero p{max-width:760px;color:#dbe8f3;font-size:18px}
.product-page-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.product-visual{min-height:450px;border-radius:24px;background:linear-gradient(135deg,#0d5b91,#f28c18);display:grid;place-items:center;color:#fff;text-align:center;font-size:48px;font-weight:900;padding:30px}
.pill{display:inline-block;background:#eaf5ef;color:var(--green);padding:6px 11px;border-radius:30px;font-weight:800;font-size:12px;margin:3px}
.check-list{padding:0;list-style:none}.check-list li{margin:10px 0}.check-list li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}
.inquiry{background:var(--light);border:1px solid var(--border);border-radius:18px;padding:28px;margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;font-weight:800;color:var(--navy)}input,textarea,select{width:100%;margin-top:5px;padding:12px;border:1px solid #cfd9e3;border-radius:8px;font:inherit;background:#fff}textarea{min-height:115px;resize:vertical}.form-full{grid-column:1/-1}
.table-wrap{overflow:auto}.spec-table{width:100%;border-collapse:collapse;background:#fff}.spec-table th,.spec-table td{padding:13px 15px;border:1px solid var(--border);text-align:left}.spec-table th{background:var(--navy);color:#fff}
footer{background:#061b35;color:#d5dfeb;padding:27px 0}.footer-wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px}.footer-wrap strong{color:#fff;letter-spacing:2px}.footer-wrap p{margin:2px 0;color:var(--orange)}
@media(max-width:850px){nav{display:none}.menu-toggle{display:block}.hero{padding:65px 0}.hero-grid,.two-col,.product-page-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.product-grid,.spec-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr 1fr}.page-hero h1{font-size:42px}.footer-wrap{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.product-grid,.spec-grid,.benefit-grid,.timeline,.form-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.mock-image{height:300px}.section{padding:65px 0}.form-full{grid-column:auto}}
