@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#061c3e;--blue:#073b67;--teal:#003846;--orange:#f4511e;--cream:#f7f7f4;--white:#fff;--text:#18345b;--muted:#60708a;--shadow:0 18px 50px rgba(2,28,55,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #e8edf2}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:46px;width:auto;object-fit:contain;display:block}.footer-logo{height:36px;width:auto;object-fit:contain;display:block;background:rgba(255,255,255,.1);padding:4px;border-radius:6px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0769c9,#f13b19);color:white;display:grid;place-items:center;font-weight:900}.brand strong{display:block;font-size:13px;letter-spacing:.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#758398;margin-top:1px}nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}nav a{display:inline-flex;align-items:center}nav a:hover{color:var(--orange)}.menu-btn{display:none;border:0;background:none;font-size:26px}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f7f8f6 55%,#eaf0f0 100%);min-height:690px}.hero-bg{position:absolute;right:-12%;top:-30%;width:65%;height:120%;background:linear-gradient(135deg,transparent 0 35%,#06384a 35% 75%,#022331 75%);transform:skewX(-18deg);opacity:.98}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:80px 0}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.2px;color:var(--orange);margin:0 0 13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:0;color:var(--navy);letter-spacing:-3px}.hero h1 span{color:var(--orange)}.lead{font-size:18px;max-width:620px;color:#52637b;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 22px;border-radius:9px;font-weight:800;font-size:13px;border:1px solid var(--navy)}.btn.primary{background:var(--orange);border-color:var(--orange);color:#fff}.btn.ghost{background:#fff;color:var(--navy)}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:12px;font-weight:700}.hero-card{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:7px solid rgba(255,255,255,.8);transform:rotate(1deg)}.hero-card img{width:100%;display:block}
.section{padding:95px 0}.section.light{background:var(--cream)}.section.dark{background:linear-gradient(135deg,#032331,#063c4b);color:#fff}.section h2{font-size:clamp(32px,4vw,50px);line-height:1.1;letter-spacing:-1.5px;margin:0 0 22px;color:var(--navy)}.dark h2{color:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{padding:28px;background:#fff;border:1px solid #e5eaf0;border-radius:18px;box-shadow:0 8px 30px rgba(2,28,55,.05)}.stats strong{display:block;font-size:35px;color:var(--orange)}.stats span{font-size:12px;color:var(--muted)}
.cards.three,.service-grid,.product-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card,.service-grid article,.product-grid article,.portfolio-grid article{border-radius:18px;padding:28px;background:#fff;border:1px solid #e5eaf0;box-shadow:0 10px 35px rgba(2,28,55,.06)}.info-card h3,.product-grid h3,.portfolio-grid h3{margin:10px 0 8px;color:var(--navy)}.info-card p,.product-grid p,.portfolio-grid p{font-size:13px;color:var(--muted);margin:0}.icon{font-size:26px;color:var(--orange)}.service-grid{grid-template-columns:repeat(3,1fr);margin-top:30px}.service-grid article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}.service-grid b{color:var(--orange);font-size:13px}.service-grid h3{margin:8px 0;color:#fff}.service-grid p{font-size:13px;color:#c8d6dc}.orange{color:#ff6a32}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.text-link{font-weight:800;color:var(--orange)}.product-grid{margin-bottom:28px}.wide-preview{width:100%;display:block;border-radius:20px;box-shadow:var(--shadow)}.portfolio-grid{grid-template-columns:repeat(2,1fr);margin:30px 0}.client-list{padding-left:20px}.client-list li{margin:10px 0}.side-preview{width:100%;border-radius:20px;box-shadow:var(--shadow)}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.check-list span{padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.05)}
.contact{background:linear-gradient(135deg,#fff 0%,#f4f6f4 100%)}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.contact-items{display:grid;gap:12px}.contact-items a,.contact-items div{display:flex;flex-direction:column;padding:15px 17px;background:#fff;border:1px solid #e3e8ee;border-radius:12px}.contact-items b{font-size:12px;color:var(--orange)}.contact-items span{font-size:14px}.contact-preview{width:100%;border-radius:20px;box-shadow:var(--shadow)}
footer{background:#021c2a;color:#d5e2e7;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;font-size:12px}.footer-inner strong{color:#fff}.footer-inner p{margin:4px 0 0;color:#94aeb8}
@media(max-width:850px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:0 20px 30px rgba(0,0,0,.08)}nav.open{display:flex}.menu-btn{display:block}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr}.hero-bg{right:-70%;width:120%}.hero-card{order:-1}.cards.three,.service-grid,.product-grid{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:10px}.footer-inner{display:block}.footer-inner>div+div{margin-top:15px}}
@media(max-width:520px){.section{padding:70px 0}.hero-grid{padding:60px 0}.hero h1{letter-spacing:-2px}.cards.three,.service-grid,.product-grid,.stats{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.brand strong{font-size:11px}.brand small{display:none}}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--navy);color:#fff!important;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;line-height:1;letter-spacing:.2px;transition:all .2s ease;margin-left:8px}
.nav-cta:hover{background:var(--orange)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 14px rgba(244,81,30,.28)}
@media(max-width:850px){.nav-cta{margin-left:0;justify-content:center;text-align:center;padding:12px 16px;margin-top:8px}}