:root{
  --bg:#03080f;--bg2:#06111f;--blue:#0057ff;--cyan:#00c2d4;--white:#fff;--text:#d9e1ee;--muted:#94a3b8;--border:rgba(255,255,255,.12);--glass:rgba(255,255,255,.07);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',Arial,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden}
.noise{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:5px 5px}
.container{width:min(1180px,92%);margin:auto}
.topbar{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1180px,92%);height:76px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border:1px solid var(--border);background:rgba(3,8,15,.72);backdrop-filter:blur(18px);border-radius:999px;box-shadow:0 18px 50px rgba(0,0,0,.35)}
.brand img{width:178px;display:block}
.nav{display:flex;align-items:center;gap:22px}
.nav a{color:var(--text);text-decoration:none;font-size:14px;font-weight:700;transition:.25s}
.nav a:hover{color:var(--cyan)}
.nav-cta{padding:13px 18px;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px;color:#fff!important}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.section{padding:110px 0;position:relative}
.hero{min-height:100vh;padding:150px 0 90px;position:relative;display:flex;align-items:center;background:radial-gradient(circle at 82% 20%,rgba(0,87,255,.34),transparent 32%),linear-gradient(145deg,#02040a,#071529 58%,#02040a)}
.hero::after{content:"";position:absolute;inset:auto -10% -40% -10%;height:420px;background:radial-gradient(circle,rgba(0,194,212,.12),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center;position:relative;z-index:2}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.eyebrow span{width:38px;height:2px;background:var(--cyan);display:block}
h1{font-size:clamp(48px,7vw,90px);line-height:.92;font-weight:900;letter-spacing:-.06em;text-transform:uppercase}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#fff,var(--blue));-webkit-background-clip:text;color:transparent;display:block}
h2{font-size:clamp(34px,4.2vw,60px);line-height:1;font-weight:900;letter-spacing:-.04em;text-transform:uppercase}
h3{font-size:22px;line-height:1.1}
p{color:var(--text);line-height:1.7}
.hero-copy p{font-size:18px;margin:24px 0 28px;max-width:620px}
.hero-actions,.contact-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:16px 24px;text-decoration:none;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.25s}
.btn:hover{transform:translateY(-4px)}
.btn-primary{background:linear-gradient(90deg,var(--blue),var(--cyan));color:white;box-shadow:0 18px 35px rgba(0,87,255,.25)}
.btn-ghost{border-color:rgba(0,194,212,.45);color:var(--cyan);background:rgba(255,255,255,.03)}
.btn-light{background:white;color:#031024}
.btn-whatsapp{background:#0dbb62;color:#fff}
.full{width:100%}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:590px}
.hero-stats div{padding:18px;border:1px solid var(--border);border-radius:22px;background:var(--glass)}
.hero-stats strong{font-size:24px;display:block;color:#fff}
.hero-stats span{font-size:12px;color:var(--muted);font-weight:700}
.hero-visual{position:relative}
.hero-visual img,.visual img{width:100%;border-radius:34px;border:1px solid var(--border);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.floating-card{position:absolute;background:rgba(3,8,15,.82);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:22px;padding:16px 18px;box-shadow:0 18px 40px rgba(0,0,0,.4)}
.floating-card span{font-size:26px}.floating-card strong{display:block}.floating-card small{color:var(--muted)}
.card-one{top:24px;left:-30px}.card-two{right:-25px;bottom:28px}
.section-head{text-align:center;max-width:760px;margin:0 auto 54px}
.section-head h2{margin:14px 0}
.cards{display:grid;gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}
.glass-card,.service-card,.calculator,.contact-form,.brand-box{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:30px;padding:30px;box-shadow:0 24px 60px rgba(0,0,0,.22);transition:.25s}
.glass-card:hover,.service-card:hover{transform:translateY(-8px);border-color:rgba(0,194,212,.6)}
.glass-card i{font-style:normal;font-size:38px;margin-bottom:18px;display:block}
.glass-card h3,.service-card h3{margin-bottom:12px}
.split,.calc-grid,.contact-grid,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}
.reverse .visual{order:2}
.content h2{margin:14px 0 22px}
.steps{display:grid;gap:18px;margin-top:28px}
.step{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:22px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.045)}
.step b{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center}
.service-top{font-size:40px;margin-bottom:20px}.service-card a{color:var(--cyan);font-weight:900;text-decoration:none;display:inline-block;margin-top:18px}.featured{border-color:rgba(0,194,212,.7);background:linear-gradient(180deg,rgba(0,87,255,.18),rgba(255,255,255,.04))}
.calculator label,.contact-form label{font-size:13px;text-transform:uppercase;color:var(--cyan);font-weight:900;letter-spacing:.08em;margin-bottom:8px;display:block}
.calculator input,.calculator select,.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:#fff;outline:none;margin-bottom:16px;font-family:inherit}
.calculator option,.contact-form option{color:#031024}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.maritime-fields{display:none}
.result{margin:18px 0;padding:22px;border-radius:22px;background:#fff;color:#031024;text-align:center;font-size:25px;font-weight:900}
.checklist{list-style:none;margin-top:24px;display:grid;gap:12px;color:var(--text)}.checklist li::before{content:"✓";color:var(--cyan);font-weight:900;margin-right:10px}
.store-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.store-tags span{padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--border);font-weight:800}
.mini-list{display:grid;gap:10px;margin:22px 0}.mini-list div{padding:14px 16px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:16px}.mini-list strong{color:var(--cyan)}
.quote{padding:24px;margin-top:22px;border-left:4px solid var(--cyan);background:rgba(255,255,255,.06);border-radius:16px;color:#fff;font-weight:700}
.faq-list{max-width:850px;margin:auto;display:grid;gap:14px}
details{background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:22px;padding:22px}
summary{cursor:pointer;font-weight:900;font-size:18px}details p{margin-top:14px}
.big-banner{position:relative;overflow:hidden;border-radius:42px;min-height:440px;display:grid;align-items:end;border:1px solid var(--border)}
.big-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.big-banner div{position:relative;z-index:2;padding:52px;max-width:760px}.big-banner h2{margin:12px 0 18px}
.brand-box{text-align:center}.brand-box img{width:80%;max-width:360px}.brand-box h3{margin-top:18px;color:var(--cyan)}
.contact{background:radial-gradient(circle at 20% 20%,rgba(0,87,255,.22),transparent 35%)}
.contact-form textarea{height:130px;resize:none}
.footer{text-align:center;padding:44px 20px;border-top:1px solid var(--border);background:#010309}.footer img{width:190px;margin-bottom:18px}.footer p{color:var(--muted)}
.reveal{opacity:0;transform:translateY(24px);transition:all .75s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.14s}
@media(max-width:950px){
  .menu-toggle{display:block}.nav{display:none;position:absolute;top:88px;left:0;right:0;flex-direction:column;padding:24px;background:rgba(3,8,15,.95);border:1px solid var(--border);border-radius:28px}.nav.open{display:flex}
  .hero-grid,.split,.calc-grid,.contact-grid,.about-grid{grid-template-columns:1fr}.cards.four,.cards.three{grid-template-columns:1fr 1fr}.reverse .visual{order:0}.hero{text-align:center}.hero-actions{justify-content:center}.hero-stats{margin-inline:auto}.card-one,.card-two{display:none}
}
@media(max-width:640px){
  .topbar{top:10px;height:66px}.brand img{width:145px}.section{padding:78px 0}.cards.four,.cards.three,.two-fields,.hero-stats{grid-template-columns:1fr}h1{font-size:45px}.big-banner div{padding:30px}.hero{padding-top:120px}
}