/* Shared studio interiors. Product marketing, reading and account tools share one palette. */
.studio-interior { --bg-0:#070a10; --bg-1:#0a101a; --bg-2:#0a101a; --surface:#101927; --surface-2:#152032; --surface-3:#1a2940; --ink:#edf1f7; --ink-soft:#acbed5; --muted:#8190a5; --faint:#4d627d; --line:#d4e2f312; --line-strong:#d4e2f323; --accent:#9bbfe7; --accent-strong:#c6ddf8; --ring:#9dc7f62b; --shadow:0 20px 60px #0004; }
.studio-interior main,.studio-interior main.news-page { background:transparent; }
.studio-interior .button { font-family:inherit; font-size:12px; font-weight:550; letter-spacing:0; text-transform:none; border-radius:999px; box-shadow:none; }
.studio-interior .button-primary { background:#dbe9fa; border-color:#dbe9fa; color:#101c2d; box-shadow:none; }
.studio-interior .button-primary:hover { background:#b8d6f7; border-color:#b8d6f7; box-shadow:0 8px 25px #75a3d316; }
.studio-interior .button-secondary,.studio-interior .button-ink { color:#a9c4e5; border-color:#abcdf326; background:#142033; }
.studio-interior .button-secondary:hover,.studio-interior .button-ink:hover { background:#20334d; border-color:#abcdf345; }
.studio-interior .eyebrow { color:#7e9cbe; font-size:10px; letter-spacing:.15em; font-weight:550; }
.interior-hero { position:relative; padding:85px 0 65px; background:radial-gradient(ellipse at 85% 0%,#26456c20,transparent 65%); }
.interior-hero h1 { font-size:clamp(52px,6.6vw,90px); line-height:1.01; letter-spacing:-.055em; margin:24px 0 27px; }
.interior-hero .studio-lead { max-width:650px; font-size:18px; }
.interior-section-heading { margin-bottom:45px; }.interior-section-heading h2 { margin-top:23px; }
.interior-signpost { text-align:center; padding:80px 0; border-top:1px solid #ffffff0c; background:radial-gradient(ellipse at 50% 100%,#274c7722,transparent 70%); }
.interior-signpost h2 { font-size:clamp(40px,5vw,66px); margin:24px 0 30px; }
.interior-help-line { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-block:30px; border-top:1px solid #ffffff12; }
.interior-help-line p { color:#6b809a; font-size:13px; }.interior-help-line>div { display:flex; gap:24px; }
/* Products */
.catalogue-feature { padding:35px 0 95px; }
.catalogue-feature-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:45px; align-items:center; }
.catalogue-feature h2 { margin-bottom:25px; font-size:clamp(43px,5vw,68px); }
.catalogue-feature p:not(.studio-kicker) { color:#8c9ab0; font-size:16px; line-height:1.75; max-width:390px; }
.catalogue-platforms { display:flex; gap:12px; margin-top:25px; }.catalogue-platforms>span { color:#758fae; border:1px solid #b2cee51a; background:#18273b50; border-radius:99px; padding:6px 13px; font-size:10px; }
.catalogue-art { position:relative; width:115%; perspective:1500px; }
.catalogue-art>img:first-child { width:95%; aspect-ratio:4/3; height:auto; object-fit:contain; transform:rotateY(-6deg) rotateZ(-3deg) translateY(var(--studio-drift,0px)); filter:drop-shadow(0 25px 40px #0007); }
.catalogue-art .catalogue-phone { position:absolute; width:18%; height:auto; bottom:0; right:0; transform:rotate(5deg); filter:drop-shadow(0 20px 25px #0009); }
.catalogue-connect { background:#0a101a; border-block:1px solid #ffffff09; padding:90px 0; }
.catalogue-connect-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }.catalogue-connect h2 { font-size:clamp(38px,4.4vw,58px); margin:23px 0 25px; }.catalogue-connect p:not(.studio-kicker) { color:#8999af; font-size:16px; line-height:1.75; }
.catalogue-connection { display:flex; align-items:center; justify-content:center; min-height:300px; gap:20px; position:relative; background:radial-gradient(ellipse,#395e8a20,transparent 65%); }
.catalogue-connection>div { display:flex; flex-direction:column; align-items:center; gap:18px; }.catalogue-connection svg { width:42px; height:42px; stroke:#7c9dc5; stroke-width:1.1; }.catalogue-connection span { font-size:9px; color:#647e9e; white-space:nowrap; }.catalogue-connection i { height:1px; width:45px; background:linear-gradient(90deg,#688bb322,#9cc4ee77,#688bb322); }.catalogue-connect-mark>img { width:85px; height:85px; object-fit:contain; filter:drop-shadow(0 0 30px #87b5ef22); }
/* Downloads */
.download-centre { padding:10px 0 75px; }
.download-release { display:grid; grid-template-columns:70px minmax(0,1fr) auto; gap:30px; padding:35px; border:1px solid #9dbde126; border-radius:22px; background:linear-gradient(140deg,#142237,#0d1521 70%); align-items:center; }
.download-release-mark { width:65px; height:65px; border-radius:17px; display:grid; place-items:center; border:1px solid #b1d3f426; background:#213550; }.download-release-mark svg { width:31px; height:31px; stroke:#a2c6ed; stroke-width:1.3; }
.download-release h2 { font-size:37px; margin:15px 0 18px; }.download-release-copy>p:not(.studio-kicker) { color:#879bb5; font-size:14px; line-height:1.75; max-width:480px; }.download-release-meta { display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; color:#587597; font-size:10px; }.download-release-actions { display:flex; flex-direction:column; align-items:center; gap:19px; }.download-release-actions .studio-button { font-size:12px; padding:14px 20px; }.download-release-actions .studio-link { font-size:10px; }
.download-compatibility { display:flex; justify-content:center; flex-wrap:wrap; gap:35px; margin:25px 0 55px; color:#506d90; font-size:10px; }
.download-apps { display:grid; grid-template-columns:1fr 1fr; gap:50px; }.download-apps article { padding-top:28px; border-top:1px solid #ffffff14; position:relative; }.download-app-icon { position:absolute; top:25px; right:0; color:#3e5c7e; font-size:22px; }.download-apps h3 { font-size:29px; margin:18px 0; }.download-apps p:not(.studio-kicker) { color:#7d91ab; font-size:15px; line-height:1.75; max-width:450px; }.download-apps .studio-link { margin-top:23px; }
.download-setup { background:#0a101a; padding:80px 0 40px; border-top:1px solid #ffffff0b; }.interior-step-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:50px; margin-bottom:60px; }.interior-step-grid article>span { color:#506f94; font-size:9px; letter-spacing:.1em; }.interior-step-grid h3 { font-size:26px; margin:22px 0 17px; }.interior-step-grid p { color:#7c91ab; font-size:14px; line-height:1.8; }
/* Support */
.support-channels { padding:10px 0 80px; }.support-channel { display:grid; grid-template-columns:140px minmax(0,1fr) auto; gap:35px; align-items:center; padding:35px 0; border-top:1px solid #ffffff12; }.support-channel:last-child { border-bottom:1px solid #ffffff12; }.support-channel>span { color:#526e90; font-size:9px; letter-spacing:.08em; }.support-channel h2 { font-size:31px; margin-bottom:13px; letter-spacing:-.04em; }.support-channel p { color:#7b8fa9; font-size:14px; line-height:1.7; max-width:470px; }.support-channel>a { color:#a3c5ea; text-decoration:none; font-size:13px; overflow-wrap:anywhere; }.support-channel>a>span { margin-left:12px; }
.support-preparation { padding:75px 0; background:#0a101a; border-block:1px solid #ffffff09; }.support-preparation-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; }.support-preparation h2 { margin:23px 0; }.support-preparation p { font-size:15px; line-height:1.75; color:#7a8ea8; max-width:380px; }.support-checklist { list-style:none; margin:0; padding:0; display:grid; gap:30px; }.support-checklist li { display:grid; grid-template-columns:28px 1fr; gap:20px; }.support-checklist li>span { color:#496b94; font-size:10px; padding-top:4px; }.support-checklist strong { color:#bfcee2; font-weight:500; font-size:16px; }.support-checklist p { font-size:13px; margin-top:12px; }
/* Newsroom */
.journal-feature { padding:5px 0 75px; }.journal-feature-link { display:grid; grid-template-columns:.9fr 1.1fr; gap:45px; align-items:center; padding:43px; background:linear-gradient(145deg,#122033,#0c1420 75%); border:1px solid #b2ceeb20; border-radius:24px; text-decoration:none; overflow:hidden; transition:border-color .3s; }.journal-feature-link:hover { border-color:#b2ceeb4d; }.journal-feature h2 { font-size:clamp(38px,4.6vw,60px); margin:23px 0; }.journal-feature-copy>p:not(.studio-kicker) { color:#8298b3; font-size:15px; line-height:1.75; max-width:370px; }.journal-feature-copy>.studio-link { margin-top:27px; }.journal-feature-art { width:125%; perspective:1400px; }.journal-feature-art img { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; transform:rotateY(-7deg) rotate(-4deg); filter:drop-shadow(0 20px 30px #0006); }
.journal-archive { padding:0 0 90px; }.journal-count { color:#445d7b; font-size:9px; letter-spacing:.13em; }.journal-grid { display:grid; grid-template-columns:1fr 1fr; gap:35px; }.journal-card { text-decoration:none; border:1px solid #ffffff10; border-radius:17px; overflow:hidden; background:#0b121e; transition:border-color .3s,transform .3s; }.journal-card:hover { border-color:#aac8ed38; transform:translateY(-4px); }.journal-card-art { aspect-ratio:3/1; background:#101a29; overflow:hidden; }.journal-card-art img { width:100%; height:100%; object-fit:cover; opacity:.65; transition:opacity .3s,transform .5s; }.journal-card:hover img { opacity:.85; transform:scale(1.025); }.journal-card-copy { padding:27px; }.journal-card small { display:block; color:#5b7698; font-size:9px; line-height:1.7; }.journal-card h3 { color:#bdcee4; font-size:25px; line-height:1.2; margin:15px 0 24px; letter-spacing:-.035em; }.journal-card-copy>span { color:#7f9fc6; font-size:11px; }.journal-card-copy>span>span { margin-left:8px; }
/* Articles and policies preserve their authored text. */
.studio-article .article-page { width:min(1180px,calc(100% - 64px)); max-width:none; padding:55px 0 90px; margin:0 auto; }
.studio-article .article-back { color:#7999be; font-size:11px; text-decoration:none; display:inline-flex; gap:12px; margin-bottom:45px; }.studio-article .article-back::before { content:"←"; }
.studio-article .article-header { margin-bottom:50px; padding-bottom:40px; border-bottom:1px solid #ffffff13; }.studio-article .article-header small { color:#5a7597; font-size:10px; line-height:1.7; letter-spacing:.06em; }.studio-article .article-header h1 { font-size:clamp(40px,5.6vw,73px); line-height:1.07; max-width:1000px; margin-top:22px; color:#e0e9f6; }
.studio-article .article-copy { width:min(820px,100%); max-width:none; margin:0 auto; color:#9baac0; font-size:16px; line-height:1.9; }.studio-article .article-copy p { color:#9baac0; line-height:1.9; margin-bottom:21px; }.studio-article .article-copy h2 { color:#d1dff1; font-size:31px; letter-spacing:-.035em; line-height:1.25; max-width:none; margin:48px 0 22px; }.studio-article .article-copy h3 { color:#b9cee6; font-size:22px; line-height:1.4; margin:30px 0 16px; }.studio-article .article-copy strong { color:#b7cce6; font-weight:550; }.studio-article .article-copy ul,.studio-article .article-copy ol { color:#8fa3bf; padding-left:23px; }.studio-article .article-copy li { margin-bottom:10px; line-height:1.8; }.studio-article .article-copy a:not(.button) { color:#a4c9f1; text-underline-offset:4px; }.studio-article .article-copy pre { overflow:auto; max-width:100%; }.studio-article .article-copy blockquote { border-left-color:#557faa; color:#869bb6; }
.studio-article .article-inline-image { margin:35px auto; border-radius:13px; overflow:hidden; max-width:100%; }.studio-article .article-inline-image img { width:100%; height:auto; object-fit:contain; }.studio-article .article-efb-logo { max-width:300px; background:#111a27; }.studio-article .article-video { border:1px solid #ffffff17; border-radius:15px; overflow:hidden; margin:35px 0; }
.studio-legal .legal-hero { width:min(1180px,calc(100% - 64px)); padding:80px 0 45px; display:block; }.studio-legal .legal-hero h1 { color:#e0e9f6; font-size:clamp(43px,5.7vw,74px); line-height:1.05; margin:23px 0 25px; }.studio-legal .legal-hero .lead { color:#8396af; font-size:17px; line-height:1.8; max-width:750px; }.studio-legal .legal-date { margin-top:24px; color:#536c8d; font-size:11px; }
.studio-legal main>.section { padding:10px 0 80px; background:none; border:0; }.studio-legal .legal-grid { display:block; width:min(820px,calc(100% - 64px)); max-width:none; margin:auto; border:0; background:none; box-shadow:none; }.studio-legal .legal-card { border:0; border-top:1px solid #ffffff14; border-radius:0; padding:30px 0 28px; background:none; box-shadow:none; transform:none; }.studio-legal .legal-card:hover { background:none; box-shadow:none; transform:none; }.studio-legal .legal-card h2 { color:#c7d8ee; font-size:26px; letter-spacing:-.03em; line-height:1.3; margin-bottom:19px; }.studio-legal .legal-card p,.studio-legal .legal-card li { color:#8ea2bd; font-size:15px; line-height:1.85; }.studio-legal .legal-card p+p { margin-top:15px; }.studio-legal .legal-card a { overflow-wrap:anywhere; }.studio-legal .legal-actions { gap:12px; margin-top:22px; }.studio-legal .reveal { opacity:1 !important; filter:none !important; transform:none !important; }
.studio-reading-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:65px; align-items:start; }.studio-reading-layout .studio-reading-content { width:100%; min-width:0; margin:0; }.reading-index { position:sticky; top:105px; border-left:1px solid #8aaed62b; padding-left:18px; max-height:calc(100svh - 145px); overflow:auto; scrollbar-width:thin; scrollbar-color:#344966 transparent; }.reading-index>p { font-size:8px; letter-spacing:.14em; color:#4b698b; margin-bottom:20px; }.reading-index a { display:block; font-size:11px; line-height:1.6; color:#536f91; margin-bottom:15px; text-decoration:none; }.reading-index a:hover,.reading-index a[aria-current="location"] { color:#b0cae9; }.studio-interior [id^="reading-section-"] { scroll-margin-top:20px; }.studio-interior .reading-progress-strip { position:fixed; top:68px; height:2px; width:100%; left:0; z-index:51; background:linear-gradient(90deg,#3f6898,#adcef1); transform:scaleX(var(--reading-progress,0)); transform-origin:left; pointer-events:none; }
/* Vortiq ID: preserve every form, provider and account control. */
.studio-account .account-hero,.studio-account.account-signed-in .account-hero { background:radial-gradient(ellipse at 10% 20%,#1d3b6024,transparent 60%),#070a10; min-height:0; padding:0; }
.studio-account .account-shell,.studio-account.account-signed-in .account-shell { width:min(1180px,calc(100% - 64px)); max-width:none; padding:75px 0 90px; }
.studio-account .account-layout { width:100%; max-width:none; grid-template-columns:minmax(0,1fr) minmax(0,455px); gap:100px; justify-content:normal; }
.studio-account-intro h1 { font-size:clamp(48px,5.8vw,76px); line-height:1.02; margin:24px 0 26px; }.studio-account-intro>p:not(.studio-kicker) { color:#8195b0; font-size:17px; line-height:1.75; max-width:370px; }.studio-account-brand { position:relative; width:210px; height:190px; background:radial-gradient(ellipse,#426fa629,transparent 65%); margin:25px 0 10px; }.studio-account-brand img { width:100%; height:100%; object-fit:contain; }.studio-account-intro>.studio-link { font-size:11px; }
.studio-account .account-card-auth { background:linear-gradient(145deg,#131f30,#0d1521 75%); border:1px solid #a4c9f02a; border-radius:22px; padding:30px; box-shadow:0 20px 60px #0004; max-width:none; width:100%; }
.studio-account .account-card-auth.reveal { opacity:1 !important; filter:none !important; transform:none !important; }.studio-account .auth-head { padding-bottom:20px; margin-bottom:24px; border-color:#ffffff12; }.studio-account .auth-head img { width:38px; height:38px; }.studio-account .auth-head span { color:#5d789a; font-size:9px; letter-spacing:.08em; }.studio-account .auth-head strong { color:#bcd2eb; font-size:17px; }
.studio-account .auth-title h2 { font-size:31px; line-height:1.1; color:#dce7f5; }.studio-account .auth-title p { font-size:13px; line-height:1.7; color:#728ba8; font-weight:400; margin-top:12px; max-width:none; }.studio-account .account-tabs { background:#080e18; border:1px solid #ffffff0c; border-radius:99px; padding:4px; margin-top:24px; }.studio-account .account-tab { border:0; border-radius:99px; color:#647f9f; font-size:12px; padding:10px; min-height:38px; }.studio-account .account-tab.is-active { color:#c7def8; background:#20324a; box-shadow:none; }
.studio-account .provider-grid { margin-top:20px; }.studio-account .provider-button { border-radius:11px; border-color:#b3cff022; background:#142135; color:#a8c1df; font-size:12px; min-height:44px; }.studio-account .provider-button:hover { background:#20344e; border-color:#b3cff041; }.studio-account .provider-icon { background:none; border:0; }
.studio-account .account-divider span { background:#101b29; color:#4d6786; font-size:8px; font-family:inherit; letter-spacing:.08em; }.studio-account .account-form label,.studio-account .delete-confirm { font-family:inherit; font-size:11px; color:#788fad; text-transform:none; letter-spacing:0; font-weight:450; }.studio-account .account-form input,.studio-account .delete-confirm input { background:#0c1421; border:1px solid #96b7e024; border-radius:10px; font-size:13px; padding:12px 14px; min-height:45px; font-family:inherit; }.studio-account .account-form input::placeholder { color:#3f5774; }.studio-account .account-form input:focus { border-color:#9bc4ee7d; box-shadow:0 0 0 3px #95bceb12; }.studio-account .auth-submit { margin-top:8px; min-height:46px; }.studio-account .auth-footer { border-color:#ffffff10; padding-top:18px; }.studio-account .account-link-button { font-size:11px; color:#89acd4; }
.studio-account .account-dashboard { width:100%; max-width:1080px; margin:auto; }.studio-account .account-dashboard-head { padding-bottom:26px; border-color:#ffffff16; }.studio-account .account-dashboard-title h1 { font-size:33px; line-height:1.15; }.studio-account .account-avatar { border-radius:50%; background:#1b2c43; }.studio-account .account-panel { background:#101a28; border:1px solid #a4c9f01d; border-radius:17px; padding:25px; box-shadow:none; }.studio-account .account-panel-heading strong { color:#c1d7ef; font-size:19px; letter-spacing:-.025em; }.studio-account .account-panel p { font-size:12px; line-height:1.75; }.studio-account .account-access-card { background:#16263b; border-color:#9bc4ed20; border-radius:12px; }.studio-account .account-details dd { color:#b3cce8; font-size:13px; }.studio-account .account-details dt { color:#587596; font-size:10px; }.studio-account .account-details>div { border-color:#ffffff0f; }.studio-account .danger-zone { border-color:#a46a7d40; background:#1d1520; }.studio-account .button-danger { color:#ddadbd; background:#482935; border-color:#a9687c5c; }
/* Checkout: the payment integration and all data hooks remain intact. */
.studio-checkout .checkout-shell { background:#070a10; min-height:0; padding:65px 0 85px; }.studio-checkout .checkout-bg { display:none; }.studio-checkout .checkout-layout { width:min(1180px,calc(100% - 64px)); grid-template-columns:.85fr 1.15fr; gap:65px; align-items:start; }.studio-checkout .checkout-summary { background:none; border:0; border-radius:0; padding:0; box-shadow:none; backdrop-filter:none; gap:22px; }.studio-checkout .checkout-summary h1 { font-size:clamp(40px,4.9vw,62px); max-width:none; line-height:1.05; color:#dce7f6; }.studio-checkout .checkout-lead { color:#7e94b0; font-size:14px; line-height:1.8; }.studio-checkout .checkout-plan-card { background:linear-gradient(135deg,#1a2d46,#111c2c); border:1px solid #a8c9ef29; border-radius:14px; padding:23px; }.studio-checkout .checkout-plan-card>span { color:#5d80aa; font-size:9px; }.studio-checkout .checkout-plan-card>strong { color:#c9def7; font-size:24px; line-height:1.25; }.studio-checkout .checkout-plan-card>em { color:#91afd2; font-size:14px; }.studio-checkout .checkout-facts dt { color:#4b6c92; font-size:9px; }.studio-checkout .checkout-facts dd { color:#8faacb; font-size:12px; overflow-wrap:anywhere; }.studio-checkout .checkout-facts>div { border-color:#ffffff10; }.studio-checkout .checkout-policy-note { font-size:11px; line-height:1.8; color:#536f91; }.studio-checkout .checkout-summary>.text-link { font-size:12px; }.studio-checkout .checkout-panel { background:#0d1725; border:1px solid #a0c3ed26; border-radius:20px; padding:28px; box-shadow:0 20px 60px #0004; }.studio-checkout .checkout-panel-heading h2 { font-size:26px; line-height:1.2; letter-spacing:-.03em; }.studio-checkout .checkout-panel-heading { margin-bottom:23px; }.studio-checkout .checkout-fallback { display:flex; flex-wrap:wrap; gap:12px; border-color:#ffffff13; }.studio-checkout .pricing-status { font-size:13px; line-height:1.75; border-radius:12px; }.studio-checkout .reveal { opacity:1 !important; filter:none !important; transform:none !important; }
@media (max-width:1000px) {
 .catalogue-feature-grid { gap:25px; }.catalogue-connect-grid { gap:40px; }.catalogue-connection { gap:14px; }.catalogue-connection i { width:25px; }
 .download-release { grid-template-columns:55px minmax(0,1fr); gap:23px; }.download-release-mark { width:50px; height:50px; }.download-release-actions { grid-column:2; align-items:flex-start; }.support-channel { grid-template-columns:110px minmax(0,1fr); gap:25px; }.support-channel>a { grid-column:2; }.support-preparation-grid { gap:50px; }
 .journal-feature-link { padding:30px; gap:25px; }.journal-card h3 { font-size:23px; }.studio-reading-layout { grid-template-columns:170px minmax(0,1fr); gap:40px; }
 .studio-account .account-layout { gap:50px; grid-template-columns:minmax(0,1fr) minmax(0,410px); }.studio-account-intro h1 { font-size:54px; }.studio-account .account-card-auth { padding:26px; }.studio-checkout .checkout-layout { gap:35px; }
}
@media (max-width:700px) {
 .interior-hero { padding:55px 0 40px; }.interior-hero h1 { font-size:clamp(42px,10.7vw,60px); margin:22px 0; }.interior-hero .studio-lead { font-size:15px; }.interior-hero .studio-lead br { display:none; }.interior-signpost { padding:60px 0; }.interior-signpost h2 { font-size:37px; }.interior-help-line { align-items:flex-start; flex-direction:column; gap:17px; padding-block:25px; }.interior-help-line p { font-size:12px; }
 .catalogue-feature { padding:5px 0 65px; }.catalogue-feature-grid { display:flex; flex-direction:column; gap:38px; align-items:stretch; }.catalogue-feature h2 { font-size:44px; }.catalogue-feature p:not(.studio-kicker) { font-size:15px; }.catalogue-art { width:105%; margin-left:-2%; }.catalogue-art .catalogue-phone { width:20%; }.catalogue-connect { padding:60px 0; }.catalogue-connect-grid { display:flex; flex-direction:column-reverse; gap:25px; }.catalogue-connect h2 { font-size:39px; }.catalogue-connect p:not(.studio-kicker) { font-size:15px; }.catalogue-connection { width:100%; min-height:220px; gap:17px; }.catalogue-connection span { font-size:8px; }.catalogue-connect-mark>img { width:65px; height:65px; }.catalogue-connection svg { width:32px; height:32px; }.catalogue-connection i { width:25px; }
 .download-centre { padding:0 0 55px; }.download-release { padding:24px; gap:20px; border-radius:18px; grid-template-columns:1fr; }.download-release-mark { width:45px; height:45px; border-radius:12px; }.download-release-mark svg { width:24px; height:24px; }.download-release h2 { font-size:32px; }.download-release-copy>p:not(.studio-kicker) { font-size:13px; }.download-release-actions { grid-column:1; gap:18px; }.download-release-meta { gap:17px; font-size:9px; }.download-release-actions .studio-button { font-size:11px; width:100%; }.download-compatibility { gap:12px 25px; font-size:9px; margin:23px 0 40px; }.download-apps { grid-template-columns:1fr; gap:36px; }.download-apps h3 { font-size:27px; }.download-apps p:not(.studio-kicker) { font-size:14px; }.download-setup { padding:60px 0 30px; }.interior-step-grid { grid-template-columns:1fr; gap:35px; margin-bottom:40px; }.interior-step-grid h3 { font-size:25px; margin-top:16px; }.interior-step-grid p { font-size:14px; }
 .support-channels { padding-bottom:55px; }.support-channel { grid-template-columns:1fr; gap:18px; padding:27px 0; }.support-channel>span { font-size:8px; }.support-channel h2 { font-size:30px; }.support-channel p { font-size:14px; }.support-channel>a { grid-column:1; font-size:12px; }.support-preparation { padding:55px 0; }.support-preparation-grid { grid-template-columns:1fr; gap:35px; }.support-preparation h2 { font-size:43px; }.support-preparation p { font-size:14px; }.support-checklist strong { font-size:15px; }.support-checklist p { font-size:12px; }
 .journal-feature { padding:0 0 50px; }.journal-feature-link { display:flex; flex-direction:column; padding:26px 24px 0; align-items:stretch; gap:22px; border-radius:18px; }.journal-feature h2 { font-size:40px; }.journal-feature-copy>p:not(.studio-kicker) { font-size:14px; }.journal-feature-art { width:115%; margin-left:4%; }.journal-feature-art img { transform:rotate(-4deg); }.journal-archive { padding-bottom:60px; }.journal-grid { grid-template-columns:1fr; gap:25px; }.journal-card-copy { padding:24px; }.journal-card h3 { font-size:25px; }.journal-card small { font-size:9px; }.journal-card { border-radius:14px; }
 .studio-article .article-page { width:calc(100% - 40px); padding:35px 0 60px; }.studio-article .article-back { margin-bottom:30px; font-size:10px; }.studio-article .article-header { margin-bottom:32px; padding-bottom:28px; }.studio-article .article-header h1 { font-size:clamp(34px,8.9vw,48px); margin-top:19px; line-height:1.1; }.studio-article .article-header small { font-size:9px; }.studio-article .article-copy { font-size:15px; }.studio-article .article-copy p { font-size:15px; line-height:1.85; }.studio-article .article-copy h2 { font-size:27px; margin-top:36px; }.studio-article .article-copy h3 { font-size:20px; }.studio-article .article-copy li { font-size:14px; line-height:1.85; }.studio-article .article-inline-image { border-radius:10px; margin-block:26px; }.studio-article .article-video { border-radius:10px; }
 .studio-legal .legal-hero { width:calc(100% - 40px); padding:50px 0 30px; }.studio-legal .legal-hero h1 { font-size:40px; }.studio-legal .legal-hero .lead { font-size:15px; }.studio-legal .legal-date { font-size:10px; }.studio-legal .legal-grid { width:calc(100% - 40px); }.studio-legal main>.section { padding-bottom:55px; }.studio-legal .legal-card { padding-block:25px; }.studio-legal .legal-card h2 { font-size:24px; }.studio-legal .legal-card p,.studio-legal .legal-card li { font-size:14px; line-height:1.85; }
 .studio-reading-layout { display:block; }.reading-index { display:none; }.studio-reading-layout .studio-reading-content { width:100%; }.studio-interior .reading-progress-strip { top:64px; }
 .studio-account .account-shell,.studio-account.account-signed-in .account-shell { width:calc(100% - 40px); padding:45px 0 60px; }.studio-account .account-layout { grid-template-columns:1fr; gap:32px; }.studio-account-intro h1 { font-size:46px; margin:20px 0; }.studio-account-intro>p:not(.studio-kicker) { font-size:15px; }.studio-account-brand { display:none; }.studio-account-intro>.studio-link { margin-top:20px; font-size:10px; }.studio-account .account-card-auth { padding:24px 22px; border-radius:18px; }.studio-account .auth-title h2 { font-size:29px; }.studio-account .auth-title p { font-size:12px; }.studio-account .provider-button { font-size:12px; }.studio-account .account-form label { font-size:11px; }.studio-account .account-dashboard-head { gap:20px; }.studio-account .account-dashboard-title h1 { font-size:28px; }.studio-account .account-panel { padding:22px; border-radius:14px; }.studio-account .account-dashboard-grid { grid-template-columns:1fr; }
 .studio-checkout .checkout-shell { padding:40px 0 55px; }.studio-checkout .checkout-layout { width:calc(100% - 40px); grid-template-columns:1fr; gap:32px; }.studio-checkout .checkout-summary h1 { font-size:43px; }.studio-checkout .checkout-lead { font-size:14px; }.studio-checkout .checkout-plan-card { padding:21px; }.studio-checkout .checkout-panel { padding:23px 20px; border-radius:16px; }.studio-checkout .checkout-panel-heading h2 { font-size:24px; }.studio-checkout .checkout-facts dd { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .catalogue-art>img:first-child { transform:none; } }
/* Reading and form spacing should not inherit the older card rhythm. */
.studio-legal .legal-card { display:block; }
.studio-reading-layout .studio-reading-content { max-width:780px; }
.studio-account .account-card-auth { display:block; }
.studio-account .auth-head { margin-bottom:22px; padding-bottom:18px; }
.studio-account .auth-title { margin:0; }
.studio-account .account-tabs { margin:22px 0 0; }
.studio-account .provider-grid { margin-top:19px; }
.studio-account .account-divider { margin:20px 0; }
.studio-account .auth-footer { margin-top:20px; }
.studio-article .article-copy { display:block; }

/* Product selection: available product and the next studio release. */
.studio-lineup { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; padding-bottom:100px; }
.studio-lineup-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #a4c9f025; border-radius:24px; background:linear-gradient(145deg,#152033,#0b111c); color:inherit; text-decoration:none; }
a.studio-lineup-card { transition:border-color .3s,transform .4s; }
a.studio-lineup-card:hover { border-color:#b1d2fb65; transform:translateY(-5px); }
.studio-lineup-card:focus-visible { outline:2px solid #c3dcfb; outline-offset:6px; }
.studio-lineup-art { aspect-ratio:4/3; display:grid; place-items:center; overflow:hidden; background:radial-gradient(ellipse at 50% 70%,#263d5a55,transparent 70%); }
.studio-lineup-art>img { width:94%; max-width:none; height:auto; transition:transform .7s; }
a.studio-lineup-card:hover .studio-lineup-art>img { transform:scale(1.025); }
.studio-lineup-copy { padding:30px 34px 35px; border-top:1px solid #ffffff0b; }
.studio-lineup-copy h2 { margin:0; font-size:32px; letter-spacing:-.04em; }
.studio-lineup-copy p:not(.studio-kicker) { color:#92a0b5; font-size:14px; line-height:1.8; max-width:400px; margin:20px 0 26px; }
.studio-lineup-copy .studio-product-name { margin:0; }
.studio-lineup-mystery { position:relative; align-content:center; gap:25px; background:radial-gradient(ellipse,#8aa9d410,transparent 65%); }
.studio-lineup-mystery>img { width:105px; height:105px; object-fit:contain; opacity:.45; }
.studio-lineup-mystery>span { color:#62738b; font-size:9px; letter-spacing:.25em; }
.studio-lineup-copy .studio-kicker { margin:0 0 16px; }
.studio-lineup-status { color:#7f8fa6; font-size:11px; letter-spacing:.06em; }
@media(max-width:700px) { .studio-lineup { grid-template-columns:1fr; gap:24px; padding-bottom:60px; }.studio-lineup-copy { padding:25px; }.studio-lineup-copy h2 { font-size:29px; }.studio-lineup-mystery>img { width:85px; height:85px; } }
@media(prefers-reduced-motion:reduce) { a.studio-lineup-card,a.studio-lineup-card .studio-lineup-art>img { transition:none; transform:none; } }
/* News editions share the studio palette without repeating legacy banners. */
.journal-card { display:flex; flex-direction:column; }
.journal-card-art.journal-card-edition { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:30px; background:radial-gradient(ellipse at 90% 80%,#517aa32b,transparent 70%),linear-gradient(130deg,#172335,#0b121d); }
.journal-card-edition>span { color:#9aadc5; font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.journal-card-edition>strong { margin-top:12px; font-size:clamp(30px,3vw,43px); line-height:1; font-weight:550; letter-spacing:-.04em; color:#d5e1f0; }
.journal-card-art.journal-card-edition>img { position:absolute; right:30px; width:65px; height:65px; opacity:.2; object-fit:contain; }
.journal-card-art.journal-card-identity { display:flex; align-items:center; justify-content:center; gap:15px; background:radial-gradient(ellipse,#34415755,transparent 75%),#101926; }
.journal-card-art.journal-card-identity>img { width:65px; height:65px; object-fit:contain; opacity:1; }
.journal-card-identity>span { font-size:29px; font-weight:550; letter-spacing:-.04em; color:#dbe4f0; }
.journal-card-copy { display:flex; flex-direction:column; flex:1; }
.journal-card h3 { margin-bottom:15px; }
.journal-card-copy>p { margin:0 0 27px; color:#9baac0; font-size:14px; line-height:1.75; }
.journal-card-copy>span { margin-top:auto; color:#b0c7e3; }
.journal-card small,.journal-count { color:#91a4be; font-size:11px; }
.journal-card:focus-visible,.journal-feature-link:focus-visible { outline:2px solid #c4dcfb; outline-offset:5px; }
.studio-article .article-header { max-width:100%; }
.studio-article .article-header h1 { max-width:22ch; text-wrap:balance; }
.studio-article .article-header small { color:#94a8c3; font-size:11px; }
.studio-article .article-copy { overflow-wrap:anywhere; }
.studio-article .article-copy p { margin-top:0; }
.studio-article .article-inline-image a { display:block; }
.studio-article .article-video { aspect-ratio:16/9; background:#0e1724; }
.studio-article .article-video iframe { display:block; width:100%; height:100%; border:0; }
.article-next { margin-top:65px; padding-top:30px; border-top:1px solid #ffffff1a; }
.article-next>p { margin:0 0 20px; color:#8da4c0; font-size:10px; letter-spacing:.16em; }
.article-next-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.article-next a { display:flex; flex-direction:column; gap:14px; border:1px solid #ffffff18; border-radius:16px; padding:25px; background:#101825; text-decoration:none; transition:border-color .25s; }
.article-next a:hover { border-color:#adc9eb65; }
.article-next a:focus-visible { outline:2px solid #c4dcfb; outline-offset:4px; }
.article-next a>span { color:#91a7c3; font-size:10px; letter-spacing:.07em; }
.article-next a>strong { font-size:20px; line-height:1.4; font-weight:500; color:#d0def0; }
@media(max-width:700px) { .journal-card-art.journal-card-edition { padding:25px; }.journal-card-edition>strong { font-size:31px; }.journal-card-art.journal-card-edition>img { right:25px; width:45px; height:45px; }.journal-card-copy>p { font-size:14px; }.article-next-grid { grid-template-columns:1fr; }.article-next { margin-top:45px; }.article-next a { padding:23px; }.studio-article .article-header h1 { max-width:none; } }
@media(prefers-reduced-motion:reduce) { .journal-card,.journal-card img,.journal-feature-link,.article-next a { transition:none; }.journal-card:hover,.journal-card:hover img { transform:none; } }
.studio-interior [id^="reading-section-"] { scroll-margin-top:100px; }
.reading-index>p { color:#8ea4c0; font-size:10px; }
.reading-index a { color:#91a7c3; font-size:12px; }
.reading-index a:focus-visible { outline:2px solid #c4dcfb; outline-offset:4px; }
.studio-article .article-video { min-height:0; }

/* EFB product mark floats above a softened view of the flight bag. */
.studio-lineup-efb { position:relative; isolation:isolate; }
.studio-lineup-efb>.lineup-efb-backdrop { position:absolute; width:94%; filter:blur(3px) brightness(.55); opacity:.75; transform:scale(1.015); }
a.studio-lineup-card:hover .studio-lineup-efb>.lineup-efb-backdrop { transform:scale(1.045); }
.studio-lineup-efb::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse at center,#0c14202b,#080e1966); z-index:1; }
.lineup-efb-emblem { position:relative; z-index:2; width:clamp(110px,13vw,175px); aspect-ratio:1; display:grid; place-items:center; }
.lineup-efb-emblem::before { content:""; position:absolute; inset:-30%; border-radius:50%; background:radial-gradient(ellipse,#ffae4945 0%,#ff781e20 35%,transparent 70%); filter:blur(18px); animation:lineup-efb-aura 5s ease-in-out infinite alternate; }
.lineup-efb-emblem::after { content:""; position:absolute; inset:-10%; border:1px solid #ffd4a21c; border-radius:50%; box-shadow:0 0 40px #ff9a2520,inset 0 0 35px #ffbd6310; mask-image:linear-gradient(140deg,#000,transparent 45%,#000); transform:rotate(-20deg); }
.lineup-efb-emblem>img { position:relative; width:100%; height:100%; object-fit:contain; filter:drop-shadow(0 0 16px #ff9c3060) drop-shadow(0 16px 24px #0009); transition:transform .6s,filter .6s; }
a.studio-lineup-card:hover .lineup-efb-emblem>img { transform:translateY(-4px) scale(1.045); filter:drop-shadow(0 0 24px #ff9c3080) drop-shadow(0 20px 30px #0009); }
@keyframes lineup-efb-aura { from { opacity:.55; transform:scale(.94); } to { opacity:1; transform:scale(1.12); } }
@media(max-width:700px) { .lineup-efb-emblem { width:125px; } }
@media(prefers-reduced-motion:reduce) { .lineup-efb-emblem::before { animation:none; }.lineup-efb-emblem>img { transition:none; }a.studio-lineup-card:hover .lineup-efb-emblem>img { transform:none; } }

/* Reset the legacy full-bleed translation inside the new article column. */
.studio-article .article-inline-image { width:100%; max-width:100%; margin:35px auto; transform:none; }
.studio-article .article-inline-image img { display:block; width:100%; height:auto; aspect-ratio:auto; }
.studio-article .article-inline-image.article-efb-logo { width:min(300px,100%); }
.journal-card-art>img { opacity:1; object-fit:contain; }
.journal-card:hover .journal-card-art>img { opacity:1; }

/* Original EFB logo lockup, centered over the softened product image. */
.lineup-efb-emblem { width:82%; aspect-ratio:auto; display:flex; align-items:center; justify-content:center; gap:18px; }
.lineup-efb-emblem>img { width:clamp(72px,8.5vw,115px); height:auto; flex:none; }
.lineup-efb-emblem>span { position:relative; color:#f2f3f5; font-size:clamp(28px,3.3vw,45px); font-weight:650; line-height:1.1; letter-spacing:-.05em; white-space:nowrap; }
.lineup-efb-emblem b { color:#ffb64d; font-weight:650; }
.lineup-efb-emblem::before { inset:-90% -10%; background:radial-gradient(ellipse at 35% 50%,#ff992d32,transparent 65%); filter:blur(22px); }
.lineup-efb-emblem::after { display:none; }
@media(max-width:700px) { .lineup-efb-emblem { width:88%; gap:12px; }.lineup-efb-emblem>img { width:76px; }.lineup-efb-emblem>span { font-size:30px; } }
@media(max-width:360px) { .lineup-efb-emblem { gap:8px; }.lineup-efb-emblem>img { width:62px; }.lineup-efb-emblem>span { font-size:26px; } }

/* A restrained first glimpse of the next product. */
.studio-mel-teaser { isolation:isolate; gap:17px; }
.mel-teaser-mark { position:relative; width:145px; aspect-ratio:1; }
.mel-teaser-mark::before { content:""; position:absolute; inset:-45%; background:radial-gradient(ellipse,#b2c8e51c,transparent 67%); filter:blur(20px); }
.mel-teaser-mark>img { width:100%; height:100%; object-fit:contain; filter:grayscale(1) brightness(1.3) blur(1.5px); opacity:.22; mask-image:linear-gradient(135deg,transparent 15%,#000 48%,#000 62%,transparent 85%); transition:opacity .8s,filter .8s; }
.studio-mel-teaser>.mel-teaser-code { color:#9aacc4; opacity:.55; font-size:12px; letter-spacing:.35em; padding-left:.35em; }
.studio-mel-teaser>span:last-child { color:#667c99; font-size:8px; letter-spacing:.25em; margin-top:9px; }
.studio-lineup-soon:hover .mel-teaser-mark>img { opacity:.35; filter:grayscale(1) brightness(1.3) blur(.8px); }
@media(max-width:700px) { .mel-teaser-mark { width:120px; }.studio-mel-teaser>.mel-teaser-code { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .mel-teaser-mark>img { transition:none; } }

/* A clearer MEL glimpse with the same logo-and-wordmark rhythm as EFB. */
.studio-mel-teaser { background:radial-gradient(ellipse at 36% 47%,#dfb43614,transparent 58%),linear-gradient(145deg,#152033,#0b111c); }
.mel-teaser-lockup { position:relative; display:flex; align-items:center; justify-content:center; gap:18px; width:82%; }
.mel-teaser-lockup .mel-teaser-mark { width:clamp(72px,8.5vw,115px); flex:none; }
.mel-teaser-lockup .mel-teaser-mark::before { background:radial-gradient(ellipse,#ffd44730,transparent 68%); }
.mel-teaser-lockup .mel-teaser-mark>img { filter:saturate(.8) blur(.5px); opacity:.65; mask-image:linear-gradient(140deg,#000 35%,#000b 75%,#0005); }
.mel-teaser-lockup>span { color:#dce3edc9; font-size:clamp(28px,3.3vw,45px); font-weight:650; letter-spacing:-.05em; line-height:1.1; white-space:nowrap; }
.mel-teaser-lockup b { color:#f4d35eac; font-weight:650; }
.studio-mel-teaser>span:last-child { margin-top:18px; }
.studio-lineup-soon:hover .mel-teaser-lockup .mel-teaser-mark>img { opacity:.8; filter:saturate(.9) blur(0); }
@media(max-width:700px) { .mel-teaser-lockup { width:88%; gap:12px; }.mel-teaser-lockup .mel-teaser-mark { width:76px; }.mel-teaser-lockup>span { font-size:30px; } }
@media(max-width:360px) { .mel-teaser-lockup { gap:8px; }.mel-teaser-lockup .mel-teaser-mark { width:62px; }.mel-teaser-lockup>span { font-size:26px; } }

/* Match the EFB lockup; only the unreleased product suffix stays blurred. */
.studio-mel-teaser { gap:0; }
.mel-teaser-lockup .mel-teaser-mark>img,
.studio-lineup-soon:hover .mel-teaser-lockup .mel-teaser-mark>img { opacity:1; filter:drop-shadow(0 0 16px #ffd44745) drop-shadow(0 16px 24px #0009); mask-image:none; }
.mel-teaser-lockup>span { color:#f2f3f5; }
.mel-teaser-lockup b { display:inline-block; color:#ffd447; filter:blur(7px); user-select:none; }
.studio-mel-teaser>span:last-child { display:none; }

/* Abstract blurred strokes keep the unreleased name out of selectable text. */
.teaser-hidden-name { display:inline-block; position:relative; width:1.85em; height:.78em; vertical-align:baseline; filter:blur(12px); opacity:.8; user-select:none; -webkit-user-select:none; pointer-events:none; background:linear-gradient(90deg,#ffd447 0 19%,transparent 19% 29%,#ffd447 29% 51%,transparent 51% 63%,#ffd447 63% 82%,transparent 82%); }
.teaser-hidden-name::after { content:""; position:absolute; inset:35% 0 5% 12%; background:#ffd447; opacity:.55; }