*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0b1d35;background:#fff}
.container{width:min(1120px,calc(100% - 48px));margin:0 auto}
.site-header{height:88px;background:#fff;border-bottom:1px solid #e8ecf2;display:flex;align-items:center}
.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:block;width:190px;height:62px;overflow:hidden;text-decoration:none}
.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
nav{display:flex;align-items:center;gap:32px}
nav a{color:#0b1d35;text-decoration:none;font-weight:600}
.nav-button{border:1px solid #0b1d35;border-radius:24px;padding:11px 20px}
.hero{background:linear-gradient(135deg,#fff 0%,#f7f9fc 100%);padding:105px 0 110px}
.hero-copy{max-width:950px}
.eyebrow{margin:0 0 16px;color:#6d3fc1;font-size:13px;font-weight:800;letter-spacing:3px}
h1{font-size:clamp(46px,5.5vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:0 0 25px;max-width:1050px}
h1 span{color:#6d3fc1}
.lead{font-size:19px;line-height:1.55;color:#53677f;max-width:760px;margin:0 0 32px}
.primary-button{display:inline-block;background:#0b1d35;color:#fff;text-decoration:none;font-weight:700;padding:15px 23px;border-radius:10px}
.section{padding:82px 0}
.section h2{font-size:42px;line-height:1.12;letter-spacing:-1.4px;margin:0 0 16px}
.section-intro{font-size:18px;color:#5c6f86;line-height:1.6;max-width:850px;margin:0 0 40px}
.cards,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card,.product{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;box-shadow:0 8px 25px rgba(11,29,53,.04)}
.card-icon{color:#6d3fc1;font-weight:800;letter-spacing:1px;margin-bottom:20px}
.card h3,.product h3{font-size:21px;margin:0 0 10px}
.card p,.product p,.about p{color:#5c6f86;line-height:1.6;margin:0}
.products{background:#f7f9fc}
.about{background:#fff}
.narrow{max-width:850px}
.contact{padding:72px 0}
.contact-box{background:#0b1d35;color:#fff;border-radius:24px;padding:48px 55px;display:flex;justify-content:space-between;align-items:center;gap:35px}
.contact-box h2{font-size:38px;line-height:1.12;letter-spacing:-1px;margin:0 0 12px;max-width:720px}
.contact-box p:not(.eyebrow){color:#b7c3d2;margin:0}
.contact-box .primary-button{background:#fff;color:#0b1d35;white-space:nowrap}
footer{background:#071426;color:#aab7c8;padding:26px 0;font-size:13px}
.footer-row{display:flex;justify-content:space-between;gap:20px}
@media(max-width:850px){.container{width:min(100% - 34px,700px)}.site-header{height:auto;padding:14px 0}.brand{width:170px;height:56px}.nav{align-items:center}nav{gap:14px}nav a:not(.nav-button){display:none}.hero{padding:65px 0}.cards,.product-grid{grid-template-columns:1fr}.section{padding:60px 0}.contact-box{flex-direction:column;align-items:flex-start;padding:38px}}
@media(max-width:560px){.brand{width:150px;height:50px}h1{font-size:42px;letter-spacing:-1.8px}.lead{font-size:17px}.section h2{font-size:34px}.footer-row{flex-direction:column}}

.product-button{display:inline-block;margin-top:22px;color:#6d3fc1;text-decoration:none;font-weight:800}
.product-button:hover{text-decoration:underline}
.product{display:flex;flex-direction:column;align-items:flex-start}