/* apk-guide-rich — light theme by default, brand colors via CSS vars (set inline in ) */ *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0;background:var(--bg);color:var(--text); font-family:var(--font);font-size:16px;line-height:1.65; -webkit-font-smoothing:antialiased; } img{max-width:100%;height:auto;display:block} a{color:var(--primary);text-decoration:none;transition:color .15s} a:hover{color:var(--accent-2)} .rk-wrap{max-width:1180px;margin:0 auto;padding:0 22px} /* ── header (navy bg, mysticalbeauty pattern) ── */ .rk-site-header{ position:sticky;top:0;z-index:50; background:var(--navy); border-bottom:3px solid var(--accent); } .rk-header-inner{ display:flex;align-items:center;gap:18px; min-height:64px;padding:8px 22px; } .rk-logo{display:inline-flex;align-items:center;color:#fff;text-decoration:none;font-weight:900;font-size:22px} .rk-logo-text{color:#fff} .rk-logo-img{height:32px;width:auto} .rk-desktop-nav{display:flex;gap:4px;flex:1;flex-wrap:wrap} .rk-nav-link{ padding:8px 12px;border-radius:6px; color:#cfe2ff;font-size:14px;font-weight:600;text-decoration:none; } .rk-nav-link:hover{background:rgba(255,255,255,.10);color:#fff} .rk-nav-link--active{ background:var(--accent-2);color:#1a1a1a !important; box-shadow:0 4px 12px rgba(255,212,0,.30); } .rk-nav-link--active:hover{background:var(--accent-2);color:#1a1a1a} .rk-mobile-direct--active{ background:rgba(255,212,0,.18);color:var(--accent-2) !important; border-left:3px solid var(--accent-2); } .rk-header-cta{ background:var(--accent-2);color:#1a1a1a !important; padding:10px 18px;border-radius:8px; font-weight:800;font-size:14px;text-decoration:none; border:0; } .rk-header-cta:hover{filter:brightness(1.06)} .rk-mobile-menu{display:none;position:relative} .rk-mobile-menu summary{ list-style:none;cursor:pointer; width:42px;height:42px; display:flex;align-items:center;justify-content:center; border-radius:6px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.2); } .rk-mobile-menu summary::-webkit-details-marker{display:none} .rk-mobile-menu summary:hover{background:rgba(255,255,255,.14);border-color:var(--accent)} .rk-hamburger, .rk-hamburger::before, .rk-hamburger::after{ display:block;width:22px;height:3px;border-radius:4px; background:#fff;content:"";position:relative; transition:transform .2s,top .2s,background .2s; } .rk-hamburger::before{position:absolute;top:-7px} .rk-hamburger::after{position:absolute;top:7px} .rk-mobile-menu[open] .rk-hamburger{background:transparent} .rk-mobile-menu[open] .rk-hamburger::before{top:0;transform:rotate(45deg)} .rk-mobile-menu[open] .rk-hamburger::after{top:0;transform:rotate(-45deg)} .rk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .rk-mobile-panel{ display:none;position:absolute;right:0;top:58px; width:min(280px,calc(100vw - 32px)); background:#5e1622;border:1px solid rgba(255,255,255,.12); padding:8px;box-shadow:0 20px 40px rgba(0,0,0,.35); border-radius:10px;z-index:60; } .rk-mobile-menu[open] .rk-mobile-panel{display:block} .rk-mobile-direct, .rk-mobile-locale{ display:block;padding:12px 14px; color:#fff;text-decoration:none;font-weight:600;font-size:14px; border-radius:6px; } .rk-mobile-direct:hover, .rk-mobile-locale:hover{background:rgba(255,255,255,.10);color:var(--accent-2)} .rk-mobile-locale{ color:var(--accent-2);font-weight:700; border-bottom:1px solid rgba(255,255,255,.15); margin-bottom:4px;padding-bottom:14px; } /* ── locale ── */ .rk-locale-trigger{ display:inline-flex;align-items:center;gap:6px; padding:8px 12px;border-radius:6px; color:#cfe2ff !important;font-weight:700;font-size:14px; border:1px solid rgba(255,255,255,.2); text-decoration:none;white-space:nowrap; } .rk-locale-trigger:hover{border-color:var(--accent);color:var(--accent) !important} .rk-locale-modal{display:none;position:fixed;inset:0;z-index:80} .rk-locale-modal:target{display:block} .rk-locale-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)} .rk-locale-dialog{ position:relative;margin:6vh auto 0; width:min(920px,calc(100% - 34px)); background:#fff;color:#111827; border-radius:10px;padding:32px 34px 40px; box-shadow:0 30px 90px rgba(0,0,0,.25); } .rk-locale-dialog h2{font-size:clamp(26px,4.5vw,40px);margin:0 56px 24px 0;font-weight:800} .rk-locale-close{ position:absolute;right:22px;top:14px; color:#9ca3af;font-size:48px;line-height:1;font-weight:300;text-decoration:none; } .rk-locale-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px} .rk-locale-grid--noflag .rk-locale-card{grid-template-columns:1fr} .rk-locale-card{ display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start; padding:14px;border-radius:8px; border:2px solid transparent; text-decoration:none;color:#050505; transition:border-color .15s,background .15s; } .rk-locale-card:hover, .rk-locale-card[aria-current="true"]{border-color:#dbe7f6;background:#f7fbff;color:#050505} .rk-locale-flag{font-size:32px;line-height:1} .rk-locale-card strong{display:block;font-size:18px;font-weight:700} .rk-locale-card small{display:block;font-size:13px;color:#6b7280;margin-top:3px} /* ── hero — centered, dark gradient, stats below (variant B) ── */ .rk-hero{ padding:64px 0 0; background: radial-gradient(circle at 85% 10%,rgba(255,212,0,.20),transparent 40%), radial-gradient(circle at 15% 90%,rgba(230,62,46,.20),transparent 40%), linear-gradient(180deg,var(--navy) 0%,#5e1622 55%,var(--primary) 100%); color:#fff; text-align:center; } .rk-hero__center{display:flex;flex-direction:column;align-items:center;max-width:920px;padding-bottom:36px} .rk-hero__center .rk-eyebrow{margin-bottom:18px} .rk-hero__center h1{max-width:780px} .rk-hero__center .rk-lead{margin-left:auto;margin-right:auto;text-align:center} .rk-cta-row--center{justify-content:center;margin-top:8px;margin-bottom:0} .rk-cta-row--stacked{flex-direction:column;align-items:center;gap:14px} .rk-cta-row--stacked .rk-btn--ghost{font-size:14px;padding:10px 18px} .rk-anchor-row--center{justify-content:center;margin:24px auto 0;max-width:760px} .rk-hero--home{padding:72px 0 0;text-align:left} .rk-hero__cols{ display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center; padding-bottom:48px; } .rk-hero__col-text{display:flex;flex-direction:column;align-items:flex-start} .rk-hero__col-text .rk-lead{text-align:left;margin-left:0;margin-right:0;max-width:560px} .rk-hero__col-text .rk-cta-row{justify-content:flex-start} .rk-hero__col-text .rk-anchor-row{margin-top:22px} .rk-hero__col-figure{display:flex;justify-content:center;align-items:center} .rk-hero__figure--home{ margin:0;text-align:center;max-width:380px;width:100%; } .rk-hero__figure--home img{ width:100%;height:auto;border-radius:18px; box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08); } @media (max-width:840px){ .rk-hero__cols{grid-template-columns:1fr;gap:28px;text-align:center} .rk-hero__col-text{align-items:center} .rk-hero__col-text .rk-lead{text-align:center;margin-left:auto;margin-right:auto} .rk-hero__col-text .rk-cta-row{justify-content:center} .rk-hero__col-text .rk-anchor-row{justify-content:center} } .rk-hero__h1--big{ font-size:clamp(34px,5.5vw,58px) !important; letter-spacing:-.02em;line-height:1.08 !important; margin-bottom:18px !important; } .rk-btn--giant{ padding:22px 44px !important; font-size:19px !important; border-radius:12px !important; box-shadow:0 12px 32px rgba(255,212,0,.45),0 0 0 4px rgba(255,212,0,.10) !important; letter-spacing:.3px; } .rk-btn--giant:hover{transform:translateY(-2px);filter:brightness(1.04)} @keyframes rk-pulse{ 0%,100%{box-shadow:0 12px 32px rgba(255,212,0,.45),0 0 0 4px rgba(255,212,0,.10)} 50%{box-shadow:0 14px 36px rgba(255,212,0,.55),0 0 0 6px rgba(255,212,0,.16)} } .rk-btn--giant{animation:rk-pulse 2.6s ease-in-out infinite} .rk-stats-row{ background:rgba(0,0,0,.30);border-top:1px solid rgba(255,255,255,.10); padding:18px 0; } .rk-stats-row__grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:14px; } .rk-stat{text-align:center;padding:6px 4px} .rk-stat__value{ font-size:clamp(20px,2.4vw,28px);font-weight:800; color:var(--accent-2);line-height:1.1;margin-bottom:4px; } .rk-stat__label{font-size:12px;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.6px} @media (max-width:680px){ .rk-stats-row__grid{grid-template-columns:repeat(2,1fr);gap:10px} } /* ── page header (Trust pages: about/contact/privacy/terms/affiliate/responsible) ── */ .rk-page-header{ padding:28px 0 26px; background:var(--bg-card); border-top:3px solid var(--accent-2); border-bottom:1px solid var(--line); } .rk-breadcrumb{ display:flex;align-items:center;gap:8px;flex-wrap:wrap; font-size:13px;color:var(--text-muted);margin-bottom:10px; } .rk-breadcrumb a{ color:var(--text-muted);text-decoration:none;font-weight:600; } .rk-breadcrumb a:hover{color:var(--primary)} .rk-breadcrumb__sep{color:var(--line)} .rk-breadcrumb__current{color:var(--navy);font-weight:700} .rk-page-title{ font-size:clamp(22px,3vw,30px);font-weight:800; color:var(--navy);margin:0 0 8px;line-height:1.2; } .rk-page-subtitle{ font-size:14px;color:var(--text-muted); max-width:780px;margin:0; } .rk-eyebrow{ display:inline-block;padding:4px 12px;border-radius:999px; background:var(--accent-2);color:#1a1a1a; font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px; } .rk-hero h1{font-size:clamp(28px,4.5vw,46px);font-weight:800;line-height:1.15;margin:0 0 16px;color:#fff} .rk-lead{font-size:17px;color:rgba(255,255,255,.85);max-width:680px;margin:0 0 22px} .rk-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px} .rk-anchor-row{display:flex;flex-wrap:wrap;gap:8px} .rk-pill{ padding:6px 12px;border-radius:999px; background:#fff;border:1px solid var(--line); color:var(--primary);font-size:13px;font-weight:600;text-decoration:none; } .rk-pill:hover{border-color:var(--accent);color:var(--accent)} /* ── buttons ── */ .rk-btn{ display:inline-flex;align-items:center;gap:8px; padding:14px 24px;border-radius:8px; font-weight:800;font-size:15px;text-decoration:none;cursor:pointer;border:0; transition:transform .15s,filter .15s; } .rk-btn--primary{background:var(--accent-2);color:#1a1a1a !important;box-shadow:0 8px 20px rgba(255,210,31,.35)} .rk-btn--primary:hover{filter:brightness(1.06);transform:translateY(-1px)} .rk-btn--ghost{background:#fff;color:var(--navy) !important;border:2px solid var(--line)} .rk-btn--ghost:hover{border-color:var(--accent);color:var(--accent) !important} .rk-btn--accent{background:var(--accent);color:var(--navy) !important;font-weight:800} .rk-btn--accent:hover{filter:brightness(1.06)} /* ── visual accents ────────────────────────────────────────────────────────── */ /* H2 — yellow vertical bar to the left, like a bookmark */ .rk-section h2{ position:relative;padding-left:18px; } .rk-section h2::before{ content:"";position:absolute;left:0;top:50%;transform:translateY(-50%); width:5px;height:.85em; background:linear-gradient(180deg,var(--accent-2) 0%,var(--accent) 100%); border-radius:3px; } /* H3 — small dot prefix */ .rk-section h3{ position:relative;padding-left:16px; } .rk-section h3::before{ content:"";position:absolute;left:0;top:.55em; width:7px;height:7px;border-radius:50%; background:var(--accent-2);box-shadow:0 0 0 3px rgba(255,212,0,.20); } /* strong text — subtle yellow highlight underline */ .rk-section p strong, .rk-section li strong{ background:linear-gradient(180deg,transparent 65%,rgba(255,212,0,.45) 65%); padding:0 2px; } /* body links — animated yellow underline grow on hover */ .rk-section p a, .rk-section li a{ position:relative; background-image:linear-gradient(var(--accent-2),var(--accent-2)); background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat; transition:background-size .25s; padding-bottom:2px; } .rk-section p a:hover, .rk-section li a:hover{background-size:100% 2px;color:var(--primary)} /* platform card — hover lift + accent border */ .rk-platform-card{transition:transform .15s,border-color .15s,box-shadow .15s} .rk-platform-card:hover{ transform:translateY(-3px); border-color:var(--accent-2); box-shadow:0 12px 28px rgba(58,10,20,.10); } /* table — colored top border + striped rows */ .rk-table-wrap{border-top:3px solid var(--accent-2)} .rk-table tbody tr:nth-child(even) td{background:rgba(255,212,0,.04)} .rk-table tbody tr:hover td{background:rgba(255,212,0,.10)} /* FAQ — open state accent */ .rk-faq-item{border:1px solid var(--line);border-radius:10px;margin:8px 0;overflow:hidden;background:#fff} .rk-faq-item summary{padding:14px 18px;font-weight:700;cursor:pointer;list-style:none;position:relative;padding-right:42px} .rk-faq-item summary::-webkit-details-marker{display:none} .rk-faq-item summary::after{ content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%); width:24px;height:24px;border-radius:50%; background:var(--accent-2);color:var(--navy); display:flex;align-items:center;justify-content:center;font-weight:800; transition:transform .2s; } .rk-faq-item[open] summary::after{content:"−"} .rk-faq-item[open]{border-color:var(--accent-2);box-shadow:0 8px 22px rgba(255,212,0,.10)} .rk-faq-item[open] summary{background:rgba(255,212,0,.06)} .rk-faq-item p{padding:0 18px 16px;margin:0} /* section divider — subtle gradient line between content sections */ .rk-section + .rk-section{ border-top:0;position:relative; } .rk-section + .rk-section::before{ content:"";display:block;width:60px;height:3px; background:linear-gradient(90deg,var(--accent-2),var(--accent)); margin:0 auto 30px;border-radius:2px; } /* eyebrow chip floating on dark sections (promo strip) */ .rk-promo .rk-promo__eyebrow{box-shadow:0 6px 18px rgba(255,212,0,.30)} /* anchor pills (home hero) — hover glow */ .rk-anchor-row .rk-pill{transition:all .15s} .rk-anchor-row .rk-pill:hover{ background:var(--accent-2);color:var(--navy);border-color:var(--accent-2); transform:translateY(-1px); } /* ── promo code block — dark CTA strip between sections ── */ .rk-promo{ padding:34px 0; background:linear-gradient(135deg,#1a0508 0%,var(--navy) 60%,#5e1622 100%); color:#fff; border:0; } .rk-promo__eyebrow{ display:inline-block;padding:3px 10px;border-radius:999px; background:var(--accent-2);color:#1a1a1a;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px; } .rk-promo__row{display:flex;align-items:center;gap:18px;flex-wrap:wrap} .rk-promo__label{font-size:13px;color:rgba(255,255,255,.75);font-weight:600;margin-bottom:6px} .rk-promo__code{ font-family:ui-monospace,'SF Mono',Menlo,monospace; font-size:28px;font-weight:800;letter-spacing:1.5px; padding:10px 18px;border-radius:8px; background:#fff;border:2px dashed var(--accent-2);color:var(--navy); } .rk-promo__sub{margin:14px 0 0;color:rgba(255,255,255,.8);font-size:14px} /* ── sections ── */ .rk-main{padding-bottom:60px} .rk-section{padding:50px 0;border-top:1px solid var(--line);scroll-margin-top:84px} .rk-section h2{font-size:clamp(24px,3.4vw,32px);font-weight:800;margin:0 0 16px;color:var(--navy)} .rk-section h3{font-size:18px;font-weight:700;margin:22px 0 10px} .rk-section p{margin:0 0 14px} /* ── lists ── */ .rk-check-list{list-style:none;padding:0;margin:14px 0} .rk-check-list li{ padding:10px 14px 10px 36px;position:relative; background:var(--bg-card);border-radius:8px;margin:6px 0; } .rk-check-list li::before{content:"✓";position:absolute;left:12px;top:10px;color:var(--success);font-weight:800} .rk-steps{list-style:decimal inside;padding:0;margin:14px 0;counter-reset:step} .rk-steps li{ background:var(--bg-card);padding:10px 14px;border-radius:8px;margin:6px 0; list-style:none;position:relative;padding-left:42px;counter-increment:step; } .rk-steps li::before{ content:counter(step);position:absolute;left:12px;top:10px; width:22px;height:22px;background:var(--primary);color:#fff; border-radius:50%;font-weight:800;font-size:12px; display:inline-flex;align-items:center;justify-content:center; } /* ── tables ── */ .rk-table-wrap{margin:16px 0;overflow-x:auto;border-radius:8px;border:1px solid rgba(0,0,0,.06)} .rk-table-title{padding:10px 14px;background:var(--bg-card);font-weight:700;color:var(--text);font-size:14px} .rk-table{width:100%;border-collapse:collapse;background:#fff;min-width:520px} .rk-table th,.rk-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(0,0,0,.05)} .rk-table th{background:#fafafa;color:var(--text);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.4px} .rk-table tr:last-child td{border-bottom:0} /* ── info blocks ── */ .rk-info{ display:flex;gap:10px;align-items:flex-start; padding:14px 18px;border-radius:8px;margin:16px 0; border-left:4px solid var(--primary);background:rgba(25,118,210,.08); } .rk-info strong{color:var(--primary);flex:0 0 auto} .rk-info--warning{border-left-color:var(--warning);background:rgba(250,204,21,.10)} .rk-info--warning strong{color:var(--warning)} .rk-info--danger{border-left-color:var(--danger);background:rgba(239,68,68,.08)} .rk-info--danger strong{color:var(--danger)} .rk-info--success{border-left-color:var(--success);background:rgba(34,197,94,.08)} .rk-info--success strong{color:var(--success)} /* ── figures ── */ .rk-figure{margin:20px 0;text-align:center} .rk-figure img{ width:100%;max-width:520px;border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.08); aspect-ratio:3/2;object-fit:cover; } .rk-figure figcaption{margin-top:10px;font-size:13px;color:var(--text-muted)} /* Desktop: section containing a figure becomes a 2-column grid. Text-side children flow into col 1; figure occupies col 2 spanning rows. */ @media (min-width:840px){ .rk-section .rk-wrap:has(> .rk-figure){ display:grid; grid-template-columns: minmax(0,1fr) 360px; column-gap:40px; row-gap:0; align-items:start; } .rk-section .rk-wrap:has(> .rk-figure) > *{ grid-column: 1; min-width:0; } .rk-section .rk-wrap:has(> .rk-figure) > h2, .rk-section .rk-wrap:has(> .rk-figure) > h3{ grid-column: 1 / -1; } .rk-section .rk-wrap:has(> .rk-figure) > .rk-figure{ grid-column: 2; grid-row: 2 / span 99; margin: 0; align-self: start; position: sticky; top: 84px; } .rk-section .rk-wrap:has(> .rk-figure) > .rk-figure img{ max-width:none; } } /* ── platforms grid ── */ .rk-platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:20px 0} .rk-platform-card{ padding:18px;border-radius:10px;border:1px solid rgba(0,0,0,.08); background:#fff;display:flex;flex-direction:column; } .rk-platform-icon{font-size:36px;margin-bottom:8px} .rk-platform-card h3{margin:0 0 8px;font-size:17px} .rk-platform-meta{display:flex;gap:14px;margin:8px 0;font-size:13px} .rk-platform-meta dt{color:var(--text-muted);margin:0} .rk-platform-meta dd{margin:0 0 0 6px;font-weight:700} .rk-platform-feats{list-style:disc;padding-left:18px;margin:6px 0 0;font-size:14px} /* ── registration methods ── */ .rk-reg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0} .rk-reg-card{ padding:18px;border-radius:10px;border:1px solid rgba(0,0,0,.08); background:#fff; } .rk-reg-card h3{margin:0 0 8px;font-size:18px;color:var(--primary)} .rk-reg-card p{margin:0 0 10px;font-size:14px} .rk-reg-card ul{list-style:none;padding:0;margin:6px 0;font-size:13px;display:flex;gap:6px;flex-wrap:wrap;align-items:center} .rk-reg-card .rk-pros li,.rk-reg-card .rk-cons li{padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.04)} .rk-reg-card .rk-pros li:first-child{background:var(--success);color:#fff;font-weight:800} .rk-reg-card .rk-cons li:first-child{background:var(--danger);color:#fff;font-weight:800} /* ── iOS options ── */ .rk-ios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:18px 0} .rk-ios-card{ padding:18px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff; } .rk-ios-card h3{margin:0 0 10px;font-size:17px;color:var(--primary)} .rk-ios-card ol{margin:0;padding-left:20px} /* ── FAQ ── */ .rk-faq{margin:18px 0} .rk-faq-item{ background:#fff;border:1px solid rgba(0,0,0,.08); border-radius:10px;padding:14px 18px;margin:8px 0; transition:border-color .2s; } .rk-faq-item[open]{border-color:var(--primary)} .rk-faq-item summary{cursor:pointer;font-weight:700;list-style:none} .rk-faq-item summary::-webkit-details-marker{display:none} .rk-faq-item summary::after{content:"+";float:right;color:var(--primary);font-weight:800} .rk-faq-item[open] summary::after{content:"−"} .rk-faq-item p{margin-top:10px;color:var(--text-muted)} /* ── footer ── */ .rk-footer{margin-top:50px;padding:36px 0 24px;background:var(--navy);color:#cfe2ff;border-top:3px solid var(--accent)} .rk-footer__col strong{color:#fff !important} .rk-footer__col a{color:#9bb7d4 !important} .rk-footer__col a:hover{color:var(--accent) !important} .rk-footer__inner{display:flex;flex-direction:column;gap:24px} .rk-footer__note{ background:#fff;border:1px solid rgba(250,204,21,.4); padding:12px 16px;border-radius:8px;font-size:14px; } .rk-footer__note strong{color:var(--accent-2);margin-right:6px} .rk-footer__note span{color:var(--text-muted)} .rk-footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px} .rk-footer__col{display:flex;flex-direction:column;gap:6px} .rk-footer__col strong{font-size:13px;text-transform:uppercase;letter-spacing:.4px;color:var(--text);margin-bottom:4px} .rk-footer__col a{color:var(--text-muted);font-size:14px;text-decoration:none} .rk-footer__col a:hover{color:var(--primary)} @media (max-width:1180px){ /* Mobile: hide desktop nav + locale trigger; keep CTA + show hamburger. Locale lives inside hamburger panel. */ .rk-desktop-nav,.rk-locale-trigger{display:none} .rk-mobile-menu{display:block;margin-left:auto} } @media (max-width:560px){ .rk-header-cta{padding:8px 12px;font-size:13px} } @media (max-width:840px){ .rk-footer__grid{grid-template-columns:1fr} .rk-locale-dialog{margin:0;width:100%;min-height:100%;border-radius:0;padding:24px 18px 36px} .rk-locale-grid{grid-template-columns:1fr;gap:12px} }