:root{--bg:#05080c;--bg2:#0b1118;--c1:#29a9e0;--c2:#1e7fc8;--tx:#d9e3ea;--mut:#8796a3}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font-family:Montserrat,Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.accent{color:var(--c1)}
.tag{display:inline-block;color:var(--c1);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin-bottom:.8rem;padding-left:26px;position:relative}
.tag:before{content:"";position:absolute;left:0;top:50%;width:16px;height:14px;transform:translateY(-50%);background:var(--c1);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05;font-weight:800;margin-bottom:1.2rem}
h2{font-size:clamp(1.7rem,3.5vw,2.6rem);line-height:1.15;font-weight:800;margin-bottom:1rem}
h3{font-size:1.15rem;margin-bottom:.4rem}p{color:var(--mut);margin-bottom:.8rem}
.btn{display:inline-block;background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;font-weight:600;padding:.9rem 1.8rem;border:0;border-radius:4px;cursor:pointer;box-shadow:0 0 25px rgba(41,169,224,.35);transition:.3s;font-family:inherit;font-size:1rem}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(41,169,224,.6)}
.btn.ghost{background:transparent;border:1px solid var(--c1);box-shadow:none}.btn.small{padding:.5rem 1.1rem}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 5vw;transition:.3s}
.nav.scrolled{background:rgba(5,8,12,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(41,169,224,.2);padding:.6rem 5vw}
.brand img{height:64px}.nav nav{display:flex;gap:1.8rem;align-items:center;font-weight:600;font-size:.92rem}
.nav nav a:not(.btn):hover{color:var(--c1)}
.burger{display:none;background:none;border:0;cursor:pointer}.burger span{display:block;width:26px;height:2px;background:#fff;margin:6px 0}
.hero{height:100vh;max-height:900px;min-height:560px;display:flex;align-items:center;padding:0 5vw;background-size:cover;background-position:center right;position:relative;overflow:hidden}
.hero-in{max-width:640px;position:relative;z-index:2}.hero p{font-size:1.15rem;margin-bottom:2rem}.cta{display:flex;gap:1rem;flex-wrap:wrap}
.hex-bg{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98'%3E%3Cpath d='M28 66L0 50V18L28 2l28 16v32zM28 98V66' fill='none' stroke='%2329a9e0' stroke-width='1'/%3E%3C/svg%3E")}
.scroll-down{position:absolute;bottom:30px;left:50%;width:26px;height:42px;border:2px solid var(--c1);border-radius:14px}
.scroll-down:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:var(--c1);border-radius:2px;animation:sd 1.6s infinite}
@keyframes sd{to{transform:translateY(14px);opacity:0}}
.sec{padding:110px 5vw}.dark2{background:var(--bg2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.split.mt{margin-top:3rem;gap:1.5rem}
.rimg{border-radius:8px;box-shadow:0 0 0 1px rgba(41,169,224,.25),0 20px 60px rgba(0,0,0,.6)}
.checks{list-style:none;margin-top:1rem}.checks li{padding-left:28px;position:relative;margin:.5rem 0}
.checks li:before{content:"";position:absolute;left:0;top:7px;width:14px;height:12px;background:var(--c1);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.head{text-align:center;max-width:720px;margin:0 auto 3.5rem}.note{font-size:.8rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.8rem}
.card{background:var(--bg2);border:1px solid rgba(41,169,224,.12);border-radius:8px;overflow:hidden;transition:.35s}
.card img{height:220px;width:100%;object-fit:cover;transition:.5s}.card div{padding:1.4rem}
.card:hover{transform:translateY(-6px);border-color:var(--c1);box-shadow:0 10px 40px rgba(41,169,224,.2)}.card:hover img{transform:scale(1.06)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative}
.steps:before{content:"";position:absolute;top:40px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--c1),transparent)}
.step{text-align:center;position:relative}
.hex{width:80px;height:80px;margin:0 auto 1.2rem;display:grid;place-items:center;font-size:1.8rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.stat{text-align:center;padding:2.2rem 1rem;border:1px solid rgba(41,169,224,.2);border-radius:8px;background:radial-gradient(circle at top,rgba(41,169,224,.12),transparent 70%)}
.stat b{display:block;font-size:3rem;color:var(--c1);font-weight:800}.stat span{color:var(--mut)}
.gallery{columns:4 220px;column-gap:1rem}.gallery img{margin-bottom:1rem;border-radius:6px;cursor:zoom-in;transition:.3s;filter:saturate(.9)}
.gallery img:hover{filter:saturate(1.2) brightness(1.1);box-shadow:0 0 25px rgba(41,169,224,.4)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;place-items:center;z-index:100;cursor:zoom-out}.lightbox.on{display:grid}.lightbox img{max-width:90vw;max-height:90vh}
.info{list-style:none;margin-top:1.5rem}.info li{margin:.6rem 0}.info b{color:var(--c1)}
.form{display:grid;gap:1rem;background:var(--bg2);padding:2rem;border-radius:8px;border:1px solid rgba(41,169,224,.2)}
.form input,.form select,.form textarea{background:#05080c;border:1px solid #1b2733;color:var(--tx);padding:.85rem 1rem;border-radius:4px;font-family:inherit;font-size:.95rem}
.form :focus{outline:none;border-color:var(--c1)}.ok{color:var(--c1)}
footer{text-align:center;padding:3rem 5vw;border-top:1px solid #121c26}footer img{height:70px;margin:0 auto 1rem}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.steps,.stats{grid-template-columns:1fr 1fr}.steps:before{display:none}.split{grid-template-columns:1fr;gap:2rem}
.burger{display:block}.nav nav{position:fixed;top:70px;right:0;left:0;flex-direction:column;background:rgba(5,8,12,.97);padding:2rem;display:none}.nav nav.open{display:flex}}
@media(max-width:560px){.grid,.stats{grid-template-columns:1fr}}