:root{color-scheme:dark;--ink:#141325;--ivory:#f4f0e8;--muted:#bcb6cc;--purple:#be92ff;--line:rgba(235,222,255,.14)}
*{box-sizing:border-box}
html{min-width:280px;background:var(--ink)}
body{margin:0;color:var(--ivory);font-family:Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% -45%,rgba(112,56,218,.25),transparent 65%),var(--ink)}
body::before{content:"";position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7038da,#a779ee 60%,#39c5e8);pointer-events:none}
.page{max-width:1104px;margin:auto;min-height:100svh;display:flex;flex-direction:column;padding:0 48px}
.header{display:flex;align-items:center;justify-content:space-between;padding:34px 0 27px;border-bottom:1px solid var(--line)}
.wordmark{font-size:30px;font-weight:800;letter-spacing:-1.55px;line-height:1.1}.wordmark>span:first-child{color:#ba91ff}.wordmark .brand-dot{color:#57d3eb;letter-spacing:0}
.header-note{font-size:12px;color:var(--muted);letter-spacing:.3px}
main{width:100%;margin:auto 0;padding:44px 0 30px}
.intro{text-align:center}.eyebrow{margin:0 0 22px;display:flex;align-items:center;justify-content:center;gap:9px;color:#d1c1e8;font-size:10px;font-weight:700;letter-spacing:2.2px}.eyebrow>span{width:6px;height:6px;background:#b987fa;border-radius:50%;box-shadow:0 0 18px rgba(186,145,255,.45)}
h1{font-size:clamp(38px,5.3vw,66px);font-weight:760;line-height:1.06;letter-spacing:-3.25px;margin:0}h1>span{color:var(--purple)}
.lead{color:#c8c2d2;font-size:17px;line-height:1.6;margin:22px 0 0}.mobile-break{display:none}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:36px auto 0;max-width:846px}
.choice{display:flex;flex-direction:column;text-decoration:none;border-radius:20px;padding:23px 27px 22px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;min-height:286px;position:relative;isolation:isolate}
.choice-group{background:var(--ivory);color:var(--ink);box-shadow:0 10px 36px rgba(0,0,0,.12)}
.choice-site{background:linear-gradient(135deg,rgba(112,56,218,.15),rgba(29,26,47,.9));border-color:#504063;color:var(--ivory)}
.choice-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.choice-label{font-size:10px;letter-spacing:1.9px;font-weight:700}.choice-group .choice-label{color:#65488a}.choice-site .choice-label{color:#c7a2f7}.arrow{height:21px;width:21px;transition:transform .18s ease}
.choice-heading{display:flex;gap:14px;align-items:flex-start}.choice-icon{height:31px;width:31px;flex:0 0 31px;margin-top:3px}.choice-group .choice-icon{color:#7241b9}.choice-site .choice-icon{color:#bc91f7}
h2{font-size:28px;line-height:1.1;letter-spacing:-.95px;font-weight:700;margin:0}
.choice p{font-size:14px;line-height:1.55;max-width:330px;margin:15px 0 16px}.choice-group p{color:#51465d}.choice-site p{color:#c3bbd0}
.choice-action{margin-top:auto;border-top:1px solid rgba(20,19,37,.15);padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:-.05px}.choice-action>span{font-size:22px;font-weight:400}.choice-site .choice-action{border-color:var(--line);color:#decbf7}
.commission{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:3px;margin:0 0 17px;font-size:11px;line-height:1.4}.commission strong{font-weight:700;color:#e5d5fa}.commission>span{color:#c2b7d1}
.choice:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(0,0,0,.18)}.choice:hover .arrow{transform:translate(2px,-2px)}.choice-site:hover{border-color:#b887ef}.choice:focus-visible{outline:3px solid #54d6f2;outline-offset:5px}
footer{border-top:1px solid var(--line);padding:22px 0 25px;display:flex;justify-content:center;gap:36px;color:#aaa2ba;font-size:9px;font-weight:600;letter-spacing:1.9px}
@media(min-width:1440px){main{padding-top:55px;padding-bottom:55px}.choices{margin-top:43px}.choice{min-height:300px}}
@media(max-width:700px){.page{padding:0 24px}.header{padding:26px 0 22px}.header-note{font-size:10px}.wordmark{font-size:27px}main{padding:34px 0 28px}h1{font-size:46px;letter-spacing:-2.15px}.lead{font-size:15px}.choices{gap:14px;margin-top:29px}.choice{padding:22px 20px;border-radius:17px}.choice-heading{gap:10px}.choice-icon{width:25px;height:25px;flex-basis:25px}h2{font-size:23px}.choice p{font-size:13px}footer{gap:25px;font-size:8px;letter-spacing:1.3px}}
@media(max-width:540px){.page{padding:0 20px}.header{padding:23px 0 18px}.header-note{font-size:9px}.wordmark{font-size:25px}.intro{text-align:left}.eyebrow{justify-content:flex-start;letter-spacing:1.55px;font-size:9px;margin-bottom:17px}main{padding-top:29px}.mobile-break{display:block}h1{font-size:clamp(32px,9vw,44px);letter-spacing:-1.65px;line-height:1.08}.lead{margin-top:17px;font-size:15px;line-height:1.5}.choices{grid-template-columns:1fr;gap:13px;margin-top:25px}.choice{min-height:auto;padding:19px 21px 17px}.choice-top{margin-bottom:13px}.choice-heading{gap:12px;align-items:center}h2{font-size:24px;letter-spacing:-.7px}.choice-heading h2 br{display:none}.choice-heading .choice-icon{margin-top:0}.choice p{margin:11px 0 13px;max-width:290px;font-size:13px}.choice-action{padding-top:11px;font-size:12px}.choice-top .arrow{height:18px;width:18px}.choice-label{font-size:9px}.commission{margin-bottom:13px;font-size:11px;column-gap:5px}footer{flex-wrap:wrap;column-gap:21px;row-gap:10px;padding:18px 0 23px;font-size:8px;letter-spacing:1.2px}}
@media(max-width:350px){.page{padding:0 16px}.header-note{display:none}.choice{padding-left:17px;padding-right:17px}h2{font-size:21px}footer{column-gap:15px}}
@media(prefers-reduced-motion:reduce){.choice,.arrow{transition:none}.choice:hover{transform:none}}