.referral-page{background:white;color:#29375c;--ref-line:#d3dce8}
.referral-page main{overflow:clip}
.referral-page h1,.referral-page h2,.referral-page h3{font-weight:500;letter-spacing:-.055em;line-height:1.13}
.referral-page h1{font-size:clamp(41px,4.6vw,67px)}
.referral-page h2{font-size:clamp(34px,3.7vw,55px)}
.referral-page em{font-style:normal;color:#7b879c;font-weight:400}
.ref-shell{width:min(87%,1460px);margin-inline:auto}
.ref-hero{padding-top:134px}
.ref-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.ref-lead{font-size:21px;line-height:1.6;margin-top:29px}
.ref-copy{font-size:14px;line-height:1.9;color:#596883;max-width:620px;margin-top:23px}
.ref-copy strong{font-weight:500;color:#29375c}
.ref-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}
.ref-hero-art{position:relative;min-width:0;padding:42px 0 29px 28px}
.ref-hero-art figure{position:relative;height:555px;overflow:hidden;border-radius:6px}
.ref-hero-art img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;transition:transform 1.2s ease}
.ref-hero-art figure:hover img{transform:scale(1.035)}
.ref-hero-art figure:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#17213bbd)}
.ref-hero-art figcaption{position:absolute;bottom:28px;left:28px;right:24px;z-index:1;font-size:21px;line-height:1.4;color:white;letter-spacing:-.03em}
.ref-reward-seal{position:absolute;top:0;left:-7px;z-index:2;width:205px;padding:24px 24px 20px;background:#29375c;color:white;box-shadow:10px 10px 0 #fff;border:1px solid #29375c;border-radius:3px;transition:transform .5s ease}
.ref-hero-art:hover .ref-reward-seal{transform:translateY(-5px)}
.ref-reward-seal>span{display:block;font-size:7px;letter-spacing:.17em;margin-bottom:14px}
.ref-reward-seal>strong{display:block;font-size:85px;line-height:.9;font-weight:400;letter-spacing:-.085em}
.ref-reward-seal small{font-size:37px;font-weight:400;letter-spacing:-.03em;margin-left:5px}
.ref-reward-seal>p{font-size:10px;line-height:1.65;color:#d1dbea;margin-top:18px}
.ref-art-caption{display:block;position:absolute;left:28px;bottom:0;font-size:7px;letter-spacing:.11em;color:#687892;line-height:1.8}
.ref-hero-note{display:flex;gap:25px;justify-content:space-between;border-block:1px solid var(--ref-line);padding:22px 0;margin-top:45px;font-size:11px;line-height:1.8;color:#63728b}
.ref-section{padding-block:100px}
.ref-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:9%;align-items:end}
.ref-section-head .ref-copy{margin:0;max-width:370px}
.ref-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;margin:57px 0 0;padding:0;list-style:none;position:relative}
.ref-path:before{content:'';position:absolute;top:26px;left:24px;right:24px;height:1px;background:#b9c5d8}
.ref-path>li{position:relative;min-width:0}
.ref-path-number{position:relative;display:grid;place-items:center;height:54px;width:54px;border:1px solid #acb9d0;background:white;box-shadow:0 0 0 12px white;border-radius:50%;font-size:13px;margin-bottom:29px;transition:background .3s,color .3s}
.ref-path>li:hover .ref-path-number{background:#29375c;color:white}
.ref-path h3{font-size:25px;line-height:1.25;max-width:280px;margin-bottom:17px}
.ref-path p{font-size:13px;line-height:1.9;color:#5e6c85}
.ref-calculator-section{padding:93px 0;background:#29375c;color:white;position:relative}
.ref-calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}
.ref-calculator-intro .info-kicker{color:#bdcce5}
.ref-calculator-intro h2 em{color:#c2cee3}
.ref-calculator-intro>p:not(.info-kicker){font-size:14px;line-height:1.9;max-width:420px;color:#d4deef;margin-top:28px}
.ref-share-visual{display:grid;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:35px;max-width:420px}
.ref-share-visual i{display:block;height:47px;background:#ffffff10;border:1px solid #8494b84a;border-radius:2px}
.ref-share-visual i:first-child{background:white;border-color:white;box-shadow:0 0 0 5px #ffffff12}
.ref-calculator-intro>.ref-share-caption{font-size:10px!important;margin-top:17px!important}
.ref-calculator{background:#fafbfd;color:#29375c;border-radius:8px;padding:36px;box-shadow:0 18px 40px #13214220;min-width:0}
.ref-example-label{font-size:8px;letter-spacing:.15em;color:#64738f;margin-bottom:27px}
.ref-calculator label{display:block;font-size:12px;line-height:1.6}
.ref-commission-value{font-size:41px;font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:15px 0 27px;font-variant-numeric:tabular-nums}
.ref-calculator input[type=range]{width:100%;accent-color:#29375c;cursor:pointer;height:27px;margin:0;display:block}
.ref-range-limits{display:flex;justify-content:space-between;font-size:9px;color:#78869d;margin:4px 0 21px}
.ref-calc-presets{display:flex;gap:9px;flex-wrap:wrap}
.ref-calc-presets button{min-height:40px;padding:9px 14px;border:1px solid #c4cedf;background:white;color:#29375c;border-radius:4px;font-size:11px;transition:background .2s,color .2s}
.ref-calc-presets button[aria-pressed=true]{background:#e7edf6;border-color:#29375c;box-shadow:inset 0 0 0 1px #29375c}
.ref-reward-result{border-top:1px solid #cbd5e5;padding-top:25px;margin-top:29px;display:flex;align-items:end;justify-content:space-between;gap:15px}
.ref-reward-result>span{font-size:11px;line-height:1.7;max-width:110px}
.ref-reward-result output{font-size:clamp(40px,4.2vw,63px);font-weight:500;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap}
.ref-calc-note{font-size:10px;line-height:1.8;color:#6c7a92;margin-top:22px}
.ref-understanding{display:grid;grid-template-columns:.8fr 1fr;gap:12%;align-items:center}
.ref-understanding-photo{position:relative;height:570px;overflow:hidden;border-radius:5px}
.ref-understanding-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 43%}
.ref-understanding-photo>div{position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#111d38f0);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:white}
.ref-understanding-photo span{font-size:8px;letter-spacing:.14em;margin-bottom:15px}
.ref-understanding-photo strong{font-size:31px;line-height:1.2;letter-spacing:-.035em;font-weight:500}
.ref-agreements{margin:35px 0 0}
.ref-agreements>div{border-top:1px solid var(--ref-line);padding:22px 0}
.ref-agreements dt{font-size:21px;font-weight:500;letter-spacing:-.035em;line-height:1.4;margin-bottom:9px}
.ref-agreements dd{margin:0;font-size:13px;line-height:1.85;color:#5e6c85}
.ref-faq-section{padding:85px 0;background:#f2f4f8}
.ref-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10%;align-items:start}
.ref-faq details{border-bottom:1px solid #ced6e4}
.ref-faq details:first-child{border-top:1px solid #ced6e4}
.ref-faq summary{position:relative;padding:23px 35px 23px 0;font-size:14px;font-weight:500;line-height:1.7;list-style:none;cursor:pointer}
.ref-faq summary::-webkit-details-marker{display:none}
.ref-faq summary:after{content:'+';position:absolute;right:4px;top:19px;font-size:23px;font-weight:400;transition:transform .2s}
.ref-faq details[open] summary:after{transform:rotate(45deg)}
.ref-faq p{padding:0 28px 25px 0;color:#5d6b84;font-size:13px;line-height:1.9}
.ref-closing{display:grid;grid-template-columns:1fr .85fr;gap:15%;align-items:center}
.ref-closing-contact{padding:30px;border-left:1px solid var(--ref-line)}
.ref-closing-contact>span{font-size:8px;letter-spacing:.13em;color:#68758d;line-height:1.7}
.ref-closing-contact h3{font-size:34px;margin:13px 0 25px}
.ref-closing-contact .info-button{display:flex;justify-content:flex-start;margin-bottom:12px}
.ref-closing-contact>p{font-size:11px;line-height:1.8;margin-top:22px;color:#68758d}
.ref-motion{background:none;border:1px solid #bfc9d9;padding:10px 15px;min-height:40px;border-radius:4px;font-size:11px}
.ref-motion-ready .ref-reveal{transition:opacity .65s,transform .65s;opacity:0;transform:translateY(18px)}
.ref-motion-ready .ref-reveal.is-visible{opacity:1;transform:none}
.ref-motion-ready .ref-path>li:nth-child(2){transition-delay:.1s}
.ref-motion-ready .ref-path>li:nth-child(3){transition-delay:.2s}
@media(max-width:1100px){.ref-hero-grid{gap:5%}.ref-reward-seal{width:172px;padding:21px}.ref-reward-seal>strong{font-size:70px}.ref-hero-art{padding-left:15px}.ref-hero-art figure{height:525px}.ref-hero-art figcaption{font-size:19px;left:24px}.ref-actions{gap:11px}.ref-actions .info-button{font-size:11px;padding:14px 16px}.ref-section-head{grid-template-columns:1.3fr .7fr;gap:7%}.ref-path{gap:27px}.ref-path h3{font-size:23px}.ref-calculator-layout{gap:7%}.ref-calculator{padding:28px}.ref-understanding{gap:8%}.ref-understanding-photo{height:560px}.ref-closing{gap:8%}}
@media(max-width:760px){.ref-hero{padding-top:113px}.ref-hero-grid{grid-template-columns:1fr;gap:33px}.referral-page h1{font-size:clamp(38px,10vw,51px)}.referral-page h2{font-size:35px}.ref-lead{font-size:19px;margin-top:24px}.ref-copy{font-size:13px;margin-top:19px}.ref-actions{gap:11px;margin-top:25px}.ref-hero-art{padding:35px 0 26px 18px}.ref-hero-art figure{height:420px}.ref-reward-seal{left:0;width:151px;padding:20px}.ref-reward-seal>span{font-size:6px;margin-bottom:13px}.ref-reward-seal>strong{font-size:65px}.ref-reward-seal small{font-size:30px}.ref-reward-seal>p{font-size:9px;margin-top:15px}.ref-art-caption{left:18px;font-size:6px;letter-spacing:.07em}.ref-hero-art figcaption{font-size:20px;left:22px;bottom:25px}.ref-hero-note{margin-top:28px;flex-direction:column;gap:8px;font-size:10px;padding:19px 0}.ref-section{padding-block:64px}.ref-section-head{grid-template-columns:1fr;gap:23px}.ref-path{grid-template-columns:1fr;gap:32px;margin-top:34px}.ref-path:before{top:23px;left:21px;bottom:12px;right:auto;height:auto;width:1px}.ref-path>li{padding-left:70px}.ref-path-number{position:absolute;left:0;top:0;width:43px;height:43px;box-shadow:0 0 0 8px white;font-size:11px}.ref-path h3{font-size:24px;margin-bottom:13px}.ref-path p{font-size:12px}.ref-calculator-section{padding:64px 0}.ref-calculator-layout{grid-template-columns:1fr;gap:35px}.ref-calculator-intro>p:not(.info-kicker){font-size:13px;margin-top:22px}.ref-share-visual{gap:6px;margin-top:28px}.ref-share-visual i{height:36px}.ref-calculator{padding:27px 24px}.ref-commission-value{font-size:37px}.ref-reward-result output{font-size:47px}.ref-calc-presets{gap:8px}.ref-calc-presets button{font-size:10px;padding-inline:11px}.ref-understanding{grid-template-columns:1fr;gap:38px}.ref-understanding-photo{height:410px;max-width:460px}.ref-understanding-photo>img{object-position:50% 39%}.ref-understanding-photo>div{padding:25px}.ref-understanding-photo strong{font-size:28px}.ref-agreements{margin-top:25px}.ref-agreements dt{font-size:22px}.ref-agreements dd{font-size:12px}.ref-faq-section{padding:62px 0}.ref-faq-grid{grid-template-columns:1fr;gap:30px}.ref-faq summary{font-size:13px;padding-block:21px}.ref-faq p{font-size:12px;padding-right:5px}.ref-closing{grid-template-columns:1fr;gap:29px}.ref-closing-contact{border-left:0;border-top:1px solid var(--ref-line);padding:29px 0 0}.ref-closing-contact h3{font-size:31px}.ref-closing-contact .info-button{justify-content:center}}
@media(max-width:360px){.referral-page h1{font-size:35px}.referral-page h2{font-size:31px}.ref-hero-art figure{height:380px}.ref-actions .info-button{font-size:10px;padding-inline:13px;gap:9px}.ref-path>li{padding-left:62px}.ref-path h3{font-size:22px}.ref-calculator{padding:25px 20px}.ref-reward-result{align-items:start;flex-direction:column;gap:13px}.ref-reward-result>span{max-width:none}.ref-calc-presets button{padding-inline:9px;font-size:9px}}
.ref-motion-off *,.ref-motion-off *:before,.ref-motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.ref-motion-off .ref-reveal{opacity:1;transform:none}
.ref-motion-off .ref-reward-seal,.ref-motion-off .ref-hero-art img,.ref-motion-off .info-button{transform:none!important}
@media(prefers-reduced-motion:reduce){.referral-page *,.referral-page *:before,.referral-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ref-motion-ready .ref-reveal{opacity:1;transform:none}.ref-hero-art img,.ref-reward-seal,.referral-page .info-button{transform:none!important}}