*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#071b3d;--blue:#1769e0;--light:#f4f7fb;--text:#14213d}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.6;background:#fff}
.container{width:min(1120px,90%);margin:auto}
.header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf5}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:28px;font-weight:800;color:var(--navy);text-decoration:none;letter-spacing:-1px}.logo span{color:var(--blue)}
nav{display:flex;align-items:center;gap:28px}nav a{color:var(--navy);text-decoration:none;font-weight:600}.nav-btn{background:var(--navy);color:#fff!important;padding:11px 18px;border-radius:8px}
.hero{background:linear-gradient(135deg,#f5f8fd 0%,#fff 55%);padding:100px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--blue);margin-bottom:16px}
h1{font-size:clamp(48px,7vw,78px);line-height:1.02;letter-spacing:-3px;color:var(--navy)}h1 span{color:var(--blue)}
.hero-text{font-size:20px;max-width:650px;margin:25px 0 32px;color:#52627b}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:700;padding:15px 23px;border-radius:9px}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid #ccd6e5;color:var(--navy);background:#fff}
.hero-card{display:flex;justify-content:center}.machine{width:250px;height:430px;border-radius:25px;background:linear-gradient(150deg,#15243b,#071225);box-shadow:0 25px 60px rgba(7,27,61,.25);padding:25px;color:#fff}.machine-top{font-weight:800;letter-spacing:2px;text-align:center}.screen{height:175px;margin:25px 0;background:#0c75b8;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:25px;font-weight:800;line-height:1.05}.slots{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slots i{height:70px;background:#fff;border-radius:7px;display:block}
.section{padding:100px 0}.section h2,.contact h2{font-size:46px;line-height:1.1;color:var(--navy);letter-spacing:-1.5px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article,.audience-grid div{padding:30px;border:1px solid #e2e8f1;border-radius:14px}.number{color:var(--blue);font-weight:800;margin-bottom:35px}.cards h3,.audience-grid h3{font-size:22px;color:var(--navy);margin-bottom:10px}.cards p,.audience-grid p{color:#64748b}
.light{background:var(--light)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:28px}.benefits p{color:#64748b}.benefits strong{color:var(--navy);font-size:18px}
.contact{background:var(--navy);color:#fff;padding:80px 0}.contact h2{color:#fff;margin-bottom:15px}.contact p{color:#c8d3e5}.contact-box{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.contact-details{display:flex;flex-direction:column;gap:14px}.contact-details a,.contact-details span{color:#fff;text-decoration:none;font-size:19px;font-weight:650}
footer{background:#04132c;color:#9caec8;padding:25px 0}.footer{display:flex;justify-content:space-between;gap:20px}
@media(max-width:800px){nav a:not(.nav-btn){display:none}.hero-grid,.split,.contact-box{grid-template-columns:1fr}.hero{padding:70px 0}.hero-card{order:-1}.cards,.audience-grid,.benefits{grid-template-columns:1fr}.section{padding:70px 0}h1{letter-spacing:-2px}.section h2{font-size:38px}.footer{flex-direction:column}}