.agents-page .navigation-shell { color:#1b263a; }
.agents-page .navigation-shell .header { background:transparent; }
.agents-page .desktop-nav { color:#59677c; }
.agents-page .desktop-nav a:hover { color:#245fea; }
.agents-page .desktop-nav [aria-current=page] { color:#245fea; }
.agents-page .desktop-nav [aria-current=page]:after { content:''; display:block; margin:6px auto -8px; width:15px; height:2px; border-radius:2px; background:#3772fe; }
.agents-page .menu-button { color:#1b263a; }
.agents-page .mobile-nav { background:#edf2f9; border-radius:0 0 18px 18px; }
.agents-hero { overflow:hidden; background:radial-gradient(ellipse at 74% 57%,#fafdff 0,transparent 52%),#e6ebf3; border-radius:30px; }
.agents-hero-content { padding:34px 4.5% 62px; min-height:590px; }
.agents-hero-copy { position:relative; z-index:2; width:54%; }
.agents-hero-copy .eyebrow { color:#5c759a; margin-bottom:23px; }
.agents-hero h1 { font-size:clamp(48px,4.9vw,76px); line-height:1.015; font-weight:500; letter-spacing:-.06em; }
.agents-inline-person { display:inline-block; width:.64em; height:.73em; object-fit:contain; vertical-align:-.02em; margin-left:.06em; scale:1.24; }
.agents-hero-lead { margin-top:29px; color:#53637c; font-size:13px; line-height:1.65; }
.agents-outline { border:1px solid #c6cfde; color:#283b5b; background:#ffffff20; }
.agents-outline:hover { background:#ffffff80; }
.agents-hero-art { position:absolute; width:60%; height:114%; top:-4%; right:-3%; pointer-events:none; transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0); transition:transform 1.8s var(--ease); }
.agents-hero-art>img { width:100%; height:100%; object-fit:contain; animation:agent-orbit 13s ease-in-out infinite; }
.agents-hero .scroll-cue { border-color:#7b93bb; }
.agents-hero .scroll-cue span { background:#6a8ed0; }
.agents-conditions { padding:58px 3.7% 0; }
.agents-conditions .section-heading { margin-bottom:29px; }
.agents-conditions h2 { font-size:34px; }
.agents-terms-grid { display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:14px; }
.agent-term { position:relative; isolation:isolate; min-width:0; height:350px; border-radius:26px; padding:30px; overflow:hidden; background:#e1e8f5; }
.agent-term h3 { position:relative; z-index:2; font-size:20px; letter-spacing:-.03em; }
.agent-term-value { position:relative; z-index:2; font-family:Onest,sans-serif; font-size:94px; line-height:1; margin-top:34px; letter-spacing:-.07em; font-weight:500; }
.agent-term-value small { font-size:.32em; letter-spacing:-.03em; font-weight:400; }
.agent-term-value>span { font-size:.58em; margin-left:.025em; }
.agent-term>p { position:absolute; z-index:2; bottom:30px; left:30px; font-size:12px; line-height:1.6; color:#657896; }
.agent-term>img { position:absolute; height:70%; width:69%; right:-10%; bottom:-13%; object-fit:contain; max-width:none; transition:transform 1s var(--ease); }
.agent-term:hover>img { transform:translate(-4px,-5px) rotate(-3deg); }
.agent-term-reward { background:#dfe8fd; color:#173775; }
.agent-term-reward>p { max-width:50%; color:#647ca4; }
.agent-term-reward>img { height:77%; width:78%; bottom:-7%; right:-22%; }
.agent-term-methods { background:#fff; }
.agent-term-methods>img { width:62%; height:67%; right:-10%; bottom:-4%; }
.agent-term-clear { background:radial-gradient(ellipse at 90% 100%,#1b396b,transparent 90%),#0b1526; color:white; }
.agent-term-message { position:relative; z-index:2; font-size:34px; font-family:Onest,sans-serif; line-height:1.05; letter-spacing:-.045em; margin-top:33px; }
.agent-term-clear>p { color:#97abc9; }
.agent-term-clear>img { height:75%; width:72%; right:-15%; bottom:-17%; }
.agents-payout { margin:15px 3.7% 0; padding:47px 4.2%; min-height:410px; border-radius:27px; color:white; position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 70% 100%,#173c7b,transparent 70%),#0a111e; }
.agents-payout-copy { position:relative; z-index:2; width:63%; }
.agents-payout h2 { font-size:60px; line-height:1.02; font-weight:400; }
.agents-payout-copy>p:not(.eyebrow) { margin-top:24px; color:#a6b9d6; font-size:12px; line-height:1.65; }
.agent-payout-methods { display:flex; flex-wrap:wrap; gap:10px; margin-top:23px; }
.agent-payout-methods>span { display:flex; align-items:center; gap:8px; border:1px solid #879cc12e; padding:9px 12px; border-radius:8px; font-size:10px; color:#c1cfe4; }
.agent-payout-methods svg { width:15px; height:15px; color:#79a4ff; }
.agents-payout .button { margin-top:26px; }
.agents-payout-art { position:absolute; right:-2%; top:-5%; width:54%; height:117%; object-fit:contain; max-width:none; transition:transform 1.3s var(--ease); }
.agents-payout:hover .agents-payout-art { transform:translateY(-7px) rotate(-2deg); }
.agents-payout-note { position:absolute; bottom:25px; right:45px; font-size:10px; color:#7899cb; }
.agents-process { padding:70px 3.7% 0; }
.agents-process h2 { font-size:38px; }
.agents-process-intro { font-size:12px; color:#718097; }
.agents-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.agent-step { position:relative; isolation:isolate; min-height:450px; border-radius:26px; padding:29px; overflow:hidden; background:#0c1524; color:#fff; }
.agent-step-number { position:relative; z-index:2; font-size:10px; font-family:Onest,sans-serif; color:#86abeb; letter-spacing:.02em; }
.agent-step h3 { position:relative; z-index:2; font-size:30px; line-height:1.05; margin-top:25px; }
.agent-step p { position:relative; z-index:2; margin-top:18px; max-width:310px; color:#9dafc9; font-size:12px; line-height:1.6; }
.agent-step>img { position:absolute; width:83%; height:66%; right:-6%; bottom:-7%; object-fit:contain; max-width:none; transition:transform 1s var(--ease); }
.agent-step:hover>img { transform:translate(-5px,-4px) rotate(-2deg); }
.agent-step-meet { background:radial-gradient(ellipse at 70% 100%,#1b3760,transparent 65%),#0c1524; }
.agent-step-refer { background:radial-gradient(ellipse at 50% 90%,#213c61,transparent 70%),#111c2d; }
.agent-step-refer>img { width:101%; height:61%; right:-9%; bottom:-5%; }
.agent-step-earn { background:radial-gradient(ellipse at 85% 100%,#19407d,transparent 80%),#0a172c; }
.agent-step-earn>img { width:90%; right:-7%; bottom:-9%; }
.agent-step-link { position:absolute; z-index:3; left:29px; bottom:29px; width:42px; height:42px; display:grid; place-items:center; background:#ffffff0c; border:1px solid #a5c1eb38; border-radius:50%; transition:background .2s; }
.agent-step-link:hover { background:#3772fe; }
.agent-step-link svg { width:18px; height:18px; }
.agents-faq { margin-top:66px; padding:62px 4.5%; }
.agents-faq .faq-intro h2 { font-size:39px; }
.agents-faq .faq-list summary { font-size:17px; }
.agents-faq .faq-list p { font-size:12px; }
.agents-cta { margin-top:12px; }
@keyframes agent-orbit { 0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)} }
@media(min-width:1650px) { .agents-hero-content{min-height:670px}.agents-hero h1{font-size:84px}.agents-hero-lead{font-size:15px}.agent-term{height:390px}.agent-term-value{font-size:108px}.agent-term-message{font-size:41px}.agent-term h3{font-size:23px}.agent-term>p{font-size:14px}.agent-step{min-height:490px}.agent-step p{font-size:14px} }
@media(max-width:1150px) { .agents-hero-content{min-height:535px;padding-top:27px}.agents-hero h1{font-size:58px}.agents-hero-lead{font-size:12px}.agents-hero-art{width:61%;right:-6%;top:1%;height:107%}.agents-conditions{padding-top:45px}.agents-conditions h2{font-size:30px}.agent-term{height:315px;padding:25px}.agent-term h3{font-size:18px}.agent-term-value{font-size:83px}.agent-term-message{font-size:29px}.agent-term>p{font-size:11px;left:25px;bottom:25px}.agents-payout h2{font-size:53px}.agents-payout-art{width:53%;right:-4%;height:104%;top:4%}.agent-payout-methods{gap:7px}.agent-payout-methods>span{font-size:9px;padding:8px 9px}.agent-step{min-height:420px;padding:25px}.agent-step h3{font-size:27px}.agent-step p{font-size:11px}.agents-faq .faq-list summary{font-size:15px} }
@media(max-width:900px) { .agents-hero-content{min-height:500px;padding:30px 4.5% 45px}.agents-hero h1{font-size:49px}.agents-hero-copy .eyebrow{font-size:9px;margin-bottom:21px}.agents-hero-lead{font-size:11px;max-width:330px}.agents-hero-lead br{display:none}.agents-hero-art{width:65%;right:-14%;top:12%;height:96%}.agents-hero .hero-buttons{gap:9px}.agents-hero .hero-buttons .button{font-size:11px;padding:0 15px;min-height:44px;gap:10px}.agents-terms-grid{gap:10px}.agent-term{height:295px;padding:22px}.agent-term h3{font-size:16px}.agent-term-value{font-size:71px}.agent-term>p{font-size:10px;left:22px;bottom:22px}.agent-term-message{font-size:25px}.agent-term-reward>p{max-width:70%}.agent-term-reward>img{height:54%;width:80%;bottom:11%;right:-27%}.agent-term-methods>img{height:46%;bottom:9%;right:-17%;width:72%}.agent-term-clear>img{width:88%;right:-29%;bottom:-15%}.agents-conditions h2{font-size:27px}.agents-conditions .text-link{display:none}.agents-payout{padding:37px 4%;min-height:430px}.agents-payout h2{font-size:48px}.agents-payout-copy{width:64%}.agents-payout-copy>p:not(.eyebrow){font-size:11px}.agents-payout-art{width:57%;right:-8%;top:19%;height:83%}.agents-payout-note{right:26px;bottom:22px;font-size:9px}.agent-payout-methods{max-width:270px}.agents-process{padding-top:53px}.agents-process h2{font-size:32px}.agents-process-intro{font-size:11px}.agents-steps{gap:10px}.agent-step{min-height:405px;padding:21px}.agent-step h3{font-size:25px}.agent-step p{font-size:11px}.agent-step>img{height:57%;width:105%;right:-20%;bottom:-7%}.agent-step-refer>img{width:112%;right:-12%}.agent-step-link{left:21px;bottom:21px;width:34px;height:34px}.agents-faq{gap:7%;margin-top:52px}.agents-faq .faq-intro h2{font-size:32px}.agents-faq .faq-list summary{font-size:14px}.agents-faq .faq-list p{font-size:11px} }
@media(max-width:650px) { .agents-hero{border-radius:23px}.agents-hero-content{padding:23px 26px 0;min-height:0}.agents-hero-copy{width:100%}.agents-hero-copy .eyebrow{font-size:9px;margin-bottom:22px}.agents-hero h1{font-size:clamp(40px,10.85vw,57px);line-height:1.02;letter-spacing:-.055em}.agents-inline-person{width:.58em;height:.68em}.agents-hero-lead{font-size:12px;line-height:1.65;margin-top:24px;max-width:310px}.agents-hero .hero-buttons{margin-top:26px;gap:10px}.agents-hero .hero-buttons .button{min-height:46px;font-size:11px;padding:0 17px}.agents-hero-art{position:relative;width:calc(100% + 60px);height:345px;margin-left:-25px;margin-top:-3px;right:auto;top:auto}.agents-hero .scroll-cue{display:none}.agents-conditions{padding:39px 17px 0}.agents-conditions .section-heading{padding:0 5px;margin-bottom:24px}.agents-conditions h2{font-size:28px;max-width:300px}.agents-terms-grid{grid-template-columns:1fr;gap:10px}.agent-term{height:255px;border-radius:22px;padding:25px}.agent-term h3{font-size:19px}.agent-term-value{font-size:86px;margin-top:25px}.agent-term>p{left:25px;bottom:24px;font-size:11px}.agent-term-reward>img{height:96%;width:68%;right:-15%;bottom:-14%}.agent-term-reward>p{max-width:60%}.agent-term-methods>img{height:87%;width:52%;right:-2%;bottom:-6%}.agent-term-message{font-size:33px;line-height:1.02;margin-top:25px}.agent-term-clear>img{height:93%;width:66%;right:-11%;bottom:-11%}.agent-term-clear>p{max-width:52%;font-size:10px}.agents-payout{margin:10px 17px 0;padding:33px 25px 0;min-height:610px;border-radius:22px}.agents-payout-copy{width:100%}.agents-payout h2{font-size:47px}.agents-payout-copy>p:not(.eyebrow){font-size:11px;max-width:275px;margin-top:21px}.agents-payout-copy>p br{display:none}.agent-payout-methods{gap:7px;margin-top:20px;max-width:100%}.agent-payout-methods>span{font-size:9px;padding:8px 9px;gap:6px}.agents-payout .button{font-size:11px;min-height:44px;margin-top:21px;padding:0 17px}.agents-payout-art{width:95%;height:47%;right:-4%;top:auto;bottom:15px}.agents-payout-note{bottom:21px;right:25px;left:25px;text-align:center;font-size:9px}.agents-process{padding:42px 17px 0}.agents-process .section-heading{padding:0 5px;margin-bottom:25px}.agents-process h2{font-size:29px}.agents-process-intro{display:none}.agents-steps{grid-template-columns:1fr;gap:10px}.agent-step{min-height:315px;border-radius:22px;padding:26px}.agent-step h3{font-size:28px;margin-top:23px}.agent-step p{font-size:11px;max-width:190px;line-height:1.6;margin-top:17px}.agent-step>img{height:74%;width:69%;right:-17%;bottom:-8%}.agent-step-refer>img{height:76%;width:77%;right:-14%;bottom:-13%}.agent-step-earn>img{width:79%;right:-19%;bottom:-15%}.agent-step-link{left:26px;bottom:26px}.agents-faq{margin-top:38px;padding:39px 26px;gap:27px}.agents-faq .faq-intro h2{font-size:32px}.agents-faq .faq-list summary{font-size:13px}.agents-faq .faq-list p{font-size:11px}.agents-cta{margin-top:10px}.agents-cta .closing-copy h2{font-size:39px}.agents-cta .closing-title-line{gap:.14em} }
@media(max-width:370px) { .agents-hero h1{font-size:37px}.agents-hero-content{padding-left:23px;padding-right:23px}.agents-hero .hero-buttons .button{font-size:10px;padding:0 13px}.agents-hero-art{height:300px}.agents-hero-copy .eyebrow{font-size:8px}.agent-term{padding:23px;height:250px}.agent-term h3{font-size:18px}.agent-term-value{font-size:78px}.agent-term>p{left:23px;font-size:10px}.agent-term-message{font-size:30px}.agents-payout{padding-left:23px;padding-right:23px}.agents-payout h2{font-size:43px}.agent-payout-methods>span{font-size:8px;padding:7px}.agents-process h2{font-size:26px}.agent-step h3{font-size:26px}.agent-step p{max-width:160px;font-size:10px}.agents-cta .closing-copy h2{font-size:34px} }

@media(max-width:650px) { .agents-payout{min-height:0;padding-bottom:12px}.agents-payout-art{position:relative;display:block;width:calc(100% + 20px);height:285px;right:auto;top:auto;bottom:auto;margin:8px -10px -5px}.agent-step-meet p{max-width:170px} }