/* Shared platform navigation and product pages. Existing landing styles remain in styles.css. */
:focus-visible{outline:2px solid var(--blue-bright);outline-offset:5px}
.language-control select{width:164px;text-overflow:ellipsis}
html{scroll-padding-top:90px}.topbar{gap:28px}.topbar nav{gap:20px}.topbar nav a{font-size:13px}.menu-toggle{display:none}
.nav-group{position:relative}.nav-group summary{list-style:none;cursor:pointer;font-size:13px;color:#d8e3f2;padding:16px 0;white-space:nowrap}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary::after{content:'⌄';display:inline-block;margin-inline-start:7px;color:var(--blue-bright)}.nav-group[open] summary::after{transform:rotate(180deg)}
.nav-panel{position:absolute;top:calc(100% + 4px);inset-inline-start:-18px;inline-size:214px;background:#111c2b;border:1px solid #314b6c;border-radius:12px;box-shadow:0 20px 55px #0009;padding:8px;display:grid;gap:4px;z-index:60}.nav-panel a{display:flex;align-items:center;gap:12px;padding:12px!important;border-radius:7px}.nav-panel a:hover{background:#203653}.nav-panel a::after{display:none}.nav-panel a>span:last-child{min-width:0}.nav-panel strong{display:block;font-size:14px}.nav-panel small{display:block;line-height:1.4;font-size:11px;color:var(--dim);margin-top:4px}.platform-symbol{flex:0 0 39px;height:39px;display:grid;place-items:center;background:#1d3654;border:1px solid #38638c;border-radius:10px;font-size:11px;color:#9dcfff;font-weight:750}
.detail-page .topbar{background:rgba(8,11,16,.96);border-color:var(--line)}.detail-page main{padding-top:72px}.detail-page .section{padding-block:92px}.detail-page h1{font-size:clamp(40px,5.6vw,68px);line-height:1.12;letter-spacing:-.03em}.detail-page h2{font-size:clamp(30px,4vw,48px);line-height:1.18}.detail-page p{line-height:1.75}.back-link{display:inline-block;color:#a9bfda;font-size:13px;margin-bottom:38px}.back-link::before{content:'←';margin-inline-end:10px}.product-hero{padding:100px max(24px,calc((100vw - var(--max))/2)) 80px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:50px;background:radial-gradient(ellipse at 88% 35%,#152e4a 0,transparent 55%),#080d15;min-height:760px}.product-hero .eyebrow{margin-bottom:18px}.platform-wordmark{display:flex;align-items:center;gap:13px;margin:0;font-size:24px;font-weight:800}.platform-wordmark span{font-size:13px;font-weight:500;border-inline-start:1px solid #436180;padding-inline-start:13px;color:#a9c8e9}.product-intro h1{margin:22px 0}.product-lead{font-size:17px;color:#b9c9dc}.product-free{font-size:13px!important;color:#79bcff;line-height:1.7}.product-visual{margin:0;min-width:0;position:relative}.product-visual img{width:100%;height:auto;border:1px solid #42668b;border-radius:14px;box-shadow:0 24px 80px #0009;background:#111d2e}.product-visual.phone{max-width:295px;justify-self:center}.product-visual figcaption{font-size:11px;margin-top:14px;color:#94a9c2;line-height:1.6}.product-hero:has(.product-visual.phone){grid-template-columns:1.12fr .88fr}.product-hero:has(.product-visual.phone) .product-intro{max-width:620px}.product-visual.phone img{max-height:620px;width:auto;max-width:100%;display:block;margin:auto;border-radius:24px}.product-features{background:#0f1722;border-block:1px solid var(--line)}.feature-editorial{counter-reset:features}.feature-editorial article{display:grid;grid-template-columns:70px minmax(0,.8fr) minmax(0,1.2fr);gap:25px;border-top:1px solid #2b3d53;padding:30px 0;align-items:start}.feature-editorial article::before{counter-increment:features;content:'0' counter(features);font:14px ui-monospace,monospace;color:#64b6ff;padding-top:7px}.feature-editorial h3{font-size:24px;line-height:1.35;margin:0}.feature-editorial p{margin:0;color:#b7c6d9;font-size:16px}.product-screenshots{background:#080d15}.screenshot-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.screenshot-gallery figure{margin:0;min-width:0}.screenshot-gallery img{display:block;width:100%;height:auto;border:1px solid #355675;border-radius:10px;background:#101a28}.screenshot-gallery figcaption{margin-top:12px;font-size:13px;line-height:1.6;color:#a9bdd6}.screenshot-gallery.mobile-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1020px;margin:auto}.mobile-gallery img{border-radius:20px}.screenshot-language{font-size:13px!important;color:#83b9e9!important}.product-download{background:#101a28;border-block:1px solid var(--line)}.install-requirements{margin-top:35px;max-width:900px;border-inline-start:3px solid #4688d1;padding:4px 24px}.install-requirements h3{margin:0;color:#dceafe}.install-requirements p{font-size:14px;color:#aebfd5}.install-requirements a,.legal-copy a,.legal-contact a,.about-main>p>a{color:#7fc2ff;text-decoration:underline;text-underline-offset:4px}.download-row .release-version{line-height:1.6}.release-guidance{font-size:13px;color:#a9bfd9;max-width:520px;margin:8px 0 0}.download-row.is-request{grid-template-columns:minmax(0,1fr) auto}.download-row .download-name{min-width:0}.download-row .download-name p{max-width:620px}.platform-quick-links{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.platform-quick-links a{display:block;padding:10px 15px;border:1px solid #345a82;border-radius:7px;color:#b8dbff;background:#112035;font-size:13px}.platform-quick-links a:hover{border-color:#6cbaff;background:#203b5c}.legal-main,.about-main{max-width:960px;margin:auto;padding:130px 28px 90px!important;min-height:75vh}.legal-main h1,.about-main h1{margin:12px 0 20px}.legal-date{color:#93abc7;font-size:13px}.legal-copy{margin:40px 0}.legal-copy section{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;border-top:1px solid #2b3d53;padding:25px 0}.legal-copy section>span{color:#65acfa;font:13px ui-monospace,monospace;padding-top:7px}.legal-copy p{margin:0;color:#bfccdd;line-height:1.9}.legal-contact{overflow-wrap:anywhere;color:#aabed7}.analytics-preference{background:#14253a;border:1px solid #345b83;padding:22px;border-radius:12px}.analytics-preference button{cursor:pointer;white-space:normal;line-height:1.5;padding:12px 18px;border-color:#4ba7fa;background:#112035}.analytics-preference p{font-size:13px;color:#a9c5e5}.about-lead{font-size:21px;color:#c3d2e4;max-width:850px}.community-links{display:grid;gap:18px;margin:42px 0}.community-card{display:flex;gap:24px;align-items:center;background:#122034;border:1px solid #345b83;padding:26px;border-radius:12px;transition:background .2s}.community-card:hover{background:#1b3452}.community-card h2{font-size:25px;margin:0 0 8px}.community-card div{min-width:0}.community-card div>span{font-size:14px;color:#8bb6e3;overflow-wrap:anywhere}.community-card>b{margin-inline-start:auto;font-size:23px;color:#89bfff}.social-symbol{font-size:32px;color:#80bfff;min-width:40px}.about-platforms{margin:50px 0}.about-platforms h2{font-size:28px}.footer-links{flex-wrap:wrap}.detail-page [dir=rtl]{text-align:start}html[dir=rtl] .topbar-actions{margin-left:0;margin-inline-start:auto}html[dir=rtl] .back-link::before{content:'→'}
@media(max-width:1150px){.topbar{gap:20px}.topbar nav{gap:14px}.topbar-actions .nav-download{display:none}.product-hero{gap:28px}.product-hero h1{font-size:48px}}
@media(max-width:980px){.topbar{height:68px;padding:0 22px;gap:16px}.topbar.scrolled{height:68px}.menu-toggle{display:grid;gap:4px;place-content:center;width:38px;height:38px;background:#14243a;border:1px solid #3a608d;border-radius:7px;cursor:pointer;margin-inline-start:auto}.menu-toggle span{display:block;width:16px;height:2px;background:#b8d8ff}.topbar-actions{margin-left:0;gap:0}.language-control select{width:116px}.topbar nav{display:none}.topbar nav.mobile-open{display:flex;position:fixed;top:68px;inset-inline:0;flex-direction:column;align-items:stretch;gap:0;background:#0d1725;padding:15px 24px 28px;border-bottom:1px solid #314b6c;max-height:calc(100dvh - 68px);overflow:auto;box-shadow:0 25px 40px #0008}.topbar nav>a{padding:14px 0;border-bottom:1px solid #283b53}.nav-group{border-bottom:1px solid #283b53}.nav-panel{position:static;inline-size:100%;box-shadow:none;margin-bottom:14px}.nav-group summary{padding:16px 0}.nav-group summary::after{float:inline-end}.product-hero{padding-top:65px;min-height:690px}.product-hero h1{font-size:42px}.product-intro .back-link{margin-bottom:28px}.product-lead{font-size:16px}.feature-editorial article{grid-template-columns:44px .85fr 1.15fr;gap:18px}.feature-editorial h3{font-size:21px}.screenshot-gallery.mobile-gallery{gap:24px}body.nav-open{overflow:hidden}.download-row.is-request{grid-template-columns:1fr}.download-row.is-request .download-actions{justify-content:flex-start}}
@media(max-width:700px){.detail-page .section{padding-block:60px}.product-hero,.product-hero:has(.product-visual.phone){grid-template-columns:1fr;padding-top:50px;gap:45px}.product-intro{max-width:620px}.product-hero h1{font-size:clamp(36px,8vw,50px)}.product-visual{max-width:650px;justify-self:center}.product-visual.phone{max-width:260px}.product-visual.phone img{max-height:540px}.feature-editorial article{grid-template-columns:36px minmax(0,1fr);gap:14px}.feature-editorial article p{grid-column:2}.feature-editorial h3{font-size:22px}.screenshot-gallery{grid-template-columns:1fr}.screenshot-gallery.mobile-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mobile-gallery figure:last-child{grid-column:1/-1;width:calc(50% - 11px);justify-self:center}.legal-main,.about-main{padding-top:105px!important;padding-inline:22px!important}.legal-main h1,.about-main h1{font-size:40px}.about-lead{font-size:18px}.community-card{gap:13px;padding:20px}.community-card h2{font-size:22px}.social-symbol{min-width:26px;font-size:27px}.community-card div>span{font-size:12px}.footer-links{gap:16px}.legal-copy section{grid-template-columns:25px minmax(0,1fr);gap:12px}}
.screenshot-gallery.mobile-gallery.two-up{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px}.router-gallery{grid-template-columns:1fr}.router-gallery figure{max-width:340px;margin-inline:auto}.button[aria-disabled=true]{opacity:.55;pointer-events:none;box-shadow:none;cursor:default}
@media(max-width:700px){.mobile-gallery.two-up figure:last-child{grid-column:auto;width:100%}.screenshot-gallery.mobile-gallery.two-up{gap:18px}.router-gallery figure{max-width:290px}}
@media(prefers-reduced-motion:reduce){.nav-panel,.community-card{transition:none}}
@media(max-width:980px){.language-control select{width:164px}}
@media(max-width:480px){.topbar{padding-inline:16px;gap:10px}.topbar .brand{font-size:18px;gap:8px}.topbar .brand img{width:28px;height:28px}.menu-toggle{width:34px;height:34px}.language-control select{width:142px;font-size:12px;padding-inline:9px 25px}}

/* Keep Arabic letters joined with a shaping-capable font on all platforms. */
html[lang=ar] body{font-family:Arial,Tahoma,"Geeza Pro","Noto Sans Arabic",FreeSerif,sans-serif}
html[lang=ar] h1,html[lang=ar] .eyebrow,html[lang=ar] .mode-display p{letter-spacing:normal}
@media(max-width:480px){.screenshot-gallery.mobile-gallery,.screenshot-gallery.mobile-gallery.two-up{grid-template-columns:minmax(0,1fr);max-width:300px}.mobile-gallery figure:last-child{grid-column:auto;width:100%}}