.nav-active{color:var(--blue)}
.referral-hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:90px clamp(24px,7vw,110px);background:linear-gradient(135deg,#fff 52%,#eef1ff)}
.referral-copy h1{font-size:clamp(48px,5.5vw,80px)}
.workspace-card{background:var(--ink);color:#fff;border-radius:28px;padding:48px;box-shadow:0 30px 70px rgba(16,23,39,.2);position:relative;overflow:hidden}
.workspace-card:after{content:'✦';position:absolute;right:-15px;bottom:-65px;font-size:210px;color:rgba(63,231,207,.08)}
.workspace-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:var(--cyan);color:var(--ink);font:700 27px 'Space Grotesk';margin-bottom:38px}
.workspace-card h2{font-size:clamp(30px,3vw,44px);line-height:1.12;margin:14px 0 34px}
.workspace-card .tier{color:var(--cyan)}
.tool-row{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.tool-row span{border:1px solid #364056;border-radius:100px;padding:7px 13px;font-size:13px}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.step-grid article{padding:34px 30px;border-right:1px solid var(--line)}
.step-grid article:last-child{border:0}
.step-grid span{color:var(--blue);font-weight:700;font-size:12px}
.step-grid h3{font-size:24px;margin:30px 0 10px}
.step-grid p{color:var(--muted)}
.referral-banner{margin:0 clamp(24px,7vw,110px) 36px;padding:65px;background:var(--blue);color:#fff;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:50px}
.referral-banner>div{max-width:760px}.referral-banner .eyebrow{color:var(--cyan)}
.referral-banner h2{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:12px 0}
.referral-banner p:last-child{opacity:.8}
.referral-disclosure{max-width:900px;margin:0 auto 70px;padding:0 24px;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:900px){.referral-hero{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr}.step-grid article{border-right:0;border-bottom:1px solid var(--line)}.referral-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.referral-hero{padding-top:60px}.workspace-card{padding:30px}.referral-banner{margin-left:16px;margin-right:16px;padding:38px 26px}}