/* Source: assets/vendor/bootstrap-icons/bootstrap-icons-subset.css */
/* Bootstrap Icons v1.13.1 subset for Save4k. MIT License. */
@font-face{font-display:block;font-family:"bootstrap-icons";src:url("/assets/vendor/bootstrap-icons/fonts/bootstrap-icons-subset.woff2") format("woff2")}
.bi::before,[class^="bi-"]::before,[class*=" bi-"]::before{display:inline-block;font-family:"bootstrap-icons"!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.bi-android2::before{content:"\f7d1"}
.bi-apple::before{content:"\f65b"}
.bi-arrow-counterclockwise::before{content:"\f117"}
.bi-arrow-down::before{content:"\f128"}
.bi-arrow-left::before{content:"\f12f"}
.bi-arrow-left-right::before{content:"\f12b"}
.bi-arrow-repeat::before{content:"\f130"}
.bi-arrow-right::before{content:"\f138"}
.bi-arrow-up-right::before{content:"\f144"}
.bi-arrows-fullscreen::before{content:"\f14d"}
.bi-badge-4k::before{content:"\f15d"}
.bi-box-arrow-in-down::before{content:"\f1bc"}
.bi-box-seam::before{content:"\f1c7"}
.bi-c-circle::before{content:"\f7db"}
.bi-chat-square-text::before{content:"\f264"}
.bi-check-lg::before{content:"\f633"}
.bi-check2::before{content:"\f272"}
.bi-chevron-down::before{content:"\f282"}
.bi-clipboard-check::before{content:"\f28b"}
.bi-cloud-arrow-down::before{content:"\f295"}
.bi-cloud-arrow-down-fill::before{content:"\f294"}
.bi-compass::before{content:"\f2d1"}
.bi-cpu::before{content:"\f2d6"}
.bi-credit-card::before{content:"\f2dc"}
.bi-display::before{content:"\f302"}
.bi-download::before{content:"\f30a"}
.bi-file-earmark-arrow-down::before{content:"\f356"}
.bi-file-earmark-play::before{content:"\f37b"}
.bi-file-earmark-text::before{content:"\f38b"}
.bi-file-earmark-zip::before{content:"\f391"}
.bi-folder2-open::before{content:"\f3d8"}
.bi-gear::before{content:"\f3e5"}
.bi-globe2::before{content:"\f3ef"}
.bi-grid-3x3-gap::before{content:"\f3f9"}
.bi-headphones::before{content:"\f413"}
.bi-infinity::before{content:"\f69e"}
.bi-info-circle::before{content:"\f431"}
.bi-info-circle-fill::before{content:"\f430"}
.bi-laptop::before{content:"\f456"}
.bi-layers::before{content:"\f45b"}
.bi-lightning-charge::before{content:"\f46d"}
.bi-lightning-charge-fill::before{content:"\f46c"}
.bi-link-45deg::before{content:"\f470"}
.bi-list-check::before{content:"\f473"}
.bi-lock::before{content:"\f47b"}
.bi-music-note-beamed::before{content:"\f49e"}
.bi-music-note-list::before{content:"\f49f"}
.bi-person-workspace::before{content:"\f67a"}
.bi-phone::before{content:"\f4e7"}
.bi-play-circle::before{content:"\f4f3"}
.bi-question-circle::before{content:"\f505"}
.bi-receipt::before{content:"\f50f"}
.bi-safe::before{content:"\f65a"}
.bi-scissors::before{content:"\f528"}
.bi-shield-check::before{content:"\f52f"}
.bi-shield-exclamation::before{content:"\f530"}
.bi-shield-lock::before{content:"\f538"}
.bi-sliders::before{content:"\f56b"}
.bi-soundwave::before{content:"\f57c"}
.bi-speedometer2::before{content:"\f580"}
.bi-stars::before{content:"\f589"}
.bi-tools::before{content:"\f5db"}
.bi-windows::before{content:"\f65e"}

/* Source: assets/css/style.css */
:root{--blue:#1259df;--blue2:#0a48c9;--navy:#071746;--muted:#5d6d91;--pale:#f2f7ff;--line:#dfe8f7;--green:#65bf24;--radius:10px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:'Work Sans',Arial,sans-serif;font-size:14px;line-height:1.5;background:#fff}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,.brand{font-family:Outfit,Arial,sans-serif}h2{text-align:center;font-size:24px;line-height:1.2;margin-bottom:28px}h3{font-size:15px;margin-bottom:5px}.container{max-width:1120px;width:calc(100% - 48px);margin-inline:auto}.skip-link{position:fixed;inset-inline-start:12px;transform:translateY(-200%)}.skip-link:focus{left:auto;transform:translateY(0);top:12px;background:#fff;padding:8px;z-index:100}.site-header{height:72px;background:#f7faff}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:var(--navy);font-size:24px;font-weight:700;text-decoration:none;letter-spacing:.5px}.brand-mark{display:grid;place-items:center;background:var(--blue);}.brand-mark svg{width:21px;height:21px;fill:white}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{color:var(--navy);font-family:Outfit;text-decoration:none;font-size:12px;font-weight:600;padding:9px 0;white-space:nowrap}.main-nav a.active{color:var(--blue);border-bottom:2px solid var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 24px;border:1px solid var(--blue);border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font:600 13px Outfit;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1259df2b}.button-small{min-height:38px;padding:0 14px}.button-small svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2}.language{font-size:11px!important;color:#526281!important}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.hero{min-height:330px;background:linear-gradient(100deg,#f8fbff 0%,#eef5ff 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:49% 51%;min-height:330px;align-items:center}.eyebrow{font:600 10px Outfit;color:var(--blue);letter-spacing:1.3px;margin-bottom:6px}.hero h1{font-size:36px;line-height:1.08;letter-spacing:-.7px;margin-bottom:10px}.hero h1 span{color:var(--blue)}.hero-lead{max-width:365px;color:#1f3159;font-size:13px;margin-bottom:17px}.benefit-row{display:flex;gap:17px}.benefit-row div{display:grid;grid-template-columns:22px auto;column-gap:4px;align-items:center}.benefit-row b{grid-row:span 2;font-size:21px;color:var(--blue);font-family:Arial}.benefit-row strong{font-size:9px;line-height:1.1}.benefit-row small{font-size:7px;color:#72819f}.social-row{display:flex;gap:9px;margin-top:15px}.social-row a{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce5f4;background:#fff;color:var(--blue);font-weight:700;border-radius:50%;text-decoration:none}.hero-art{height:290px;position:relative}.art-window{position:absolute;z-index:2;top:25px;right:85px;width:245px;height:190px;background:linear-gradient(145deg,#fff,#edf3ff);border:4px solid var(--blue);border-radius:22px;box-shadow:12px 16px 0 #9fb9ed,0 25px 30px #5b86db40;transform:rotate(7deg)}.window-top{height:31px;padding:3px 12px;color:white;font:700 12px Outfit;background:var(--blue);border-radius:15px 15px 0 0;display:flex;justify-content:space-between}.window-top span{color:#b7d0ff}.play-button{position:absolute;top:66px;left:87px;color:var(--blue);font-size:50px;filter:drop-shadow(4px 5px 1px #a3c2f7)}.download-arrow{position:absolute;top:126px;left:91px;color:var(--blue);font:bold 47px Arial}.floating-card{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:Outfit;line-height:1}.floating-card strong{font-size:19px}.floating-card span{font-size:22px;margin-top:5px}.mp3{left:23px;top:74px;width:65px;height:68px;border-radius:11px;background:#0e9b78;transform:rotate(9deg);box-shadow:0 9px 0 #c8e4fa}.mp4{right:25px;top:139px;width:78px;height:66px;border-radius:12px;background:var(--blue);transform:rotate(8deg)}.art-glow{position:absolute;width:390px;height:95px;right:22px;bottom:12px;border-radius:50%;background:#c3d9ff99;box-shadow:0 0 35px #b1cfff;transform:rotate(-4deg)}.windows-banner{height:90px;margin-top:-1px;background:linear-gradient(110deg,#175fe3,#0e4ecb);border-radius:11px;display:flex;align-items:center;padding:0 42px;color:#fff;gap:16px;position:relative;z-index:4;box-shadow:0 10px 24px #1359df29}.windows-logo{font-size:50px;line-height:1}.windows-banner div:nth-child(2){display:grid;gap:1px}.windows-banner small{font-size:10px;color:#dbe8ff}.windows-banner strong{font-size:20px;line-height:1.1}.windows-banner span{font-size:11px}.banner-divider{height:45px;width:1px;background:#ffffff52;margin-left:auto}.button-white{background:white;color:var(--blue);border-color:white;min-width:255px}.section{padding:28px 0 30px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.feature{text-align:center}.feature-icon,.step-icon{height:35px;color:var(--blue);font-size:28px;font-family:Arial}.feature h3{font-size:12px}.feature p,.platform-card p,.section-intro{font-size:9px;line-height:1.45;color:var(--muted);margin:0}.how-section{padding-top:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{text-align:center;position:relative}.step:not(:last-child):after{content:'';position:absolute;border-top:2px dotted #a5c1f5;width:calc(100% - 80px);right:calc(-50% + 40px);top:26px}.step-icon{display:grid;place-items:center;margin:auto;width:54px;height:54px;border:1px solid #d8e4f7;border-radius:50%;background:#f9fbff;font-size:25px;position:relative;z-index:1}.step h3{font-size:11px;margin-top:10px}.step h3 b{background:var(--blue);color:white;border-radius:50%;font-size:10px;padding:2px 5px;margin-right:6px}.step p{font-size:9px;color:var(--muted);max-width:140px;margin:auto}.platforms{padding-top:0}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:830px;margin:auto}.platform-card{text-align:center;border:1px solid var(--line);border-radius:10px;padding:16px 20px 14px;box-shadow:0 4px 10px #1759df0d}.platform-logo{font-size:40px;font-family:Arial;font-weight:700;height:47px}.platform-logo.blue,.button-outline.blue{color:var(--blue)}.platform-logo.dark,.button-outline.dark{color:#111}.platform-logo.green,.button-outline.green{color:var(--green)}.platform-card h3{margin-bottom:1px}.platform-card .button{min-height:30px;padding-inline:25px;margin-top:9px;font-size:11px}.button-outline{background:#fff;color:var(--blue)}.pricing-section,.reviews-section{background:var(--pale);padding:9px 0 22px}.pricing-section h2,.reviews-section h2{margin-bottom:2px}.section-intro{text-align:center;margin-bottom:14px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:830px;margin:auto}.price-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 16px 14px;position:relative}.price-card.popular{border-color:#78a5fb;box-shadow:0 2px 11px #1259df17}.price-card h3{text-align:center;font-size:12px;margin-bottom:0}.price{text-align:center;color:var(--blue);font:700 21px Outfit;margin-bottom:7px}.price small{font:400 9px Work Sans}.price-card ul{list-style:none;padding:0;margin:0 0 11px;color:#647495;font-size:9px;line-height:1.8}.price-card li:before{content:'✓';color:#249b80;font-weight:700;margin-right:6px}.price-card .button{width:100%;min-height:28px;font-size:11px}.ribbon{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#ffc400;color:#483600;padding:3px 10px;border-radius:10px;font:bold 8px Outfit;white-space:nowrap}.reviews-section{padding-top:0}.rating{display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px;color:#465a83;margin:8px 0 12px}.rating b{color:#179c78}.rating strong{font-size:17px;color:#159b7b;letter-spacing:2px}.avatars{color:#907b62;font-size:15px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:12px}.reviewer{display:flex;gap:8px;align-items:center}.avatar{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#45566d;color:#f4c798}.reviewer strong{display:block;font-size:9px}.reviewer small{display:block;font-size:8px;color:#eaa90a;letter-spacing:1px}.review-card p{font-size:9px;color:#415475;margin:10px 0 0;line-height:1.5}.faq-section{padding:12px 0 20px}.faq-section h2{margin-bottom:10px}.faq-list{max-width:850px;margin:auto}.faq-list details{border:1px solid var(--line);border-radius:6px;margin:4px 0;padding:4px 13px;background:#fff;font:600 10px Outfit}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;min-height:22px;align-items:center;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{font:400 10px Work Sans;color:var(--muted);margin:5px 0}.faq-button{display:flex;width:max-content;margin:10px auto 0;min-height:28px;font-size:10px}.site-footer{border-top:1px solid #edf2fa}.footer-cta{min-height:64px;margin-top:14px;border-radius:9px;background:linear-gradient(110deg,#1964e8,#0e50cf);color:#fff;display:flex;align-items:center;gap:15px;padding:0 26px}.footer-app-icon{width:43px;height:36px;border-radius:9px;background:#4984ee;display:grid;place-items:center;font:700 10px Outfit}.footer-cta strong{font-size:15px;display:block}.footer-cta small{font-size:10px}.footer-cta .button{margin-left:auto;min-height:30px}.footer-main{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:42px;padding:14px 0 5px}.footer-main .brand{font-size:17px}.footer-main .brand-mark svg{width:16px}.footer-main p,.footer-main a{font-size:9px;color:#5d6d91;text-decoration:none}.footer-main p{max-width:190px}.footer-main h3{font-size:10px;margin-bottom:7px}.footer-main>div:not(:first-child) a{display:block;margin:4px 0}.socials{display:flex;gap:6px}.socials a{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--blue);color:white!important;font-size:10px!important}.subscribe{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:29px}.subscribe input{border:0;padding:0 8px;min-width:0;width:100%;font-size:9px;outline:0}.subscribe button{border:0;width:30px;background:var(--blue);color:#fff}.copyright{text-align:center;color:#8a98b1;font-size:9px;padding:4px 0 7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #7ba7ff;outline-offset:3px}@media(max-width:800px){.container{width:calc(100% - 32px)}.main-nav{display:none;position:absolute;top:66px;left:16px;right:16px;background:#fff;padding:12px 18px;box-shadow:0 8px 22px #1c4c9c22;border-radius:8px;z-index:10;flex-direction:column;align-items:stretch;gap:4px}.main-nav.open{display:flex}.main-nav a{padding:10px}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr;padding-top:28px}.hero{padding-bottom:15px}.hero-art{height:235px}.art-window{right:calc(50% - 112px);transform:rotate(7deg) scale(.82);transform-origin:center top}.mp3{left:10%;top:80px}.mp4{right:7%;top:139px}.benefit-row{flex-wrap:wrap;gap:12px}.windows-banner{height:auto;min-height:100px;padding:16px;flex-wrap:wrap}.banner-divider{display:none}.button-white{min-width:0}.feature-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step:not(:last-child):after{display:none}.footer-main{grid-template-columns:repeat(2,1fr);gap:18px}.footer-brand{grid-column:1/-1}}@media(max-width:480px){h2{font-size:20px}.hero h1{font-size:32px}.feature-grid,.platform-grid,.pricing-grid,.review-grid{grid-template-columns:1fr}.platform-grid,.pricing-grid{max-width:320px}.steps{grid-template-columns:1fr 1fr;gap:18px}.rating{flex-wrap:wrap}.footer-cta{padding:12px;flex-wrap:wrap}.footer-cta .button{margin-left:0;width:100%}.footer-main{grid-template-columns:1fr 1fr}.hero-art{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Product page */
.product-hero{background:linear-gradient(110deg,#f5f9ff,#e8f1ff);padding:92px 0 86px}.product-hero-grid{display:grid;grid-template-columns:1fr 360px;align-items:center;gap:80px}.product-hero h1{font-size:56px;line-height:1.08;margin-bottom:18px}.product-hero h1 span{color:var(--blue)}.product-lead{color:var(--muted);font-size:18px}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.product-note{color:var(--muted);font-size:12px;margin:14px 0 0}.product-art{display:grid;place-items:center;width:270px;height:270px;margin:auto;border-radius:32px;background:linear-gradient(145deg,#1964e8,#0a48c9);color:#fff;box-shadow:18px 20px 0 #bdd2f6,0 28px 45px #1259df38;transform:rotate(4deg)}.product-art i{font-size:104px}.product-art span{position:absolute;font:700 32px Outfit;transform:translate(62px,66px)}.product-features{padding-block:76px}.product-features .feature-grid{grid-template-columns:repeat(3,1fr);gap:24px}.product-features .feature{min-height:210px;padding:25px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 22px #1259df12}.product-features .feature p{font-size:14px}.product-download{padding:0 0 76px}.product-download-card{display:flex;align-items:center;gap:24px;padding:30px 36px;border-radius:14px;background:linear-gradient(110deg,#1964e8,#0e50cf);color:#fff}.product-download-card h2{font-size:28px;text-align:left;margin:0 0 6px}.product-download-card p{margin:0;color:#dbe8ff}.product-download-card .button{margin-left:auto;white-space:nowrap}@media(max-width:767px){.product-hero{padding:58px 0}.product-hero-grid{grid-template-columns:1fr;gap:48px}.product-hero h1{font-size:40px}.product-lead{font-size:16px}.product-art{width:210px;height:210px}.product-art i{font-size:78px}.product-features .feature-grid{grid-template-columns:1fr}.product-download{padding-bottom:48px}.product-download-card{display:block;padding:26px}.product-download-card h2{font-size:24px;text-align:left}.product-download-card .button{display:flex;margin:20px 0 0}}

/* Readability overrides: desktop text follows the scale of the reference design. */
 .hero-art{height:330px;display:flex;align-items:center;justify-content:center;position:relative}.hero-art>img{width:100%;height:100%;object-fit:contain;border-radius:0;filter:saturate(1.08);mix-blend-mode:multiply}.benefit-row b{font-size:20px}.benefit-row b i{font-style:normal}.feature-icon,.step-icon{font-family:inherit}.feature-icon i,.step-icon i{font-size:30px}.social-row a{font-size:16px}.windows-logo i{font-size:46px}
body{font-size:16px;line-height:1.55}.main-nav a{font-size:14px}.hero h1{font-size:54px}.hero-lead{max-width:475px;font-size:17px}.benefit-row strong{font-size:12px}.benefit-row small{font-size:10px}.windows-banner small{font-size:12px}.windows-banner strong{font-size:23px}.windows-banner span{font-size:14px}h2{font-size:30px;margin-bottom:36px}.feature h3{font-size:15px}.feature p,.platform-card p,.section-intro{font-size:12px}.step h3{font-size:14px}.step p{font-size:12px}.platform-card h3{font-size:18px}.price-card h3{font-size:16px}.price-card ul{font-size:12px}.rating{font-size:12px}.reviewer strong{font-size:12px}.reviewer small{font-size:10px}.review-card p{font-size:12px}.faq-list details{font-size:14px;padding:8px 15px}.faq-list details p{font-size:14px}.footer-cta strong{font-size:18px}.footer-cta small{font-size:13px}
@media(max-width:800px){.hero h1{font-size:42px}.hero-lead{font-size:16px}h2{font-size:26px}.hero-art{height:250px}.hero-art>img{width:110%;height:100%;object-fit:contain}}
@media(max-width:480px){.hero h1{font-size:36px}h2{font-size:23px}}

/* Product landing page layout */
.product-page{background:#fff}.product-hero{padding:58px 0 34px;background:linear-gradient(180deg,#fbfdff 0%,#fff 100%);text-align:center}.product-hero-content{max-width:900px}.product-hero .eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;background:#eaf3ff;color:#1260e8;font-size:13px;letter-spacing:.8px}.product-hero .eyebrow span{color:#79a9ef}.product-hero h1{font-size:54px;line-height:1.08;letter-spacing:-1.5px;margin:20px 0 16px}.product-hero h1 span{color:var(--blue)}.product-lead{font-size:17px;line-height:1.55;color:#1f3159}.product-actions{justify-content:center;margin-top:26px}.product-actions .button{min-height:48px}.works-with{margin:22px 0 10px;color:#637393;font-size:13px}.product-socials{justify-content:center;margin-top:0}.product-socials a{width:40px;height:40px;font-size:18px;background:#fff}.product-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:25px 32px;margin-bottom:34px;background:#f6f9ff;border:1px solid #dfebfb;border-radius:12px;box-shadow:0 8px 22px #1259df0b}.product-benefits article{display:flex;align-items:center;justify-content:center;gap:15px;min-height:62px;border-right:1px solid #cfdbec}.product-benefits article:last-child{border:0}.benefit-icon,.why-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#e4efff;color:var(--blue);font-size:24px}.product-benefits strong{font-size:14px}.product-benefits p{margin:3px 0 0;font-size:12px;line-height:1.45;color:#334568}.product-banner{display:grid;grid-template-columns:1.4fr .7fr .7fr;align-items:center;gap:26px;margin-bottom:26px;padding:30px 36px;border-radius:14px;background:linear-gradient(110deg,#1259df,#279cf1);color:#fff}.product-banner h2{margin:0;text-align:left;font-size:23px;line-height:1.35}.product-banner ul{list-style:none;margin:0;padding:0;font-size:13px;line-height:1.9}.product-banner li:before{content:'✓';display:inline-grid;place-items:center;width:16px;height:16px;margin-right:8px;border-radius:50%;background:#fff;color:var(--blue);font-weight:700}.banner-cta{display:grid;justify-items:center;gap:8px}.banner-cta .button{width:100%;font-size:13px}.banner-cta small{font-size:11px;color:#dcecff}.product-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:62px}.product-feature-grid article{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid #dce6f5;border-radius:11px;background:#fff;box-shadow:0 4px 12px #1259df08}.product-feature-grid .feature-icon{flex:0 0 48px;width:48px;height:48px;margin:0;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--blue);font-size:23px}.product-feature-grid h3,.why-grid h3{margin:4px 0 5px;font-size:14px}.product-feature-grid p,.why-grid p{margin:0;color:#526281;font-size:12px;line-height:1.5}.product-why,.product-reviews,.product-faq,.product-platforms{padding-bottom:60px}.product-why h2,.product-reviews h2,.product-faq h2,.product-platforms h2{text-align:center;font-size:27px;margin-bottom:7px}.section-rule{width:28px;height:3px;margin:0 auto 32px;border-radius:3px;background:var(--blue)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px}.why-grid article{display:flex;gap:16px;align-items:flex-start}.why-grid .why-icon{flex-basis:48px}.review-row{display:grid;grid-template-columns:1fr repeat(3,1.12fr);gap:14px}.rating-card,.review-row article{border:1px solid #dce6f5;border-radius:9px;padding:18px;background:#fff}.rating-card{display:grid;place-items:center;background:#f3f8ff}.rating-card>strong{font-size:30px}.rating-card span{font-size:18px;color:#139335;letter-spacing:1px}.rating-card p{font-size:12px;margin:5px 0 0}.review-top{display:flex;gap:10px;align-items:center}.review-top>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#64a2df;color:#fff}.review-top strong{font-size:12px}.review-top small{display:block;color:#f3b300;letter-spacing:2px;margin-top:2px}.review-row article>p{font-size:12px;line-height:1.5;margin:17px 0 0}.faq-layout{display:grid;grid-template-columns:1.4fr .9fr;gap:24px}.product-faq details{border:1px solid #dce6f5;border-radius:7px;margin:5px 0;padding:0 16px;background:#fff}.product-faq summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.product-faq summary::-webkit-details-marker{display:none}.product-faq details p{font-size:12px;color:#526281;margin:0 0 12px}.faq-layout aside{display:grid;place-items:center;align-content:center;padding:24px;border-radius:10px;background:#eaf4ff;text-align:center}.faq-layout aside>i{font-size:42px;color:var(--blue)}.faq-layout aside h3{margin:12px 0 2px;font-size:16px}.faq-layout aside p{margin:0 0 14px;font-size:12px}.product-platforms{padding-bottom:74px}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px; max-width: 850px;}.platform-cards article{padding:18px;border:1px solid #dce6f5;border-radius:9px}.platform-name{display:flex;align-items:center;gap:14px;margin-bottom:16px}.platform-name>i{font-size:34px;color:var(--blue)}.platform-name strong,.platform-name small{display:block}.platform-name strong{font-size:14px}.platform-name small{font-size:11px;color:#526281;margin-top:2px}.platform-cards .button{width:100%;min-height:38px;padding-inline:12px;font-size:12px}.platform-green{background:#0aa329;border-color:#0aa329}.desktop-only{display:block}
@media(max-width:767px){.product-hero{padding-top:42px}.product-hero h1{font-size:38px}.product-lead{font-size:15px}.desktop-only{display:none}.product-benefits,.product-banner,.product-feature-grid,.why-grid,.review-row,.faq-layout,.platform-cards{grid-template-columns:1fr}.product-benefits{padding:12px 18px}.product-benefits article{justify-content:flex-start;border-right:0;border-bottom:1px solid #cfdbec;padding:13px 0}.product-banner{padding:25px 22px}.product-banner h2{font-size:20px}.product-banner ul{margin:0}.product-feature-grid{gap:12px;margin-bottom:48px}.why-grid{gap:22px}.review-row{gap:12px}.rating-card{min-height:130px}.product-why,.product-reviews,.product-faq,.product-platforms{padding-bottom:48px}.faq-layout aside{min-height:220px}.product-platforms h2{font-size:23px}.nav-actions .button-small{display:none}}

/* Stronger download CTAs and full-width FAQ layout. */
.product-actions .button{min-height:50px;box-shadow:0 8px 18px #1259df2b}.product-actions .button:hover,.product-platforms .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #1259df45}.product-actions .button:active,.product-platforms .button:active{transform:translateY(0);box-shadow:0 3px 8px #1259df2b}.faq-layout{grid-template-columns:1fr}

/* Keep product content on the same compact rhythm and container width as home. */
.product-hero{padding:42px 0 24px}.product-hero h1{font-size:48px;margin:16px 0 12px}.product-lead{font-size:16px}.product-actions{margin-top:20px}.works-with{margin:16px 0 8px}.product-benefits{margin-bottom:24px;padding:20px 28px}.product-banner{margin-bottom:20px;padding:24px 30px}.product-feature-grid{gap:12px;margin-bottom:44px}.product-feature-grid article{padding:17px}.product-why,.product-reviews,.product-faq,.product-platforms{padding-bottom:44px}.product-why h2,.product-reviews h2,.product-faq h2,.product-platforms h2{font-size:24px}.section-rule{margin-bottom:24px}.why-grid{gap:22px 34px}.product-platforms{padding-bottom:52px}
.platform-cards{max-width:850px;margin-inline:auto}
.mp3-showcase{max-width:850px;width:calc(100% - 48px);margin:24px auto 38px}.showcase-wide{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:285px;padding:34px 38px;overflow:hidden;border-radius:12px;background:#1d1d20;color:#fff}.showcase-wide>div{position:relative;z-index:1;max-width:48%}.showcase-wide h2{margin:0 0 12px;color:#fff;font-size:32px;line-height:1.15}.showcase-wide p{margin:0;color:#fff;font-size:16px;line-height:1.5}.showcase-wide img{position:absolute;right:25px;width:50%;height:92%;object-fit:contain;mix-blend-mode:normal;opacity:1;-webkit-mask-image:radial-gradient(ellipse at center,#000 44%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 44%,transparent 78%)}@media(max-width:767px){.mp3-showcase{width:calc(100% - 32px);margin-bottom:30px}.showcase-wide{display:block;min-height:390px;padding:28px 24px}.showcase-wide>div{max-width:100%}.showcase-wide h2{font-size:27px}.showcase-wide p{font-size:15px}.showcase-wide img{right:5%;bottom:0;width:90%;height:58%}}
.product-hero h1{font-size:60px}.product-hero .product-lead{font-size:19px;line-height:1.6}.product-hero .eyebrow{font-size:14px}@media(max-width:767px){.product-hero h1{font-size:44px}.product-hero .product-lead{font-size:17px}}
.product-hero{background:linear-gradient(100deg,#f8fbff 0%,#eef5ff 100%)}.product-hero .product-actions .button:first-child{min-height:58px;padding-inline:32px;font-size:16px;box-shadow:0 10px 22px #1259df38}.product-hero .product-actions .button:first-child:hover{box-shadow:0 13px 26px #1259df55}@media(max-width:767px){.product-hero .product-actions .button:first-child{width:100%;font-size:15px;padding-inline:20px}}
.videotomp3-page .product-hero{padding:42px 0 24px}.videotomp3-page .product-hero .product-lead{margin-bottom:0}.videotomp3-page .product-actions{margin-top:20px}
@media(max-width:767px){.product-hero{padding:36px 0 22px}.product-hero h1{font-size:36px}.product-benefits{margin-bottom:20px}.product-banner{margin-bottom:16px}.product-why,.product-reviews,.product-faq,.product-platforms{padding-bottom:36px}}

/* Feature cards: readable 3x2 grid with an 8px spacing rhythm. */
.home-page #features h2 {
    margin-bottom: 32px;
}

.home-page #features .feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.home-page #features .feature {
    min-height: 216px;
    padding: 24px 22px 22px;
    text-align: left;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    box-shadow: 0 8px 22px #1259df12;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.home-page #features .feature:hover {
    transform: translateY(-3px);
    border-color: #a9c4f7;
    box-shadow: 0 14px 28px #1259df1c;
}

.home-page #features .feature-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    color: var(--blue);
    background: #eef5ff;
    border-radius: 12px;
    font-size: 24px;
}

.home-page #features .feature h3 {
    margin-bottom: 8px;
    color: var(--navy);
    font-size: 17px;
    line-height: 1.3;
}

.home-page #features .feature p {
    max-width: 30rem;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.55;
}

@media(max-width:800px) {
    /* #features {
        padding-block: 48px 56px;
    } */

    .home-page #features .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .home-page #features .feature {
        min-height: 200px;
        padding: 20px;
    }
}

@media(max-width:480px) {
    .home-page #features .feature-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .home-page #features .feature {
        min-height: 0;
        padding: 20px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .home-page #features .feature {
        transition: none;
    }
}

/* Hero actions mirror the reference CTA placement. */
.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions-top{position:relative;z-index:5;margin-bottom:-62px;padding-top:18px}.hero-actions .button{min-height:44px}.hero-actions .button-outline{color:var(--blue);background:#fff}
/* Responsive sizing aligned with the supplied PC / tablet / mobile reference. */
@media(min-width:1200px){
  .container{max-width:1280px;width:calc(100% - 96px)}
  .site-header{height:88px}.hero{min-height:610px}.hero-grid{min-height:610px;grid-template-columns:48% 52%}
  .hero h1{font-size:64px;letter-spacing:-1.5px}.hero-lead{font-size:18px;max-width:520px}.hero-art{height:520px}
  .section{padding:78px 0 74px}.feature-grid{gap:48px}.feature-icon i,.step-icon i{font-size:34px}
  .how-section{padding-top:28px}.platforms{padding-top:22px}.platform-grid{gap:32px}.platform-card{padding:28px 26px 24px;min-height:250px}
  .pricing-section,.reviews-section{padding:34px 0 64px}.pricing-grid{gap:18px}.price-card{padding:24px 24px 22px;min-height:280px}
  .faq-section{padding:50px 0 60px}.footer-cta{min-height:86px}.footer-main{padding:28px 0 18px}
}
@media(min-width:768px) and (max-width:1199px){
  .container{max-width:1080px;width:calc(100% - 56px)}.main-nav{gap:18px}.hero{min-height:500px}.hero-grid{min-height:500px}
  .hero h1{font-size:48px}.hero-lead{font-size:16px}.hero-art{height:420px}.section{padding:56px 0}.feature-grid{gap:28px}.platform-card{min-height:210px}
  .price-card{min-height:255px}.footer-main{gap:24px}
}
@media(max-width:767px){
  .container{width:calc(100% - 32px)}.site-header{height:68px}.hero{min-height:0}.hero-grid{min-height:0;grid-template-columns:1fr;padding:48px 0 28px}.hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-art{height:300px;order:2;margin-top:18px}.benefit-row{gap:18px 22px}.benefit-row>div{min-width:125px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:34px 18px}.section{padding:48px 0}.steps{grid-template-columns:repeat(4,1fr);gap:8px}.step:not(:last-child):after{display:block;width:34px;right:-21px;top:25px}.step-icon{width:50px;height:50px}.step h3{font-size:11px}.step h3 b{display:block;width:max-content;margin:8px auto 4px}.step p{font-size:10px}.platform-grid,.pricing-grid,.review-grid{grid-template-columns:1fr;max-width:100%}.platform-card{min-height:0;padding:24px}.price-card{min-height:0;padding:22px}.rating{gap:7px}.footer-main{grid-template-columns:1fr 1fr;gap:22px}.footer-cta{margin-top:20px}.main-nav{top:68px}}

/* Header navigation: centered primary links and accessible language menu. */
.main-nav {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin-left: 48px;
}

.nav-links {
    grid-column: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.nav-actions {
    grid-column: 3;
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 18px;
}

.language-menu {
    position: relative;
}

.language {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    padding: 8px 4px;
    border: 0;
    background: transparent;
    color: #526281 !important;
    font: 500 13px Outfit, Arial, sans-serif;
    cursor: pointer;
}

.language > i:first-child {
    color: var(--blue);
    font-size: 16px;
}

.language-chevron {
    font-size: 10px;
    transition: transform .2s ease;
}

.language-menu.open .language-chevron {
    transform: rotate(180deg);
}

.language-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 30;
    display: grid;
    min-width: 190px;
    padding: 8px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 14px 32px #07174620;
}

.language-dropdown[hidden] {
    display: none;
}

.language-dropdown a {
    display: flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--navy) !important;
    font: 500 13px Outfit, Arial, sans-serif;
    text-decoration: none;
}

.language-dropdown a:hover,
.language-dropdown a:focus-visible {
    background: #eef5ff;
    color: var(--blue) !important;
}

@media(max-width:800px) {
    .main-nav {
        display: none;
        grid-template-columns: 1fr;
        margin-left: 0;
    }

    .main-nav.open {
        display: flex;
    }

    .nav-links,
    .nav-actions {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }

    .nav-links {
        order: 1;
    }

    .nav-actions {
        order: 2;
        gap: 8px;
        margin-top: 8px;
    }

    .language-menu {
        width: 100%;
    }

    .language {
        width: 100%;
        justify-content: flex-start;
        padding-inline: 10px;
    }

    .language-dropdown {
        position: static;
        margin-top: 4px;
        box-shadow: none;
        background: #f7faff;
    }
}

@media(prefers-reduced-motion:reduce) {
    .language-chevron {
        transition: none;
    }
}

/* Keep icon glyphs centered inside the circular social controls. */
.social-row a {
    display: inline-grid;
    place-items: center;
    align-content: center;
    line-height: 1;
}

.social-row a i {
    display: block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
}
.hero-actions-inline{margin:18px 0 20px}
.platform-card .platform-logo{height:64px;font-size:56px;display:grid;place-items:center}.platform-card .platform-logo i{line-height:1}.platform-card .button{min-height:48px;padding:0 32px;font-size:14px;font-weight:700;box-shadow:0 6px 14px #1259df24}.platform-card .button:hover{box-shadow:0 10px 20px #1259df38}.platform-card .button.green{color:var(--green);border-color:var(--green);box-shadow:0 6px 14px #65bf2424}.platform-card .button.dark{color:#111;border-color:#79a5ff}
/* Larger pricing, review, FAQ and footer hierarchy. */
.pricing-section h2,.reviews-section h2,.faq-section h2{font-size:32px}.price-card{padding:28px 25px 24px;min-height:320px;border-radius:13px}.price-card h3{font-size:19px;margin-bottom:8px}.price{font-size:30px;margin:8px 0 16px}.price small{font-size:13px}.price-card ul{font-size:14px;line-height:2;margin-bottom:20px}.price-card li:before{display:none}.price-card li .bi{color:#16a27d;font-size:13px;font-weight:700}.price-card .button{min-height:46px;font-size:14px}.ribbon{font-size:10px;padding:4px 13px}.rating{font-size:14px;gap:16px;margin:15px 0 22px}.rating strong{font-size:24px}.review-card{padding:20px;min-height:155px;border-radius:12px}.reviewer strong{font-size:14px}.reviewer small{font-size:12px}.review-card .avatar{font-size:16px}.review-card p{font-size:14px;line-height:1.6;margin-top:14px}.faq-list details{font-size:16px;padding:11px 17px;border-radius:8px}.faq-list details p{font-size:14px}.faq-list summary > i{font-size:16px;color:var(--blue)}.faq-button{min-height:40px;font-size:13px}.footer-cta{min-height:92px;padding:0 32px}.footer-app-icon{width:55px;height:48px;font-size:12px}.footer-cta strong{font-size:21px}.footer-cta small{font-size:14px}.footer-main{padding:28px 0 16px;gap:46px}.footer-main .brand{font-size:21px}.footer-main h3{font-size:16px;margin-bottom:11px}.footer-main p,.footer-main a{font-size:14px;line-height:1.6}.footer-main>div:not(:first-child) a{margin:7px 0}.socials a{width:28px;height:28px;font-size:14px!important}.subscribe{height:40px}.subscribe input{font-size:14px}.subscribe button{width:40px;font-size:16px}.copyright{font-size:13px;padding:8px 0 12px}
@media(max-width:767px){.pricing-section h2,.reviews-section h2,.faq-section h2{font-size:26px}.price-card{min-height:0}.review-card{min-height:0}.footer-cta{padding:16px}.footer-cta strong{font-size:18px}.footer-main{gap:24px}.footer-main .brand{font-size:18px}}
.footer-cta{display:none!important}
.faq-button{display:none!important}
@media(min-width:768px) and (max-width:1199px){.hero{position:relative;overflow:hidden}.hero-grid{display:block;position:relative}.hero-art{position:absolute;z-index:0;right:-2%;left:auto;top:34px;width:52%;height:410px;opacity:.28;pointer-events:none}.hero-art>img{object-position:center;filter:saturate(.9) blur(.15px)}.hero-copy{position:relative;z-index:1;max-width:640px;padding:52px 44% 62px 0}.hero-copy .hero-actions-inline{justify-content:flex-start}.hero-copy .benefit-row,.hero-copy .social-row{position:relative;z-index:2}}
@media(max-width:767px){.hero-art{display:none!important}.hero-actions-inline{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0 24px}.hero-actions-inline .button{width:100%;min-height:50px;font-size:15px;box-shadow:0 6px 16px #1259df38}.hero-actions-inline .button-outline{border-width:2px;background:#fff;color:var(--blue)}}
@media(min-width:768px) and (max-width:1199px){.hero-copy{position:relative;z-index:1;max-width:none;padding:0}}
@media(min-width:768px) and (max-width:1199px){.hero-copy{min-height:500px;display:flex;flex-direction:column;justify-content:center}}
 .hero-actions-inline{width:100%;max-width:none}.hero-actions-inline .button{flex:1;width:100%}
/* Brand color token requested by the design. */
:root{--blue:#60a5fa;--blue2:#3b82f6}
.button{color:#06214f}.button-white{color:#1259df}
.site-header{position:sticky;top:0;z-index:50;background:#f7faff}
.hero-actions .button{min-height:56px;padding:0 30px;font-size:15px;font-weight:700;gap:10px}.hero-actions .button i{font-size:17px}.hero-actions .button:first-child{min-width:260px;box-shadow:0 8px 20px #60a5fa66}
.main-nav .button-small{min-height:44px;padding:0 18px;font-size:13px}
@media(max-width:767px){
  .site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
  .menu-toggle{position:relative;z-index:60;display:grid;gap:4px;width:44px;height:44px;place-items:center}
  .menu-toggle span{display:block;width:22px;height:2px;background:var(--navy);transition:transform .25s,opacity .25s}
  .main-nav{display:flex;position:fixed;z-index:55;inset:0 0 0 auto;width:min(340px,86vw);height:100dvh;padding:88px 24px 24px;background:#fff;box-shadow:-18px 0 42px #07174625;flex-direction:column;align-items:stretch;gap:6px;transform:scale(.98);transform-origin:top right;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
  .main-nav.open{display:flex;transform:none;opacity:1;pointer-events:auto;visibility:visible} 
  .main-nav a{font-size:16px;padding:14px 10px;border-bottom:1px solid #edf2fa}
  .main-nav .button{justify-content:center;margin-top:14px;border:0;background:var(--blue);color:#06214f}
  .language{border-bottom:0!important;margin-top:auto}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
}
@media(min-width:1200px){.hero-grid{display:grid;grid-template-columns:48% 52%;min-height:610px}.hero-copy{position:relative;z-index:1;max-width:none;padding:0;display:flex;flex-direction:column;justify-content:center}.hero-art{position:relative;inset:auto;width:auto;height:520px;opacity:1;z-index:1;pointer-events:auto}.hero-art>img{filter:saturate(1.08) blur(0);opacity:1}}
@media(min-width:1024px){.hero-grid{display:grid!important;grid-template-columns:48% 52%!important;min-height:610px}.hero-copy{position:relative!important;z-index:1!important;max-width:none!important;padding:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.hero-art{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:auto!important;height:520px!important;opacity:1!important;z-index:1!important;pointer-events:auto!important}.hero-art>img{filter:saturate(1.08)!important;opacity:1!important;mix-blend-mode:multiply}}
.pricing-grid{align-items:stretch}.price-card{display:flex;flex-direction:column}.price-card ul{flex:1}.price-card .button{margin-top:auto}.faq-list details{font-size:18px;padding:15px 20px;min-height:54px}.faq-list details p{font-size:16px}.faq-list summary > i{font-size:20px;color:var(--blue)}.footer-main{padding-top:34px;padding-bottom:22px}.footer-main h3{font-size:16px}.footer-main p,.footer-main a{font-size:13px}.subscribe{display:none!important}.footer-main>div:last-child p{font-size:13px}
.lawful-use-notice{background:#f5f8fc;border-bottom:1px solid #dbe3ee;color:#253347;font-size:.875rem}.lawful-use-notice .container{display:flex;align-items:flex-start;gap:.625rem;padding-top:.65rem;padding-bottom:.65rem}.lawful-use-notice i{color:#176b52;margin-top:.1rem}.lawful-use-notice p{margin:0;line-height:1.5}.lawful-use-notice a{color:#145da0;font-weight:600;text-decoration:underline;text-underline-offset:2px}.payment-status-section{padding-top:2rem;padding-bottom:3rem}.payment-status-card{display:flex;align-items:flex-start;gap:1rem;max-width:900px;margin:0 auto;padding:1.25rem 1.5rem;border:1px solid #cfd9e6;border-left:4px solid #145da0;border-radius:10px;background:#f8fafc}.payment-status-card>i{color:#145da0;font-size:1.5rem}.payment-status-card h2{margin:0 0 .4rem;font-size:1.25rem}.payment-status-card p{margin:0 0 .5rem;color:#42526a;line-height:1.6}.payment-status-card a{color:#145da0;font-weight:700}
.legal-callout,.download-verification-notice{display:flex;align-items:flex-start;gap:.75rem;margin:1rem auto 2rem;padding:1rem 1.25rem;border:1px solid #e5b954;border-left:4px solid #b7791f;border-radius:10px;background:#fffaf0;color:#4a3620}.legal-callout i,.download-verification-notice i{margin-top:.15rem;color:#9c6818;font-size:1.25rem}.legal-callout p,.download-verification-notice p{margin:0;line-height:1.55}.button.is-disabled{cursor:not-allowed;background:#e5e7eb;border-color:#cbd5e1;color:#475569;box-shadow:none;pointer-events:none;text-align:center}.guide-download-card .button.is-disabled{display:inline-flex}
:root{--blue:#1259df;--blue2:#0a48c9}.download-requirement,.download-meta,.download-trust-item span,.copyright{color:#52627d}

.contact-support__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
.contact-support__grid section{padding:22px;border:1px solid #dbe5f3;border-radius:10px;background:#f9fbff}
.contact-support__grid section>i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:9px;background:#e8f1ff;color:#1259df;font-size:21px}
.contact-support__grid h2{margin:0 0 9px;text-align:left;font-size:18px}
.contact-support__grid p{min-height:86px;margin:0 0 14px;color:#52627d;font-size:13px;line-height:1.6}
.contact-support__grid a{font-weight:700}
.contact-support__safety{margin-top:0}
@media(max-width:800px){.contact-support__grid{grid-template-columns:1fr}.contact-support__grid p{min-height:0}}

/* WCAG AA contrast for the small Android release-status action. */
.platform-card .button.green{color:#2f7d18;border-color:#2f7d18;box-shadow:0 6px 14px #2f7d1824}

/* Source: assets/css/responsive-fix.css */
/* Final breakpoint overrides: laptop/desktop stays side-by-side. */
.footer-brand .socials{display:none!important}
.footer-main h3{font-size:18px}
.footer-main p,.footer-main a{font-size:15px;line-height:1.7}
.footer-main .brand{font-size:22px}
.copyright{font-size:14px}

@media (min-width: 1024px) {
    .hero-grid { display: grid !important; grid-template-columns: 48% 52% !important; min-height: 610px !important; }
    .hero-copy { position: relative !important; z-index: 1 !important; max-width: none !important; padding: 0 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
    .hero-art { position: relative !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important; width: auto !important; height: 520px !important; opacity: 1 !important; z-index: 1 !important; pointer-events: auto !important; }
    .hero-art > img { filter: saturate(1.08) blur(0) !important; opacity: 1 !important; mix-blend-mode: multiply; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .hero-art { display: none !important; }
    .menu-toggle{position:relative;z-index:60;display:grid;flex:0 0 48px;width:48px;height:48px;padding:0;place-items:center;gap:4px;overflow:visible}
    .menu-toggle span{position:absolute;left:12px;top:23px;width:24px;height:2px;background:var(--navy);transition:transform .25s,opacity .25s}
    .menu-toggle span:nth-child(1){transform:translateY(-7px)}.menu-toggle span:nth-child(3){transform:translateY(7px)}
    .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
    .main-nav{display:flex;position:fixed;z-index:55;inset:0 0 0 auto;width:min(380px,78vw);height:100dvh;margin:0;padding:100px 28px 28px;background:#fff;box-shadow:-18px 0 42px #07174625;flex-direction:column;align-items:stretch;gap:8px;transform:scale(.98);transform-origin:top right;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease;overflow:hidden}
    .main-nav.open{display:flex;transform:none;opacity:1;pointer-events:auto;visibility:visible}.nav-links,.nav-actions{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav-links{order:1}.nav-actions{order:2;margin-top:12px}.main-nav a{font-size:16px;padding:14px 10px;border-bottom:1px solid #edf2fa}.language-menu{width:100%}.language{width:100%;justify-content:flex-start;font-size:16px!important}.language-dropdown{position:static;margin-top:4px;max-height:300px;overflow-y:auto;box-shadow:none;background:#f7faff} 
}

/* Final interaction polish for FAQ and mobile navigation. */
.faq-list summary > i{display:inline-flex;transition:transform .22s ease;transform-origin:center;color:var(--blue);font-size:1.15em}
.faq-list details[open] summary > i{transform:rotate(180deg)}
.language{font-size:16px!important;min-height:48px;gap:9px}
.language > i:first-child{font-size:18px}.language-chevron{font-size:12px!important}
@media(max-width:767px){
    .nav-wrap{align-items:center;min-height:68px}.menu-toggle{position:relative;flex:0 0 48px;width:48px;height:48px;padding:0;overflow:visible;align-self:center}
    .menu-toggle span{position:absolute;left:12px;top:23px;width:24px;height:2px}.menu-toggle span:nth-child(1){transform:translateY(-7px)}.menu-toggle span:nth-child(3){transform:translateY(7px)}
    .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:rotate(-45deg)}
    .main-nav{overflow:hidden;overscroll-behavior:contain;padding-top:96px;padding-bottom:28px}
    .main-nav .nav-actions{margin-top:12px;padding-top:8px}.language-menu{flex:0 0 auto}.language-dropdown{max-height:calc(100dvh - 250px);overflow-y:auto;overscroll-behavior:contain;padding:6px}
    .language-dropdown a{font-size:15px;min-height:44px}
}
.language-dropdown{max-height:none!important;overflow:visible!important}
@media(max-width:1023px){.language-dropdown{max-height:min(320px,60dvh)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}}
.step h3 b{display:inline-grid;place-items:center;width:24px;height:24px;min-width:24px;padding:0;margin-right:7px;border-radius:50%;line-height:1;aspect-ratio:1/1}
.platform-card.recommended{position:relative;border-color:#8ebcff;box-shadow:0 6px 16px #60a5fa2e}.platform-card.recommended .ribbon{top:-11px;font-size:10px;padding:4px 12px;background:#facc15;color:#3f3200}
@media(max-width:767px){.step h3 b{display:grid;margin:8px auto 5px;width:24px;height:24px}}
.hero-actions .button:first-child{position:relative;overflow:hidden;isolation:isolate}.hero-actions .button:first-child::after{content:"";position:absolute;inset:0 auto 0 -45%;width:34%;background:linear-gradient(100deg,transparent,#ffffff80,transparent);transform:skewX(-18deg);animation:cta-shine 2.8s ease-in-out infinite;z-index:-1}@keyframes cta-shine{0%,45%{left:-45%}75%,100%{left:125%}}@media(prefers-reduced-motion:reduce){.hero-actions .button:first-child::after{animation:none}}
.hero-actions .button:first-child::after{z-index:1;pointer-events:none}
.hero-actions .button:first-child::after{animation-duration:6s}
.hero-actions .button:first-child{color:#fff}.hero-actions .button:first-child i{color:#fff}
.product-actions .button:first-child{color:#fff}.product-actions .button:first-child i{color:#fff}
.downloader-capabilities{background:#f7faff}.downloader-capabilities h2{margin-bottom:34px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.capability-card{display:flex;align-items:flex-start;gap:16px;min-height:190px;padding:24px;background:#fff;border:1px solid #dce6f5;border-radius:14px;box-shadow:0 7px 20px #1259df0b}.capability-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:14px;background:#eaf3ff;color:var(--blue);font-size:25px}.capability-card h3{font-size:16px;line-height:1.25;margin:2px 0 8px}.capability-card p{font-size:13px;line-height:1.55;color:#526281;margin:0}@media(max-width:1023px){.capability-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.capability-grid{grid-template-columns:1fr;gap:14px}.capability-card{min-height:0;padding:20px}.capability-card h3{font-size:15px}.capability-card p{font-size:13px}}
.downloader-capabilities{padding-block:96px}.capability-grid{gap:28px}.capability-card{min-height:360px;padding:38px 32px;gap:22px;border-radius:16px}.capability-icon{flex-basis:76px;width:76px;height:76px;border-radius:18px;font-size:36px}.capability-card h3{font-size:21px;margin:4px 0 14px}.capability-card p{font-size:16px;line-height:1.65}@media(max-width:1023px){.capability-card{min-height:320px;padding:30px 25px}.capability-card h3{font-size:19px}.capability-card p{font-size:15px}}@media(max-width:767px){.downloader-capabilities{padding-block:60px}.capability-card{min-height:0;padding:24px 20px}.capability-icon{flex-basis:58px;width:58px;height:58px;font-size:28px}.capability-card h3{font-size:17px}.capability-card p{font-size:14px}}
.downloader-capabilities{padding-top:42px;padding-bottom:58px}.capability-card{min-height:260px;padding:28px 26px}.capability-card h3{margin-bottom:10px}
@media(max-width:1023px){.downloader-capabilities{padding-top:36px}.capability-card{min-height:230px;padding:24px 22px}}
@media(max-width:767px){.downloader-capabilities{padding-top:30px;padding-bottom:42px}.capability-card{min-height:0;padding:22px 18px}}
.product-benefits{margin-top:42px}.product-benefits.container{position:relative;z-index:2}@media(max-width:767px){.product-benefits{margin-top:26px}}
.product-hero-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 7px;color:#fff;background:#1259df;border:1px solid #0f4fc5;border-radius:50%;box-shadow:0 8px 18px #1259df35;font-size:31px}.product-hero-icon+ h1{margin-top:0}@media(max-width:767px){.product-hero-icon{width:58px;height:58px;margin-bottom:5px;font-size:25px}}
.footer-main{grid-template-columns:2fr repeat(3,1fr)}
.legal-page{background:#f8fbff;color:#102653}.legal-hero{padding:72px 0 64px;background:linear-gradient(135deg,#edf6ff,#f7f3ff);text-align:center;border-bottom:1px solid #e4edfa}.legal-hero .container{max-width:820px}.legal-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#e7f1ff;color:#126be2;font:700 12px Outfit;letter-spacing:.7px}.legal-hero h1{margin:20px 0 10px;font-size:52px;line-height:1.1;color:#09245d}.legal-hero p{margin:0 auto 10px;color:#52698f;font-size:18px}.legal-hero small{color:#7c8da8;font-size:13px}.legal-content{display:grid;grid-template-columns:230px minmax(0,780px);justify-content:center;gap:32px;padding-top:46px;padding-bottom:74px}.legal-summary{height:max-content;position:sticky;top:90px;display:grid;gap:5px;padding:20px;border:1px solid #dce9f8;border-radius:14px;background:#fff;box-shadow:0 8px 20px #1959a00c}.legal-summary strong{margin-bottom:8px;color:#0c2c6d;font:700 16px Outfit}.legal-summary a{padding:8px 0;color:#617492;text-decoration:none;font-size:13px}.legal-summary a:hover{color:#126be2}.legal-card{padding:40px 48px;border:1px solid #dce9f8;border-radius:18px;background:#fff;box-shadow:0 12px 28px #1959a00c}.legal-card section{padding:12px 0 28px;border-bottom:1px solid #e8eff8}.legal-card section:last-child{padding-bottom:0;border-bottom:0}.legal-card h2{margin:10px 0 12px;text-align:left;color:#102f70;font-size:25px}.legal-card p{margin:0 0 13px;color:#566b8e;font-size:15px;line-height:1.75}.legal-callout{display:flex;gap:13px;margin-bottom:24px;padding:18px 20px;border:1px solid #cfe4ff;border-radius:12px;background:#eff7ff}.legal-callout i{flex:0 0 auto;color:#126be2;font-size:21px}.legal-callout p{margin:0;color:#31547f;font-size:14px;line-height:1.6}.legal-list{display:grid;gap:13px;margin:18px 0 0;padding:0;list-style:none}.legal-list li{display:flex;align-items:flex-start;gap:10px;color:#566b8e;font-size:14px}.legal-list i{margin-top:3px;color:#16a35a}.legal-steps{display:grid;gap:12px;margin-top:18px}.legal-steps>div{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border:1px solid #e2ebf7;border-radius:11px;background:#fbfdff;color:#566b8e;font-size:14px;line-height:1.5}.legal-steps b{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:50%;background:#e5f1ff;color:#126be2;font:700 12px Outfit}.legal-steps span{display:grid;gap:2px}.legal-steps strong{color:#173c82;font-size:15px}.legal-link{color:#126be2;font-weight:700;text-decoration:none}@media(max-width:767px){.legal-hero{padding:48px 0 42px}.legal-hero h1{font-size:38px}.legal-hero p{font-size:16px}.legal-content{display:block;padding-top:24px;padding-bottom:48px}.legal-summary{position:static;margin-bottom:18px}.legal-summary a{padding:6px 0}.legal-card{padding:24px 20px;border-radius:14px}.legal-card h2{font-size:22px}.legal-card p{font-size:14px}.legal-callout{padding:15px}.legal-steps>div{font-size:13px}}


/* Keep translated pricing labels inside narrow cards. */
.legal-content:not(:has(.legal-summary)){grid-template-columns:minmax(0,780px)}
.legal-article{min-width:0;padding:40px 48px;border:1px solid #dce9f8;border-radius:18px;background:#fff;box-shadow:0 12px 28px #1959a00c}
.legal-article h2{margin:10px 0 12px;text-align:left;color:#102f70;font-size:25px;line-height:1.3}
.legal-article p{margin:0 0 16px;color:#566b8e;font-size:15px;line-height:1.75}
.legal-article a{color:#126be2;font-weight:700;text-decoration:none}
.legal-article a:hover{text-decoration:underline}
.legal-list li::before{content:'✓';flex:0 0 auto;margin-top:1px;color:#16a35a;font-weight:700}
@media(max-width:767px){.legal-article{padding:24px 20px;border-radius:14px}.legal-article h2{font-size:22px}.legal-article p{font-size:14px}}
.screenshot-pricing .plan-devices{grid-template-columns:30px minmax(70px,1.35fr) 1px repeat(3,minmax(0,1fr));column-gap:2px;}
.screenshot-pricing .plan-devices>span{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.2;}

/* Let capability cards fit their content instead of reserving large empty areas. */
.capability-card{min-height:0;align-self:start;padding:24px 26px;}
@media(max-width:1023px){.capability-card{min-height:0;padding:22px 22px;}}
@media(max-width:767px){.capability-card{padding:20px 18px;}}

/* Platform download page: compact app-store style cards. */
.download-page{background:#f7fbff;min-height:calc(100vh - 72px)}
.download-platforms{padding:54px 0 62px}
.download-intro{text-align:center;margin:0 auto 30px}
.download-intro .eyebrow{margin-bottom:8px;color:var(--blue);font-size:11px;letter-spacing:1.4px}
.download-intro h1{margin:0 0 8px;font-size:36px;line-height:1.15;letter-spacing:-.8px}
.download-intro>p:last-child{margin:0;color:#607091;font-size:15px}
.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:930px;margin:0 auto}
.download-card{display:flex;flex-direction:column;align-items:center;min-height:390px;padding:25px 22px 16px;background:#fff;border:1px solid #dfe8f7;border-radius:12px;box-shadow:0 8px 22px #1259df0b;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.download-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1259df18}
.download-icon{display:grid;place-items:center;width:72px;height:72px;margin-bottom:14px;border-radius:18px;font-size:42px}
.download-icon.windows{background:#e8f2ff;color:#1260df}.download-icon.mac{background:#f0f2f6;color:#171b24}.download-icon.android{background:#eaf8ef;color:#219447}
.download-card h2{margin:0 0 4px;font-size:22px;line-height:1.2}
.download-requirement{min-height:24px;margin:0;color:#71809b;font-size:12px}
.download-features{width:100%;min-height:93px;margin:18px 0 16px;padding:0;list-style:none;text-align:left;color:#435575;font-size:13px;line-height:1.55}
.download-features li{display:flex;align-items:center;gap:9px;margin:7px 0}
.download-features i{color:#1da36d;font-size:15px}
.download-cta{width:100%;margin-top:auto;min-height:45px;padding:0 14px;font-size:13px;box-shadow:0 6px 14px #1259df24;color:white}
.download-meta{margin:12px 0 0;color:#8a98b1;font-size:11px}.download-meta span{padding:0 5px}
.download-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:930px;margin:24px auto 0;padding:19px 16px;background:#eaf4ff;border:1px solid #dcecff;border-radius:11px}
.download-trust-item{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border-right:1px solid #cddff5;color:var(--blue)}
.download-trust-item:last-child{border-right:0}.download-trust-item>i{font-size:25px;flex:0 0 auto}.download-trust-item strong,.download-trust-item span{display:block;text-align:left}.download-trust-item strong{font:600 13px Outfit;color:#17376f}.download-trust-item span{margin-top:2px;color:#71809b;font-size:10px;line-height:1.3}
@media(max-width:800px){.download-platforms{padding:42px 0 48px}.download-grid{grid-template-columns:1fr;max-width:430px}.download-card{min-height:0}.download-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 0;padding:17px 8px}.download-trust-item:nth-child(2){border-right:0}.download-trust-item:nth-child(-n+2){padding-bottom:14px;border-bottom:1px solid #cddff5}}
@media(max-width:480px){.download-intro h1{font-size:30px}.download-intro>p:last-child{font-size:14px}.download-trust{grid-template-columns:1fr;gap:0}.download-trust-item,.download-trust-item:nth-child(2){justify-content:flex-start;padding:12px 16px;border-right:0;border-bottom:1px solid #cddff5}.download-trust-item:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.download-card{transition:none}.download-card:hover{transform:none}}

/* Windows installation guide */
.windows-install-page{background:#f7fbff}.windows-install-guide{padding:18px 0 72px;background:linear-gradient(180deg,#f8fbff 0%,#fff 72%)}
.guide-hero-grid{display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:center;padding:12px 0 32px}.guide-hero-copy{padding-left:4px}.guide-eyebrow{margin:0 0 10px;color:#1260df;font-size:16px;font-weight:700;letter-spacing:1.3px}.guide-hero-copy h1{max-width:560px;margin:0 0 14px;color:#09245d;font-size:50px;line-height:1.1;letter-spacing:-1.4px}.guide-hero-copy h1 span{color:#1260df}.guide-lead{max-width:530px;margin:0;color:#617492;font-size:15px;line-height:1.55}.guide-benefits{display:flex;gap:10px;margin-top:22px}.guide-benefits>div{display:grid;grid-template-columns:27px 1fr;column-gap:8px;align-items:center;min-width:130px;padding:10px 12px;border:1px solid #dce8f8;border-radius:10px;background:#fff;box-shadow:0 6px 16px #1259df0b}.guide-benefits i{grid-row:span 2;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf3ff;color:#1260df;font-size:14px}.guide-benefits strong{font-size:11px;color:#17376f}.guide-benefits small{color:#8290a8;font-size:10px}.guide-download-card{display:grid;justify-items:center;gap:10px;padding:26px 24px;border:1px solid #d8e7fb;border-radius:14px;background:#fff;box-shadow:0 12px 28px #1259df12;text-align:center}.guide-windows-icon{display:grid;place-items:center;width:76px;height:76px;color:#1260df;font-size:55px}.guide-download-card small,.guide-download-card span{color:#8290a8;font-size:10px}.guide-download-card .button{width:100%;min-height:48px}.guide-download-card>a:last-child{color:#1260df;font-size:11px;text-decoration:none}.guide-info-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:0 0 56px}.guide-panel{border:1px solid #dce8f8;border-radius:12px;background:#fff;box-shadow:0 8px 22px #1259df0b;overflow:hidden}.guide-panel h2{display:flex;align-items:center;gap:9px;margin:0;padding:18px 20px;border-bottom:1px solid #e7effa;text-align:left;color:#17376f;font-size:16px}.guide-panel h2 i{color:#1260df}.requirements-list{margin:0}.requirements-list>div{display:grid;grid-template-columns:150px 1fr;padding:10px 20px;border-bottom:1px solid #edf2f9;font-size:11px}.requirements-list>div:last-child{border-bottom:0}.requirements-list dt{color:#17376f;font-weight:700}.requirements-list dd{margin:0;color:#8290a8}.why-panel{padding-bottom:12px}.why-item{display:flex;gap:12px;align-items:center;margin:15px 20px}.why-item>i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#eaf3ff;color:#1260df}.why-item strong,.why-item small{display:block}.why-item strong{font-size:12px;color:#17376f}.why-item small{color:#8290a8;font-size:10px}.guide-section-heading{text-align:center;margin-bottom:26px}.guide-section-heading h2{margin:0 0 7px;color:#17376f;font-size:28px}.guide-section-heading>p:last-child{margin:0;color:#8290a8;font-size:13px}.install-steps{display:grid;gap:14px;max-width:920px;margin:0 auto 54px}.install-step{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;min-height:205px;padding:20px 24px;border:1px solid #dce8f8;border-radius:12px;background:#fff;box-shadow:0 8px 22px #1259df0a}.step-copy{padding-left:5px}.step-label{margin:0 0 4px;color:#1260df;font-size:9px;font-weight:700;letter-spacing:1px}.step-copy h3{margin:0 0 7px;color:#17376f;font-size:17px}.step-copy>p:last-child{max-width:330px;margin:0;color:#667995;font-size:12px;line-height:1.55}.step-shot{min-height:154px;border:1px solid #cbd8eb;border-radius:8px;background:#f3f7fd;box-shadow:0 5px 15px #07174616;overflow:hidden}.mock-titlebar{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid #d8e2f1;background:#fff;color:#667995;font-size:9px}.mock-body{position:relative;display:grid;justify-items:center;gap:9px;min-height:125px;padding:15px;color:#17376f;text-align:center;background:linear-gradient(135deg,#fff,#eef5ff)}.mock-logo{font-size:28px;color:#1260df}.mock-body strong{font-size:12px}.mock-lines{display:grid;gap:5px;width:60%}.mock-lines span{height:5px;border-radius:8px;background:#d5e3f7}.mock-lines span:nth-child(2){width:78%}.mock-lines span:nth-child(3){width:55%}.mock-body button{border:0;border-radius:4px;padding:6px 15px;background:#1260df;color:#fff;font-size:9px;box-shadow:0 4px 9px #1260df35}.mock-security .mock-body:after{content:'✓';position:absolute;right:18%;top:28%;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e6f8ef;color:#159b70;font-weight:700}.mock-progress .mock-lines span:last-child{width:82%;background:#51bd8c}.mock-finish .mock-logo{color:#21a26f}.guide-faq{max-width:920px;margin:0 auto 24px;padding:24px;border:1px solid #dce8f8;border-radius:12px;background:#fff;box-shadow:0 8px 22px #1259df0a}.guide-faq h2{display:flex;align-items:center;gap:9px;margin:0 0 14px;text-align:left;color:#17376f;font-size:18px}.guide-faq h2 i{color:#1260df}.guide-faq details{border-top:1px solid #e7effa;padding:12px 0}.guide-faq summary{display:flex;justify-content:space-between;cursor:pointer;color:#17376f;font-size:12px;font-weight:700;list-style:none}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary i{color:#1260df}.guide-faq details p{margin:8px 0 0;color:#71809b;font-size:11px}.guide-trust-row{display:grid;grid-template-columns:repeat(4,1fr);max-width:920px;margin:0 auto;padding:18px 12px;border:1px solid #dce8f8;border-radius:12px;background:#f0f7ff}.guide-trust-row span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;padding:0 14px;border-right:1px solid #d4e2f4}.guide-trust-row span:last-child{border-right:0}.guide-trust-row i{grid-row:span 2;display:grid;place-items:center;color:#1260df;font-size:19px}.guide-trust-row strong,.guide-trust-row small{display:block}.guide-trust-row strong{color:#17376f;font-size:11px}.guide-trust-row small{color:#8290a8;font-size:9px}
@media(max-width:800px){.guide-hero-grid,.guide-info-grid{grid-template-columns:1fr}.guide-hero-copy h1{font-size:40px}.guide-download-card{max-width:460px;width:100%;margin:auto}.install-step{grid-template-columns:1fr;gap:16px}.step-shot{min-height:145px}.guide-trust-row{grid-template-columns:repeat(2,1fr);gap:16px 0}.guide-trust-row span:nth-child(2){border-right:0}.guide-trust-row span:nth-child(-n+2){padding-bottom:12px;border-bottom:1px solid #d4e2f4}}
@media(max-width:480px){.guide-hero-copy h1{font-size:34px}.guide-benefits{display:grid;grid-template-columns:1fr}.guide-benefits>div{min-width:0}.requirements-list>div{grid-template-columns:120px 1fr;padding-inline:14px;font-size:10px}.install-step{padding:16px}.guide-faq{padding:18px 15px}.guide-trust-row{grid-template-columns:1fr}.guide-trust-row span,.guide-trust-row span:nth-child(2){padding:11px 8px;border-right:0;border-bottom:1px solid #d4e2f4}.guide-trust-row span:last-child{border-bottom:0}}

/* Give the Windows guide the same spacious product-page scale as VidCombo. */
.windows-install-guide .container{max-width:1180px}
.windows-install-guide{padding-top:34px}
.guide-hero-grid{grid-template-columns:minmax(0,1fr) 500px;gap:64px;padding-bottom:52px}
.guide-hero-copy h1{max-width:650px;font-size:62px}
.guide-lead{max-width:610px;font-size:17px}
.guide-benefits{gap:14px;margin-top:28px}
.guide-benefits>div{min-width:155px;padding:14px 16px}
.guide-download-card{padding:34px 30px;min-height:330px}
.guide-windows-icon{width:96px;height:96px;font-size:68px}
.guide-download-card .button{min-height:54px;font-size:15px;color:white}
.guide-info-grid{gap:24px;margin-bottom:78px}
.why-panel{align-self:start;height:max-content}
.guide-panel h2{padding:22px 26px;font-size:19px}
.requirements-list>div{grid-template-columns:190px 1fr;padding:14px 26px;font-size:13px}
.why-item{margin:14px 26px}.why-item>i{width:38px;height:38px}.why-item strong{font-size:14px}.why-item small{font-size:12px}
.guide-section-heading{margin-bottom:36px}.guide-section-heading h2{font-size:34px}.guide-section-heading>p:last-child{font-size:15px}
.install-steps{max-width:1120px;gap:20px;margin-bottom:20px}
.install-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;min-height:280px;padding:32px 38px;border-radius:16px}
.step-label{font-size:11px}.step-copy h3{font-size:22px}.step-copy>p:last-child{max-width:440px;font-size:15px}
.step-shot{min-height:210px;border-radius:11px}.mock-titlebar{padding:10px 14px;font-size:11px}.mock-body{min-height:170px;padding:24px;gap:12px}.mock-logo{font-size:42px}.mock-body strong{font-size:15px}.mock-body button{padding:9px 20px;font-size:11px}
.step-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:transparent;border:0;border-radius:0;box-shadow:none}
.step-image-slider{position:relative;display:flex;align-items:center;min-width:0;min-height:210px;padding:0 30px 24px;border:1px solid #cbd8eb;border-radius:11px;background:#fff;box-shadow:0 5px 15px #07174616;overflow:hidden}.step-slider-track{display:flex;width:100%;overflow:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory}.step-slider-track img{display:block;flex:0 0 100%;width:100%;height:auto;max-height:330px;object-fit:contain;scroll-snap-align:center}.step-slider-button{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:30px;height:30px;border:1px solid #d8e5f7;border-radius:50%;background:#fff;color:#1260df;box-shadow:0 3px 8px #1259df20;cursor:pointer;transform:translateY(-50%)}.step-slider-prev{left:8px}.step-slider-next{right:8px}.step-slider-dots{position:absolute;bottom:7px;left:0;right:0;display:flex;justify-content:center;gap:6px}.step-slider-dots span{width:6px;height:6px;border-radius:50%;background:#c9d8ec}.step-slider-dots span.active{background:#1260df}
.step-image-slider{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.step-slider-track{border:0;border-radius:0}.step-slider-track img{max-height:440px}.step-slider-dots{bottom:-18px}.step-slider-button{background:#fff}
@media(max-width:800px){.step-image-slider{min-height:190px}.step-slider-track img{max-height:300px}}
@media(max-width:480px){.step-image-slider{min-height:150px;padding-inline:25px}.step-slider-track img{max-height:240px}.step-slider-button{width:27px;height:27px}}
@media(max-width:800px){.step-image-slider{min-height:0;padding-inline:0}.step-slider-track img{max-height:none}}
@media(max-width:480px){.step-image-slider{min-height:0;padding-inline:0}.step-slider-track img{max-height:none}}
.guide-faq{max-width:1120px;margin-bottom:30px;padding:30px}.guide-faq h2{font-size:22px}.guide-faq summary{font-size:15px}.guide-faq details p{font-size:14px}
.guide-trust-row{max-width:1120px;padding:24px 18px}.guide-trust-row span{padding:0 22px}.guide-trust-row strong{font-size:13px}.guide-trust-row small{font-size:11px}
.guide-platform-intro{margin-bottom:24px}.guide-platform-intro h2{margin:0 0 6px;font-size:32px;line-height:1.2}.guide-platform-intro>p:last-child{margin:0;font-size:14px}
.windows-install-page .guide-download-card .button{position:relative;overflow:hidden;isolation:isolate;outline:1px solid #0a3f9f;outline-offset:0}.windows-install-page .guide-download-card .button::after{content:"";position:absolute;inset:0 auto 0 -45%;z-index:1;width:34%;pointer-events:none;background:linear-gradient(100deg,transparent,#ffffff80,transparent);transform:skewX(-18deg);animation:windows-cta-shine 6s ease-in-out infinite}.windows-install-page .guide-download-card .button>*{position:relative;z-index:2}@keyframes windows-cta-shine{0%,45%{left:-45%}75%,100%{left:125%}}@media(prefers-reduced-motion:reduce){.windows-install-page .guide-download-card .button::after{animation:none}}
.mac-requirements{margin:0;padding:0;list-style:none}.mac-requirements>li{display:flex;align-items:center;gap:10px;padding:14px 26px;border-bottom:1px solid #edf2f9;color:#8290a8;font-size:13px}.mac-requirements>li:last-child{border-bottom:0}.mac-requirements>li i{color:#1260df}
.guide-info-grid{align-items:stretch}.guide-info-grid>.guide-panel{height:100%}
.mac-install-page .guide-hero-grid{gap:78px;padding-bottom:72px}.mac-install-page .guide-download-card{min-height:410px;padding:44px 38px}.mac-install-page .guide-windows-icon{width:112px;height:112px;font-size:80px}.mac-install-page .guide-info-grid{margin-bottom:92px}.mac-install-page .guide-section-heading{margin-top:34px;margin-bottom:46px}.mac-install-page .install-steps{gap:26px;margin-bottom:72px}.mac-install-page .guide-faq{margin-bottom:58px}.mac-install-page .guide-platform-intro{margin-top:54px}
.mac-install-page .guide-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,480px);gap:32px;padding-bottom:48px}.mac-install-page .guide-hero-copy h1{max-width:660px;font-size:54px;line-height:1.08}.mac-install-page .guide-lead{max-width:590px;font-size:16px}.mac-install-page .guide-download-card{min-height:420px;padding:44px 38px;border-color:#bdd6f7;box-shadow:0 18px 42px #1259df22}.mac-install-page .guide-windows-icon{width:108px;height:108px;font-size:78px}.mac-install-page .guide-download-card .button{min-height:58px;font-size:16px}.mac-install-page .guide-info-grid{margin-bottom:56px}.mac-install-page .guide-section-heading{margin-top:24px;margin-bottom:28px}.mac-install-page .install-steps{gap:16px;margin-bottom:48px}.mac-install-page .install-step{min-height:240px}.mac-install-page .step-shot{width:100%;height:100%;min-height:190px;aspect-ratio:16 / 9;object-fit:cover}.mac-install-page .guide-faq{margin-bottom:36px}.mac-install-page .guide-platform-intro{margin-top:32px}.mac-install-page .guide-platform-grid{max-width:1120px;margin-left:auto;margin-right:auto}
@media(max-width:1023px){.mac-install-page .guide-hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:32px}.mac-install-page .guide-hero-copy h1{font-size:46px}.mac-install-page .guide-download-card{min-height:330px;padding:30px 26px}}
@media(max-width:800px){.mac-install-page .guide-hero-grid{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.mac-install-page .guide-hero-copy h1{font-size:42px}.mac-install-page .guide-lead{font-size:16px;line-height:1.6}.mac-install-page .guide-download-card{width:100%;max-width:560px;min-height:0;margin:0 auto;padding:28px 24px}.mac-install-page .guide-info-grid{margin-bottom:58px}.mac-install-page .guide-section-heading{margin-top:24px;margin-bottom:32px}.mac-install-page .install-steps{gap:18px;margin-bottom:56px}.mac-install-page .install-step{min-height:0;padding:24px}.mac-install-page .step-shot{min-height:0;aspect-ratio:16 / 9}.mac-install-page .download-grid{grid-template-columns:1fr}}
@media(max-width:480px){.mac-install-page{padding-left:16px;padding-right:16px}.mac-install-page .guide-hero-copy h1{font-size:35px;letter-spacing:-.6px}.mac-install-page .guide-benefits{gap:8px}.mac-install-page .guide-download-card{padding:24px 18px}.mac-install-page .guide-panel h2{padding:18px 16px}.mac-install-page .mac-requirements>li{padding:13px 16px}.mac-install-page .install-step{padding:18px}.mac-install-page .guide-platform-intro{margin-top:38px}}
.mac-install-page .guide-download-card{min-height:330px;padding:34px 30px}.mac-install-page .guide-windows-icon{width:96px;height:96px;font-size:68px}.mac-install-page .guide-download-card .button{min-height:54px;font-size:15px}
@media(max-width:800px){.windows-install-guide{padding-top:24px}.guide-hero-grid{grid-template-columns:1fr;gap:34px;padding-bottom:42px}.guide-hero-copy h1{font-size:46px}.guide-download-card{max-width:560px;min-height:0}.guide-info-grid{margin-bottom:56px}.install-step{grid-template-columns:1fr;gap:22px;min-height:0;padding:26px}.step-shot{min-height:190px}.mock-body{min-height:150px}.guide-trust-row{padding:20px 12px}.guide-trust-row span{padding:0 14px}}
@media(max-width:1023px){.windows-install-page .guide-benefits{display:none}}

/* Android uses the same download-guide rhythm as macOS; step artwork can be added later. */
.android-install-page .guide-hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,480px);gap:32px;padding-bottom:48px}
.android-install-page .guide-hero-copy h1{max-width:660px;font-size:54px;line-height:1.08}
.android-install-page .guide-lead{max-width:590px;font-size:16px}
.android-install-page .guide-download-card{min-height:330px;padding:34px 30px;border-color:#bdd6f7;box-shadow:0 18px 42px #1259df22}
.android-install-page .guide-windows-icon{width:96px;height:96px;font-size:68px}
.android-install-page .guide-download-card .button{min-height:54px;font-size:15px}
.android-install-page .guide-info-grid{margin-bottom:56px}
.android-install-page .guide-section-heading{margin-top:24px;margin-bottom:28px}
.android-install-page .install-steps{gap:16px;margin-bottom:48px}
.android-install-page .install-step{min-height:240px}
.android-install-page .step-shot{width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;align-self:center;background:#f3f7fd}
.android-install-page .guide-faq{margin-bottom:36px}
.android-install-page .guide-platform-intro{margin-top:32px}
.android-install-page .guide-platform-grid{max-width:1120px;margin-left:auto;margin-right:auto}
@media(max-width:1023px){.android-install-page .guide-hero-grid{grid-template-columns:minmax(0,1fr) 380px;gap:32px}.android-install-page .guide-hero-copy h1{font-size:46px}.android-install-page .guide-download-card{min-height:330px;padding:30px 26px}}
@media(max-width:800px){.android-install-page .guide-hero-grid{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.android-install-page .guide-hero-copy h1{font-size:42px}.android-install-page .guide-lead{font-size:16px;line-height:1.6}.android-install-page .guide-download-card{width:100%;max-width:560px;min-height:0;margin:0 auto;padding:28px 24px}.android-install-page .guide-info-grid{margin-bottom:58px}.android-install-page .guide-section-heading{margin-top:24px;margin-bottom:32px}.android-install-page .install-steps{gap:18px;margin-bottom:56px}.android-install-page .install-step{min-height:0;padding:24px}.android-install-page .step-shot{min-height:0;aspect-ratio:auto}.android-install-page .download-grid{grid-template-columns:1fr}}
@media(max-width:480px){.android-install-page{padding-left:16px;padding-right:16px}.android-install-page .guide-hero-copy h1{font-size:35px;letter-spacing:-.6px}.android-install-page .guide-download-card{padding:24px 18px}.android-install-page .guide-panel h2{padding:18px 16px}.android-install-page .install-step{padding:18px}.android-install-page .guide-platform-intro{margin-top:38px}}
@media(max-width:480px){.guide-hero-copy h1{font-size:36px}.guide-lead{font-size:15px}.guide-benefits>div{min-width:0;padding:12px 14px}.guide-panel h2{padding:18px 16px;font-size:17px}.requirements-list>div{grid-template-columns:125px 1fr;padding:12px 16px;font-size:11px}.install-step{padding:20px}.step-copy h3{font-size:19px}.step-copy>p:last-child{font-size:13px}.guide-faq{padding:20px 16px}}

/* WCAG AA contrast overrides for small release-status text. */
.download-requirement,.download-meta,.download-trust-item span,.copyright{color:#52627d}
.legal-eyebrow{color:var(--blue2)}

/* Source: assets/css/brand-logo.css */
.brand-mark {
    background: transparent;
   width: 30px;
    height: 30px;
    overflow: hidden;
}

.brand-mark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-header .brand-mark {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
}

.brand-mark svg {
    display: none;
}

/* Source: assets/css/readability.css */
/*
 * Shared readability scale.
 * The 18px prose size and relaxed leading follow the user-provided 4K Download
 * How-to reference; compact cards stay at a legible 16px to preserve hierarchy.
 */
:root{
    --readable-prose:18px;
    --readable-compact:16px;
    --readable-meta:14px;
}

body{font-size:17px;line-height:1.6}
.main-nav a{font-size:var(--readable-compact)}
.eyebrow,.legal-eyebrow{font-size:var(--readable-meta);line-height:1.4}
.download-intro .eyebrow,.converter-tools .eyebrow{font-size:var(--readable-meta);line-height:1.4}

.hero-lead,.product-lead,.section-lead,.legal-hero p,.download-intro>p:last-child,.guide-lead{
    font-size:var(--readable-prose);
    line-height:1.6;
}
.converter-tools .section-lead,.product-page .product-lead{font-size:var(--readable-prose);line-height:1.6}
.converter-feature-copy li{font-size:var(--readable-compact);line-height:1.55}

.feature p,.capability-card p,.product-feature-grid p,.why-grid p,.product-benefits p,.platform-card p,.step p{font-size:var(--readable-compact);line-height:1.6}
#features .feature p,.product-features .feature p{font-size:var(--readable-compact);line-height:1.6}
.feature h3,.product-feature-grid h3,.why-grid h3,.platform-card h3{line-height:1.35}
.step h3{font-size:17px;line-height:1.4}
.step h3 b{font-size:var(--readable-meta)}

.benefit-row strong{font-size:var(--readable-meta);line-height:1.25}
.benefit-row small{font-size:var(--readable-meta);line-height:1.45}

.button,.download-cta{font-size:15px}

.product-banner ul,.product-note,.works-with{font-size:var(--readable-meta);line-height:1.6}
.product-banner .banner-cta small{font-size:13px;line-height:1.45}
.release-context{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 10px;margin:20px auto 0;padding:9px 14px;border:1px solid #d7e5f7;border-radius:999px;background:#f5f9ff;color:#334568;font-size:15px;line-height:1.45}
.release-context>i{color:var(--blue)}
.release-context a{color:var(--blue);font-weight:650;text-underline-offset:3px}

.legal-article p,.legal-card p{font-size:var(--readable-prose);line-height:1.65}
.legal-article code,.legal-card code{font-size:.94em}
.legal-summary a{font-size:15px;line-height:1.45}
.legal-callout p,.legal-list li,.legal-steps>div{font-size:var(--readable-compact);line-height:1.65}
.legal-steps strong{font-size:var(--readable-compact)}
.legal-hero small{font-size:var(--readable-meta)}

.download-requirement{font-size:15px;line-height:1.55}
.download-features{font-size:var(--readable-compact);line-height:1.65}
.download-meta{font-size:var(--readable-meta);line-height:1.5}
.download-trust-item strong{font-size:15px;line-height:1.35}
.download-trust-item span{font-size:var(--readable-meta);line-height:1.45}

.requirements-list>div,.mac-requirements>li{font-size:15px;line-height:1.55}
.guide-download-card small,.guide-download-card>span,.guide-download-card>a:last-child{font-size:var(--readable-meta);line-height:1.45}
.why-item strong{font-size:var(--readable-compact);line-height:1.35}
.why-item small{font-size:var(--readable-meta);line-height:1.45}
.step-label{font-size:var(--readable-meta);line-height:1.4}
.guide-faq summary{font-size:var(--readable-compact);line-height:1.5}
.guide-faq details p,.step-copy>p:last-child{font-size:var(--readable-compact);line-height:1.65}
.guide-trust-row strong{font-size:15px;line-height:1.35}
.guide-trust-row small{font-size:13px;line-height:1.45}

.faq-list details,.faq-list details p{font-size:var(--readable-compact);line-height:1.6}
.faq-list summary,.product-faq summary,.guide-faq summary{min-height:44px}
.footer-main p,.footer-main a{font-size:var(--readable-compact);line-height:1.65}

@media(max-width:767px){
    body{font-size:var(--readable-compact)}
    .legal-article p,.legal-card p{font-size:17px}
    .benefit-row strong{font-size:var(--readable-meta)}
    .benefit-row small{font-size:var(--readable-meta)}
    .release-context{border-radius:14px}
}

/* Source: assets/css/ui-polish.css */
/*
 * Final visual polish layer.
 * Kept separate from the legacy styles so it can be reviewed or removed as
 * one unit while other sessions continue to work on page content and logic.
 */

:root {
    --ui-ink: #12213d;
    --ui-muted: #52627d;
    --ui-blue: #1259df;
    --ui-blue-dark: #0a48c9;
    --ui-surface: #ffffff;
    --ui-subtle: #f6f9fe;
    --ui-line: #dbe5f2;
    --ui-shadow: 0 14px 36px rgba(18, 33, 61, .08);
}

body {
    color: var(--ui-ink);
    background: var(--ui-surface);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
    box-shadow: 0 0 0 5px #0b3b91;
}

/* Keep the skip link available to keyboards without creating RTL overflow. */
.skip-link {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 50%;
    left: auto;
    width: max-content;
    max-width: calc(100vw - 24px);
    padding: 8px 12px;
    background: #fff;
    color: var(--ui-blue-dark);
    transform: translate(50%, -150%);
}

.skip-link:focus {
    top: 12px;
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

.site-header {
    border-bottom: 1px solid rgba(219, 229, 242, .86);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 1px 0 rgba(18, 33, 61, .02);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.nav-backdrop {
    display: none;
}

.brand,
.main-nav a {
    min-height: 48px;
}

.brand {
    color: var(--ui-ink);
    letter-spacing: -.02em;
}

.main-nav a {
    color: #34445f;
    transition: color .18s ease;
}

.main-nav a:hover,
.main-nav a:focus-visible {
    color: var(--ui-blue);
}

.main-nav a.active {
    color: var(--ui-blue-dark);
    border-bottom-color: var(--ui-blue);
}

.main-nav .nav-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--ui-blue);
    border-radius: 9px;
    background: var(--ui-blue);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(18, 89, 223, .16);
    transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.main-nav .nav-download:hover,
.main-nav .nav-download:focus-visible,
.main-nav .nav-download.active {
    border-color: var(--ui-blue-dark);
    background: var(--ui-blue-dark);
    color: #fff;
}

.main-nav .nav-download.active::before,
.main-nav .nav-download.active::after {
    content: none;
}

@media (min-width: 1024px) {
    .nav-wrap {
        position: relative;
    }

    .main-nav {
        display: flex;
        justify-content: flex-end;
        margin-left: 48px;
    }

    .nav-links {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .nav-actions {
        margin-left: auto;
    }

    .main-nav a {
        position: relative;
        display: inline-flex;
        align-items: center;
        padding: 0 4px;
        border-bottom: 0;
    }

    .main-nav a.active {
        border-bottom: 0;
    }

    .main-nav a.active::after {
        position: absolute;
        right: 4px;
        bottom: 0;
        left: 4px;
        height: 2px;
        border-radius: 2px;
        background: var(--ui-blue);
        content: "";
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .nav-links {
        gap: 8px;
    }

    .nav-actions {
        gap: 8px;
    }

    .main-nav a {
        padding-right: 2px;
        padding-left: 2px;
        font-size: 14px;
    }

    .main-nav .nav-download {
        padding-right: 8px;
        padding-left: 8px;
    }

    .main-nav a.active::after {
        right: 2px;
        left: 2px;
    }
}

.button {
    border-radius: 9px;
    color: #fff;
    box-shadow: 0 6px 16px rgba(18, 89, 223, .16);
}

.button:hover {
    box-shadow: 0 10px 24px rgba(18, 89, 223, .24);
}

.button-outline {
    border-color: #b9cbea;
    color: var(--ui-blue-dark);
    box-shadow: none;
}

.home-page #features,
#how-it-works,
#faq,
#downloads {
    scroll-margin-top: 104px;
}

.hero {
    position: relative;
    border-bottom: 1px solid #e9eff8;
    background:
        radial-gradient(circle at 82% 38%, rgba(18, 89, 223, .10), transparent 34%),
        linear-gradient(180deg, #fbfdff 0%, #f4f8fe 100%);
}

.hero::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(18, 89, 223, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 89, 223, .025) 1px, transparent 1px);
    background-size: 32px 32px;
    content: "";
    mask-image: linear-gradient(to right, transparent, #000 55%, #000);
}

.hero-copy,
.hero-art {
    position: relative;
    z-index: 1;
}

/* Keep the generated hero's whites and blues independent of the page surface. */
.hero-art > img {
    mix-blend-mode: normal !important;
}

/* Match the illustration's mid-edge background so its pale studio backdrop
   continues naturally through the text column. */
main.home-page .hero {
    background: #eff2fa;
}

main.home-page .hero::before {
    display: none;
}

/* Homepage download decision: one progressively enhanced platform CTA keeps
   the choice focused while the download hub remains the safe fallback. */
.home-page .hero-actions-inline {
    display: block;
    max-width: 560px;
    margin: 20px 0 0;
}

.hero-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hero-platform-actions {
    display: block;
}

.hero-platform-button {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 0 20px;
    border: 1px solid var(--blue);
    border-radius: 11px;
    background: var(--blue);
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 10px 22px rgba(18, 89, 223, .24);
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.hero-platform-button > i:first-child {
    color: #fff;
    font-size: 22px;
}

.hero-platform-button > i:last-child {
    color: #fff;
    font-size: 20px;
}

.hero-platform-button:hover {
    border-color: var(--blue2);
    background: var(--blue2);
    box-shadow: 0 13px 26px rgba(18, 89, 223, .3);
    transform: translateY(-1px);
}

.hero-platform-button:active {
    box-shadow: none;
    transform: translateY(0);
}

.hero-secondary-actions {
    margin: 12px 2px 0;
}

.hero-download-meta,
.hero-secondary-actions a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #49617f;
    font-size: 11px;
    font-weight: 600;
}

.hero-download-meta {
    min-width: 0;
    line-height: 1.4;
}

.hero-secondary-actions a {
    flex: 0 0 auto;
    text-decoration: none;
}

.hero-secondary-actions a:hover {
    color: var(--blue);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.hero-art > img {
    mix-blend-mode: normal !important;
    object-position: center;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .home-page .hero-actions-inline {
        max-width: 590px;
    }
}

@media (max-width: 767px) {
    .home-page .hero-actions-inline {
        display: block;
        margin: 20px 0 24px;
    }

    .hero-platform-button {
        grid-template-columns: auto 1fr auto;
        justify-items: stretch;
        gap: 10px;
        min-height: 58px;
        padding: 0 16px;
        font-size: 14px;
    }

    .hero-platform-button > i:first-child {
        font-size: 20px;
    }

    .hero-platform-button > i:last-child {
        display: block;
        font-size: 18px;
    }
}

@media (max-width: 520px) {
    .hero-secondary-actions {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}

.hero h1 {
    max-width: 720px;
    color: var(--ui-ink);
    text-wrap: balance;
}

.hero-lead,
.section-lead {
    color: var(--ui-muted);
}

.benefit-row > div {
    padding: 8px 0;
}

.benefit-row small {
    color: var(--ui-muted);
}

/* Supporting product benefits sit below the hero so the download decision
   remains focused while the four value points get the full content width. */
.hero-benefits {
    border-bottom: 1px solid var(--ui-line);
    background: #fff;
}

.home-page .benefit-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 24px 0;
}

.hero-benefits .benefit-row > div {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 2px;
    min-width: 0;
    padding: 4px 24px;
}

.hero-benefits .benefit-row > div + div {
    border-inline-start: 1px solid var(--ui-line);
}

.hero-benefits .benefit-row b {
    grid-row: 1 / span 2;
    align-self: center;
    font-size: 22px;
}

.hero-benefits .benefit-row strong {
    font-size: 15px;
    line-height: 1.2;
}

.hero-benefits .benefit-row small {
    font-size: 13px;
    line-height: 1.45;
}

@media (max-width: 1023px) {
    .hero-benefits .benefit-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
        padding: 20px 0;
    }

    .hero-benefits .benefit-row > div:nth-child(odd) {
        border-inline-start: 0;
    }
}

@media (max-width: 600px) {
    .hero-benefits .benefit-row {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 12px 0;
    }

    .hero-benefits .benefit-row > div {
        padding: 12px 2px;
        border-inline-start: 0;
    }

    .hero-benefits .benefit-row > div + div {
        border-inline-start: 0;
        border-top: 1px solid var(--ui-line);
    }
}

.home-page #features {
    background: #fff;
}

.home-page #features h2,
.converter-tools h2,
.how-section h2,
.platforms h2,
.faq-section h2 {
    color: var(--ui-ink);
    letter-spacing: -.025em;
    text-wrap: balance;
}

.home-page #features .feature {
    border-color: var(--ui-line);
    box-shadow: 0 8px 24px rgba(18, 33, 61, .055);
}

.home-page #features .feature:hover {
    border-color: #aac3ea;
    box-shadow: var(--ui-shadow);
}

.home-page #features .feature-icon {
    color: var(--ui-blue-dark);
    background: #edf4ff;
}

.converter-tools {
    border-block: 1px solid #e6edf7;
    background: #f4f8fe;
}

.converter-tools .container {
    max-width: 1200px;
}

.converter-studio-section {
    padding: 44px;
    border: 1px solid #d7e4f5;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(26, 63, 118, .08);
}

.converter-studio-intro {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.converter-studio-intro .eyebrow {
    margin: 0 0 12px;
    color: var(--blue);
    text-align: center;
}

.converter-studio-intro h2 {
    margin: 0 auto;
    text-align: center;
    font-size: clamp(34px, 3.3vw, 48px);
    line-height: 1.08;
}

.converter-studio-intro .section-lead {
    max-width: 720px;
    margin: 18px auto 0;
    color: var(--ui-muted);
    text-align: center;
}

.converter-feature-rows {
    position: relative;
    display: grid;
    gap: 0;
    min-width: 0;
    margin-top: 36px;
    padding-block: 12px;
}

.converter-feature-rows::before {
    position: absolute;
    top: 36px;
    bottom: 36px;
    left: 50%;
    width: 1px;
    background: #d6e3f4;
    content: "";
}

.converter-feature-row {
    --converter-accent: #176dd6;
    --converter-accent-soft: #eaf3ff;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 64px;
    align-items: center;
    min-width: 0;
    padding: 36px 0;
    border: 0;
    background: transparent;
}

.converter-feature-row::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 14px;
    height: 14px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: var(--converter-accent);
    box-shadow: 0 0 0 1px #cbd9ec;
    content: "";
    transform: translate(-50%, -50%);
}

.converter-feature-row:nth-child(2) {
    --converter-accent: #13745f;
    --converter-accent-soft: #e9f8f5;
}

.converter-feature-row:nth-child(3) {
    --converter-accent: #a85e12;
    --converter-accent-soft: #fff4e8;
}

.converter-feature-row:nth-child(4) {
    --converter-accent: #4a5ac7;
    --converter-accent-soft: #eef0ff;
}

.converter-feature-row.is-reversed .converter-feature-visual {
    order: 2;
}

.converter-feature-row.is-reversed .converter-feature-copy {
    order: 1;
}

.converter-feature-visual {
    justify-self: center;
    width: 100%;
    max-width: 380px;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #dbe6f4;
    border-radius: 14px;
    background: #eef5ff;
    box-shadow: 0 12px 30px rgba(26, 63, 118, .08);
}

.converter-feature-visual img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.converter-feature-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    min-width: 0;
    padding: 0 24px;
}

.converter-feature-copy h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 20px;
    color: var(--ui-ink);
    font-size: clamp(24px, 2.3vw, 32px);
    line-height: 1.2;
}

.converter-feature-copy h3 i {
    display: grid;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 12px;
    background: var(--converter-accent-soft);
    color: var(--converter-accent);
    font-size: 20px;
}

.converter-feature-copy ul {
    display: grid;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.converter-feature-copy li {
    position: relative;
    padding-left: 22px;
    color: #425575;
    font-size: 16px;
    line-height: 1.55;
}

.converter-feature-copy li::before {
    position: absolute;
    top: .58em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--converter-accent);
    box-shadow: 0 0 0 4px var(--converter-accent-soft);
    content: "";
}

@media (max-width: 800px) {
    .converter-tools {
        padding-block: 56px;
    }

    .converter-studio-section {
        padding: 24px;
        border-radius: 16px;
    }

    .converter-feature-rows {
        margin-top: 32px;
        padding: 0 0 0 30px;
    }

    .converter-feature-rows::before {
        top: 24px;
        bottom: 24px;
        left: 8px;
    }

    .converter-feature-row {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 24px 0 36px;
    }

    .converter-feature-row::before {
        top: 32px;
        left: -22px;
    }

    .converter-feature-row.is-reversed .converter-feature-visual {
        order: 0;
    }

    .converter-feature-row.is-reversed .converter-feature-copy {
        order: 1;
    }

    .converter-feature-visual img {
        height: auto;
        min-height: 0;
    }

    .converter-feature-visual {
        justify-self: start;
    }

    .converter-feature-copy {
        max-width: 620px;
        padding: 0;
    }
}

@media (max-width: 480px) {
    .converter-studio-section {
        padding: 20px 16px;
    }

    .converter-studio-intro h2 {
        font-size: 34px;
    }

    .converter-feature-rows {
        margin-top: 28px;
        padding-left: 24px;
    }

    .converter-feature-rows::before {
        left: 4px;
    }

    .converter-feature-row::before {
        left: -20px;
    }

    .converter-feature-copy {
        padding: 0 2px;
    }

    .converter-feature-copy h3 {
        font-size: 24px;
    }

    .converter-feature-copy li {
        font-size: 15px;
    }
}

.how-section .step-icon {
    border-color: #cfdcef;
    background: #fff;
    box-shadow: 0 7px 20px rgba(18, 33, 61, .06);
}

.how-section .step p {
    color: var(--ui-muted);
}

.platform-card {
    display: flex;
    flex-direction: column;
    border-color: var(--ui-line);
    background: #fff;
    box-shadow: 0 8px 24px rgba(18, 33, 61, .055);
}

.platform-card p {
    flex: 1;
    color: var(--ui-muted);
}

.platform-card .button {
    align-self: center;
}

.faq-section {
    border-top: 1px solid #edf1f7;
    background: var(--ui-subtle);
}

.faq-list details {
    border-color: var(--ui-line);
    background: #fff;
    box-shadow: 0 4px 14px rgba(18, 33, 61, .035);
}

.faq-list details[open] {
    border-color: #b2c8e9;
    box-shadow: 0 8px 22px rgba(18, 33, 61, .06);
}

.faq-list summary {
    color: var(--ui-ink);
}

.site-footer {
    border-top-color: var(--ui-line);
    background: #fff;
}

.footer-main h3 {
    color: var(--ui-ink);
}

.footer-main p,
.footer-main a {
    color: var(--ui-muted);
}

.footer-main a:hover,
.footer-main a:focus-visible {
    color: var(--ui-blue-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 1023px) {
    body.nav-open {
        overflow: hidden;
    }

    .site-header {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }

    .main-nav {
        width: min(380px, calc(100vw - 32px));
        border-left: 1px solid var(--ui-line);
        box-shadow: -16px 0 36px rgba(7, 23, 70, .16);
    }

    .main-nav a {
        position: relative;
        min-height: 52px;
        padding: 0 14px;
        border-bottom: 0;
        border-radius: 8px;
    }

    .main-nav a:hover,
    .main-nav a:focus-visible {
        background: var(--ui-subtle);
    }

    .main-nav a.active {
        border-bottom: 0;
        background: #eef5ff;
    }

    .main-nav a.active::before {
        position: absolute;
        top: 10px;
        bottom: 10px;
        inset-inline-start: 0;
        width: 3px;
        border-radius: 3px;
        background: var(--ui-blue);
        content: "";
    }

    .main-nav .nav-download {
        width: 100%;
        min-height: 52px;
        margin-bottom: 4px;
        padding: 0 16px;
    }

    .nav-backdrop {
        position: fixed;
        z-index: 54;
        inset: 0;
        display: block;
        padding: 0;
        border: 0;
        background: rgba(7, 23, 70, .42);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .24s ease, visibility .24s ease;
    }

    .nav-backdrop.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}

@media (max-width: 767px) {
    .hero {
        background: linear-gradient(180deg, #fbfdff 0%, #f3f7fd 100%);
    }

    .hero::before {
        display: none;
    }

    .hero-grid {
        padding-top: 38px;
    }

    .hero h1 {
        font-size: clamp(2.15rem, 10vw, 2.75rem);
        line-height: 1.08;
    }

    .benefit-row > div {
        min-width: calc(50% - 12px);
    }

    .steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }

    .step:not(:last-child)::after {
        display: none;
    }

    .step p {
        max-width: 230px;
        font-size: 14px;
    }

    .footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 24px;
    }
}

/* macOS download: premium release hero with a concise three-step path. */
.mac-download-layout {
    padding: 28px 0 72px;
    background: #f8fbff;
}

.mac-download-layout > .container {
    display: block;
    max-width: 1180px;
}

.mac-download-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
    padding: 44px;
    overflow: hidden;
    border: 1px solid #d5e1f1;
    border-radius: 16px;
    background: #f1f5fa;
}

.mac-download-copy {
    min-width: 0;
}

.mac-download-copy h1 {
    max-width: 650px;
    margin: 0 0 16px;
    color: var(--ui-ink);
    font-size: clamp(42px, 4vw, 58px);
    line-height: 1.05;
    letter-spacing: -1.6px;
}

.mac-download-copy h1 span {
    color: var(--blue);
}

.mac-download-copy .guide-lead {
    max-width: 610px;
    font-size: 16px;
    line-height: 1.65;
}

.mac-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.mac-hero-actions .button {
    min-height: 52px;
    padding: 0 22px;
}

.mac-guide-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: var(--blue);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.mac-guide-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.mac-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.mac-hero-badges span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #d1ddeb;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: #30476e;
    font-size: 12px;
    font-weight: 700;
}

.mac-hero-badges i {
    color: var(--blue);
    font-size: 14px;
}

.mac-download-art {
    min-width: 0;
    margin: 0;
}

.mac-download-art img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.mac-release-overview {
    display: grid;
    grid-template-columns: minmax(270px, .8fr) minmax(0, 1.2fr);
    gap: 18px 32px;
    align-items: center;
    margin-bottom: 20px;
    padding: 24px 28px;
    border: 1px solid var(--ui-line);
    border-radius: 14px;
    background: #fff;
}

.mac-release-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mac-release-heading > span {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #edf2f8;
    color: var(--blue);
    font-size: 27px;
}

.mac-release-heading p {
    margin: 0 0 4px;
    color: var(--blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.mac-release-heading h2 {
    margin: 0;
    color: var(--ui-ink);
    font-size: 20px;
    line-height: 1.25;
}

.mac-release-details {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 0;
}

.mac-release-details > div {
    min-width: 0;
    padding: 2px 18px;
    border-left: 1px solid var(--ui-line);
}

.mac-release-details dt {
    margin-bottom: 4px;
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
}

.mac-release-details dd {
    margin: 0;
    color: var(--ui-ink);
    font-size: 13px;
    font-weight: 800;
}

.mac-release-overview .release-sha {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 11px 13px;
    overflow-wrap: anywhere;
    border: 1px solid #d8e5f5;
    border-radius: 9px;
    background: var(--ui-subtle);
    color: #3d5377;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

.mac-release-overview .release-sha span {
    color: var(--ui-ink);
    font-family: inherit;
    font-weight: 800;
}

.mac-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 64px;
}

.mac-trust-grid > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    background: #fff;
}

.mac-trust-grid i {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #edf4fd;
    color: var(--blue);
    font-size: 16px;
}

.mac-trust-grid strong,
.mac-trust-grid small {
    display: block;
}

.mac-trust-grid strong {
    color: var(--ui-ink);
    font-size: 13px;
    line-height: 1.35;
}

.mac-trust-grid small {
    margin-top: 3px;
    color: var(--ui-muted);
    font-size: 11px;
    line-height: 1.45;
}

.mac-download-layout .guide-section-heading {
    max-width: 700px;
    margin: 0 auto 24px;
}

.mac-download-layout .installation-screenshot-note {
    margin-bottom: 18px;
}

.mac-download-layout .mac-install-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    max-width: 1120px;
    margin-bottom: 48px;
}

.mac-download-layout .mac-install-steps .install-step {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    min-height: 0;
    padding: 20px;
    box-shadow: none;
}

.mac-download-layout .mac-install-steps .step-copy {
    min-height: 126px;
    padding: 0;
}

.mac-download-layout .mac-install-steps .step-copy > p:last-child {
    max-width: none;
}

.mac-download-layout .guide-faq {
    width: 100%;
    max-width: 1120px;
    margin-bottom: 30px;
    box-shadow: none;
}

.mac-download-layout .mac-other-platforms {
    max-width: 1120px;
}

@media (max-width: 1023px) {
    .mac-download-hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
        gap: 28px;
        padding: 34px;
    }

    .mac-release-overview {
        grid-template-columns: 1fr;
    }

    .mac-release-details > div:first-child {
        border-left: 0;
    }

    .mac-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .mac-download-layout {
        padding-top: 18px;
    }

    .mac-download-hero {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 30px;
    }

    .mac-download-art {
        width: min(100%, 560px);
        margin: 0 auto;
    }

    .mac-download-layout .mac-install-steps {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .mac-download-layout .mac-install-steps .step-copy {
        min-height: 0;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .mac-download-layout .mac-install-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Android download: a release-first APK page with a compact visual installation path. */
.android-download-layout {
    padding: 28px 0 72px;
    background: #f8fbff;
}

.android-download-layout > .container {
    display: block;
    max-width: 1180px;
}

.android-download-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
    padding: 44px;
    overflow: hidden;
    border: 1px solid #cee4dc;
    border-radius: 16px;
    background: #eff8f5;
}

.android-download-copy {
    min-width: 0;
}

.android-download-copy h1 {
    max-width: 650px;
    margin: 0 0 16px;
    color: var(--ui-ink);
    font-size: clamp(42px, 4vw, 58px);
    line-height: 1.05;
    letter-spacing: -1.6px;
}

.android-download-copy h1 span {
    color: var(--blue);
}

.android-download-copy .guide-eyebrow {
    color: #14795f;
}

.android-download-copy .guide-lead {
    max-width: 610px;
    font-size: 16px;
    line-height: 1.65;
}

.android-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.android-hero-actions .button {
    min-height: 52px;
    padding: 0 22px;
}

.android-guide-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: var(--blue);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.android-guide-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.android-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.android-hero-badges span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #c8dfd7;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: #30476e;
    font-size: 12px;
    font-weight: 700;
}

.android-hero-badges i {
    color: #14795f;
    font-size: 14px;
}

.android-download-art {
    min-width: 0;
    margin: 0;
}

.android-download-art img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.android-release-overview {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
    gap: 18px 32px;
    align-items: center;
    margin-bottom: 20px;
    padding: 24px 28px;
    border: 1px solid var(--ui-line);
    border-radius: 14px;
    background: #fff;
}

.android-release-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

.android-release-heading > span {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #e7f5ef;
    color: #14795f;
    font-size: 27px;
}

.android-release-heading p {
    margin: 0 0 4px;
    color: #14795f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.android-release-heading h2 {
    margin: 0;
    color: var(--ui-ink);
    font-size: 20px;
    line-height: 1.25;
}

.android-release-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.android-release-facts > div {
    min-width: 0;
    padding: 2px 16px;
    border-left: 1px solid var(--ui-line);
}

.android-release-facts dt {
    margin-bottom: 4px;
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
}

.android-release-facts dd {
    margin: 0;
    color: var(--ui-ink);
    font-size: 13px;
    font-weight: 800;
}

.android-release-overview .release-sha {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 11px 13px;
    overflow-wrap: anywhere;
    border: 1px solid #d8e5f5;
    border-radius: 9px;
    background: var(--ui-subtle);
    color: #3d5377;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

.android-release-overview .release-sha span {
    color: var(--ui-ink);
    font-family: inherit;
    font-weight: 800;
}

.android-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 64px;
}

.android-trust-grid > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--ui-line);
    border-radius: 12px;
    background: #fff;
}

.android-trust-grid i {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #e7f5ef;
    color: #14795f;
    font-size: 16px;
}

.android-trust-grid strong,
.android-trust-grid small {
    display: block;
}

.android-trust-grid strong {
    color: var(--ui-ink);
    font-size: 13px;
    line-height: 1.35;
}

.android-trust-grid small {
    margin-top: 3px;
    color: var(--ui-muted);
    font-size: 11px;
    line-height: 1.45;
}

.android-download-layout .guide-section-heading {
    max-width: 720px;
    margin: 0 auto 24px;
}

.android-download-layout .guide-section-heading .guide-eyebrow,
.android-download-layout .step-label {
    color: #14795f;
}

.android-download-layout .installation-screenshot-note {
    margin-bottom: 18px;
    border-color: #cee4dc;
    background: #f2faf7;
}

.android-download-layout .installation-screenshot-note > i {
    color: #14795f;
}

.android-download-layout .android-install-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 1120px;
    margin-bottom: 48px;
}

.android-download-layout .android-install-steps .install-step {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    min-height: 0;
    padding: 20px;
    box-shadow: none;
}

.android-download-layout .android-install-steps .step-copy {
    min-height: 112px;
    padding: 0;
}

.android-download-layout .android-install-steps .step-copy > p:last-child {
    max-width: none;
}

.android-download-layout .android-install-steps .real-installation-screenshot {
    height: 310px;
    background: #f3f7fd;
    object-fit: contain;
}

.android-download-layout .android-install-steps .installation-shot-link > span {
    color: #116f57;
}

.android-download-layout .guide-faq {
    width: 100%;
    max-width: 1120px;
    margin-bottom: 30px;
    box-shadow: none;
}

.android-other-platforms {
    max-width: 1120px;
}

@media (max-width: 1023px) {
    .android-download-hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
        gap: 28px;
        padding: 34px;
    }

    .android-release-overview {
        grid-template-columns: 1fr;
    }

    .android-release-facts > div:first-child {
        border-left: 0;
    }

    .android-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .android-download-layout {
        padding-top: 18px;
    }

    .android-download-hero,
    .android-download-layout .android-install-steps {
        grid-template-columns: 1fr;
    }

    .android-download-hero {
        gap: 22px;
        padding: 30px;
    }

    .android-download-art {
        width: min(100%, 560px);
        margin: 0 auto;
    }

    .android-download-layout .android-install-steps .step-copy {
        min-height: 0;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .android-download-layout .android-install-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .android-download-layout .android-install-steps .real-installation-screenshot {
        height: 230px;
    }
}

@media (max-width: 599px) {
    .android-download-layout {
        padding-bottom: 52px;
    }

    .android-download-hero {
        gap: 18px;
        margin-bottom: 14px;
        padding: 25px 20px 18px;
        border-radius: 13px;
    }

    .android-download-copy h1 {
        font-size: 38px;
        letter-spacing: -.8px;
    }

    .android-download-copy .guide-lead {
        font-size: 15px;
    }

    .android-hero-actions {
        align-items: stretch;
        gap: 8px;
        margin-top: 20px;
    }

    .android-hero-actions .button,
    .android-guide-link {
        width: 100%;
        justify-content: center;
    }

    .android-hero-actions .button {
        font-size: 13px;
        white-space: nowrap;
    }

    .android-hero-badges span {
        font-size: 11px;
    }

    .android-release-overview {
        gap: 20px;
        padding: 22px 18px;
    }

    .android-release-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
    }

    .android-release-facts > div:nth-child(odd) {
        border-left: 0;
        padding-left: 0;
    }

    .android-release-overview .release-sha {
        grid-template-columns: 1fr;
        gap: 3px;
        font-size: 11px;
    }

    .android-trust-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 48px;
    }

    .android-download-layout .android-install-steps {
        gap: 12px;
    }

    .android-download-layout .android-install-steps .install-step {
        padding: 17px;
    }

    .android-download-layout .android-install-steps .real-installation-screenshot {
        height: 240px;
    }
}

@media (max-width: 599px) {
    .mac-download-layout {
        padding-bottom: 52px;
    }

    .mac-download-hero {
        gap: 18px;
        margin-bottom: 14px;
        padding: 25px 20px 18px;
        border-radius: 13px;
    }

    .mac-download-copy h1 {
        font-size: 38px;
        letter-spacing: -.8px;
    }

    .mac-download-copy .guide-lead {
        font-size: 15px;
    }

    .mac-hero-actions {
        align-items: stretch;
        gap: 8px;
        margin-top: 20px;
    }

    .mac-hero-actions .button,
    .mac-guide-link {
        width: 100%;
        justify-content: center;
    }

    .mac-hero-actions .button {
        font-size: 13px;
        white-space: nowrap;
    }

    .mac-hero-badges span {
        font-size: 11px;
    }

    .mac-release-overview {
        gap: 20px;
        padding: 22px 18px;
    }

    .mac-release-details {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
    }

    .mac-release-details > div:nth-child(odd) {
        border-left: 0;
        padding-left: 0;
    }

    .mac-release-details > div:last-child {
        grid-column: 1 / -1;
    }

    .mac-release-overview .release-sha {
        grid-template-columns: 1fr;
        gap: 3px;
        font-size: 11px;
    }

    .mac-trust-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 48px;
    }

    .mac-download-layout .mac-install-steps .install-step {
        padding: 17px;
    }
}

/* Windows download: one release-focused hero, compact facts, and a scan-friendly guide. */
.windows-download-layout {
    padding: 28px 0 72px;
    background: #f8fbff;
}

.windows-download-layout > .container {
    max-width: 1180px;
}

.windows-download-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(380px, .98fr);
    align-items: center;
    gap: 40px;
    margin-bottom: 20px;
    padding: 44px;
    overflow: hidden;
    border: 1px solid #d2e3f8;
    border-radius: 16px;
    background: #eef6ff;
}

.windows-download-copy {
    min-width: 0;
}

.windows-download-copy h1 {
    max-width: 620px;
    margin: 0 0 16px;
    color: var(--ui-ink);
    font-size: clamp(42px, 4vw, 58px);
    line-height: 1.05;
    letter-spacing: -1.6px;
}

.windows-download-copy .guide-lead {
    max-width: 600px;
    font-size: 16px;
    line-height: 1.65;
}

.windows-hero-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
}

.windows-hero-actions .button {
    min-height: 52px;
    padding: 0 22px;
}

.windows-guide-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    color: var(--blue);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.windows-guide-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.windows-hero-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.windows-hero-badges span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #cbdff7;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: #30476e;
    font-size: 12px;
    font-weight: 700;
}

.windows-hero-badges i {
    color: var(--blue);
    font-size: 14px;
}

.windows-download-art {
    min-width: 0;
    margin: 0;
}

.windows-download-art img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.windows-release-overview {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
    gap: 18px 32px;
    align-items: center;
    margin-bottom: 20px;
    padding: 24px 28px;
    border: 1px solid var(--ui-line);
    border-radius: 14px;
    background: #fff;
}

.windows-release-heading {
    display: flex;
    align-items: center;
    gap: 14px;
}

.windows-release-heading > span {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: #eaf3ff;
    color: var(--blue);
    font-size: 27px;
}

.windows-release-heading p {
    margin: 0 0 4px;
    color: var(--blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.windows-release-heading h2 {
    margin: 0;
    color: var(--ui-ink);
    font-size: 20px;
    line-height: 1.25;
}

.windows-release-facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin: 0;
}

.windows-release-facts > div {
    min-width: 0;
    padding: 2px 16px;
    border-left: 1px solid var(--ui-line);
}

.windows-release-facts dt {
    margin-bottom: 4px;
    color: var(--ui-muted);
    font-size: 11px;
    font-weight: 700;
}

.windows-release-facts dd {
    margin: 0;
    color: var(--ui-ink);
    font-size: 13px;
    font-weight: 800;
}

.windows-release-overview .release-sha {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 12px;
    margin: 0;
    padding: 11px 13px;
    overflow-wrap: anywhere;
    border: 1px solid #d8e5f5;
    border-radius: 9px;
    background: var(--ui-subtle);
    color: #3d5377;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
}

.windows-release-overview .release-sha span {
    color: var(--ui-ink);
    font-family: inherit;
    font-weight: 800;
}

.windows-info-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: 20px;
    margin-bottom: 64px;
}

.windows-info-grid .guide-panel {
    box-shadow: none;
}

.windows-info-grid .requirements-list > div {
    grid-template-columns: minmax(120px, .55fr) minmax(0, 1fr);
    padding: 12px 20px;
    font-size: 12px;
}

.windows-benefit-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 6px 10px 12px;
}

.windows-benefit-list .why-item {
    min-width: 0;
    margin: 0;
    padding: 12px 10px;
}

.windows-benefit-list .why-item > i {
    flex: 0 0 auto;
}

.windows-benefit-list .why-item strong {
    font-size: 12px;
}

.windows-benefit-list .why-item small {
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.4;
}

.windows-download-layout .guide-section-heading {
    max-width: 700px;
    margin: 0 auto 24px;
}

.windows-download-layout .installation-screenshot-note {
    margin-bottom: 18px;
}

.windows-download-layout .windows-install-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    max-width: 1120px;
    margin-bottom: 48px;
}

.windows-download-layout .windows-install-steps .install-step {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    min-height: 0;
    padding: 20px;
    box-shadow: none;
}

.windows-download-layout .windows-install-steps .step-copy {
    min-height: 96px;
    padding: 0;
}

.windows-download-layout .windows-install-steps .step-copy > p:last-child {
    max-width: none;
}

.windows-download-layout .windows-install-steps .install-step:last-child {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
    align-items: center;
}

.windows-download-layout .windows-install-steps .install-step:last-child .step-copy {
    min-height: 0;
}

.windows-download-layout .guide-faq {
    max-width: 1120px;
    margin-bottom: 30px;
    box-shadow: none;
}

.windows-other-platforms {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 14px 18px;
}

.windows-other-platforms a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--ui-line);
    border-radius: 999px;
    color: var(--blue);
    font-weight: 700;
    text-decoration: none;
}

@media (max-width: 1023px) {
    .windows-download-hero {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr);
        gap: 28px;
        padding: 34px;
    }

    .windows-release-overview {
        grid-template-columns: 1fr;
    }

    .windows-release-facts > div:first-child {
        border-left: 0;
    }
}

@media (max-width: 800px) {
    .windows-download-layout {
        padding-top: 18px;
    }

    .windows-download-hero,
    .windows-info-grid,
    .windows-download-layout .windows-install-steps {
        grid-template-columns: 1fr;
    }

    .windows-download-hero {
        gap: 22px;
        padding: 30px;
    }

    .windows-download-art {
        width: min(100%, 560px);
        margin: 0 auto;
    }

    .windows-info-grid {
        gap: 14px;
        margin-bottom: 48px;
    }

    .windows-download-layout .windows-install-steps .install-step:last-child {
        display: flex;
        grid-column: auto;
    }

    .windows-download-layout .windows-install-steps .step-copy {
        min-height: 0;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .windows-download-layout .windows-install-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .windows-download-layout .windows-install-steps .install-step:last-child {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(200px, .7fr) minmax(0, 1.3fr);
    }
}

@media (max-width: 599px) {
    .windows-download-layout {
        padding-bottom: 52px;
    }

    .windows-download-hero {
        gap: 18px;
        margin-bottom: 14px;
        padding: 25px 20px 18px;
        border-radius: 13px;
    }

    .windows-download-copy h1 {
        font-size: 38px;
        letter-spacing: -.8px;
    }

    .windows-download-copy .guide-lead {
        font-size: 15px;
    }

    .windows-hero-actions {
        align-items: stretch;
        gap: 8px;
        margin-top: 20px;
    }

    .windows-hero-actions .button,
    .windows-guide-link {
        width: 100%;
        justify-content: center;
    }

    .windows-hero-actions .button {
        font-size: 13px;
        white-space: nowrap;
    }

    .windows-hero-badges {
        margin-top: 16px;
    }

    .windows-hero-badges span {
        font-size: 11px;
    }

    .windows-release-overview {
        gap: 20px;
        padding: 22px 18px;
    }

    .windows-release-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
    }

    .windows-release-facts > div:nth-child(odd) {
        border-left: 0;
        padding-left: 0;
    }

    .windows-release-overview .release-sha {
        grid-template-columns: 1fr;
        gap: 3px;
        font-size: 11px;
    }

    .windows-info-grid .requirements-list > div {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .windows-benefit-list {
        grid-template-columns: 1fr;
    }

    .windows-download-layout .windows-install-steps {
        gap: 12px;
    }

    .windows-download-layout .windows-install-steps .install-step {
        padding: 17px;
    }

    .windows-other-platforms {
        flex-wrap: wrap;
    }

    .windows-other-platforms strong {
        flex-basis: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .container {
        width: calc(100% - 32px);
    }

    .benefit-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .benefit-row > div {
        min-width: 0;
    }

    .footer-main {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .footer-brand {
        grid-column: auto;
    }
}

.guide-download-card .release-sha {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    padding: 8px 10px;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-all;
    border: 1px solid var(--ui-line);
    border-radius: 8px;
    background: var(--ui-subtle);
    color: var(--ui-muted);
    font: 500 14px/1.55 var(--font-ui, ui-monospace, monospace);
}

.install-illustration {
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 12px;
    min-height: 210px;
    padding: 28px;
    background:
        radial-gradient(circle at 50% 24%, rgba(18, 89, 223, .11), transparent 38%),
        linear-gradient(145deg, #fff, var(--ui-subtle));
    color: var(--ui-ink);
    text-align: center;
}

.install-illustration > i {
    display: grid;
    place-items: center;
    width: 72px;
    height: 72px;
    border: 1px solid #cfe0f8;
    border-radius: 20px;
    background: #fff;
    color: var(--blue);
    font-size: 34px;
    box-shadow: 0 10px 28px rgba(18, 89, 223, .12);
}

.install-illustration > strong {
    font-size: 16px;
    line-height: 1.35;
}

.install-illustration > span {
    max-width: 320px;
    color: var(--ui-muted);
    font-size: 14px;
    line-height: 1.5;
}

.guide-hero-copy,
.guide-download-card {
    min-width: 0;
}

.mac-release-facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
    gap: 32px;
    align-items: center;
    max-width: 920px;
    margin: 36px auto 18px;
    padding: 26px 28px;
    border: 1px solid var(--ui-line);
    border-radius: 14px;
    background: var(--ui-subtle);
}

.mac-release-facts h2,
.mac-release-facts p {
    margin-bottom: 8px;
    text-align: left;
}

.mac-release-facts dl {
    display: grid;
    gap: 8px;
    margin: 0;
}

.mac-release-facts dl > div {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--ui-line);
}

.mac-release-facts dl > div:last-child {
    border-bottom: 0;
}

.mac-release-facts dt {
    font-weight: 700;
}

.mac-release-facts dd {
    margin: 0;
    color: var(--ui-muted);
}

.mac-other-platforms {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    max-width: 920px;
    margin: 0 auto;
    padding: 14px 18px;
}

.mac-other-platforms a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 44px;
    padding: 0 16px;
    border: 1px solid var(--ui-line);
    border-radius: 999px;
    color: var(--blue);
    font-weight: 700;
    text-decoration: none;
}

@media (min-width: 1024px) {
    .mac-install-page .guide-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 440px);
        gap: 56px;
    }

    .mac-install-page .mac-install-steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 1180px;
    }

    .mac-install-page .mac-install-steps .install-step {
        grid-template-columns: 1fr;
        align-content: start;
        min-height: 0;
        padding: 24px;
    }

    .mac-install-page .mac-install-steps .step-shot {
        min-height: 180px;
    }
}

@media (max-width: 767px) {
    .mac-release-facts {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px 18px;
    }

    .mac-other-platforms {
        flex-wrap: wrap;
    }

    .mac-other-platforms strong {
        flex-basis: 100%;
        text-align: center;
    }
}

/* macOS page flow: release facts belong near the download, not after support. */
.mac-install-page > .container {
    display: flex;
    flex-direction: column;
}

.mac-install-page .guide-hero-grid {
    order: 1;
    padding-bottom: 32px;
}

.mac-install-page .mac-release-facts {
    order: 2;
    width: 100%;
    margin: 0 auto 32px;
}

.mac-install-page .guide-info-grid {
    order: 3;
}

.mac-install-page .guide-section-heading {
    order: 4;
}

.mac-install-page .mac-install-steps {
    order: 5;
}

.mac-install-page .guide-faq {
    order: 6;
    width: 100%;
    max-width: 1120px;
}

.mac-install-page .mac-other-platforms {
    order: 7;
}

@media (max-width: 800px) {
    .mac-install-page .guide-hero-grid {
        gap: 20px;
        padding: 6px 0 24px;
    }

    .mac-install-page .guide-download-card {
        max-width: none;
        padding: 22px 18px;
        gap: 8px;
    }

    .mac-install-page .guide-windows-icon {
        width: 64px;
        height: 64px;
        font-size: 48px;
    }

    .mac-install-page .mac-release-facts {
        margin-bottom: 24px;
    }

    .mac-install-page .guide-info-grid {
        gap: 12px;
        margin-bottom: 36px;
    }

    .mac-install-page .guide-section-heading {
        margin: 0 0 18px;
    }

    .mac-install-page .mac-install-steps {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 36px;
    }

    .mac-install-page .mac-install-steps .install-step {
        grid-template-columns: minmax(0, 1fr) 88px;
        align-items: center;
        gap: 16px;
        min-height: 0;
        padding: 18px;
    }

    .mac-install-page .mac-install-steps .step-copy {
        padding: 0;
    }

    .mac-install-page .mac-install-steps .step-shot {
        width: 88px;
        height: 88px;
        min-height: 88px;
        padding: 10px;
        aspect-ratio: auto;
    }

    .mac-install-page .mac-install-steps .install-illustration > i {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        font-size: 24px;
    }

    .mac-install-page .mac-install-steps .install-illustration > strong,
    .mac-install-page .mac-install-steps .install-illustration > span {
        display: none;
    }

    .mac-install-page .guide-faq {
        margin-bottom: 28px;
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .mac-install-page {
        padding-right: 0;
        padding-left: 0;
    }

    .mac-install-page .guide-hero-copy h1 {
        font-size: 36px;
    }

}

.installation-screenshot-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 1120px;
    margin: -8px auto 24px;
    padding: 12px 14px;
    border: 1px solid #cfe0f8;
    border-radius: 10px;
    background: #f5f9ff;
    color: var(--ui-muted);
    font-size: 13px;
    line-height: 1.55;
}

.installation-screenshot-note > i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: var(--blue);
}

.installation-screenshot-note strong {
    color: var(--ui-ink);
}

.installation-shot-set {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.installation-shot-set.is-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.installation-shot-link {
    display: grid;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #cbd8eb;
    border-radius: 10px;
    background: #fff;
    color: var(--blue);
    text-align: center;
    text-decoration: none;
    box-shadow: 0 5px 15px rgba(7, 23, 70, .08);
}

.installation-shot-link:hover {
    border-color: #9abce9;
}

.installation-shot-link .real-installation-screenshot {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    aspect-ratio: auto;
    object-fit: contain;
    box-shadow: none;
}

.installation-shot-link > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 8px 12px;
    border-top: 1px solid var(--ui-line);
    background: var(--ui-subtle);
    font-size: 12px;
    font-weight: 700;
}

.mac-install-page .installation-screenshot-note {
    order: 5;
}

@media (max-width: 800px) {
    .mac-install-page .mac-install-steps .install-step {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .mac-install-page .mac-install-steps .installation-shot-set {
        width: 100%;
    }

    .mac-install-page .mac-install-steps .real-installation-screenshot {
        width: 100%;
        height: auto;
        min-height: 0;
    }
}

@media (max-width: 480px) {
    .installation-screenshot-note {
        margin-top: 0;
        padding: 11px 12px;
        font-size: 12px;
    }

    .installation-shot-set.is-pair {
        grid-template-columns: 1fr;
    }
}

/* Download hub: one clear decision point, supported by a purpose-built hero artwork. */
.download-page:not(.download-platform-page) .download-platforms {
    padding: 38px 0 64px;
}

.download-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);
    align-items: center;
    gap: 40px;
    max-width: 1120px;
    margin: 0 auto 32px;
    padding: 36px 42px;
    overflow: hidden;
    border: 1px solid #d5e5f8;
    border-radius: 16px;
    background: #eef6ff;
}

.download-hub-copy {
    min-width: 0;
}

.download-hub-copy .eyebrow {
    margin: 0 0 10px;
    color: var(--blue);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.3px;
}

.download-hub-copy h1 {
    margin: 0 0 14px;
    color: var(--ui-ink);
    font-size: clamp(40px, 4vw, 56px);
    line-height: 1.06;
    letter-spacing: -1.5px;
}

.download-hub-copy > p:last-of-type {
    max-width: 580px;
    margin: 0;
    color: var(--ui-muted);
    font-size: 17px;
    line-height: 1.6;
}

.download-hub-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

.download-hub-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid #cfe0f8;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: #30476e;
    font-size: 12px;
    font-weight: 700;
}

.download-hub-meta i {
    color: var(--blue);
    font-size: 15px;
}

.download-hub-art {
    min-width: 0;
    margin: 0;
}

.download-hub-art img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.download-page:not(.download-platform-page) .download-grid,
.download-page:not(.download-platform-page) .download-trust {
    max-width: 1040px;
}

.download-page:not(.download-platform-page) .download-card {
    min-height: 376px;
}

@media (max-width: 900px) {
    .download-hub-hero {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 30px;
    }

    .download-hub-art {
        width: min(100%, 540px);
        margin: 0 auto;
    }
}

@media (min-width: 600px) and (max-width: 900px) {
    .download-page:not(.download-platform-page) .download-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 720px;
    }

    .download-page:not(.download-platform-page) .download-card:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        width: calc(50% - 9px);
    }
}

@media (max-width: 599px) {
    .download-page:not(.download-platform-page) .download-platforms {
        padding: 20px 0 48px;
    }

    .download-hub-hero {
        gap: 18px;
        margin-bottom: 18px;
        padding: 24px 20px 18px;
        border-radius: 13px;
    }

    .download-hub-copy h1 {
        font-size: 38px;
        letter-spacing: -.8px;
    }

    .download-hub-copy > p:last-of-type {
        font-size: 15px;
    }

    .download-hub-meta {
        gap: 7px;
        margin-top: 16px;
    }

    .download-hub-meta span {
        min-height: 34px;
        padding: 6px 9px;
        font-size: 11px;
    }

    .download-page:not(.download-platform-page) .download-grid {
        gap: 12px;
    }

    .download-page:not(.download-platform-page) .download-card {
        min-height: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-nav a,
    .button,
    .home-page #features .feature {
        transition: none;
    }

    .button:hover,
    .home-page #features .feature:hover {
        transform: none;
    }
}

/* Keep the mobile drawer inside both LTR and RTL viewports. */
@media (max-width: 1023px) {
    .main-nav {
        transform: none;
        clip-path: inset(0 0 0 100%);
        transition: clip-path .28s ease, visibility .28s ease;
    }

    .main-nav.open {
        transform: none;
        clip-path: inset(0);
    }

    [dir="rtl"] .main-nav {
        inset: 0 auto 0 0;
        border-right: 1px solid var(--ui-line);
        border-left: 0;
        box-shadow: 18px 0 42px rgba(7, 23, 70, .15);
        clip-path: inset(0 100% 0 0);
    }

    [dir="rtl"] .main-nav.open {
        clip-path: inset(0);
    }
}

/* Keep long legal tables of contents useful without burying mobile content. */
@media (max-width: 767px) {
    .legal-summary {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
        padding: 10px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        scroll-snap-type: inline proximity;
    }

    .legal-summary strong,
    .legal-summary a {
        flex: 0 0 auto;
        margin: 0;
        white-space: nowrap;
    }

    .legal-summary strong {
        padding: 8px 10px;
    }

    .legal-summary a {
        padding: 8px 12px;
        border: 1px solid var(--ui-line);
        border-radius: 999px;
        background: var(--ui-subtle);
        scroll-snap-align: start;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    .mac-install-page.mac-download-layout .mac-install-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mac-install-page.mac-download-layout .mac-install-steps .install-step:last-child {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(210px, .72fr) minmax(0, 1.28fr);
        align-items: center;
    }
}

/* Source: assets/css/typography.css */
/*
 * Global UI typography.
 *
 * Prefer each operating system's native interface font so every supported
 * script uses a font designed and hinted for that platform. Noto Sans and
 * common sans-serif faces provide progressively broader fallbacks without a
 * third-party font request or a large all-language webfont download.
 */
@font-face {
    font-family: "Noto Sans Devanagari Local";
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url("../fonts/NotoSansDevanagari-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans Devanagari Local";
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url("../fonts/NotoSansDevanagari-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans Thai Looped Local";
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: url("../fonts/NotoSansThaiLooped-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans Thai Looped Local";
    font-style: normal;
    font-weight: 700;
    font-display: optional;
    src: url("../fonts/NotoSansThaiLooped-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans KR Local";
    font-style: normal;
    font-weight: 100 900;
    font-display: optional;
    src: url("../fonts/NotoSansKR-Subset.woff2") format("woff2");
}

:root {
    --font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
        "Segoe UI", "Noto Sans", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html[lang="hi"] {
    --font-ui: "Noto Sans Devanagari Local", "Nirmala UI", Mangal, sans-serif;
}

html[lang="th"] {
    --font-ui: "Noto Sans Thai Looped Local", Tahoma, "Leelawadee UI", sans-serif;
}

html[lang="ko"] {
    --font-ui: "Noto Sans KR Local", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}

html,
body,
button,
input,
textarea,
select,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
summary,
dt,
dd,
label,
small,
strong,
span {
    font-family: var(--font-ui) !important;
}

main[lang="en"],
.site-footer [lang="en"] {
    direction: ltr;
    unicode-bidi: isolate;
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}