:root{--paper:#f5f4ef;--ink:#182321;--muted:#68716d;--green:#c8f25d;--green-dark:#a9d83e;--line:#dedfd7;--purple:#7758d7;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;width:min(1340px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e4dd;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--green);border-radius:11px}.brand-mark svg{width:27px;height:27px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:19px;letter-spacing:-1.15px}.brand-name span{font-weight:500}.brand-name i{font-style:normal;color:#7bac21}.desktop-nav{display:flex;gap:37px;margin-left:100px}.desktop-nav a{font-size:12px;color:#46514c;transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:#719b23}.header-cta{font-size:12px;font-weight:700;background:var(--ink);color:#fff;padding:13px 18px;border-radius:30px}.header-cta span{color:var(--green);margin-left:10px}.menu-toggle{display:none}.hero{min-height:635px;position:relative;display:grid;grid-template-columns:1fr .93fr;align-items:center;padding-top:24px;padding-bottom:65px}.hero-copy{max-width:540px;padding-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#59635e;display:flex;align-items:center;gap:9px}.eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#92bf32;display:inline-block;box-shadow:0 0 0 4px #e5edcf}.hero h1,.section-intro h2,.operators-heading h2,.faq h2{font-family:Manrope,sans-serif;letter-spacing:-4.8px;font-weight:600;line-height:.99;font-size:clamp(58px,6.7vw,86px);margin:26px 0 21px}.hero h1 em,.section-intro h2 em,.operators-heading h2 em,.faq h2 em{font-family:var(--serif);font-weight:400;color:#778e48;letter-spacing:-4px}.hero-lead{font-size:15px;line-height:1.8;color:#5f6863;max-width:455px}.hero-lead span{color:var(--ink);font-weight:700}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.button{display:inline-flex;align-items:center;gap:25px;border:0;border-radius:40px;padding:16px 21px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark span,.button-light span{font-size:17px;color:var(--green)}.text-link{font-size:11px;font-weight:600;border-bottom:1px solid #adb3aa;padding-bottom:5px}.text-link span{margin-left:10px;color:#779344}.hero-note{display:flex;align-items:center;gap:12px;margin-top:40px;color:#727b75;font-size:10px}.hero-note strong{color:var(--ink)}.mini-avatars{display:flex}.mini-avatars i{width:27px;height:27px;background:#dce6c6;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;color:#546c2c;font-style:normal;margin-right:-7px}.mini-avatars i:nth-child(2){background:#d7d3ed;color:#6a56aa}.mini-avatars i:nth-child(3){background:#f0d7c1;color:#a46237}.hero-art{height:500px;position:relative;display:grid;place-items:center;margin-top:0;overflow:visible}.art-orbit{position:absolute;border:1px solid #e1e1d9;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:485px;height:300px}.orbit-two{width:395px;height:420px;transform:rotate(43deg)}.orbit-three{width:445px;height:180px;transform:rotate(67deg);border-style:dashed}.phone-shadow{position:absolute;width:207px;height:410px;top:56px;left:calc(50% - 92px);border-radius:42px;background:#dadbd2;transform:rotate(8deg);filter:blur(18px);opacity:.72}.phone{position:absolute;width:207px;height:410px;left:calc(50% - 116px);top:42px;transform:rotate(8deg);border:7px solid #24302c;border-radius:38px;background:#e9f3ca;box-shadow:0 18px 30px #18232120;overflow:hidden}.phone-top{position:absolute;top:9px;left:16px;right:17px;font-size:8px;font-weight:700;display:flex;justify-content:space-between}.phone-island{position:absolute;top:8px;left:50%;transform:translateX(-50%);height:15px;width:57px;border-radius:10px;background:#1e2825}.phone-content{position:absolute;inset:66px 16px 20px}.phone-kicker{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#75805e}.phone-title{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-1.3px;font-weight:700;margin-top:5px}.phone-title span{color:#87a73a}.phone-wave{height:94px;margin-top:19px}.phone-wave svg{width:100%;height:100%;fill:none;stroke:#829d42;stroke-width:2}.phone-wave .wave-faint{stroke:#aec579;stroke-width:1}.match-pill{background:#fff;border-radius:20px;padding:8px 9px;font-size:8px;color:#576347;font-weight:700;display:inline-flex;gap:5px;align-items:center;box-shadow:0 3px 10px #51632a10}.match-pill i{font-style:normal;color:#83a832}.phone-lines{margin-top:20px;display:grid;gap:8px}.phone-lines span{height:6px;background:#d4ddb8;border-radius:4px}.phone-lines span:last-child{width:65%}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #ebebe4;border-radius:13px;padding:12px 14px;box-shadow:0 12px 35px #1c2b2214;z-index:2}.floating-card small{display:block;font-size:7px;letter-spacing:.65px;color:#818981;font-weight:700;margin-bottom:4px}.floating-card b{font-size:11px}.card-choice{top:104px;left:8px}.card-choice>i{font-style:normal;color:#739c28;font-size:14px;margin-left:8px}.card-icon{width:30px;height:30px;border-radius:9px;background:#f0d8d0;color:#b36848;display:grid;place-items:center;font-size:17px}.card-match{right:3px;bottom:91px}.match-symbol{width:30px;height:30px;border-radius:9px;background:#d8e9f0;color:#33758f;display:grid;place-items:center}.art-sticker{position:absolute;right:32px;top:82px;z-index:2;width:88px;height:88px;background:#d1f375;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:var(--serif);font-size:12px;line-height:1.08;transform:rotate(10deg)}.art-sticker span{font-family:'DM Sans';font-size:13px;margin-top:2px}.orbit-label{position:absolute;z-index:2;font-size:8px;letter-spacing:1.2px;font-weight:700;color:#7f8780}.label-top{top:42px;left:68px}.signal-dot{width:6px;height:6px;display:inline-block;background:#a5cf4c;border-radius:50%;margin-right:5px}.label-bottom{bottom:25px;right:45px}.spark{position:absolute;color:#9dbd60}.spark-a{left:79px;bottom:127px;font-size:20px}.spark-b{right:84px;top:180px;color:#bbaadd;font-size:17px}.spark-c{left:88px;top:148px;color:#e0a776;font-size:14px}.hero-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.6px;text-transform:uppercase;color:#778078}.hero-bottom>span:first-child{font-weight:700;color:#515c55}.hero-line{height:1px;width:77px;background:#a9b1a7}.hero-small{font-size:9px;text-transform:none;letter-spacing:0}.hero-scroll{margin-left:auto;font-size:17px}.ticker{height:59px;background:var(--green);overflow:hidden;display:flex;align-items:center;transform:rotate(-1.25deg) scale(1.015);position:relative;z-index:2;margin-block:0}.ticker-track{width:max-content;display:flex;align-items:center;gap:32px;white-space:nowrap;animation:marquee 35s linear infinite;font-size:12px;font-weight:700;letter-spacing:.1px}.ticker-track i{font-size:15px;font-style:normal;color:#6d8d24}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:116px 0}.matcher{background:#e9eae3}.matcher-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-intro h2,.operators-heading h2,.faq h2{font-size:56px;line-height:1.04;letter-spacing:-3.5px;margin:24px 0 16px}.section-intro h2 em,.operators-heading h2 em,.faq h2 em{letter-spacing:-2.7px;color:#778e48}.section-intro>p,.faq-layout>div:first-child>p{font-size:13px;line-height:1.8;color:#68716c;max-width:340px}.intro-aside{display:flex;align-items:center;gap:13px;margin-top:53px;color:#7f9070}.intro-aside>span:first-child{font-size:10px;font-weight:700}.intro-aside-line{height:1px;width:45px;background:#a8b39d}.intro-aside small{font-size:9px;line-height:1.7;color:#747c74}.quiz-card{background:#fff;border-radius:19px;padding:30px 32px 24px;box-shadow:0 20px 55px #2837200b}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.quiz-step{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#7c857d}.quiz-progress{display:flex;gap:4px}.quiz-progress i{height:3px;width:20px;background:#e7e9e1;border-radius:5px}.quiz-progress i:first-child{background:#a5ce4c}.quiz-card fieldset{margin:0;padding:0;border:0}.quiz-card legend{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;font-weight:700;margin-bottom:17px}.quiz-card legend span{font-size:9px;letter-spacing:1px;color:#9aaa86;vertical-align:middle;margin-right:8px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{position:relative;display:flex;gap:10px;align-items:center;border:1px solid #e8eae3;border-radius:10px;padding:13px 11px;cursor:pointer;transition:.18s}.choice:hover{border-color:#bccd99;background:#fbfcf8}.choice input{position:absolute;opacity:0}.choice:has(input:checked){border-color:#abc86e;background:#f6faed;box-shadow:inset 0 0 0 1px #abc86e}.choice-emoji{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f0f1e9;color:#73834e;font-size:15px;flex-shrink:0}.choice:nth-child(2) .choice-emoji{background:#e7eff0;color:#548291}.choice:nth-child(3) .choice-emoji{background:#f5eae2;color:#a7744f}.choice:nth-child(4) .choice-emoji{background:#ede8f6;color:#836caa}.choice b{display:block;font-size:10px;margin-bottom:4px}.choice small{display:block;font-size:8px;color:#858d85}.radio-dot{margin-left:auto;flex-shrink:0;width:12px;height:12px;border:1px solid #c9cec1;border-radius:50%;position:relative}.choice:has(input:checked) .radio-dot{border-color:#80a736}.choice:has(input:checked) .radio-dot:after{content:'';position:absolute;inset:3px;background:#80a736;border-radius:50%}.quiz-footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.quiz-footer>span{font-size:9px;color:#818980}.quiz-footer>span i{font-style:normal;color:#9abd4b;margin-right:5px}.button-lime{background:var(--green);color:#27311c;padding:13px 16px;gap:20px;font-size:10px}.button-lime span{font-size:15px}.quiz-result{display:none;font-size:11px;color:#4d6230;margin:14px 0 0;padding:10px 12px;background:#f3f8e9;border-radius:8px}.quiz-result.visible{display:block}.operators{background:#f5f4ef}.operators-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:39px}.operators-heading h2{margin-bottom:0}.operators-heading>p{font-size:12px;line-height:1.8;color:#6d756f;max-width:330px;margin:0 25px 6px 20px}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:19px}.filter-row>span{font-size:10px;color:#818981;margin-right:8px}.filter{border:1px solid #dedfd7;background:transparent;padding:9px 12px;border-radius:30px;font-size:9px;color:#58625c;cursor:pointer;transition:.2s}.filter:hover,.filter.active{background:var(--ink);border-color:var(--ink);color:white}.filter span{margin-left:7px;color:#c5ec6c}.operator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.operator-card{border:1px solid #e7e7df;border-radius:14px;padding:18px 18px 15px;min-height:252px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;background:#fff}.operator-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #242d2010}.op-top{display:flex;align-items:center;gap:8px}.op-symbol{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-family:Manrope,sans-serif;font-weight:800;font-size:16px;background:#f4e0d9;color:#aa5d41}.op-kind{font-size:7px;letter-spacing:.7px;color:#858c84;font-weight:700}.op-arrow{margin-left:auto;color:#89928a;font-size:13px}.operator-card h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-1px;margin:18px 0 5px}.operator-card p{color:#6c756f;font-size:10px;line-height:1.65;margin:0;min-height:51px}.op-tags{display:flex;gap:5px;margin-top:13px}.op-tags span{font-size:7px;padding:6px 8px;background:#f4f5f0;border-radius:15px;color:#5c675f}.operator-card>a{border-top:1px solid #ecece6;margin-top:auto;padding-top:13px;font-size:9px;font-weight:700}.operator-card>a span{float:right;font-size:13px;color:#819f3e}.card-blue .op-symbol{background:#dceaf0;color:#437b92}.card-yellow .op-symbol{background:#f4ebc9;color:#927a27}.card-lilac .op-symbol{background:#e8e1f2;color:#765da9}.card-mint .op-symbol{background:#dceddf;color:#448258}.card-orange .op-symbol{background:#fae5d4;color:#ae6841}.card-sky .op-symbol{background:#dceaf1;color:#50829a}.card-ink .op-symbol{background:#e4e7e3;color:#4a5650}.empty-state{font-size:12px;color:#667067;text-align:center;padding:35px}.empty-state button{background:none;border:0;text-decoration:underline;cursor:pointer;color:#4c6827}.disclosure{margin-top:18px;border-top:1px solid #e0e1da;border-bottom:1px solid #e0e1da;padding:15px 3px;display:flex;align-items:center;gap:12px}.disclosure>span{color:#90ad4a;font-size:18px}.disclosure p{font-size:9px;line-height:1.7;color:#798179;margin:0;flex:1}.disclosure p strong{color:#515c54}.disclosure>a{font-size:9px;font-weight:700;white-space:nowrap}.disclosure>a span{color:#789839;margin-left:5px}.manifesto{background:#202b27;color:#f6f6ed;overflow:hidden}.manifesto-inner{position:relative}.manifesto .eyebrow{color:#bec6bb}.manifesto .eyebrow-dot{background:#c7ee67;box-shadow:0 0 0 4px #364338}.manifesto h2{font-family:Manrope,sans-serif;font-size:clamp(62px,8vw,105px);letter-spacing:-6px;line-height:.95;font-weight:500;margin:40px 0 35px;position:relative;z-index:1}.manifesto h2 em{font-family:var(--serif);font-weight:400;color:#c7ee67;letter-spacing:-5px}.manifesto-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:1}.manifesto-bottom p{max-width:380px;color:#b8c0b9;font-size:12px;line-height:1.85;margin:0}.button-light{background:#f4f4eb;color:#1f2b25;padding:14px 19px;gap:26px}.button-light span{color:#759437}.manifesto-flower{position:absolute;right:4%;top:20%;font-size:300px;line-height:1;color:#293a32;transform:rotate(15deg)}.faq{background:#edeDE7}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq h2{font-size:53px}.faq-list{border-top:1px solid #d3d6cd}.faq-list details{border-bottom:1px solid #d3d6cd;padding:20px 0}.faq-list summary{font-family:Manrope,sans-serif;font-size:13px;font-weight:700;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:'DM Sans';font-size:20px;font-weight:400;color:#78983c;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:540px;color:#69736c;font-size:11px;line-height:1.8;padding-right:35px}.site-footer{background:#202b27;color:#f4f5ec;padding:47px 0 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;padding-bottom:37px}.brand-footer .brand-mark{background:var(--green)}.brand-footer .brand-name{color:white}.brand-footer .brand-name span{color:#cdd5ca}.footer-main>p{font-family:var(--serif);font-size:15px;line-height:1.5;color:#aeb8ae;margin:0}.footer-main>p em{color:#e9eddf}.footer-links{display:flex;gap:22px}.footer-links a{font-size:9px;color:#c0c9bf}.footer-bottom{border-top:1px solid #38443d;padding-top:16px;display:flex;justify-content:space-between;color:#89968c;font-size:8px}.footer-bottom a{color:#c6d1c2}
@media(max-width:950px){.desktop-nav{margin-left:0;gap:20px}.hero{grid-template-columns:1fr .85fr;min-height:600px}.hero-art{transform:scale(.87);transform-origin:center}.hero h1{font-size:66px}.matcher-layout,.faq-layout{gap:40px}.operator-grid{grid-template-columns:repeat(2,1fr)}.operator-card{min-height:235px}}
@media(max-width:680px){.wrap,.site-header{width:calc(100% - 38px)}.site-header{height:70px}.brand-mark{width:32px;height:32px}.brand-name{font-size:17px}.desktop-nav{display:none}.header-cta{margin-left:auto;margin-right:13px;padding:11px 13px;font-size:10px}.header-cta span{margin-left:5px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:8px}.menu-toggle span{width:19px;height:1.5px;background:#26322d}.site-header.menu-open .desktop-nav{display:flex;position:absolute;top:69px;left:-19px;right:-19px;margin:0;padding:18px 20px 21px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:17px;box-shadow:0 15px 20px #0000000a}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:57px;padding-bottom:57px;min-height:0}.hero-copy{padding:0;z-index:1}.hero h1{font-size:64px;letter-spacing:-4px;margin:22px 0 16px}.hero-lead{font-size:13px;line-height:1.75;max-width:400px}.hero-actions{gap:16px;flex-wrap:wrap;margin-top:22px}.button{padding:14px 17px;font-size:11px}.text-link{font-size:10px}.hero-note{margin-top:27px}.hero-art{height:410px;width:100%;margin-top:0;transform:scale(.82);transform-origin:center top;margin-bottom:-55px}.orbit-one{width:425px}.orbit-two{width:350px}.phone{top:30px}.phone-shadow{top:44px}.card-choice{left:calc(50% - 195px);top:86px}.card-match{right:calc(50% - 198px);bottom:55px}.art-sticker{right:calc(50% - 198px);top:55px}.label-top{left:calc(50% - 165px);top:26px}.label-bottom{right:calc(50% - 168px);bottom:13px}.hero-bottom{bottom:14px}.hero-small{display:none}.ticker{height:48px}.ticker-track{font-size:10px;gap:23px}.section-pad{padding:76px 0}.matcher-layout,.faq-layout{display:flex;flex-direction:column;gap:32px;align-items:stretch}.section-intro h2,.operators-heading h2,.faq h2{font-size:47px;letter-spacing:-3px;margin:20px 0 12px}.section-intro h2 em,.operators-heading h2 em,.faq h2 em{letter-spacing:-2px}.section-intro>p,.faq-layout>div:first-child>p{max-width:420px}.intro-aside{display:none}.quiz-card{padding:24px 18px 19px}.quiz-top{margin-bottom:22px}.quiz-card legend{font-size:15px}.choice-grid{gap:7px}.choice{padding:11px 8px;gap:7px}.choice-emoji{width:25px;height:25px;font-size:13px}.choice b{font-size:9px}.choice small{font-size:7px}.radio-dot{width:10px;height:10px}.radio-dot:after{inset:2px!important}.quiz-footer{align-items:flex-start;gap:10px}.quiz-footer>span{padding-top:6px;font-size:8px}.quiz-footer .button{white-space:nowrap;gap:12px;padding:12px 13px}.operators-heading{display:block;margin-bottom:25px}.operators-heading>p{margin:18px 0 0;max-width:450px}.filter-row{gap:6px}.filter-row>span{width:100%;margin-bottom:4px}.filter{font-size:8px;padding:8px 10px}.operator-grid{gap:9px}.operator-card{padding:14px 12px;min-height:245px}.op-kind{font-size:6px;letter-spacing:.45px}.op-symbol{width:27px;height:27px}.operator-card h3{font-size:19px;margin-top:14px}.operator-card p{font-size:9px;min-height:62px}.op-tags{flex-wrap:wrap;gap:4px}.op-tags span{font-size:6px;padding:5px 6px}.operator-card>a{font-size:8px;padding-top:11px}.disclosure{align-items:flex-start;flex-wrap:wrap}.disclosure p{font-size:8px;flex-basis:calc(100% - 35px)}.disclosure>a{margin-left:30px}.manifesto h2{font-size:66px;letter-spacing:-4px;margin:34px 0 27px}.manifesto h2 em{letter-spacing:-3px}.manifesto-flower{right:-12%;top:34%;font-size:200px}.manifesto-bottom{display:block}.manifesto-bottom p{max-width:390px;font-size:11px}.manifesto-bottom .button{margin-top:22px}.faq-list details{padding:17px 0}.faq-list summary{font-size:12px;gap:16px}.faq-list details p{font-size:10px}.footer-main{align-items:flex-start;gap:22px;flex-wrap:wrap;padding-bottom:25px}.footer-main>p{font-size:13px;margin-left:auto}.footer-links{flex-basis:100%;gap:15px;flex-wrap:wrap}.footer-links a{font-size:8px}.footer-bottom{font-size:7px;gap:8px;flex-wrap:wrap}.footer-bottom span:nth-child(2){order:3;flex-basis:100%}}
@media(max-width:380px){.hero h1{font-size:58px}.hero-art{transform:scale(.72);margin-bottom:-95px;margin-top:-20px}.header-cta{font-size:9px}.choice-grid{grid-template-columns:1fr}.choice small{font-size:8px}.operator-grid{grid-template-columns:1fr}.operator-card{min-height:220px}.operator-card p{min-height:0;margin-bottom:12px}.op-tags{margin-bottom:15px}.manifesto h2{font-size:58px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Keep supporting copy readable beside the oversized editorial headings. */
.hero-lead{font-size:16px}.eyebrow{font-size:11px}.hero-note{font-size:11px}.section-intro>p,.faq-layout>div:first-child>p,.operators-heading>p{font-size:14px}.choice b{font-size:12px}.choice small{font-size:10px}.quiz-footer>span{font-size:10px}.filter-row>span,.filter{font-size:11px}.operator-card p{font-size:12px;min-height:62px}.op-kind{font-size:8px}.op-tags span{font-size:9px}.operator-card>a{font-size:10px}.disclosure p,.disclosure>a{font-size:10px}.faq-list summary{font-size:14px}.faq-list details p{font-size:12px}.footer-links a{font-size:10px}.footer-bottom{font-size:9px}
@media(max-width:680px){.hero-lead{font-size:14px}.eyebrow{font-size:10px}.section-intro>p,.faq-layout>div:first-child>p,.operators-heading>p{font-size:13px}.choice b{font-size:10px}.choice small{font-size:8px}.quiz-footer>span{font-size:9px}.filter-row>span,.filter{font-size:9px}.operator-card p{font-size:10px;min-height:58px}.op-kind{font-size:7px}.op-tags span{font-size:7px}.operator-card>a{font-size:9px}.disclosure p,.disclosure>a{font-size:9px}.faq-list summary{font-size:13px}.faq-list details p{font-size:11px}.footer-links a{font-size:9px}.footer-bottom{font-size:8px}}
/* Lock the mobile canvas to the viewport and give every section a clear next step. */
html,body{max-width:100%;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}img,svg,video{max-width:100%}.button-outline{background:transparent;border:1px solid #cdd2c7;color:var(--ink);gap:18px}.button-outline span{font-size:16px;color:#76933b}.operators-cta{margin-top:22px;padding:23px 26px;border-radius:15px;background:#202b27;color:#f5f5eb;display:flex;align-items:center;justify-content:space-between;gap:20px}.cta-kicker{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#c5e874}.operators-cta h3{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.7px;margin:8px 0 5px}.operators-cta p{font-size:11px;color:#b8c1b8;margin:0}.operators-cta .button{flex-shrink:0}.faq-cta{margin-top:32px;padding:22px 0 0;border-top:1px solid #d3d6cd;display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-cta p{font-family:Manrope,sans-serif;font-size:15px;font-weight:700;margin:0}.faq-cta .button{flex-shrink:0}.mobile-sticky-cta{display:none}
@media(max-width:950px){.operators-heading .button-outline{margin-left:auto}}
@media(max-width:680px){html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip;overscroll-behavior-x:none}.hero-art{overflow:hidden}.operators-heading .button-outline{margin:16px 0 0}.operators-cta{padding:19px 17px;align-items:flex-start;flex-direction:column;gap:15px}.operators-cta h3{font-size:19px}.operators-cta .button{align-self:stretch;justify-content:space-between}.faq-cta{align-items:stretch;flex-direction:column}.faq-cta .button{align-self:flex-start}.site-footer{padding-bottom:92px}.mobile-sticky-cta{display:flex;position:fixed;z-index:10;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));min-height:50px;padding:0 19px;background:var(--green);color:#1c281d;border:1px solid #a8d64a;border-radius:30px;align-items:center;justify-content:space-between;box-shadow:0 8px 25px #17231824;font-size:12px;font-weight:700;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}.mobile-sticky-cta b{font-size:17px;font-weight:500}.mobile-sticky-cta.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}}
/* Editorial guide cards */
.guides{background:#f4f4ed}
.guides-heading{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:34px}
.guides-heading h2{margin:14px 0 0}
.guides-heading>p{max-width:360px;color:#606b63;line-height:1.7}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;min-height:230px;padding:23px;border:1px solid #e0e4d9;border-radius:18px;background:#fff;color:#1d2923;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.guide-card:hover{transform:translateY(-4px);border-color:#b7d77b;box-shadow:0 14px 32px #26332d12}
.guide-number{color:#728841;font-size:10px;font-weight:800;letter-spacing:.12em}
.guide-card h3{margin:22px 0 8px;font:750 20px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.guide-card p{margin:0;color:#68736b;font-size:14px;line-height:1.65}
.guide-read{margin-top:auto;padding-top:20px;font-size:13px;font-weight:700}
.guide-card-featured{background:#eaf2dc;border-color:#d5e4bd}
@media(max-width:900px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guides-heading{display:block}.guides-heading>p{margin-top:14px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:195px;padding:20px}}
.operator-price{margin:12px 0 13px;padding:11px 12px 10px;border-radius:10px;background:#ffffffb8;border:1px solid #ffffffd1;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px;row-gap:3px}.offer-label{grid-column:1/-1;font-size:7px;font-weight:800;letter-spacing:.85px;color:#627447}.operator-price strong{font-family:Manrope,sans-serif;font-size:22px;line-height:1.1;letter-spacing:-.7px}.operator-price strong small{font-family:'DM Sans',Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:0}.offer-detail{font-size:8px;line-height:1.5;color:#58625a;text-align:right}.offer-updated{grid-column:1/-1;font-size:7px;color:#7a837c}.operator-card .operator-price+.op-tags{margin-top:0}
.comparison{margin:40px 0 62px;padding:clamp(22px,3.2vw,38px);background:#fff;border:1px solid #e3e6df;border-radius:18px;box-shadow:0 16px 45px #1b292008}.comparison-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:25px;border-bottom:1px solid #e8eae5}.comparison-heading h2{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,43px);letter-spacing:-1.8px;line-height:1.05;font-weight:650;margin:14px 0 9px;color:#182321}.comparison-heading>div>p{max-width:580px;margin:0;color:#69736d;font-size:13px;line-height:1.65}.comparison-updated{flex:none;margin:0 0 3px;color:#737d76;font-size:10px}.comparison-controls{display:flex;align-items:end;gap:13px;padding:20px 0 17px}.comparison-controls>label:not(.campaign-filter){display:grid;gap:7px;color:#606a64;font-size:10px;font-weight:700}.comparison-controls select{min-width:170px;height:42px;padding:0 35px 0 12px;border:1px solid #dce1d9;border-radius:8px;background:#fff;color:#25312b;font-size:12px}.comparison-controls label:nth-child(2) select{min-width:190px}.campaign-filter{display:flex;align-items:center;gap:9px;height:42px;padding:0 13px;border:1px solid #dce1d9;border-radius:8px;color:#354139;font-size:11px;font-weight:600;white-space:nowrap}.campaign-filter input{accent-color:#52722c;width:15px;height:15px;margin:0}.comparison-count{margin-left:auto;padding-bottom:12px;color:#747d76;font-size:11px}.offer-list{display:grid;gap:9px}.offer-row{min-height:88px;display:grid;grid-template-columns:minmax(160px,1.05fr) minmax(160px,1fr) minmax(210px,1.25fr) 155px;align-items:center;gap:18px;padding:15px 18px;border:1px solid #e4e8e1;border-radius:11px;background:#fff;transition:border-color .16s,box-shadow .16s}.offer-row:hover{border-color:#c5d3b6;box-shadow:0 6px 18px #17251b0a}.offer-row[hidden]{display:none}.offer-provider{display:flex;align-items:center;gap:12px;min-width:0}.provider-mark{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid #e3e7df;border-radius:10px;background:#f7f8f4;color:#344139;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.offer-provider>div,.offer-plan,.offer-promo{display:grid;gap:5px;min-width:0}.offer-provider strong,.offer-plan strong{font-size:13px;font-weight:700;color:#25312b}.offer-provider>div>span,.offer-plan>span,.offer-promo>span:last-child{font-size:10px;line-height:1.45;color:#737d76}.offer-plan>strong{font-size:14px}.offer-promo{position:relative;padding-left:15px;border-left:1px solid #e6e9e3}.offer-promo .offer-badge{width:max-content;padding:3px 6px;border-radius:4px;background:#edf5e3;color:#526e31;font-size:8px;font-weight:800;letter-spacing:.65px}.offer-promo>strong{font-family:Manrope,sans-serif;font-size:23px;line-height:1.05;letter-spacing:-.65px;color:#202c26}.offer-promo>strong small{font-family:'DM Sans',Arial,sans-serif;font-size:10px;letter-spacing:0;font-weight:600}.offer-link{height:40px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 13px;border-radius:8px;background:#202b27;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}.offer-link span{color:#c8ef65;font-size:15px}.offer-link:hover{background:#35463b}.comparison-note{margin:15px 0 0;color:#788179;font-size:10px;line-height:1.6}
.provider-directory-heading{margin:0 0 15px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.provider-directory-heading h3{margin:0;font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.5px}.provider-directory-heading p{margin:0;color:#737d76;font-size:11px}
.offer-promo>span:not(.offer-badge){font-size:10px;line-height:1.45;color:#737d76}.offer-promo>.offer-average{font-size:9px;font-weight:700;color:#526e31}
@media(max-width:900px){.comparison-controls{flex-wrap:wrap}.comparison-count{margin-left:0;padding:0;align-self:center}.offer-row{grid-template-columns:minmax(130px,1fr) minmax(135px,1fr) minmax(180px,1.2fr) 140px;gap:11px;padding:13px}.offer-link{padding:0 8px;font-size:10px}}
@media(max-width:680px){.comparison{margin:28px 0 43px;padding:20px 15px;border-radius:14px}.comparison-heading{display:block;padding-bottom:18px}.comparison-heading h2{font-size:30px;letter-spacing:-1.2px}.comparison-heading>div>p{font-size:12px}.comparison-updated{margin-top:12px;font-size:9px}.comparison-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 0 13px}.comparison-controls>label:not(.campaign-filter),.comparison-controls select,.comparison-controls label:nth-child(2) select{min-width:0;width:100%}.campaign-filter{grid-column:2;grid-row:2;padding:0 9px;font-size:9px}.comparison-count{grid-column:1 / -1;grid-row:3;justify-self:end;font-size:10px}.offer-list{gap:8px}.offer-row{grid-template-columns:minmax(0,1fr) auto;gap:11px 8px;padding:14px 12px}.offer-provider{grid-column:1;grid-row:1}.offer-plan{grid-column:1;grid-row:2;padding-left:50px}.offer-promo{grid-column:2;grid-row:1 / span 2;text-align:right;justify-items:end;border-left:0;padding-left:8px}.offer-promo .offer-badge{margin-left:auto}.offer-promo>strong{font-size:21px}.offer-promo>span:last-child{max-width:145px}.offer-link{grid-column:1 / -1;height:39px;justify-content:space-between;padding:0 13px}.comparison-note{font-size:9px}.operator-price{display:none}}

/* Make campaign pricing read like a real offer, with a clear saving and term. */
.offer-row[data-campaign="true"]{border-color:#d7e3c5;border-left:4px solid #8fb83e;background:linear-gradient(105deg,#fbfdf7 0%,#f3f8e9 100%)}
.offer-row[data-campaign="true"]:hover{border-color:#aec97d;box-shadow:0 9px 24px #4a66201a}
.offer-promo-campaign{align-content:center;gap:5px;min-height:96px;padding:11px 14px;border:1px solid #dce9c8;border-left:3px solid #85ae37;border-radius:10px;background:linear-gradient(145deg,#f8fced,#edf5dd)}
.offer-promo .offer-badge{padding:4px 8px;border-radius:99px;background:#294337;color:#f1f8e6;font-size:8px;letter-spacing:.8px}
.offer-promo .offer-price-caption{margin-top:2px;color:#607050;font-size:8px;font-weight:800;letter-spacing:1px;line-height:1}
.offer-promo .offer-price-amount{display:flex;align-items:baseline;gap:5px;font-size:31px;line-height:1;letter-spacing:-1.25px;color:#1f3028}
.offer-promo .offer-price-amount small{font-size:10px;font-weight:700;letter-spacing:0;color:#405044}
.offer-regular-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.offer-promo .offer-was-price{font-size:9px;color:#788176;text-decoration:line-through;text-decoration-thickness:1px}
.offer-promo .offer-saving{padding:4px 7px;border-radius:99px;background:#d8f27c;color:#26351f;font-size:8px;font-weight:800;line-height:1.1}
.offer-promo .offer-period{font-size:10px;font-weight:800;line-height:1.3;color:#30452f}
.offer-promo .offer-after{font-size:9px;line-height:1.35;color:#687465}
.offer-promo .offer-average{margin-top:2px;padding-top:5px;border-top:1px solid #dce7ce;font-size:9px;font-weight:700;color:#405b32}
.offer-promo:not(.offer-promo-campaign){min-height:76px;padding:11px 14px;border:1px solid #e3e8df;border-left:3px solid #c6d0be;border-radius:10px;background:#f7f8f5;align-content:center}
.offer-promo:not(.offer-promo-campaign) .offer-badge{background:#e8ece5;color:#516050}
.offer-promo:not(.offer-promo-campaign)>strong{font-size:26px}
.offer-link{min-height:44px;border:1px solid #b8d963;background:#d8f27c;color:#20301f;box-shadow:0 4px 10px #54721b13}
.offer-link span{color:#304827}
.offer-link:hover{background:#c7e85e;color:#1d2c1c}
.offers-status{grid-column:1/-1;margin:8px 0;padding:16px;border:1px dashed #d5dccd;border-radius:10px;color:#69736d;background:#fbfcf9;font-size:12px;line-height:1.6;text-align:center}
.offers-status[hidden]{display:none}
@media(max-width:900px){.offer-promo-campaign{padding:10px 11px}.offer-promo .offer-price-amount{font-size:27px}}
@media(max-width:680px){.offer-row[data-campaign="true"]{border-left-width:3px;padding-left:10px}.offer-promo-campaign{width:145px;min-height:124px;padding:9px 9px;gap:5px;text-align:left;justify-items:start;align-items:start}.offer-promo-campaign .offer-badge{margin:0}.offer-promo .offer-price-caption{margin-top:2px}.offer-promo .offer-price-amount{font-size:26px}.offer-regular-line{gap:4px}.offer-promo .offer-was-price{font-size:8px}.offer-promo .offer-saving{font-size:7px;padding:3px 5px}.offer-promo .offer-period{font-size:9px}.offer-promo .offer-after{font-size:8px;text-align:left;max-width:none}.offer-promo .offer-average{font-size:8px;text-align:left}.offer-promo:not(.offer-promo-campaign){width:145px;min-height:100px;padding:9px}.offer-promo:not(.offer-promo-campaign)>strong{font-size:23px}.offer-link{height:42px}}

/* Official operator marks used in each partner offer and provider card. */
.provider-mark.has-logo{width:78px;height:42px;padding:5px 7px;border-radius:8px;background:#fff;border-color:#e4e8e1}
.provider-mark.has-logo[data-operator="Hallon"],.provider-mark.has-logo[data-operator="Tre"]{width:48px;height:48px;padding:3px}
.provider-mark.has-logo[data-operator="Tele2"]{width:86px;height:40px;padding:5px 7px}
.provider-mark.has-logo[data-operator="Comviq"]{width:94px;height:36px;padding:4px 7px}
.provider-mark.has-logo[data-operator="Telenor"]{width:70px;height:34px;padding:4px 5px}
.provider-mark.has-logo[data-operator="Lyca Mobile"]{width:90px;height:36px;padding:4px 7px}
.provider-logo-image{display:block;width:100%;height:100%;object-fit:contain}
.op-symbol.op-symbol-logo{width:54px;height:30px;flex:none;padding:0;border:0;border-radius:0;background:transparent;color:inherit}
.op-brand-image{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.provider-mark.has-logo{width:72px;height:38px;padding:4px 6px}.provider-mark.has-logo[data-operator="Hallon"],.provider-mark.has-logo[data-operator="Tre"]{width:42px;height:42px;padding:2px}.provider-mark.has-logo[data-operator="Tele2"]{width:72px;height:38px}.provider-mark.has-logo[data-operator="Comviq"],.provider-mark.has-logo[data-operator="Lyca Mobile"]{width:76px;height:34px;padding:4px 6px}.provider-mark.has-logo[data-operator="Telenor"]{width:64px;height:30px;padding:3px 5px}.op-symbol.op-symbol-logo{width:46px;height:29px}}
@media(max-width:680px){.provider-mark.has-logo{width:66px;height:34px;padding:4px 5px}.provider-mark.has-logo[data-operator="Hallon"],.provider-mark.has-logo[data-operator="Tre"]{width:42px;height:42px;padding:2px}.provider-mark.has-logo[data-operator="Tele2"]{width:66px;height:34px}.provider-mark.has-logo[data-operator="Comviq"],.provider-mark.has-logo[data-operator="Lyca Mobile"]{width:68px;height:32px;padding:3px 5px}.provider-mark.has-logo[data-operator="Telenor"]{width:58px;height:28px;padding:3px 4px}.op-symbol.op-symbol-logo{width:37px;height:27px}}

.op-symbol.op-symbol-logo[data-operator="Vimla"],.op-symbol.op-symbol-logo[data-operator="Fello"]{width:64px;height:28px}
@media(max-width:900px){.op-symbol.op-symbol-logo[data-operator="Vimla"],.op-symbol.op-symbol-logo[data-operator="Fello"]{width:54px;height:27px}}
@media(max-width:680px){.op-symbol.op-symbol-logo[data-operator="Vimla"],.op-symbol.op-symbol-logo[data-operator="Fello"]{width:48px;height:24px}}

:root{color-scheme:light}
.editorial-header{min-height:76px;padding:12px max(22px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f4ef;border-bottom:1px solid #deded5}
.editorial-brand{font:800 19px Manrope,Arial,sans-serif;color:#17211e;text-decoration:none;letter-spacing:-.06em}
.editorial-brand span{color:#768d43}.editorial-nav{display:flex;align-items:center;gap:20px;font:600 13px "DM Sans",Arial,sans-serif}
.editorial-nav a{color:#26332d;text-decoration:none}.editorial-nav a:hover{text-decoration:underline}
.editorial-cta,.editorial-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;border:0;border-radius:999px;background:#c8ed68;color:#182019;text-decoration:none;font:700 14px "DM Sans",Arial,sans-serif}
.editorial-main{max-width:900px;margin:0 auto;padding:68px 24px 84px}
.editorial-breadcrumb{margin:0 0 28px;color:#657069;font:600 12px "DM Sans",Arial,sans-serif}
.editorial-breadcrumb a{color:inherit}
.editorial-kicker{color:#69833a;font:700 12px "DM Sans",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.editorial-main h1{max-width:760px;margin:12px 0 18px;color:#1d2923;font:800 clamp(38px,7vw,68px)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.065em}
.editorial-lead{max-width:720px;margin:0;color:#59645e;font:400 clamp(18px,2.3vw,22px)/1.6 "DM Sans",Arial,sans-serif}
.editorial-meta{margin-top:20px;color:#6d7770;font:500 13px "DM Sans",Arial,sans-serif}
.editorial-callout{margin:34px 0;padding:22px 24px;border-left:4px solid #bfe763;border-radius:0 14px 14px 0;background:#f0f3e9;color:#253129;font:500 15px/1.65 "DM Sans",Arial,sans-serif}
.editorial-main>article{margin-top:40px;color:#36413a;font:400 17px/1.78 "DM Sans",Arial,sans-serif}
.editorial-main>article h2{margin:42px 0 12px;color:#1d2923;font:750 clamp(25px,4vw,34px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.editorial-main>article h3{margin:28px 0 7px;color:#1d2923;font:700 20px/1.3 Manrope,Arial,sans-serif}
.editorial-main>article p{margin:0 0 18px}.editorial-main>article ul,.editorial-main>article ol{padding-left:24px}
.editorial-main>article li{padding-left:4px;margin:7px 0}
.editorial-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}
.editorial-button.secondary{background:#edf0e8;color:#26332d}
.editorial-footer{padding:28px 24px;background:#202c25;color:#edf0e7;text-align:center;font:500 13px/1.8 "DM Sans",Arial,sans-serif}
.editorial-footer a{color:#d7f68e}
.editorial-legal{padding:16px 20px;border:1px solid #e0e4dc;border-radius:12px;color:#68736b;font:400 13px/1.65 "DM Sans",Arial,sans-serif}
.comparison-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:22px 0;font-size:15px}
.comparison-table th,.comparison-table td{padding:13px 12px;border-bottom:1px solid #e1e5dd;text-align:left;vertical-align:top}
.comparison-table th{color:#26332d;background:#f0f3e9}
.comparison-table th,.comparison-table td{overflow-wrap:anywhere}
.editorial-main>article a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:680px){.editorial-header{padding:14px 18px;flex-wrap:wrap}.editorial-nav{order:3;width:100%;overflow:auto;padding:4px 0 2px;gap:17px}.editorial-nav a{white-space:nowrap}.editorial-cta{padding:11px 14px;font-size:12px}.editorial-main{padding:44px 20px 64px}.editorial-main>article{font-size:16px}.comparison-table{font-size:13px}.comparison-table th,.comparison-table td{padding:10px 7px}}

/* ==== Additions (2026-10). Loaded after the original styles so these win. ==== */

/* Self-hosted fonts: faster, and no visitor data is sent to Google. */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format('woff2')}

:root{--muted-strong:#5b645e;--focus:#3f5d12}

/* Accessibility helpers */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-60px;z-index:100;padding:12px 18px;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;transition:top .15s}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.site-footer :focus-visible,.manifesto :focus-visible,.operators-cta :focus-visible{outline-color:#d8f27c}
.choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.campaign-filter:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
main:focus{outline:none}
a{text-underline-offset:3px}

.icon{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon .icon-fill{fill:currentColor;stroke:none}
.icon-up{transform:rotate(-90deg)}

/* Header on every page */
.desktop-nav{margin-left:56px;gap:28px}
.desktop-nav a{font-size:14px;color:#3f4944}
.desktop-nav a[aria-current="page"]{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--green-dark);text-decoration-thickness:2px}
.header-cta{font-size:13px;display:inline-flex;align-items:center;gap:8px}
.header-cta .icon{color:var(--green)}
@media(max-width:950px){.desktop-nav{margin-left:24px;gap:18px}}
@media(max-width:680px){.header-cta{font-size:12px}.site-header.menu-open .desktop-nav a{font-size:16px;padding:4px 0}}

/* Hero */
.hero{min-height:600px}
.hero h1{font-size:clamp(46px,5.4vw,70px);letter-spacing:-3px;line-height:1.02}
.hero h1 em{letter-spacing:-2.5px}
.hero-lead{font-size:17px;color:#4f5852}
.hero-actions .button .icon,.text-link .icon{font-size:16px}
.button .icon{font-size:17px;color:var(--green)}
.button-lime .icon,.button-outline .icon{color:#43601a}
.button-light .icon{color:#5c7a23}
.text-link{font-size:14px;display:inline-flex;align-items:center;gap:8px}
.text-link .icon{color:#5c7a23}
.hero-points{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:9px;font-size:14px;color:#3f4944}
.hero-points li{display:flex;align-items:center;gap:9px}
.hero-points .icon{color:#5c7a23;font-size:16px}
.phone-status .icon{width:11px;height:11px;stroke-width:2.6}
.match-pill .icon{color:#83a832}
.card-icon .icon,.match-symbol .icon{font-size:16px}
.card-check{color:#739c28;margin-left:8px;font-size:15px}
.art-sticker .icon{display:block;margin:4px auto 0;font-size:14px}
.orbit-label .icon{font-size:9px;margin-right:4px;color:#9dbd60}
.spark{width:20px;height:20px}
.spark-b{width:17px;height:17px}
.spark-c{width:14px;height:14px}
@media(max-width:680px){
  .hero{padding-top:40px}
  .hero h1{font-size:clamp(34px,9.4vw,46px);letter-spacing:-1.6px}
  .hero h1 em{letter-spacing:-1.2px}
  .hero-lead{font-size:16px}
  .hero-points{margin-top:24px}
}

/* Today's lowest prices, right below the hero */
.top-deals{padding:10px 0 70px}
.top-deals-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.top-deals-head h2{font-family:Manrope,sans-serif;font-size:clamp(28px,3.4vw,38px);letter-spacing:-1.4px;line-height:1.08;font-weight:700;margin:12px 0 0}
.top-deals-foot{margin:14px 0 0;font-size:14px;color:var(--muted-strong)}
.top-deals-foot a,.comparison-note a,.offer-section-intro a,.guides-heading>p a,.hub-note a{text-decoration:underline}
@media(max-width:680px){.top-deals{padding-bottom:50px}.top-deals-head{display:block}}

/* Ticker with a pause button */
.ticker{gap:0}
.ticker-track{animation:marquee 40s linear infinite;font-size:14px;gap:0}
.ticker-run{display:flex;align-items:center;gap:32px;padding-right:32px}
.ticker-sep{color:#55741d;font-size:13px}
.ticker.is-paused .ticker-track{animation-play-state:paused}
.ticker-toggle{position:relative;z-index:1;flex:none;width:36px;height:36px;margin:0 12px 0 max(16px,calc((100% - 1200px)/2));display:grid;place-items:center;border:1px solid #9cc23f;border-radius:50%;background:#d9f68a;color:#1f2b1a;cursor:pointer;font-size:14px}
.ticker-toggle .ticker-play,.ticker.is-paused .ticker-toggle .ticker-pause{display:none}
.ticker.is-paused .ticker-toggle .ticker-play{display:grid}
.ticker-toggle>span{display:grid}

@media(max-width:680px){.ticker-track{font-size:13px}}

/* Quiz with three questions */
.quiz-card fieldset+fieldset{margin-top:22px}
.quiz-progress i{background:#a5ce4c}
.quiz-step{font-size:11px;color:var(--muted-strong)}
.choice-grid-3{grid-template-columns:repeat(3,1fr)}
.choice b{font-size:14px}
.choice small{font-size:12px;color:var(--muted-strong)}
.choice-emoji .icon{font-size:16px}
.quiz-footer>span{font-size:12px;color:var(--muted-strong);display:inline-flex;align-items:center;gap:6px}
.quiz-footer>span .icon{color:#6f9a26}
.button-lime{font-size:14px}
.quiz-result{display:block;margin:20px 0 0;padding:18px;background:#f3f8e9;border-radius:12px;font-size:14px;color:#2f3d22}
.quiz-result[hidden]{display:none}
.quiz-result:focus{outline:none}
.quiz-result:focus-visible{outline:3px solid var(--focus)}
.quiz-result-title{margin:0 0 6px;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.4px}
.quiz-result-text{margin:0 0 14px;line-height:1.6}
.quiz-result-note{margin:12px 0 0;font-size:13px;color:var(--muted-strong);line-height:1.6}
@media(max-width:680px){.choice-grid-3{grid-template-columns:1fr}.choice b{font-size:14px}.choice small{font-size:12px}}

/* Offer rows: compact layout inside the quiz card and the top list */
.quiz-result .offer-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:14px}
.quiz-result .offer-provider{grid-column:1;grid-row:1}
.quiz-result .offer-plan{grid-column:1;grid-row:2;padding-left:0}
.quiz-result .offer-promo{grid-column:2;grid-row:1/span 2}
.quiz-result .offer-link{grid-column:1/-1}

.offer-promo .offer-badge{text-transform:uppercase;font-size:10px}
.offer-promo .offer-price-amount small{font-size:12px}
.offer-provider strong,.offer-plan strong{font-size:15px}
.offer-provider>div>span,.offer-plan>span{font-size:13px;color:var(--muted-strong)}
.offer-plan .offer-data-note{font-size:12px;color:#7a5a1d;font-weight:600}
.offer-promo .offer-was-price{font-size:12px;color:var(--muted-strong)}
.offer-promo .offer-saving{font-size:11px}
.offer-promo .offer-period{font-size:12px}
.offer-promo>span:not(.offer-badge){font-size:12px;color:var(--muted-strong)}
.offer-promo .offer-period{color:#30452f}
.offer-promo .offer-average{font-size:12px;color:#36521f}
.offer-promo .offer-total{font-size:12px;font-weight:600;color:#3d4a40}
.offer-link{font-size:14px}
.offer-link .icon,.offer-link span{font-size:15px}
.offers-status{font-size:14px;color:var(--muted-strong)}
.offers-status p{margin:0 0 10px}
.offers-warning{text-align:left;border-style:solid;border-color:#ecd9a9;background:#fff9ea;color:#5d4a17}
.fallback-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.fallback-links a{display:inline-block;padding:9px 14px;border-radius:8px;background:#d8f27c;color:#20301f;font-weight:700}
.comparison-note{font-size:13px;color:var(--muted-strong)}
.comparison-updated{font-size:12px;color:var(--muted-strong)}
.comparison-heading>div>p{font-size:15px;color:#4f5852}
.comparison-controls{flex-wrap:wrap}
.comparison-controls>label:not(.campaign-filter){font-size:13px;color:#454e48}
.comparison-controls select{font-size:14px}
.campaign-filter{font-size:13px}
.comparison-count{margin:0 0 0 auto;font-size:13px;color:var(--muted-strong)}
@media(max-width:900px){.comparison-count{margin:0}}
@media(max-width:680px){
  .offer-promo-campaign,.offer-promo:not(.offer-promo-campaign){width:auto;min-width:150px;max-width:190px}
  .offer-plan{padding-left:0}
  .offer-promo .offer-badge{font-size:10px}
  .offer-promo .offer-was-price,.offer-promo .offer-period,.offer-promo .offer-average,.offer-promo .offer-total,.offer-promo .offer-after{font-size:12px}
  .offer-promo .offer-saving{font-size:11px}
  .comparison-controls{grid-template-columns:1fr}
  .campaign-filter{grid-column:auto;grid-row:auto;font-size:13px}
  .comparison-count{grid-column:auto;grid-row:auto;justify-self:start;font-size:13px}
  .quiz-result .offer-row{grid-template-columns:minmax(0,1fr) auto}
}
@media(max-width:400px){
  .offer-row,.quiz-result .offer-row{grid-template-columns:1fr}
  .offer-promo,.quiz-result .offer-promo{grid-column:1;grid-row:auto;text-align:left;justify-items:start;max-width:none}
  .offer-promo .offer-badge{margin-left:0}
}

/* Operator directory */
.provider-directory-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.6px}
.provider-directory-heading p{font-size:14px;color:var(--muted-strong)}
.filter-row>span{font-size:13px;color:var(--muted-strong)}
.filter{font-size:13px;color:#3f4944}
.filter span{color:#8cbf2a}
.filter.active span,.filter:hover span{color:#c5ec6c}
.op-kind{font-size:11px;color:var(--muted-strong);text-transform:uppercase}
.op-partner{margin-left:auto;padding:3px 7px;border-radius:99px;background:#eef3e3;color:#46601e;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.operator-card h3 a{text-decoration:none}
.operator-card h3 a:hover{text-decoration:underline}
.operator-card p{font-size:14px;color:#525c56;min-height:0;margin-bottom:4px}
.op-tags{flex-wrap:wrap}
.op-tags span{font-size:12px;color:#4f5852}
.operator-card>a{font-size:14px;display:flex;justify-content:space-between;align-items:center}
.operator-card>a .icon{color:#5c7a23;font-size:15px}
.empty-state{font-size:14px}
.operators-cta p{font-size:14px}
.cta-kicker{font-size:11px;text-transform:uppercase}
.disclosure>.icon{color:#6f9a26;font-size:20px}
.disclosure p,.disclosure>a{font-size:13px}
.disclosure p{color:#525c56}
.disclosure>a{display:inline-flex;align-items:center;gap:6px}
@media(max-width:680px){.op-kind{font-size:10px}.op-tags span{font-size:11px}.operator-card p{font-size:14px}.operator-card>a{font-size:14px}.disclosure p,.disclosure>a{font-size:13px}.filter{font-size:13px}}

/* Guides, manifesto, FAQ */
.guides-heading>p{font-size:15px}
.guide-number{font-size:11px;text-transform:uppercase;color:#5d7330}
.guide-read{display:inline-flex;align-items:center;gap:6px}
.section-intro>p,.faq-layout>div:first-child>p{font-size:15px;color:#4f5852}
.manifesto-bottom p{font-size:15px;color:#c3cbc4}
.manifesto-flower{width:300px;height:300px;color:#293a32}
@media(max-width:680px){.manifesto-flower{width:200px;height:200px}.section-intro>p,.faq-layout>div:first-child>p{font-size:15px}}
.faq-list summary{font-size:16px;gap:16px}
.faq-list details p{font-size:15px;color:#4f5852}
.faq-list details p a{text-decoration:underline}
@media(max-width:680px){.faq-list summary{font-size:15px}.faq-list details p{font-size:15px}}
.eyebrow{font-size:12px;color:#4f5852}

/* Footer */
.site-footer{padding-top:52px}
.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:6px 0 34px;border-top:1px solid #38443d;padding-top:30px}
.footer-columns h2{margin:0 0 12px;font-family:Manrope,sans-serif;font-size:14px;letter-spacing:.2px;color:#e9eddf}
.footer-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer-columns a{font-size:14px;color:#c6d0c4}
.footer-columns a:hover{color:#d8f27c}
.footer-disclosure{margin-top:0;margin-bottom:22px;font-size:13px;line-height:1.7;color:#c0c9bf}
.footer-disclosure a{color:#d8f27c;text-decoration:underline}
.footer-bottom{font-size:12px;color:#a9b4ab}
.footer-bottom a{display:inline-flex;align-items:center;gap:6px}
@media(max-width:900px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.footer-bottom{font-size:12px}.footer-columns a{font-size:14px}.footer-main>p{margin-left:0}}

.mobile-sticky-cta .icon{font-size:17px}
.mobile-sticky-cta{font-size:14px}

/* Editorial pages */
.page-editorial main{background:var(--paper)}
.editorial-main{max-width:900px;margin:0 auto;padding:44px 24px 84px}
.editorial-wide{max-width:1200px}
.breadcrumbs ol{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:6px;color:var(--muted-strong);font:600 13px "DM Sans",Arial,sans-serif}
.breadcrumbs li+li::before{content:'/';margin-right:6px;color:#9aa39c}
.breadcrumbs a{text-decoration:underline}
.editorial-meta{color:var(--muted-strong);font-size:14px}
.editorial-meta a{text-decoration:underline}
.editorial-kicker{color:#55702a}
.editorial-button .icon{font-size:16px}
.editorial-legal{font-size:14px;color:var(--muted-strong)}
.fact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;margin:0}
.fact-list dt{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#55702a}
.fact-list dd{margin:3px 0 0;font-size:15px}
.offer-section{margin:36px 0 10px;padding:clamp(18px,3vw,28px);background:#fff;border:1px solid #e3e6df;border-radius:18px}
.offer-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:6px}
.offer-section-head h2,.editorial-main>article .offer-section-head h2{margin:0;font:750 clamp(22px,3vw,28px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#1d2923}
.offer-section-intro{margin:0 0 16px;font-size:15px;color:#4f5852;line-height:1.6}
.offer-section .offer-list{margin-top:10px}
.offer-section-more{margin-top:16px;font-size:14px}
.editorial-main>article .offer-section{font-size:15px;line-height:1.5}
.editorial-main>article .offer-section p{margin:0}
.editorial-main>article .offer-section .offer-section-intro{margin-bottom:16px}
.editorial-main>article .offer-section .comparison-note{margin-top:15px}
.editorial-main>article .offer-section a.offer-link,.editorial-main>article .offer-section a.button{text-decoration:none}
.hub-title{margin:44px 0 16px;font:750 26px/1.2 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.hub-grid .guide-card{min-height:120px}
.hub-operators{margin-top:34px}
.hub-note{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;color:var(--muted-strong)}
@media(max-width:680px){.editorial-main{padding:32px 18px 64px}.offer-section{padding:16px 12px}}
@media(max-width:900px){.editorial-main .offer-row{grid-template-columns:minmax(0,1fr) auto;gap:11px 8px}.editorial-main .offer-provider{grid-column:1;grid-row:1}.editorial-main .offer-plan{grid-column:1;grid-row:2}.editorial-main .offer-promo{grid-column:2;grid-row:1/span 2}.editorial-main .offer-link{grid-column:1/-1}}

@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-toggle{display:none}}

/* Decorative hero text: still readable contrast */
.orbit-label{color:#5b645e}
.phone-kicker{color:#4f5a33}
.floating-card small{color:#5b645e}
.phone-top{color:#1f2a26}
.match-pill{color:#3e4a2f}
.art-sticker{color:#1f2b1a}

/* Logos in operator cards: always inside their box */
.op-symbol.op-symbol-logo{overflow:hidden}
.op-brand-image{max-width:100%;max-height:100%}
.op-symbol.op-symbol-logo[data-operator="Hallon"],.op-symbol.op-symbol-logo[data-operator="Tre"]{width:34px;height:34px;border-radius:8px}

/* Phones: stack offer rows in one column so nothing is squeezed */
.offer-provider>div{min-width:0}
@media(max-width:560px){
  .offer-row,.quiz-result .offer-row,.editorial-main .offer-row{grid-template-columns:1fr;gap:10px;padding:14px}
  .offer-provider,.offer-plan,.offer-promo,.offer-link,
  .quiz-result .offer-provider,.quiz-result .offer-plan,.quiz-result .offer-promo,.quiz-result .offer-link,
  .editorial-main .offer-provider,.editorial-main .offer-plan,.editorial-main .offer-promo,.editorial-main .offer-link{grid-column:1;grid-row:auto}
  .offer-plan{padding-left:0}
  .offer-promo,.offer-promo-campaign,.offer-promo:not(.offer-promo-campaign){width:auto;max-width:none;min-width:0;min-height:0;text-align:left;justify-items:start}
  .offer-promo .offer-badge{margin-left:0}
}
/* Hero illustration stays inside the screen on phones */
@media(max-width:680px){
  .card-choice{left:6px}
  .card-match{right:6px}
  .art-sticker{right:6px}
  .label-top{left:12px}
  .label-bottom{right:12px}
}

.quiz-card legend span{color:#55702a;font-size:11px}
.guide-card p{color:#535d56}

/* ---- 2026-10 update: ad labelling, CTA, mobile hero, new pages ---- */
/* Ad labels: small, calm and always next to the link they describe */
.ad-label{display:inline-block;font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.3px;color:#4f5852;white-space:nowrap}
.ad-notice{margin:0 0 12px;font-size:13px;line-height:1.5;color:#4f5852}
.ad-notice strong{font-weight:700;color:#26332d}
.offer-cta{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0}
.offer-cta .ad-label{text-align:center}
.offer-cta .offer-link{height:auto;min-height:44px;padding:7px 12px;white-space:normal;text-align:center;line-height:1.25}
.offer-link .offer-link-arrow{flex:none}
.offer-link .offer-link-text,.offer-link .offer-link-price{color:inherit;font-size:inherit}
.offer-link .offer-link-price{white-space:nowrap}
.ad-notice a{text-decoration:underline}
.editorial-main>article .product-links a{text-decoration:none}
@media(min-width:901px){.offer-row{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(200px,1.2fr) 190px}}
@media(max-width:900px) and (min-width:681px){.offer-row{grid-template-columns:minmax(120px,1fr) minmax(125px,1fr) minmax(170px,1.15fr) 170px}}
@media(max-width:900px){.editorial-main .offer-cta{grid-column:1/-1}}
@media(max-width:680px){.offer-cta{grid-column:1 / -1}.offer-cta .offer-link{justify-content:space-between;text-align:left}.offer-cta .ad-label{text-align:right}}
.quiz-result .offer-cta{grid-column:1/-1}
@media(max-width:560px){.offer-cta,.quiz-result .offer-cta,.editorial-main .offer-cta{grid-column:1;grid-row:auto}}
.editorial-button .ad-label{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px;background:#ffffff8c;color:#2d3a33}
.editorial-button.secondary .ad-label{background:#fff}
.operator-card>a .ad-label{float:none;margin-left:auto;margin-right:10px;font-size:11px;color:#4f5852}
.ad-label-text{font-weight:400;letter-spacing:0;font-size:.85em}
.fallback-links .ad-label{margin-left:6px}
/* Telia product links on its operator page */
.product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 8px;padding:0;list-style:none}
.product-links li{margin:0}
.product-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 14px;border:1px solid #dfe4d8;border-radius:11px;background:#fff;color:#1f2a26;text-decoration:none;font-weight:700;font-size:15px}
.product-links a:hover{border-color:#a9d83e}
.product-links .ad-label{margin-left:auto}
@media(max-width:560px){.product-links{grid-template-columns:1fr}}
/* Phones: offers right below the headline, illustration hidden */
@media(max-width:680px){
  .hero{min-height:0;display:block;padding-top:28px;padding-bottom:18px}
  .hero-art{display:none}
  .hero-copy{padding-bottom:0}
  .hero h1{margin:16px 0 14px}
  .hero-points{margin-top:18px;gap:6px}
  .top-deals{padding-top:6px}
}
.hub-intro{max-width:780px}
.hub-intro p{margin:0 0 10px;line-height:1.6}
.hub-intro a{text-decoration:underline}
.faq-inline h3{font-size:18px;margin:22px 0 6px}
.faq-inline p{margin:0}
/* Telia and Nestor Mobil logos: same box as the other wordmarks */
.op-symbol.op-symbol-logo[data-operator="Telia"],.op-symbol.op-symbol-logo[data-operator="Nestor Mobil"]{width:64px;height:28px}
@media(max-width:900px){.op-symbol.op-symbol-logo[data-operator="Telia"],.op-symbol.op-symbol-logo[data-operator="Nestor Mobil"]{width:54px;height:27px}}
@media(max-width:680px){.op-symbol.op-symbol-logo[data-operator="Telia"],.op-symbol.op-symbol-logo[data-operator="Nestor Mobil"]{width:48px;height:24px}}
.provider-mark.has-logo[data-operator="Telia"]{width:82px;height:36px;padding:4px 7px}
.provider-mark.has-logo[data-operator="Nestor Mobil"]{width:82px;height:38px;padding:4px 6px}
.operator-page-logo{display:flex;align-items:center;width:max-content;height:52px;padding:8px 12px;margin:0 0 14px;border:1px solid #e4e8e1;border-radius:10px;background:#fff}
.operator-page-logo img{display:block;height:100%;width:auto;max-width:150px;object-fit:contain}
.operator-page-logo[data-operator="Hallon"],.operator-page-logo[data-operator="Tre"]{padding:4px}