*{box-sizing:border-box}html,body{margin:0}body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0f1322;color:#e9eef6}
:root{--c1:#6f9deb;--c2:#0f1322;--c3:#f3f6fd;--c4:#f59e0b;--c5:#18b6a1;--ink:#0e1320;--ink-soft:#344058}
.container{max-width:1100px;margin:0 auto;padding:0 20px;
    padding-left: 20px !important;
    padding-right: 20px !important;}
.navwrap{background:#0b0f1d;border-bottom:1px solid #1b2136;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;letter-spacing:.2px;color:#fff}
.menu a{color:#e6ecf8;margin-left:18px}
.menu a:hover{opacity:.8}
.btn{display:inline-flex;gap:.5rem;align-items:center;background:var(--c1);color:#0b0f1d;padding:12px 18px;border-radius:12px;font-weight:700}
.btn.outline{background:transparent;border:1.5px solid var(--c1);color:#e9eef6}
.hero{background:radial-gradient(1200px 600px at 70% -10%,rgba(111,157,235,.35),transparent),linear-gradient(180deg,#0f1322 0%,#0b0f1d 100%)}
.herogrid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center;padding:64px 0}
.hero.small .herogrid{padding:48px 0}
.herotext h1{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:0 0 12px;color:#fff}
.herotext p{color:#cfd8f6}
.heropoints{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 20px}
.heropoints span{background:#121831;border:1px solid #1b2542;padding:8px 12px;border-radius:999px;color:#dfe8ff;font-size:.95rem}
.heroimg{position:relative}
.heroimg img{width:100%;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.45)}
.blob{position:absolute;inset:auto -40px 20% auto;width:180px;height:180px;background:conic-gradient(from 0deg at 50% 50%,#6f9deb 0deg,#18b6a1 160deg,#f59e0b 320deg,#6f9deb 360deg);filter:blur(32px);opacity:.45;border-radius:50%}
.slice{padding:64px 0}
.slice.light{background:#f3f6fd;color:var(--ink)}
.slice.dark{background:#11162a;color:#edf2ff}
.slice.light h2,.slice.light h3{color:#0e1320}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feature{background:#0f1428;border:1px solid #1b2542;padding:22px;border-radius:14px}
.feature i{font-size:24px;color:#6f9deb}
.cards .card{background:#fff;border:1px solid #e6e9f3;border-radius:14px;padding:20px;box-shadow:0 6px 20px rgba(15,19,34,.06)}
.altgrid .cardimg,.cards .cardimg{display:block;overflow:hidden;border-radius:14px}
.cardimg img{width:100%;display:block}
.widecard .wideinner{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;background:#0f1428;border:1px solid #263055;border-radius:18px;padding:20px}
.centercta .container{text-align:center}
.centercta h2{margin:0 0 10px}
.centercta p{max-width:760px;margin:0 auto 18px;color:#cbd6ff}
.contact .contactlist{list-style:none;margin:12px 0 0;padding:0}
.contact .contactlist li{display:flex;gap:.6rem;align-items:center;margin-bottom:8px;color:#1d2a46}
.contact .formbox{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#ffffff;border:1px solid #e6e9f3;border-radius:14px;padding:18px}
.contact .formbox label{display:flex;flex-direction:column;font-weight:700;color:#0e1320}
.contact input,.contact textarea{margin-top:8px;border:1px solid #cfd5e7;border-radius:10px;padding:12px;font:inherit}
.contact button{grid-column:1/-1}
.teamgrid .person img{width:100%;border-radius:14px}
.teamgrid .person figcaption{margin-top:10px}
.longtext p{max-width:900px}
.legal h1{font-size:32px;margin:22px 0}
.legal h2{font-size:22px;margin:18px 0 6px}
.legal p{line-height:1.7;color:#1b2643}
.sitefoot{background:#0b0f1d;color:#aab7e8}
.footgrid{display:grid;grid-template-columns:1.1fr .6fr .8fr;gap:22px;padding:28px 0}
.footlinks a{display:block;color:#d9e3ff;margin-bottom:8px}
.footbar{border-top:1px solid #1b2136;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 20px}
.equal .card{height:100%}
.thanks{min-height:60vh;display:flex;align-items:center}
@media(max-width:900px){
    .herogrid,.two,.widecard .wideinner{grid-template-columns:1fr}
    .three{grid-template-columns:1fr}
    .contact .formbox{grid-template-columns:1fr}
    .menu a{margin-left:12px}
    .footgrid{
        grid-template-columns: minmax(0,1fr);
    }
    .footbar{
        flex-direction: column;
    }
}

.hero{
    overflow: hidden;
}

img{
    max-width: 100%;
}

.footbar a{
    color: #fff;
}