:root{--brand:#6c2bd9;--brand-2:#0ea5a6;--ink:#0b1220;--muted:#5b667a;--paper:#ffffff;--paper-2:#f4f6f9;--coal:#0f1224;--coal-2:#171a32;--accent:#f59e0b}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Manrope',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--paper-2);color:var(--ink);line-height:1.6}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4{margin:0 0 .6rem}
p{margin:0 0 1rem}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 1rem}
.btn{display:inline-flex;gap:.5rem;align-items:center;border:2px solid transparent;border-radius:.8rem;padding:.85rem 1.1rem;font-weight:800;text-decoration:none;transition:.2s}
.btn-primary{background:linear-gradient(135deg,var(--brand),#4f46e5);color:#fff}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(76,29,149,.25)}
.btn-ghost{background:transparent;border-color:rgba(11,18,32,.15);color:var(--ink)}
.hero{position:relative;min-height:72vh;color:#fff;display:flex;align-items:center;overflow:hidden;background:radial-gradient(1200px 600px at 10% 0%,rgba(14,165,166,.25),transparent),radial-gradient(1200px 600px at 90% 100%,rgba(108,43,217,.25),transparent)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.55) saturate(1.1)}
.hero-gradient{position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(15,18,36,.9))}
.hero-inner{position:relative;z-index:1;display:grid;gap:2rem}
.brand{display:flex;gap:1rem;align-items:center}
.brand-badge{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--brand-2),var(--brand));box-shadow:0 8px 24px rgba(14,165,166,.35)}
.brand-badge i{font-size:1.5rem;color:#fff}
.brand-sub{opacity:.8}
.hero-copy{max-width:860px}
.hero-copy h2{font-size:clamp(1.8rem,3.6vw,3rem);font-weight:800}
.hero-bullets{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:1rem;font-weight:600}
.section{padding:4rem 0}
.section.dark{background:linear-gradient(180deg,var(--coal),var(--coal-2));color:#f9fbff}
.section.light{background:var(--paper)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.grid-2.uneven{grid-template-columns:1.5fr 1fr}
.card{background:#fff;border-radius:1rem;padding:1.25rem;border:1px solid #e6e8ee}
.card.lift{transition:.2s;box-shadow:0 4px 14px rgba(15,18,36,.06)}
.card.lift:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(15,18,36,.12)}
.card-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff;margin-bottom:.5rem}
.split{position:relative}
.split-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center}
.split-media .rounded{border-radius:1rem}
.rounded{border-radius:1rem}
.shadow{box-shadow:0 8px 28px rgba(15,18,36,.12)}
.check{list-style:none;padding:0;margin:1rem 0 1rem 0}
.check li{display:flex;gap:.6rem;align-items:flex-start}
.check i{color:var(--brand-2)}
.headline{text-align:center;max-width:920px;margin:0 auto 1.5rem}
.stack-card{background:#fff;border:1px solid #e6e8ee;border-radius:1rem;padding:1rem}
.ribbon{position:relative;overflow:hidden}
.ribbon-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.chips span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);padding:.4rem .6rem;border-radius:.6rem;display:inline-flex;gap:.4rem;align-items:center}
.tiles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.tile{background:#fff;border:1px solid #e6e8ee;border-radius:1rem;padding:1rem}
.cta .cta-box{background:linear-gradient(135deg,var(--brand-2),var(--brand));padding:2rem;border-radius:1.2rem;color:#fff;text-align:center;box-shadow:0 12px 40px rgba(14,165,166,.3)}
.contact .lead{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:2rem}
.form{display:grid;gap:1rem}
.form-row{display:grid;gap:.5rem}
input,textarea{border:1.8px solid #e1e5ee;border-radius:.8rem;padding:.85rem 1rem;font:inherit;background:#fff;color:var(--ink)}
input:focus,textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 .2rem rgba(14,165,166,.15)}
.form-check{display:flex;gap:.6rem;align-items:flex-start}
.aside-card{background:#fff;border:1px solid #e6e8ee;border-radius:1rem;padding:1rem}
.subhero{padding:3.5rem 0;background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff}
.steps{padding-left:1.25rem}
.legal h2{margin-top:1.25rem}
.footer{background:#0c1023;color:#cbd3e4}
.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;padding:1.25rem 0}
.foot-links{display:flex;gap:1rem}
.foot-links a{color:#cbd3e4;text-decoration:none}
.foot-brand{font-weight:800}
.foot-note{text-align:right;font-size:.95rem;color:#9aa3b7}
.photo-col img{border:2px solid #fff}
.ribbon-media img{border:2px solid rgba(255,255,255,.15)}
.thankyou{min-height:70vh;display:flex;align-items:center}
.thanks-card{max-width:680px;margin:0 auto;background:#fff;border:1px solid #e6e8ee;border-radius:1rem;padding:2rem;text-align:center}
.thanks-icon{width:60px;height:60px;border-radius:16px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--brand-2),var(--brand));display:grid;place-items:center;color:#fff;font-size:1.5rem}
@media (max-width:960px){
    .grid-3{grid-template-columns:1fr}
    .grid-2,.grid-2.uneven,.split-inner,.ribbon-inner,.contact-grid{grid-template-columns:1fr}
    .tiles-grid{grid-template-columns:repeat(2,1fr)}
    .footer-inner{grid-template-columns:1fr;text-align:center}
    .foot-note{text-align:center}
}
@media (max-width:520px){
    .tiles-grid{grid-template-columns:1fr}
    .hero{min-height:64vh}
}