:root{--prime:#5e17eb;--prime-dark:#3f0fb2;--accent:#ff7a59;--ink:#101114;--ink-2:#1b1d22;--paper:#f7f8fb;--paper-2:#eef1fb}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
a{color:var(--prime);text-decoration:none}
a:hover{opacity:.85}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.display{font-weight:800;letter-spacing:-.01em;font-size:clamp(2rem,4vw,3.25rem);line-height:1.15}
h1,h2,h3,h4{margin:.2em 0 .4em 0;font-weight:800;letter-spacing:-.01em}
p{margin:.6em 0}
.btn{display:inline-block;background:var(--accent);color:#fff;font-weight:800;padding:.9rem 1.2rem;border-radius:.75rem;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn-plain{background:#fff;color:var(--prime);border:2px solid var(--prime)}
.btn-accent{background:var(--prime);color:#fff}
.w100{width:100%}
.site-top{background:linear-gradient(180deg,var(--ink-2),#14151a);color:#fff;position:sticky;top:0;z-index:9}
.navwrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{color:#fff;font-weight:800;letter-spacing:.02em}
.mainnav{display:flex;gap:16px;flex-wrap:wrap}
.navitem{color:#d9def8;padding:6px 10px;border-radius:.5rem}
.navitem:hover{color:#fff;background:rgba(255,255,255,.08)}
.navitem.tel{background:rgba(255,255,255,.06)}
.hero{color:#fff;background-size:cover;background-position:center;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(16,17,20,.7),rgba(16,17,20,.35))}
.hero-inner{position:relative;z-index:1;padding:80px 0}
.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),#ffb199);color:#000;font-weight:800;border-radius:999px;padding:.35rem .8rem}
.lead{max-width:820px;font-size:1.125rem;opacity:.95}
.herokeys{display:flex;gap:12px;margin:18px 0 24px 0;flex-wrap:wrap}
.key{background:rgba(255,255,255,.1);backdrop-filter:saturate(130%) blur(2px);border:1px solid rgba(255,255,255,.2);padding:.55rem .8rem;border-radius:.6rem}
.ribbon{background:var(--paper)}
.ribbon-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0}
.rib{background:#fff;border-left:6px solid var(--accent);padding:10px 14px;border-radius:.5rem;display:flex;align-items:center;gap:10px}
.split{padding:64px 0}
.split.alt{background:var(--paper-2)}
.split-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;align-items:center}
.split-media img{width:100%;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.gridcards{padding:56px 0}
.t-center{text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:6px}
.card .icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--prime),var(--prime-dark));color:#fff}
.wideimg{padding:28px 0 56px}
.wideimg-wrap{position:relative}
.wideimg img{width:100%;border-radius:18px}
.overlaybox{position:absolute;right:20px;bottom:20px;max-width:460px;background:rgba(16,17,20,.85);color:#fff;padding:18px;border-radius:14px;border:1px solid rgba(255,255,255,.1)}
.bg-alt{background:linear-gradient(0deg,#fff,var(--paper))}
.steps{padding:56px 0}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{background:#fff;border-radius:16px;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.badge{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--prime),var(--prime-dark));color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:10px}
.cta{padding:56px 0;background:linear-gradient(135deg,var(--prime),#2d139e);color:#fff}
.cta-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.cta-media img{width:100%;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.contact{padding:64px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.form{display:grid;gap:10px;background:#fff;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.form-label{font-weight:700}
.form-control,textarea{width:100%;border:1px solid #d6dbf5;border-radius:.75rem;padding:.8rem .9rem;font:inherit}
textarea{resize:vertical;min-height:120px}
.check{display:flex;gap:10px;align-items:flex-start}
.check input{margin-top:.35rem}
.contact-meta{background:#fff;border-radius:12px;padding:12px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.site-foot{background:#0f1014;color:#cfd3ff}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:14px;padding:22px 0}
.site-foot a{color:#cfd3ff}
.fbrand{font-weight:800}
.meta{opacity:.9}
.pagehead{padding:56px 0;background:linear-gradient(135deg,#14151a,#1c1e25);color:#fff}
.tipsgrid{padding:40px 0}
.tipswrap{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tip{background:#fff;border-radius:14px;padding:16px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tip img{width:100%;border-radius:12px;margin-bottom:10px}
.legal{padding:36px 20px 60px;background:#fff;border-radius:16px;box-shadow:0 10px 32px rgba(0,0,0,.08);margin:24px auto}
.thankyou{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--ink),#1b1d22)}
.tywrap{max-width:760px;margin:auto;padding:24px}
.tycard{background:#fff;border-radius:16px;padding:28px;text-align:center;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.bigicon{font-size:3rem;color:var(--prime);margin-bottom:10px}
.tyfoot{text-align:center;color:#aeb3d9;margin-top:16px}
@media(max-width:980px){
    .split-grid,.steps-grid,.cta-inner,.contact-grid,.cards{grid-template-columns:1fr}
    .ribbon-inner{grid-template-columns:1fr}
    .tipswrap{grid-template-columns:1fr}
    .overlaybox{position:static;margin-top:12px}
    .footgrid{grid-template-columns:1fr 1fr}
}