/* Referral page: the approved sunset / Champion mockup, with a separate uncropped trophy. */
.page-free-internet{--r-orange:#ff641c;--r-paper:#fcf6ef;background:#101114}.r-wrap{max-width:1440px;padding-inline:42px;margin-inline:auto;width:100%}.r-hero{position:relative;isolation:isolate;background:#0c1016;overflow:hidden}.page-free-internet .r-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-2}.r-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060b14bb 0%,#060b1444 63%,transparent 100%),linear-gradient(0deg,#05070b55,transparent 65%)}.r-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:20px;padding-top:28px;padding-bottom:28px;min-height:390px}.r-hero-copy{position:relative;z-index:2}.page-free-internet .r-hero h1{font-size:clamp(31px,3.15vw,49px);letter-spacing:-.04em;line-height:1.09;margin:0 0 18px;max-width:none;text-wrap:initial}.r-hero h1>span,.r-hero h1>em{display:block}.r-hero h1>em{font-size:1.09em;margin-top:3px;color:#ff6319}.r-hero-copy>p{font-size:18px;line-height:1.5;color:#fff;max-width:790px;margin-bottom:22px}.r-hero .d-actions{gap:15px}.r-hero .d-button{padding:12px 24px;font-size:15px}.r-hero .d-button.secondary{border-width:2px;background:#070b12aa}.r-trophy{margin:0;position:relative;min-width:0;display:block}.page-free-internet .r-trophy-sculpture{display:block;width:100%;height:100%;object-fit:contain;object-position:center;position:relative}.r-hero-trophy{height:345px;width:100%;align-self:center}.page-free-internet .r-trophy-logo{position:absolute;top:84.5%;left:33%;width:34%;height:auto;max-height:27px;object-fit:contain;mix-blend-mode:screen}.r-rewards,.r-how{background:var(--r-paper);color:#13151a}.r-rewards{padding:28px 0 13px}.r-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.r-reward{display:flex;align-items:center;gap:20px;min-width:0}.r-reward+.r-reward{border-left:1px solid #d7cabe;padding-left:30px}.r-reward-icon{flex-shrink:0;display:grid;place-items:center;width:64px;height:64px;color:#fff;border:1px solid #ffffffaa;border-radius:50%;background:linear-gradient(145deg,#ff8d26,#ff4a04);box-shadow:0 2px 12px #ff641c16}.r-reward-icon svg{width:41px;height:41px}.page-free-internet .r-reward h2{font-size:23px;letter-spacing:-.035em;display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px;margin:0 0 4px;line-height:1.14;text-wrap:initial}.r-reward h2 strong{font-size:54px;line-height:1.1;color:#ed4c0d;letter-spacing:-.055em}.r-reward h2>span{font-size:23px}.r-reward p{font-size:14px;line-height:1.5;margin:0}.r-qualification{font-size:12px;line-height:1.6;text-align:center;margin:21px 0 0!important}.r-journey{position:relative;isolation:isolate;background:#101115;color:#fff;padding:24px 0}.r-journey::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0e14ed,#0b0e1455),url('images/dark/referral-neighborhood.webp') center 65%/cover;z-index:-1}.r-journey-layout{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:center;gap:35px}.r-journey-copy .d-eyebrow{font-size:12px;letter-spacing:.24em;margin-bottom:9px!important}.page-free-internet .r-journey h2{font-size:29px;line-height:1.15;letter-spacing:-.035em;margin-bottom:12px;text-wrap:initial}.r-journey-copy>p:last-child{font-size:14px;line-height:1.6;margin:0;color:#f0f1f3}.r-journey-track{display:flex;gap:20px;align-items:center;min-width:0}.r-journey-track ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:0;list-style:none;flex:1;min-width:0}.r-journey-track li{display:flex;flex-direction:column;align-items:center;position:relative;font-size:12px;line-height:1.4;text-align:center;min-width:0}.r-journey-track li::before{content:'';position:absolute;left:50%;top:24px;width:100%;height:3px;background:#ff7325;box-shadow:0 0 7px #ff5a10,0 0 14px #ff5a10;z-index:0}.r-journey-track li:last-child::after{content:'›';position:absolute;top:-3px;left:calc(150% - 12px);font-size:47px;color:#ffe8cc;text-shadow:0 0 6px #ff7429,0 0 13px #ff7429;line-height:1}.r-node{display:grid;place-items:center;width:50px;height:50px;border:2px solid #aeb4ba;border-radius:50%;font-size:22px;line-height:1;font-weight:600;background:#1c2227;position:relative;z-index:1;margin-bottom:10px}.is-qualified .r-node{background:linear-gradient(140deg,#ffab45,#fc4d08);color:#fff;border-color:#fff2db;box-shadow:0 0 5px #fff2db,0 0 15px #ff6e18,0 0 28px #ff6e1850}.r-journey-track strong{font-size:12px}.r-journey-track small{font-size:12px}.r-unlock{display:flex;align-items:center;gap:4px;position:relative;flex:0 0 167px;min-width:0}.r-small-trophy{height:130px;width:90px;flex-shrink:0}.page-free-internet .r-small-trophy .r-trophy-logo{max-height:9px}.r-unlock>p{font-size:13px;margin:0;line-height:1.2}.r-unlock>p>strong{font-size:19px;line-height:1.1;color:#ff6a20;display:block;margin-top:3px}.r-how{padding:27px 0}.r-how-layout{display:grid;grid-template-columns:235px repeat(3,minmax(0,1fr));gap:25px;align-items:start}.r-how-heading{padding-right:20px}.r-how-heading .d-eyebrow{font-size:11px;letter-spacing:.25em;margin-bottom:6px!important;color:#d23b00}.page-free-internet .r-how h2{font-size:33px;margin:0;line-height:1.08;text-wrap:initial}.r-how-step{display:grid;grid-template-columns:27px 45px minmax(0,1fr);gap:12px;border-left:1px solid #d7cabe;padding-left:23px;min-width:0}.r-step-number{width:28px;height:28px;display:grid;place-items:center;font-size:14px;background:#f95a16;color:#fff;border-radius:50%;font-weight:700}.r-step-icon{color:#ff5b13;display:block;padding-top:8px}.r-step-icon svg{width:43px;height:43px}.page-free-internet .r-how h3{font-size:18px;line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}.r-how-step p{font-size:13px;line-height:1.5;margin:0}.r-details{padding:30px 0 20px;background:linear-gradient(135deg,#0b0e12,#191a1c);color:#fff}.r-details-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:35px}.page-free-internet .r-details h2{font-size:22px;letter-spacing:-.025em;margin-bottom:14px}.r-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:start}.r-faq details{border-top:1px solid #ffffff35;font-size:13px;padding:10px 0}.r-faq summary{cursor:pointer;list-style:none;display:flex;gap:14px;justify-content:space-between;align-items:center;line-height:1.5}.r-faq summary::-webkit-details-marker,.r-terms summary::-webkit-details-marker{display:none}.r-faq summary>span{color:#ced1d8;font-size:18px;flex-shrink:0}.r-faq details[open] summary>span{transform:rotate(180deg)}.r-faq details>div{padding:12px 0;color:#c8cdd5;font-size:13px;line-height:1.65}.r-terms{border-left:1px solid #ffffff35;padding-left:35px;min-width:0}.r-terms p{font-size:13px;line-height:1.6;color:#e0e2e7;margin-bottom:10px}.r-terms summary{font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none;color:#ff9a61;text-decoration:underline;display:flex;gap:12px;align-items:center}.r-terms details>div{padding-top:16px}.r-footer{background:#111315;border-top:1px solid #ffffff22;color:#d0d3d8}.r-footer-inner{display:flex;align-items:center;gap:30px;padding-top:22px;padding-bottom:22px}.r-footer-inner>a{flex:0 0 175px}.page-free-internet .r-footer img{width:175px;height:auto;mix-blend-mode:screen}.r-footer nav{display:flex;gap:22px;justify-content:center;flex:1;flex-wrap:wrap}.r-footer a{font-size:12px;color:#d0d3d8}.r-footer a:hover{color:#ff9a61}.r-footer-end{text-align:right}.r-footer-end p{font-size:10px;margin-bottom:7px}.r-footer-end>div{display:flex;justify-content:flex-end;gap:17px}.r-footer-end a{font-size:11px}
@media(min-width:1200px){.r-how-layout{grid-template-columns:215px repeat(3,minmax(0,1fr));gap:20px}.r-how-step{padding-left:20px;gap:10px;grid-template-columns:26px 42px minmax(0,1fr)}}
@media(max-width:1199px){.r-wrap{padding-inline:30px}.r-hero-inner{grid-template-columns:minmax(0,1fr) 260px;gap:10px}.r-hero-copy>p{font-size:16px}.r-hero-trophy{height:320px}.r-reward-grid{gap:20px}.r-reward{gap:12px}.r-reward+.r-reward{padding-left:20px}.r-reward-icon{width:50px;height:50px}.r-reward-icon svg{width:32px;height:32px}.r-reward h2 strong{font-size:46px}.r-reward h2>span{font-size:19px}.r-journey-layout{grid-template-columns:270px minmax(0,1fr);gap:28px}.page-free-internet .r-journey h2{font-size:25px}.r-unlock{flex-basis:135px}.r-small-trophy{width:72px;height:112px}.r-unlock>p>strong{font-size:16px}.r-journey-track{gap:10px}.r-node{width:45px;height:45px;font-size:20px}.r-journey-track li::before{top:22px}.r-journey-track li:last-child::after{top:-5px}.r-how-layout{grid-template-columns:1fr 1fr 1fr;gap:24px}.r-how-heading{grid-column:1/-1;display:flex;align-items:baseline;gap:20px}.r-how-heading .d-eyebrow{margin:0!important}.r-how-step{padding-left:0;border-left:none;grid-template-columns:26px 37px minmax(0,1fr);gap:10px}.r-step-icon svg{width:35px;height:35px}.r-footer-inner{gap:25px;flex-wrap:wrap}.r-footer-end{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:18px;border-top:1px solid #ffffff15;padding-top:15px}.r-footer-end p{margin:0}}
@media(max-width:900px){.r-hero-inner{grid-template-columns:minmax(0,1fr) 220px;padding-top:30px;padding-bottom:30px}.page-free-internet .r-hero h1{font-size:34px}.r-hero-copy>p br{display:none}.r-hero-trophy{height:300px}.r-hero .d-actions{gap:10px}.r-hero .d-button{padding:11px 16px;font-size:14px}.r-reward-grid{gap:16px}.r-reward{align-items:flex-start;gap:12px}.r-reward h2{gap:3px 7px}.r-reward h2 strong{font-size:42px}.r-reward h2>span{font-size:18px}.r-reward-icon{width:43px;height:43px}.r-reward-icon svg{width:28px;height:28px}.r-reward p{font-size:13px}.r-journey-layout{grid-template-columns:1fr;gap:25px}.r-journey-copy{max-width:600px}.r-journey-track{padding-right:15px}.r-journey-track ol{max-width:none}.r-unlock{flex-basis:170px}.r-small-trophy{height:130px;width:95px}.r-unlock>p>strong{font-size:19px}.r-details-layout{grid-template-columns:1fr;gap:28px}.r-terms{border-left:none;padding-left:0;border-top:1px solid #ffffff35;padding-top:24px}.r-footer nav{gap:16px}.r-footer-inner>a{flex-basis:150px}.page-free-internet .r-footer img{width:150px}}
@media(max-width:650px){.r-wrap{padding-inline:22px}.r-hero-inner{grid-template-columns:1fr;gap:12px;padding-top:36px;padding-bottom:18px}.page-free-internet .r-hero h1{font-size:clamp(31px,6.8vw,41px);line-height:1.12}.r-hero h1>em{font-size:1.05em;margin-top:8px}.r-hero-copy>p{font-size:16px;line-height:1.6;margin-bottom:20px}.r-hero .d-actions{flex-direction:row;max-width:none}.r-hero .d-button{flex:1;min-width:0;padding:12px 15px;font-size:14px;gap:10px;width:auto}.r-hero-trophy{height:290px;width:min(100%,285px);justify-self:center}.page-free-internet .r-scene{object-position:61% center}.r-hero::after{background:linear-gradient(180deg,#080d18db,#080d1833 65%,#080d1844)}.r-rewards{padding:25px 0 20px}.r-reward-grid{grid-template-columns:1fr;gap:20px}.r-reward{gap:20px;align-items:center}.r-reward+.r-reward{border-left:none;border-top:1px solid #d7cabe;padding-left:0;padding-top:20px}.r-reward-icon{width:57px;height:57px}.r-reward-icon svg{width:35px;height:35px}.page-free-internet .r-reward h2{gap:5px 12px}.r-reward h2 strong{font-size:49px}.r-reward h2>span{font-size:23px}.r-reward p{font-size:14px}.r-qualification{text-align:left;font-size:12px;line-height:1.7}.r-journey{padding:30px 0}.r-journey-layout{gap:26px}.page-free-internet .r-journey h2{font-size:28px}.r-journey-copy>p:last-child{font-size:15px}.r-journey-track{display:grid;grid-template-columns:1fr;padding:0;gap:18px}.r-journey-track ol{width:100%;gap:2px}.r-node{width:44px;height:44px;font-size:21px}.r-journey-track li::before{top:21px}.r-journey-track li:last-child::before,.r-journey-track li:last-child::after{display:none}.r-journey-track li strong,.r-journey-track li small{font-size:11px}.r-unlock{justify-self:center;gap:12px}.r-small-trophy{height:150px;width:110px}.r-unlock>p{font-size:16px}.r-unlock>p>strong{font-size:26px}.r-how{padding:30px 0}.r-how-layout{grid-template-columns:1fr;gap:25px}.r-how-heading{display:block}.r-how-heading .d-eyebrow{margin-bottom:8px!important}.page-free-internet .r-how h2{font-size:35px}.r-how-step{border-top:1px solid #d7cabe;padding-top:22px;grid-template-columns:29px 42px minmax(0,1fr);gap:14px}.r-step-icon svg{width:40px;height:40px}.page-free-internet .r-how h3{font-size:21px}.r-how-step p{font-size:15px;line-height:1.6}.r-details{padding:32px 0}.r-faq{grid-template-columns:1fr;gap:0}.page-free-internet .r-details h2{font-size:25px;margin-bottom:18px}.r-faq details{padding:14px 0}.r-faq summary{font-size:15px;min-height:28px}.r-faq details>div,.r-terms p{font-size:14px}.r-terms summary{font-size:14px;min-height:44px}.r-footer-inner{display:grid;grid-template-columns:1fr;gap:22px}.r-footer nav{justify-content:flex-start;gap:14px 22px}.r-footer nav a{font-size:14px;min-height:30px;display:flex;align-items:center}.r-footer-end{align-items:flex-start;flex-direction:column;gap:12px;padding-top:18px}.r-footer-end>div{justify-content:flex-start}.r-footer-end p{font-size:11px}.r-footer-end a{font-size:12px}}
@media(max-width:360px){.r-hero .d-actions{flex-direction:column}.r-hero .d-button{width:100%}.r-node{width:38px;height:38px;font-size:19px}.r-journey-track li::before{top:18px}.r-journey-track li strong,.r-journey-track li small{font-size:10px}.r-reward h2>span{font-size:21px}.r-how-step{gap:11px;grid-template-columns:26px 34px minmax(0,1fr)}.r-step-icon svg{width:34px;height:34px}}
/* Keep branding attached to the trophy's own aspect ratio at every breakpoint. */
.page-free-internet .r-hero-trophy,.page-free-internet .r-small-trophy{height:auto;aspect-ratio:1145/1374}
.page-free-internet .r-trophy-logo{top:81.5%;left:31%;width:38%}
@media(max-width:520px){.r-hero .d-actions{flex-direction:column}.r-hero .d-button{width:100%;min-height:50px}}
