:root{
  --purple:#412F8F; --orange:#F47920; --white:#fff; --black:#000;
  --deep-1:#100B3E; --deep-2:#130D4D; --deep-3:#24156B;
  --text:rgba(0,0,0,0.88); --muted:rgba(0,0,0,0.60); --body-copy:rgba(0,0,0,0.72);
  --body-copy-strong:rgba(0,0,0,0.82);
  --grid-line:rgba(65,47,143,0.055);
  --panel-bg:rgba(255,255,255,0.84); --panel-border:rgba(65,47,143,0.12);
  --panel-border-hover:rgba(244,121,32,0.62);
  --shadow-soft:0 18px 54px rgba(65,47,143,0.09);
  --ease:cubic-bezier(0.22,1,0.36,1);
  --wrap:min(1080px,calc(100% - 48px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:"Gilroy","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight:500; color:var(--text);
  background:linear-gradient(var(--grid-line) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),#fff;
  background-size:44px 44px; overflow-x:hidden; -webkit-font-smoothing:antialiased;
}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle at 50% 8%,rgba(65,47,143,0.065),transparent 36%),
    radial-gradient(circle at 84% 22%,rgba(244,121,32,0.035),transparent 30%);}
a{color:inherit;text-decoration:none}
.wrap{width:var(--wrap);margin:0 auto}
.eyebrow{display:inline-flex;align-items:center;gap:0;width:fit-content;margin:0 0 18px;
  padding:7px 18px;border-radius:999px;background:rgba(65,47,143,0.07);
  border:1px solid rgba(65,47,143,0.16);font-size:14px;line-height:1.25;letter-spacing:0.22em;
  text-transform:uppercase;color:rgba(65,47,143,0.86);font-weight:500}
h1{margin:0 auto;max-width:1120px;font-size:clamp(34px,3.65vw,48px);line-height:1.08;
  letter-spacing:-0.046em;color:var(--purple);font-weight:600}
h2{margin:0;font-size:clamp(30px,3.45vw,46px);line-height:1.08;letter-spacing:-0.044em;
  font-weight:600;color:var(--purple)}
h3{margin:0;font-size:clamp(21px,1.85vw,28px);line-height:1.14;letter-spacing:-0.032em;
  font-weight:600;color:var(--purple)}
.orange{color:var(--orange)}
.lead{margin:20px auto 0;max-width:840px;font-size:clamp(17px,1.75vw,21px);line-height:1.52;
  color:var(--body-copy-strong);font-weight:500}
.body-copy{margin:16px 0 0;font-size:17px;line-height:1.66;color:var(--body-copy);font-weight:500}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:204px;height:54px;
  padding:0 24px;border-radius:16px;font-size:17px;font-weight:500;border:1px solid transparent;
  cursor:pointer;transition:transform 240ms var(--ease),border-color 240ms var(--ease),background 240ms var(--ease),box-shadow 240ms var(--ease),color 240ms var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--purple);color:#fff;border-color:var(--purple);box-shadow:0 18px 44px rgba(65,47,143,0.18)}
.btn-primary:hover{border-color:var(--orange);box-shadow:0 20px 54px rgba(244,121,32,0.14)}
.btn-secondary{background:rgba(255,255,255,0.72);color:var(--text);border-color:rgba(65,47,143,0.18);box-shadow:0 12px 34px rgba(65,47,143,0.06)}
.btn-secondary:hover{border-color:var(--orange);color:var(--purple);background:rgba(244,121,32,0.035)}
.hero{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:170px 24px 90px}
.hero-inner{position:relative;z-index:2;width:min(1360px,100%);margin:0 auto;text-align:center}
.hero h1{max-width:900px}
.hero .lead{max-width:760px}
.hero-actions{margin-top:30px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.metrics{margin:44px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  padding:4px;border-radius:24px;background:rgba(65,47,143,0.04);border:1px solid rgba(65,47,143,0.10);
  max-width:840px}
.metric{padding:24px 18px 20px;text-align:center}
.metric+.metric::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:rgba(65,47,143,0.14)}
.metric strong{display:block;font-size:clamp(30px,3.4vw,44px);line-height:1;letter-spacing:-0.05em;color:var(--purple);font-weight:600}
.metric span{display:block;margin:10px auto 0;max-width:170px;font-size:14px;line-height:1.42;color:var(--muted)}
.section{padding:clamp(72px,8vw,118px) 0;position:relative;isolation:isolate;overflow:hidden}
.section.alt{background:linear-gradient(135deg,#100B3E 0%,#130D4D 30%,#24156B 66%,#412F8F 100%);color:#fff}
.section.alt::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0.28;
  background:linear-gradient(rgba(255,255,255,0.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:44px 44px}
.section.alt h2,.section.alt h3{color:#fff}
.section.alt .lead,.section.alt .body-copy{color:rgba(255,255,255,0.74)}
.section.alt .eyebrow{color:rgba(255,255,255,0.78)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.card{padding:26px 22px;border-radius:24px;background:var(--panel-bg);border:1px solid var(--panel-border);
  box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);transition:transform 260ms var(--ease),border-color 260ms var(--ease)}
.card:hover{transform:translateY(-5px);border-color:var(--panel-border-hover)}
.card h3{margin-bottom:10px;font-size:19px}
.card p{margin:0;font-size:16px;line-height:1.5;color:var(--body-copy)}
.quote-card{position:relative;max-width:820px;margin:30px auto 0;padding:22px 24px;border-radius:22px;
  background:rgba(255,255,255,0.88);border:1px solid rgba(244,121,32,0.34);color:var(--purple);
  font-size:clamp(18px,1.8vw,24px);line-height:1.32;letter-spacing:-0.025em;font-weight:500}
.quote-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 999px 999px 0;background:var(--orange)}
.faq{max-width:820px;margin:28px auto 0;display:grid;gap:12px}
.faq details{background:rgba(255,255,255,0.86);border:1px solid rgba(65,47,143,0.13);border-radius:18px;padding:18px 20px;box-shadow:0 14px 44px rgba(65,47,143,0.07)}
.faq summary{cursor:pointer;font-size:18px;font-weight:600;color:var(--purple);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.faq summary::after{content:"+";font-size:24px;color:var(--orange);line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--body-copy)}
.cta-section{padding:clamp(82px,10vw,138px) 0;text-align:center}
.cta-card{width:min(940px,100%);margin:0 auto;padding:clamp(34px,6vw,74px);border-radius:38px;
  background:linear-gradient(135deg,#100B3E 0%,#130D4D 30%,#24156B 66%,#412F8F 100%);color:#fff;box-shadow:0 34px 110px rgba(0,0,0,0.24)}
.cta-card h2{color:#fff;max-width:760px;margin:0 auto}
.cta-card .lead{color:rgba(255,255,255,0.78);max-width:700px}
.cta-actions{margin-top:32px;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.cta-card .btn-primary{background:var(--orange);border-color:var(--orange)}
.cta-card .btn-primary:hover{background:#fff;color:var(--purple);border-color:#fff}
@media (max-width:800px){.cards{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metric+.metric::before{left:14px;right:14px;top:0;bottom:auto;width:auto;height:1px}.hero{padding-top:150px}}
