:root{--navy:#062a4f;--navy-dark:#031d38;--blue:#0f5f9f;--cyan:#69c7ee;--orange:#f28c28;--orange-light:#ffb15a;--green:#78a832;--green-dark:#2d5b2e;--bg:#eef3f8;--surface:#fff;--text:#102033;--muted:#5f7187;--border:#d9e3ee;--shadow:0 24px 70px rgba(6,42,79,.16);--radius:26px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 42px));margin:auto}.topline{background:var(--navy-dark);color:#c9d8e8;font-size:14px}.topline .container{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:18px}.topline strong{color:#fff}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,227,238,.9)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{flex-shrink:0}.logo img{height:52px;width:auto;flex-shrink:0}.navlinks{display:flex;align-items:center;gap:26px;font-weight:600;color:#24445f;font-size:16px}.navlinks a:hover{color:var(--blue)}.actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 24px;font-weight:700;font-size:16px;line-height:1;border:1px solid transparent;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#07192d;box-shadow:0 18px 30px rgba(242,140,40,.28)}.btn-blue{background:linear-gradient(135deg,#0075d8,#0f5f9f);color:#fff;box-shadow:0 18px 30px rgba(15,95,159,.28)}.btn-dark{background:var(--navy);color:#fff;box-shadow:0 18px 30px rgba(6,42,79,.22)}.btn-light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.34)}.btn-white{background:#fff;color:var(--navy);border-color:var(--border)}.menu{display:none;border:1px solid var(--border);background:white;border-radius:14px;width:46px;height:46px;font-size:24px}.hero{position:relative;min-height:790px;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(3,24,46,.94) 0%,rgba(7,43,78,.79) 42%,rgba(7,43,78,.22) 73%),url("../img/hero.png") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto -12% -30% 42%;height:92%;border-radius:50%;border:1px solid rgba(105,199,238,.22);box-shadow:0 0 0 80px rgba(15,95,159,.08),0 0 0 170px rgba(15,95,159,.06)}.hero .container{position:relative;z-index:2;min-height:790px;display:grid;grid-template-columns:1fr;align-items:center;gap:42px}.page-hero{color:#fff;padding:96px 0 78px;background:linear-gradient(90deg,rgba(3,24,46,.96),rgba(7,43,78,.84),rgba(15,95,159,.45)),url("../img/hero-scale.png") center/cover no-repeat}.page-hero.bau{background:linear-gradient(90deg,rgba(74,42,12,.94),rgba(168,83,13,.70),rgba(255,255,255,.15)),url("../img/hero-bau.jpg") center/cover no-repeat}.eyebrow{display:inline-flex;gap:9px;align-items:center;background:rgba(105,199,238,.13);border:1px solid rgba(105,199,238,.33);color:#bfefff;border-radius:999px;padding:8px 14px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px}.eyebrow.green{background:rgba(242,140,40,.16);border-color:rgba(255,177,90,.35);color:#ffe9cf}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(43px,6vw,76px);margin-top:20px}h2{font-size:clamp(32px,4vw,54px)}h3{font-size:25px}.lead{font-size:20px;color:#d5e4f2;max-width:740px;margin:24px 0 32px}.hero-buttons{display:flex;gap:13px;flex-wrap:wrap}.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}.proof-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);padding:11px 14px;border-radius:999px;font-weight:600;font-size:16px}.check{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:inline-grid;place-items:center;background:rgba(105,199,238,.2);color:#bfefff;font-weight:950;font-size:12px;line-height:1}.hero-panel{align-self:end;margin-bottom:70px;background:rgba(2,23,43,.75);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);border-radius:30px;padding:24px;box-shadow:var(--shadow)}.panel-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.status{background:rgba(105,199,238,.16);color:#bfefff;border:1px solid rgba(105,199,238,.24);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.metric{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:18px}.metric strong{display:block;font-size:31px;letter-spacing:-.05em}.metric small{color:#b9cbe0}.section{padding:96px 0}.white{background:#fff}.dark{background:linear-gradient(145deg,#031d38,#062a4f);color:#fff}.green-dark{background:linear-gradient(145deg,#2a1808,#5c2e08);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:38px}.section-head p{margin:0;color:var(--muted);max-width:620px;font-size:18px}.dark .section-head p,.dark p,.green-dark .section-head p,.green-dark p{color:#c8d9ea}.kicker{color:var(--orange);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:13px}.kicker.green{color:var(--orange)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{border-radius:34px;color:#fff;overflow:hidden;position:relative;box-shadow:var(--shadow);min-height:610px;background:#102033;display:flex;flex-direction:column}.product-card-image{height:255px;background-size:cover;background-position:center;position:relative}.product-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.40))}.product-card-body{padding:36px;display:flex;flex-direction:column;justify-content:space-between;flex:1;position:relative}.product-card.scale .product-card-body{background:linear-gradient(145deg,#04284d,#0f5f9f)}.product-card.bau .product-card-body{background:linear-gradient(145deg,#5c2e08,#a8530d)}.product-card ul{list-style:none;margin:24px 0 0;padding:0}.product-card li{margin:11px 0;display:flex;gap:9px;font-weight:700}.product-card p{color:#e2eef8;font-size:18px}.product-card.bau p{color:#fff4e6}.product-card .btn{align-self:flex-start;margin-top:22px}.info-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 42px rgba(6,42,79,.08);transition:.2s ease}.info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.info-img{height:170px;background-size:cover;background-position:center}.info-body{padding:22px}.info-body h3{font-size:20px;margin-bottom:8px}.info-body p{color:var(--muted);margin:0}.dark .info-card,.green-dark .info-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}.dark .info-body p,.green-dark .info-body p{color:#c8d9ea}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.logo-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:flex;align-items:center;justify-content:center;min-height:120px;box-shadow:0 16px 42px rgba(6,42,79,.07);transition:.2s ease}.logo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.logo-card img{max-height:56px;max-width:100%;width:auto}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:0 16px 42px rgba(6,42,79,.07)}.dark .card,.green-dark .card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);box-shadow:none}.card p{color:var(--muted)}.dark .card p,.green-dark .card p{color:#c8d9ea}a.card{display:block;transition:.2s ease}a.card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-list{display:grid;gap:14px}.feature{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:18px;border-radius:20px;background:#f7fafc;border:1px solid var(--border)}.feature strong{display:block}.feature span{color:var(--muted);font-size:15px}.process{counter-reset:step;display:grid;gap:17px}.step{counter-increment:step;display:grid;grid-template-columns:58px 1fr;gap:18px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:24px}.step:before{content:counter(step);width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:950;font-size:22px}.feature-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}.feature-card{display:flex;align-items:stretch;min-height:138px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 16px 42px rgba(6,42,79,.08);transition:.2s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.feature-card-img{flex:0 0 42%;background-size:cover;background-position:center;transition:.4s ease}.feature-card:hover .feature-card-img{transform:scale(1.06)}.feature-card-body{padding:24px;display:flex;flex-direction:column;justify-content:center}.feature-card-body h3{font-size:20px;margin-bottom:8px}.feature-card-body p{color:var(--muted);margin:0}.step.green:before{background:linear-gradient(135deg,#5c2e08,#a8530d)}.cta{background:radial-gradient(circle at 82% 18%,rgba(105,199,238,.23),transparent 32%),linear-gradient(145deg,#031d38,#0b3c70);color:#fff;border-radius:36px;padding:50px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:var(--shadow)}.cta.green{background:radial-gradient(circle at 82% 18%,rgba(255,177,90,.25),transparent 32%),linear-gradient(145deg,#2a1808,#6b380a)}.cta p{color:#c8d9ea;font-size:18px;margin:14px 0 0}.footer{background:#031d38;color:#c8d9ea;padding:58px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer img{height:48px;width:auto;margin-bottom:16px;filter:brightness(0) invert(1)}.footer h4{color:#fff;margin:0 0 13px}.footer a{display:block;color:#c8d9ea;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:32px;padding-top:20px;color:#8eabc5;font-size:14px}.footer-bottom a{display:inline;margin:0;color:#a9c2da}.footer-bottom a:hover{color:#fff}.legal{max-width:820px}.legal h2{font-size:30px;letter-spacing:-.02em;margin:46px 0 16px}.legal h2:first-child{margin-top:0}.legal h3{font-size:20px;letter-spacing:-.01em;margin:28px 0 10px}.legal p,.legal li{color:var(--muted);font-size:16px;line-height:1.75}.legal ul{padding-left:22px;margin:10px 0}.legal a{color:var(--blue);text-decoration:underline}.form{background:#fff;border:1px solid var(--border);border-radius:28px;padding:28px;box-shadow:0 16px 42px rgba(6,42,79,.07)}.form label{display:block;font-weight:900;margin:13px 0 6px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--border);border-radius:15px;padding:14px 15px;font:inherit}.form textarea{min-height:138px;resize:vertical}.form-status{margin:14px 0 0;font-size:15px;font-weight:600}.form-status:empty{display:none}.form-status.success{color:#1f8a4c}.form-status.error{color:#c0392b}@media(max-width:1080px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.navlinks,.actions{display:none}.menu{display:block}.navlinks.open{display:flex;position:absolute;left:20px;right:20px;top:82px;background:white;border:1px solid var(--border);border-radius:22px;padding:20px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.hero .container,.grid-2,.grid-3,.footer-grid,.cta,.product-grid,.feature-grid-2{grid-template-columns:1fr}.logo-grid{grid-template-columns:repeat(2,1fr)}.hero,.hero .container{min-height:auto}.hero .container{padding:70px 0}.hero-panel{margin:30px 0 0;align-self:auto}.section-head{display:block}}@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.topline{display:none}.nav{height:64px}.logo img{height:38px}.navlinks.open{top:64px}.hero-buttons{flex-direction:column}.btn{width:100%}.metric-grid,.grid-4,.logo-grid{grid-template-columns:1fr}.feature-card{flex-direction:column}.feature-card-img{flex:0 0 160px;width:100%}.cta{padding:32px}.product-card{min-height:auto}}

/* --- Premium scroll animations & micro interactions --- */
.reveal,
.reveal-stagger > * {
    opacity: 0;
    transform: translateY(34px);
    transition:
        opacity .8s cubic-bezier(.2,.7,.2,1),
        transform .8s cubic-bezier(.2,.7,.2,1);
}

.reveal.is-visible,
.reveal-stagger.is-visible > * {
    opacity: 1;
    transform: translateY(0);
}

.reveal-stagger.is-visible > *:nth-child(1) { transition-delay: .05s; }
.reveal-stagger.is-visible > *:nth-child(2) { transition-delay: .13s; }
.reveal-stagger.is-visible > *:nth-child(3) { transition-delay: .21s; }
.reveal-stagger.is-visible > *:nth-child(4) { transition-delay: .29s; }
.reveal-stagger.is-visible > *:nth-child(5) { transition-delay: .37s; }
.reveal-stagger.is-visible > *:nth-child(6) { transition-delay: .45s; }
.reveal-stagger.is-visible > *:nth-child(7) { transition-delay: .53s; }
.reveal-stagger.is-visible > *:nth-child(8) { transition-delay: .61s; }

.hero h1,
.hero .lead,
.hero .hero-buttons {
    animation: heroFadeUp .9s cubic-bezier(.2,.7,.2,1) both;
}

.hero .lead { animation-delay: .12s; }
.hero .hero-buttons { animation-delay: .24s; }

@keyframes heroFadeUp {
    from { opacity:0; transform: translateY(28px); }
    to { opacity:1; transform: translateY(0); }
}

.hero:before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 70% 22%, rgba(105,199,238,.22), transparent 28%),
        radial-gradient(circle at 18% 80%, rgba(242,140,40,.18), transparent 30%);
    mix-blend-mode: screen;
    animation: ambientPulse 7s ease-in-out infinite alternate;
}

