
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--purple:#5B2D90;--deep:#472170;--light:#F4EEFF;--gold:#C9A227;--ink:#111111;--muted:#6F6F6F;--paper:#fcfbf9}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}main{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;padding-bottom:80px}main:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:690px;background:radial-gradient(ellipse at 25% 13%,rgba(126,78,201,.105),transparent 49%),radial-gradient(ellipse at 80% 8%,rgba(201,162,39,.10),transparent 40%),linear-gradient(180deg,#f9f6ff00,#fcfbf9)}
.hero{position:relative;text-align:center;padding:76px 24px 48px;max-width:1100px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--purple);font-size:11px;font-weight:700;letter-spacing:2.5px;margin:0 0 21px}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(201,162,39,.09)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(46px,6vw,72px);letter-spacing:-3.6px;line-height:1.12;font-weight:800;margin:0 0 21px;color:#251733}.hero p{font-size:16px;line-height:1.8;color:var(--muted);max-width:560px;margin:0 auto}.hero:after{content:'';display:block;width:42px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--purple) 0 65%,var(--gold) 65%);margin:28px auto 0}.orbit{position:absolute;width:95px;height:95px;border:1px solid rgba(91,45,144,.075);border-radius:24px;transform:rotate(-23deg);left:9%;top:111px;z-index:-1}.orbit:after{content:'';position:absolute;inset:14px;border:1px solid rgba(91,45,144,.06);border-radius:17px}.spark{position:absolute;right:11%;top:155px;color:var(--gold);opacity:.6;width:26px;height:26px}
.cards{max-width:1120px;padding:0 28px;margin:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;grid-auto-rows:1fr}.support-card{grid-column:span 2;position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:29px 28px 26px;border-radius:18px;border:1px solid #eae3f0;background:linear-gradient(135deg,#fff 60%,#fdfbff);box-shadow:0 5px 9px rgba(44,19,65,.015),0 16px 36px -24px rgba(44,19,65,.17);transition:transform .25s,border-color .25s,box-shadow .25s}.support-card:nth-child(4){grid-column:2 / span 2}.support-card:nth-child(5){grid-column:4 / span 2}.support-card:hover{transform:translateY(-5px);border-color:#cbb7e2;box-shadow:0 18px 44px -18px rgba(71,33,112,.2)}.card-top{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.icon{width:53px;height:53px;display:grid;place-items:center;background:var(--light);border:1px solid #eee4ff;border-radius:15px;color:var(--purple)}.icon svg{width:25px;height:25px}.index{font-family:Manrope,Arial,sans-serif;font-size:11px;letter-spacing:1.5px;color:#a899b8;font-weight:600}.support-card:nth-child(3) .icon{background:#fbf6e8;border-color:#f3e9ca;color:#957615}h2{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:800;line-height:1.35;letter-spacing:-.65px;margin:0 0 12px}.description{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 27px;flex:1}.action{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:49px;padding:13px 17px;background:var(--purple);border:1px solid var(--purple);border-radius:10px;color:#fff;font-size:13px;line-height:1.4;font-weight:600;text-decoration:none;box-shadow:0 4px 9px rgba(91,45,144,.1);transition:background .2s,box-shadow .2s}.action svg{width:17px;height:17px;transition:transform .2s}.action:hover{background:var(--deep);box-shadow:0 6px 14px rgba(71,33,112,.2)}.action:hover svg{transform:translateX(3px)}.action:focus-visible{outline:3px solid var(--gold);outline-offset:4px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1000px){.support-card{min-height:326px}}
@media(max-width:999px){.cards{max-width:780px;grid-template-columns:repeat(2,minmax(0,1fr))}.support-card,.support-card:nth-child(4),.support-card:nth-child(5){grid-column:auto}.hero{padding-top:58px}.orbit{left:4%}.spark{right:6%}}
@media(max-width:600px){main{padding-bottom:35px}.hero{padding:49px 24px 34px}h1{letter-spacing:-2.4px}.hero p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:2px}.cards{grid-template-columns:1fr;gap:18px;padding:0 20px;max-width:440px}.support-card{padding:25px;min-height:312px}.card-top{margin-bottom:22px}.orbit{width:60px;height:60px;left:-20px;top:85px}.spark{right:17px;top:72px;width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.support-card:hover,.action:hover svg{transform:none}}

/* Four support options, balanced two-column layout. */
.cards{max-width:900px;grid-template-columns:repeat(2,minmax(0,1fr))}
.support-card,.support-card:nth-child(4),.support-card:nth-child(5){grid-column:auto}
@media(max-width:600px){.cards{grid-template-columns:1fr;max-width:440px}}
