*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030913;color:#eef8ff;font:16px/1.6 Segoe UI,Arial,sans-serif}a{color:inherit}header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:18px 6%;background:#030913b8;backdrop-filter:blur(18px);border-bottom:1px solid #55d8ff22}.brand{font-weight:900;letter-spacing:.2em;text-decoration:none}nav{display:flex;gap:26px}nav a{text-decoration:none;color:#b9d2e3}nav a:hover{color:#55d8ff}.menu-toggle{display:none;background:none;color:white;border:0;font-size:26px}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:130px 7% 70px}.eyebrow{font-size:12px;letter-spacing:.2em;color:#55d8ff;font-weight:800}.hero h1,h2{line-height:1.05}.hero h1{font-size:clamp(44px,6vw,76px)}h1 span,h2 span{color:#55d8ff}.lead{font-size:19px;color:#9fb6c8;max-width:720px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-block;padding:13px 22px;border-radius:12px;border:1px solid #16bfff;text-decoration:none;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#00a8ff,#006cff);box-shadow:0 0 30px #00a8ff44}.ghost{background:#ffffff08}.trust,.muted,.card p{color:#91a9bb}.hero-art img,.banner-placeholder{width:100%;border-radius:24px;border:1px solid #55d8ff55;box-shadow:0 0 70px #0098ff33}.banner-placeholder{min-height:360px;display:grid;place-items:center;text-align:center;font-size:50px;font-weight:900;background:linear-gradient(145deg,#071a2e,#06101d)}.banner-placeholder small{display:block;font-size:14px;color:#8fb4cc}.section{padding:110px 7%}.section h2{font-size:clamp(34px,4vw,54px)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.card,.why-grid>div,.glass-form{background:#ffffff08;border:1px solid #55d8ff25;border-radius:20px;padding:25px;backdrop-filter:blur(14px);transition:.3s}.card:hover,.why-grid>div:hover{transform:translateY(-7px);border-color:#55d8ff88;box-shadow:0 18px 50px #0086ff22}.icon{font-size:34px}.split,.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.why-grid b{color:#55d8ff}.large{font-size:25px;max-width:900px}.contact-details{display:grid;gap:12px;margin-top:25px}.contact-details a{text-decoration:none}.glass-form{display:grid;gap:14px}input,textarea{width:100%;padding:14px;border-radius:11px;border:1px solid #80c8e633;background:#0005;color:white}footer{display:flex;justify-content:space-between;padding:30px 7%;border-top:1px solid #55d8ff1f;color:#7892a5}@media(max-width:900px){.hero,.split,.contact{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}nav{display:none}.menu-toggle{display:block}nav.open{display:flex;position:absolute;top:70px;left:0;right:0;padding:20px;flex-direction:column;background:#06111e}}@media(max-width:560px){.cards,.why-grid{grid-template-columns:1fr}.section{padding:80px 5%}footer{flex-direction:column}}
/* Milestone 2 premium components */
.section-head{max-width:820px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.stat{padding:28px;border:1px solid #55d8ff25;border-radius:18px;background:#ffffff08;text-align:center}
.stat strong{display:block;font-size:42px;color:#55d8ff}
.stat span{color:#91a9bb}
.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.project{min-height:220px;padding:26px;border-radius:20px;border:1px solid #55d8ff25;background:linear-gradient(145deg,#0a2237,#07111e);display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}
.project:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,#00a8ff22,transparent 45%);transition:.5s}
.project:hover:before{transform:scale(1.4)}
.project>*{position:relative}
.project small{color:#55d8ff}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}
.quote{padding:28px;border-radius:20px;border:1px solid #55d8ff25;background:#ffffff08}
.quote p{color:#b5cad8}
.quote b{color:#55d8ff}
.faq{max-width:900px;margin-top:38px}
.faq-item{border-bottom:1px solid #55d8ff22}
.faq-q{width:100%;padding:20px 0;background:none;border:0;color:#eef8ff;text-align:left;font-size:17px;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}
.faq-a{max-height:0;overflow:hidden;color:#91a9bb;transition:max-height .35s ease}
.faq-item.active .faq-a{max-height:150px;padding-bottom:20px}
.faq-item.active .faq-q span{transform:rotate(45deg)}
.faq-q span{transition:.25s}
@media(max-width:900px){.stats,.portfolio,.testimonials{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.stats,.portfolio,.testimonials{grid-template-columns:1fr}}

.lang-switcher{display:flex;gap:5px;margin-left:14px}.lang-btn{border:1px solid #55d8ff33;background:#ffffff08;color:#a9c1d1;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;cursor:pointer}.lang-btn.active,.lang-btn:hover{color:#fff;border-color:#55d8ff;background:#00a8ff33}

.lang-switcher{display:flex;gap:5px;margin-left:14px}.lang-btn{border:1px solid #55d8ff33;background:#ffffff08;color:#a9c1d1;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;cursor:pointer}.lang-btn.active,.lang-btn:hover{color:#fff;border-color:#55d8ff;background:#00a8ff33}

.form-note{font-size:.78rem;opacity:.65;margin:.25rem 0 0}.glass-form input,.glass-form textarea{font:inherit}

.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.form-note{font-size:.78rem;opacity:.65;margin:.25rem 0 0}