@keyframes ambientPulse {
    from { opacity:.45; transform:scale(1); }
    to { opacity:.8; transform:scale(1.04); }
}

.product-card,
.info-card,
.card,
.form {
    will-change: transform;
}

.product-card:hover,
.info-card:hover,
.card:hover {
    transform: translateY(-7px) scale(1.01);
}

.float-card {
    animation: subtleFloat 7s ease-in-out infinite;
}

.float-card:nth-child(2) {
    animation-delay: 1.4s;
}

@keyframes subtleFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.product-card-image,
.info-img {
    transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .65s ease;
}

.product-card:hover .product-card-image,
.info-card:hover .info-img {
    transform: scale(1.06);
    filter: saturate(1.12) contrast(1.04);
}

.product-card,
.info-card {
    isolation:isolate;
}

.product-card:before,
.info-card:before {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.18) 45%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .85s cubic-bezier(.2,.7,.2,1);
    z-index:2;
    pointer-events:none;
}

.product-card:hover:before,
.info-card:hover:before {
    transform: translateX(120%);
}

.btn {
    position:relative;
    overflow:hidden;
}

.btn:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg, transparent, rgba(255,255,255,.34), transparent);
    transform:translateX(-120%);
    transition:transform .55s ease;
}

.btn:hover:after {
    transform:translateX(120%);
}

.magnetic {
    box-shadow: 0 18px 40px rgba(242,140,40,.35);
}

.hero-panel {
    animation: panelEnter 1s cubic-bezier(.2,.7,.2,1) .35s both, subtleFloat 8s ease-in-out 1.3s infinite;
}

@keyframes panelEnter {
    from { opacity:0; transform: translateY(40px) scale(.96); }
    to { opacity:1; transform: translateY(0) scale(1); }
}

.metric strong {
    background: linear-gradient(135deg, #fff, #9fe7ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.badge,
.proof-item {
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.badge:hover,
.proof-item:hover {
    transform: translateY(-3px);
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.34);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }
    .reveal,
    .reveal-stagger > * {
        opacity:1 !important;
        transform:none !important;
    }
}