.referral-center{--referral-accent:#2dd4bf;--referral-blue:#38bdf8;--referral-warm:#f59e0b;--referral-ink:#f7fbff;--referral-muted:#a9b8cb;--referral-line:#2a3e55;--referral-surface:#0b1a2d;--referral-raised:#102238;color:var(--referral-ink);padding:clamp(34px,5vw,72px) 0 80px;background:#061322}
.referral-center *{box-sizing:border-box}.referral-center button,.referral-center a{font:inherit}.referral-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}.referral-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:12px 16px;border:1px solid #735d21;background:#2b230e;color:#fde68a;font-weight:800}.referral-demo-banner span{font-size:13px;color:#f8df90}
.referral-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:clamp(28px,6vw,88px);align-items:end;padding:clamp(22px,4vw,54px) 0 clamp(34px,5vw,66px);border-bottom:1px solid var(--referral-line)}.referral-kicker{margin:0 0 14px;color:#67e8f9;font-size:12px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.referral-hero h1{max-width:820px;margin:0;font-size:clamp(42px,6.3vw,82px);line-height:.98;letter-spacing:-.055em}.referral-lede{max-width:730px;margin:22px 0 0;color:#c6d2e1;font-size:clamp(17px,1.7vw,21px);line-height:1.65}.referral-hero-side{display:grid;gap:18px}.referral-status-line{display:flex;align-items:center;gap:10px;color:#dbe7f5;font-weight:850}.referral-status-dot{width:10px;height:10px;border-radius:50%;background:var(--referral-warm);box-shadow:0 0 0 5px rgba(245,158,11,.12)}.referral-status-dot[data-tone="good"]{background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.12)}.referral-status-dot[data-tone="error"]{background:#fb7185;box-shadow:0 0 0 5px rgba(251,113,133,.12)}.referral-primary-actions{display:flex;flex-wrap:wrap;gap:10px}.referral-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #41617f;border-radius:10px;background:#15283d;color:#f8fafc;padding:0 16px;font-weight:900;text-decoration:none;cursor:pointer}.referral-button:hover{border-color:#6d8dac;background:#1b3149}.referral-button.primary{border-color:#36d9c8;background:#36d9c8;color:#05221f}.referral-button.primary:hover{background:#62e6d8}.referral-button.ghost{background:transparent}.referral-button:disabled{opacity:.5;cursor:not-allowed}.referral-button:focus-visible,.referral-center summary:focus-visible,.referral-copy-field:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
.referral-dashboard-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1px;margin:42px 0;background:var(--referral-line);border-block:1px solid var(--referral-line)}.referral-share-panel,.referral-credit-panel{min-width:0;background:#071626;padding:clamp(24px,4vw,44px)}.referral-section-label{margin:0 0 10px;color:#7dd3fc;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.referral-share-panel h2,.referral-credit-panel h2,.referral-section-head h2,.referral-program h2,.referral-resources h2,.referral-support h2{margin:0;font-size:clamp(25px,3vw,39px);line-height:1.08;letter-spacing:-.035em}.referral-section-copy{max-width:720px;margin:12px 0 0;color:var(--referral-muted);line-height:1.65}
.referral-copy-group{display:grid;gap:12px;margin:24px 0}.referral-copy-row{display:grid;grid-template-columns:1fr auto;gap:10px}.referral-copy-label{display:block;margin:0 0 7px;color:#b9c7d8;font-size:12px;font-weight:900}.referral-copy-field{width:100%;min-height:48px;border:1px solid #36506c;border-radius:9px;background:#06111f;color:#f8fafc;padding:11px 13px;font:inherit;font-weight:800;overflow:hidden;text-overflow:ellipsis}.referral-share-options{display:flex;flex-wrap:wrap;gap:9px}.referral-live{min-height:22px;margin:14px 0 0;color:#6ee7d8;font-size:13px;font-weight:800}.referral-privacy-note{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--referral-line);color:#9fb0c4;font-size:13px;line-height:1.55}
.referral-credit-number{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:24px 0 16px}.referral-credit-number strong{font-size:clamp(42px,6vw,72px);line-height:.9;letter-spacing:-.06em}.referral-credit-number span{max-width:190px;color:#b8c5d6;text-align:right;line-height:1.4}.referral-progress{height:14px;border-radius:999px;background:#20344a;overflow:hidden}.referral-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2dd4bf,#38bdf8);transition:width .2s ease}.referral-progress-copy{display:flex;justify-content:space-between;gap:16px;margin-top:10px;color:#c4d1e0;font-size:13px;font-weight:800}.referral-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:28px;border-top:1px solid var(--referral-line);border-left:1px solid var(--referral-line)}.referral-ledger div{padding:15px;border-right:1px solid var(--referral-line);border-bottom:1px solid var(--referral-line)}.referral-ledger span,.referral-ledger strong{display:block}.referral-ledger span{color:#8fa2b8;font-size:12px}.referral-ledger strong{margin-top:6px;font-size:19px}.referral-cap-note{margin:18px 0 0;color:#c4d1e0;font-size:13px;line-height:1.55}
.referral-section{padding:clamp(38px,6vw,76px) 0;border-top:1px solid var(--referral-line)}.referral-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.referral-section-head>div{max-width:760px}.referral-activity-table{width:100%;border-collapse:collapse;background:#09192a}.referral-activity-table th,.referral-activity-table td{padding:15px 13px;border-bottom:1px solid var(--referral-line);text-align:left;vertical-align:top}.referral-activity-table th{color:#8fa3ba;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.referral-activity-table td{color:#d8e3ef;font-size:14px}.referral-activity-table strong{display:block;color:#fff}.referral-activity-table small{display:block;margin-top:4px;color:#8ea1b7}.referral-status-badge{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:1px solid #45627f;border-radius:999px;padding:4px 9px;color:#e6eef7;font-size:12px;font-weight:850}.referral-status-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#fbbf24}.referral-status-badge[data-tone="good"]::before{background:#34d399}.referral-status-badge[data-tone="error"]::before{background:#fb7185}.referral-activity-cards{display:none}.referral-empty{padding:28px;border:1px dashed #3b5672;background:#09192a}.referral-empty h3{margin:0 0 9px;font-size:22px}.referral-empty p{margin:0;color:#aab8c9;line-height:1.6}
.referral-program{padding:clamp(38px,6vw,76px) 0}.referral-policy-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:30px;border-top:1px solid var(--referral-line);border-left:1px solid var(--referral-line)}.referral-policy-step{padding:24px 20px;border-right:1px solid var(--referral-line);border-bottom:1px solid var(--referral-line)}.referral-policy-step b{display:block;color:#5eead4;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.referral-policy-step strong{display:block;margin-top:12px;font-size:25px}.referral-policy-step p{margin:9px 0 0;color:#9fb0c4;line-height:1.55}.referral-benefit-band{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start;margin-top:30px;padding:28px 0;border-block:1px solid var(--referral-line)}.referral-benefit-band h3{margin:0;font-size:24px}.referral-benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.referral-benefit-list div{padding-left:16px;border-left:3px solid var(--referral-accent)}.referral-benefit-list strong,.referral-benefit-list span{display:block}.referral-benefit-list span{margin-top:5px;color:#aab8c9;font-size:13px}.referral-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.referral-example{padding:22px;border:1px solid var(--referral-line);background:#0a192a}.referral-example h3{margin:0 0 14px}.referral-example dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:0}.referral-example dt{color:#a7b5c7}.referral-example dd{margin:0;color:#fff;font-weight:900}.referral-example p{margin:14px 0 0;color:#9fb0c4;font-size:13px;line-height:1.55}
.referral-resources{padding:clamp(38px,6vw,72px) 0;border-top:1px solid var(--referral-line)}.referral-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:28px;background:var(--referral-line);border:1px solid var(--referral-line)}.referral-template{display:grid;gap:13px;align-content:start;background:#071626;padding:22px}.referral-template h3{margin:0;font-size:18px}.referral-template p{margin:0;color:#bbc8d7;line-height:1.58}.referral-template .referral-button{justify-self:start}.referral-terms{margin-top:28px;border-block:1px solid var(--referral-line)}.referral-terms details{border-bottom:1px solid var(--referral-line)}.referral-terms details:last-child{border-bottom:0}.referral-terms summary{list-style:none;cursor:pointer;padding:18px 0;color:#f7fbff;font-weight:900}.referral-terms summary::-webkit-details-marker{display:none}.referral-terms summary::after{content:"+";float:right;color:#5eead4;font-size:20px}.referral-terms details[open] summary::after{content:"−"}.referral-terms details div{max-width:880px;padding:0 0 20px;color:#aab8c9;line-height:1.65}
.referral-support{padding:clamp(38px,6vw,72px) 0;border-top:1px solid var(--referral-line)}.referral-support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:26px;background:var(--referral-line);border:1px solid var(--referral-line)}.referral-support-card{background:#071626;padding:20px}.referral-support-card h3{margin:0;font-size:17px}.referral-support-card p{margin:9px 0 16px;color:#9fb0c4;font-size:13px;line-height:1.55}.referral-support-card a{color:#67e8f9;font-weight:850}.referral-checkout-benefit{margin:18px 0;padding:18px;border:1px solid #2b6880;border-left:5px solid #2dd4bf;background:#092034}.referral-checkout-benefit[data-tone="error"]{border-color:#7f3344;border-left-color:#fb7185;background:#24101a}.referral-checkout-benefit h4{margin:0;font-size:17px}.referral-checkout-benefit p{margin:8px 0 0}.referral-checkout-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.referral-checkout-values div{padding:10px;border:1px solid #34506a}.referral-checkout-values span,.referral-checkout-values strong{display:block}.referral-checkout-values span{font-size:12px;color:#9fb0c4}.referral-checkout-values strong{margin-top:3px}.referral-disclosures{border-top:1px solid var(--referral-line)}.referral-disclosure{border-bottom:1px solid var(--referral-line)}.referral-disclosure>summary{cursor:pointer;list-style:none;padding:19px 0;color:#f7fbff;font-size:18px;font-weight:900}.referral-disclosure>summary::-webkit-details-marker{display:none}.referral-disclosure>summary::after{content:"+";float:right;color:#5eead4;font-size:22px}.referral-disclosure[open]>summary::after{content:"−"}.referral-disclosure-content{padding:0 0 24px}.referral-disclosure-content>.referral-program,.referral-disclosure-content>.referral-resources,.referral-disclosure-content .referral-resources,.referral-disclosure-content .referral-support{padding:0;border:0}.referral-help-link{margin:0 0 18px}.referral-help-link a{color:#67e8f9;font-weight:900}.referral-signed-out-summary{display:grid;gap:5px;margin:0 0 34px;padding:18px;border:1px solid #2b5d74;border-left:5px solid #2dd4bf;background:#092034}.referral-signed-out-summary strong{font-size:19px}.referral-signed-out-summary span{color:#b8c9d8;line-height:1.55}
@media(prefers-reduced-motion:reduce){.referral-progress>span{transition:none}}
@media(max-width:1050px){.referral-hero{grid-template-columns:1fr}.referral-hero-side{max-width:700px}.referral-dashboard-grid{grid-template-columns:1fr}.referral-policy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-benefit-band{grid-template-columns:1fr}.referral-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.referral-shell{width:min(100% - 28px,1240px)}.referral-center{padding-top:12px}.referral-demo-banner{display:grid}.referral-hero{padding-top:24px}.referral-hero h1{font-size:clamp(39px,12vw,56px)}.referral-primary-actions,.referral-share-options{display:grid;grid-template-columns:1fr}.referral-button{width:100%;min-height:48px}.referral-dashboard-grid{margin:30px 0}.referral-share-panel,.referral-credit-panel{padding:24px 16px}.referral-copy-row{grid-template-columns:1fr}.referral-copy-row .referral-button{width:100%}.referral-credit-number{display:grid}.referral-credit-number span{text-align:left}.referral-ledger{grid-template-columns:1fr}.referral-section-head{display:grid;align-items:start}.referral-activity-table{display:none}.referral-activity-cards{display:grid;gap:12px}.referral-activity-card{padding:18px;border:1px solid var(--referral-line);background:#09192a}.referral-activity-card header{display:flex;justify-content:space-between;gap:12px;align-items:start}.referral-activity-card h3{margin:0;font-size:17px}.referral-activity-card dl{display:grid;grid-template-columns:1fr auto;gap:9px;margin:17px 0 0}.referral-activity-card dt{color:#8fa2b8}.referral-activity-card dd{margin:0;text-align:right;font-weight:850}.referral-policy-steps,.referral-benefit-list,.referral-examples,.referral-template-list,.referral-support-grid,.referral-checkout-values{grid-template-columns:1fr}.referral-template .referral-button{justify-self:stretch}.referral-status-line{align-items:flex-start}}
@media(min-width:761px) and (max-width:1050px){.referral-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-share-panel,.referral-credit-panel{padding:28px 22px}.referral-activity-table{display:none}.referral-activity-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.referral-activity-card{padding:18px;border:1px solid var(--referral-line);background:#09192a}.referral-activity-card header{display:grid;gap:10px}.referral-activity-card h3{margin:0}.referral-activity-card dl{display:grid;grid-template-columns:1fr auto;gap:8px}.referral-activity-card dd{margin:0;text-align:right;font-weight:850}}