:root{color-scheme:dark;--bg:#070b12;--panel:#0f1826;--panel2:#111d2e;--line:#243653;--text:#eef5ff;--muted:#91a3bb;--accent:#59b8ff;--accent2:#4ce2e6;--green:#35d698;--shadow:0 28px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% 5%,rgba(40,102,190,.22),transparent 30%),linear-gradient(180deg,#060a10 0%,#08111d 45%,#060a10 100%);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input{font:inherit}.public-site{min-height:100vh}.eyebrow{color:#78c8ff;font-size:12px;font-weight:800;letter-spacing:2.2px}.site-nav{position:sticky;top:0;z-index:30;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,10,16,.9);backdrop-filter:blur(16px)}.site-brand{font-weight:900;font-size:20px;letter-spacing:.2px;color:#fff}.site-nav nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.site-nav nav a{color:#9db0c9}.site-nav nav a:hover,.site-nav nav a.active{color:#fff}.site-nav-account,.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #345075;border-radius:11px;background:#132238;color:#e8f2ff;font-weight:700}.site-nav-account{min-height:36px;padding:7px 12px}.lang-link{font-size:12px}.site-primary-action{border-color:#428fff;background:linear-gradient(135deg,#2778ea,#2a8cff);color:#fff}.site-secondary-action{background:#101c2d}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.site-hero{width:min(1160px,calc(100% - 40px));min-height:610px;margin:0 auto;padding:70px 0 62px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:52px;align-items:center}.site-hero-copy h1{max-width:720px;margin:14px 0 20px;font-size:clamp(43px,6.2vw,72px);line-height:1.02;letter-spacing:-2.7px}.site-lead{max-width:700px;margin:0;color:#b1bfd2;font-size:clamp(18px,2vw,21px)}.site-hero-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;color:#8498b2;font-size:13px}.status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid #2d425f;border-radius:999px;background:#0d1725}.status>span{width:8px;height:8px;border-radius:50%;background:#ff657d}.status.ok>span{background:var(--green);box-shadow:0 0 11px rgba(53,214,152,.75)}.site-hero-art{position:relative;min-height:420px;display:grid;place-items:center}.site-hero-art:before{content:"";position:absolute;inset:10% 4%;border-radius:50%;background:radial-gradient(circle,rgba(49,150,255,.25),transparent 66%);filter:blur(12px)}.site-hero-art picture,.site-hero-art img{position:relative;z-index:1;display:block;width:100%;border-radius:26px;box-shadow:var(--shadow)}.site-section{width:min(1060px,calc(100% - 40px));margin:0 auto;padding:62px 0}.site-section-head{max-width:760px;margin-bottom:28px}.site-section-head h2{margin:8px 0 10px;font-size:clamp(30px,4.3vw,46px);line-height:1.08;letter-spacing:-1.4px}.site-section-head p{margin:0;color:#9aacbf;font-size:17px}.site-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.site-feature-grid article,.site-steps article,.site-faq details,.public-panel,.platform-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(19,31,49,.93),rgba(12,20,32,.9));box-shadow:0 16px 42px rgba(0,0,0,.14)}.site-feature-grid article{padding:22px}.site-feature-grid h3,.site-steps h3,.platform-card h3{margin:0 0 7px;font-size:18px}.site-feature-grid p,.site-steps p,.platform-card p{margin:0;color:#96a8be}.site-steps-section,.site-faq{padding-top:30px}.site-steps{display:grid;gap:12px}.site-steps article{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;padding:18px 20px}.site-steps article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#19355c;color:#9ad1ff;font-weight:900}.site-download-grid{grid-template-columns:1fr 1fr}.site-download-card{display:flex;min-height:230px;align-items:flex-start;justify-content:space-between;gap:24px;flex-direction:column;padding:24px;border-color:#31547f!important}.site-download-card small{display:block;margin-top:10px;color:#87a0bd}.platform-link{display:inline-flex;margin-top:12px;color:#92cbff;font-weight:700}.site-faq details{padding:0 18px;margin:10px 0}.site-faq summary{cursor:pointer;padding:17px 0;font-weight:800}.site-faq details p{margin:0;padding:0 0 17px;color:#9fadc1}.public-footer{width:min(1120px,calc(100% - 40px));margin:0 auto;display:grid;gap:17px;padding:34px 0 44px;border-top:1px solid rgba(255,255,255,.08);color:#72859e}.public-footer-main{display:flex;align-items:center;justify-content:space-between;gap:18px}.public-footer-links{display:flex;justify-content:flex-start;gap:10px 18px;flex-wrap:wrap}.public-footer a{color:#a9bdd5}.public-footer-copy{font-size:13px;color:#5f7088}.public-page{width:min(840px,calc(100% - 32px));margin:0 auto;padding:50px 0 60px}.public-page h1{margin:18px 0 8px;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-1.7px}.public-page .lead{color:#aebcd0;font-size:18px}.public-updated{margin:0 0 20px;color:#71859d;font-size:13px}.back-link,.text-link{color:#8fc9ff}.public-panel{padding:22px 24px;margin:14px 0}.public-panel h2{margin:0 0 10px;font-size:20px}.public-panel p,.public-panel li{color:#a9b8ca}.public-panel ul{padding-left:20px}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.provider-grid article{padding:14px;border:1px solid #2a405e;border-radius:12px;background:#0b1523}.badge{display:inline-flex;margin-left:8px;padding:3px 7px;border:1px solid #2b6b52;border-radius:999px;background:#123627;color:#73ddb1;font-size:11px}.requisites{display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;gap:8px 16px}.requisites dt{color:#72869f}.requisites dd{margin:0}.platform-hero{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:66px 0 50px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:48px;align-items:center}.platform-hero h1{margin:12px 0 18px;font-size:clamp(42px,5.8vw,68px);line-height:1.02;letter-spacing:-2.4px}.platform-hero p{color:#aebcd0;font-size:19px}.platform-hero-media img{display:block;width:100%;border-radius:24px;box-shadow:var(--shadow)}.platform-version{margin-top:13px;color:#8095ae;font-size:13px}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-card{padding:22px}.platform-requirements{display:grid;grid-template-columns:1fr 1fr;gap:14px}.requirements-list{margin:0;padding-left:20px;color:#a9b8ca}.platform-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid #31547f;border-radius:20px;background:linear-gradient(135deg,rgba(36,91,171,.22),rgba(14,23,37,.9))}.platform-cta h2{margin:0 0 6px}.platform-cta p{margin:0;color:#93a6bd}.platform-cta .button-link{flex:0 0 auto}.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}
@media(max-width:900px){.site-nav{align-items:flex-start}.site-hero,.platform-hero{grid-template-columns:1fr;min-height:0;padding-top:48px;gap:30px}.site-hero-art,.platform-hero-media{max-width:760px}.site-feature-grid,.platform-grid{grid-template-columns:1fr}.site-download-grid,.platform-requirements{grid-template-columns:1fr}.platform-cta{align-items:flex-start;flex-direction:column}.platform-cta .button-link{width:100%}}
@media(max-width:620px){.site-nav{padding:11px 14px}.site-nav nav{gap:10px;font-size:13px}.site-nav .nav-secondary{display:none}.site-hero,.site-section,.platform-hero{width:min(100% - 28px,1060px)}.site-hero{padding-top:40px}.site-hero-copy h1,.platform-hero h1{font-size:clamp(37px,12vw,53px);letter-spacing:-1.7px}.site-lead,.platform-hero p{font-size:17px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button-link{width:100%}.site-section{padding:44px 0}.public-footer{width:calc(100% - 28px)}.public-footer-main{align-items:flex-start;flex-direction:column}.public-page{padding-top:32px}.provider-grid{grid-template-columns:1fr}.requisites{grid-template-columns:1fr;gap:2px}.requisites dd{margin-bottom:8px}}

/* CP138 mobile UX: compact sticky header and readable hero; keep the download
   action visible earlier instead of consuming the first viewport with a title. */
@media(max-width:620px){
  .site-nav{min-height:56px;align-items:center;gap:8px;padding:9px 14px}
  .site-brand{font-size:16px;white-space:nowrap}
  .site-nav nav{gap:8px;flex-wrap:nowrap;font-size:12px}
  .site-nav nav a[href="/android"],.site-nav nav a[href="/windows"]{display:none}
  .site-nav-account{min-height:32px;padding:5px 9px}
  .site-hero{padding-top:26px;gap:24px}
  .site-hero-copy h1{font-size:clamp(31px,9vw,38px);line-height:1.07;letter-spacing:-1.2px;margin:10px 0 14px}
  .site-lead{font-size:15px;line-height:1.5}
  .hero-actions{margin-top:18px}
}

/* CP150 TunFox / Midnight Aurora: calm, trustworthy product site. */
:root{--bg:#070914;--panel:#12152b;--panel2:#181c36;--line:#303451;--text:#f1f3ff;--muted:#a2aaca;--accent:#a38af9;--accent2:#48e1ca;--green:#4de3b8;--shadow:0 28px 75px rgba(2,3,16,.42)}
body{background:radial-gradient(ellipse at 88% 7%,rgba(113,72,199,.21),transparent 34%),radial-gradient(ellipse at 17% 22%,rgba(43,138,150,.14),transparent 42%),linear-gradient(160deg,#080b1a,#0c1025 46%,#070915);background-attachment:fixed}
::selection{background:#805ed1;color:#fff}
.site-nav{background:rgba(8,10,24,.86);border-bottom-color:rgba(164,143,245,.19);box-shadow:0 12px 35px rgba(0,0,0,.12)}
.site-brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.6px}
.site-brand:before{content:"";display:inline-block;width:36px;height:36px;flex:none;background:url('/static/tunfox-mark.svg') center/contain no-repeat;filter:drop-shadow(0 3px 14px rgba(116,90,245,.22))}
.site-nav-account,.button-link{border-color:rgba(137,135,187,.3);background:rgba(37,35,65,.64);border-radius:13px}
.site-primary-action{background:linear-gradient(117deg,#7165e9 0%,#8c53ce 58%,#4aabd1 126%);color:#fff;border:1px solid rgba(204,192,255,.38);box-shadow:0 10px 26px rgba(108,92,222,.22)}
.site-primary-action:hover{box-shadow:0 12px 35px rgba(108,92,222,.35);transform:translateY(-1px)}
.site-secondary-action:hover,.site-nav-account:hover{border-color:rgba(141,224,209,.7);background:#24294c}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #5de9d1;outline-offset:3px}
.eyebrow{color:#82e6d5}
.site-hero{gap:38px}
.site-hero-copy h1{font-weight:850;color:#f9faff;letter-spacing:-2.4px}
.site-hero-art::before{background:radial-gradient(circle at 40% 35%,rgba(126,97,243,.34),rgba(30,193,181,.12) 48%,transparent 73%)}
.site-hero-art img{border:1px solid rgba(173,160,236,.2);box-shadow:0 26px 86px rgba(4,5,20,.5)}
.site-feature-grid article,.site-steps article,.site-faq details,.public-panel,.platform-card{border-color:rgba(144,148,213,.22);background:linear-gradient(147deg,rgba(29,31,62,.88),rgba(14,18,40,.91));box-shadow:0 15px 45px rgba(0,0,0,.16)}
.site-feature-grid article:hover,.platform-card:hover{border-color:rgba(115,220,213,.46)}
.site-steps article>span{background:rgba(106,100,202,.23);color:#bcaaff}
.site-download-card{border-color:rgba(121,112,218,.48)!important}
.site-ways{width:min(1100px,calc(100% - 40px));margin:10px auto 18px;border:1px solid rgba(96,195,187,.3);border-radius:25px;overflow:hidden;background:radial-gradient(ellipse at 98% 0%,rgba(79,193,184,.14),transparent 59%),linear-gradient(135deg,rgba(35,32,72,.94),rgba(15,26,49,.95));box-shadow:0 22px 60px rgba(4,6,23,.3)}
.site-ways-inner{padding:31px 36px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:22px;align-items:center}
.site-ways h2{margin:7px 0 7px;font-size:clamp(25px,3vw,35px);letter-spacing:-.8px}
.site-ways p{margin:0;max-width:680px;color:#b5bdd8;line-height:1.6}
.site-ways-actions{display:grid;gap:10px}.site-ways-actions .button-link{width:100%;white-space:normal;text-align:center}
.public-footer-main{border-radius:18px}
@media(max-width:900px){.site-ways-inner{grid-template-columns:1fr}.site-ways-actions{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-ways{width:calc(100% - 28px);margin-top:10px}.site-ways-inner{padding:22px 18px}.site-ways-actions{grid-template-columns:1fr}.site-brand:before{width:30px;height:30px}.site-hero-copy h1{letter-spacing:-1.3px}}
/* CP153: do not reserve 420px for a 16:9 hero image on narrow screens. */
@media(max-width:620px){.site-hero{gap:20px}.site-hero-art{min-height:0}.site-hero-art picture{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-primary-action:hover{transform:none}}
