/* Compact landing at native browser zoom; align anchors with the fixed header.
   Keep all copy, media controls and accessible mobile touch targets. */
html{scroll-padding-top:calc(var(--vim-header-height,94px) + 12px)}
/* Social channels: a full-width lead and a quiet, single-row ribbon below Flow. */
#social .social-layout>div:first-child{display:block}
#top #social .social-layout>div:first-child>.section-sub{width:100%;max-width:none;font-size:clamp(15px,1.25vw,17px)!important;line-height:1.5;margin-bottom:0}
#social .promotion-stage{margin-top:18px}
#social .social-ribbon{display:flex;align-items:center;gap:8px;min-width:0;margin-top:16px;padding:4px 0}
#social .social-ribbon-viewport{display:flex;flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;direction:ltr;border-radius:12px}
#social .social-ribbon-viewport::-webkit-scrollbar{display:none}
#social .social-ribbon-group{display:flex;flex:0 0 auto;align-items:center;gap:10px;padding:3px 10px 3px 0}
#social .social-ribbon-name{flex:0 0 auto;white-space:nowrap;border:1px solid #d5e7e9;border-radius:999px;background:#ffffffc9;color:#0b3840;padding:7px 12px;font-size:13px;line-height:1.4;font-weight:600}
#social .social-ribbon-motion{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:1px solid #c9e5e7;border-radius:12px;background:#f0fafa;color:#0b3840;cursor:pointer}
#social .social-ribbon-motion::after{content:'Ⅱ';font-size:18px}
#social .social-ribbon-motion[aria-pressed=true]::after{content:'▶';font-size:16px}
#social .social-ribbon-motion:focus-visible,#social .social-ribbon-viewport:focus-visible{outline:2px solid #009ba8;outline-offset:2px}
@media(min-width:961px){#social .promotion-stage{margin-top:14px}}
@media(max-width:760px){#social .social-ribbon{margin-top:12px}#social .social-ribbon-name{font-size:12px;padding:6px 10px}}
/* Materials footer: one centered sentence without a second catalogue CTA. */
#materials .material-bottom{display:block;text-align:center}
#materials .material-bottom p{max-width:none;width:100%;margin:0}
/* Give these six portraits more room; center the copy in its own area. */
#who .persona .copy{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
#who .persona .copy h3,#who .persona .copy p{width:100%;overflow-wrap:anywhere}
#who .persona .pill{max-width:100%;box-sizing:border-box}
/* International markets: complete photograph and a separate vertical flag rail. */
#global>.wrap{display:block}
#global>.wrap>.section-title{max-width:100%}
/* Markets: one clear gap below the heading and a centered availability note. */
#top #global>.wrap>.section-title{margin-bottom:24px}
#global .global-note{max-width:none;text-align:center}
#global .reach-stage{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:stretch;gap:20px}
#global .markets-scene{display:grid;grid-template-columns:56px minmax(0,1fr);position:relative;direction:ltr}
#global .markets-scene .global-image{grid-column:2;display:flex;flex-direction:column;height:auto;min-height:0;align-self:start}
#global .markets-scene .global-image>img{position:static;inset:auto;width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:16/9}
#global .markets-scene .image-caption{position:static;display:block;transform:none;margin:0;width:auto;max-width:none;padding:9px 14px;background:transparent;border:0;border-radius:0;font-size:13px}
#global .flag-gallery{position:absolute;inset:0 auto 0 0;width:56px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px;border-right:1px solid #6cdfd729;direction:ltr}
#global .flag-viewport{flex:1;min-height:0;width:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:auto}
#global .flag-viewport::-webkit-scrollbar{display:none}
#global .flag-track{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;min-height:0;padding-bottom:8px}
#global .country-flag{width:36px;height:36px;flex:0 0 36px;box-sizing:border-box;animation:none;transform:none}
#global .country-flag img{width:26px;height:19px}
#global .flag-tip{display:none}
#global .flag-motion{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;margin:0;padding:0;border:1px solid #bdeee345;border-radius:10px;background:#10464e;color:white;font-size:0;cursor:pointer}
#global .flag-motion::after{content:'Ⅱ';font-size:19px}
#global .flag-motion[aria-pressed=true]::after{content:'▶';font-size:17px}
#global .flag-motion:focus-visible,#global .flag-viewport:focus-visible{outline:2px solid #70ded5;outline-offset:2px}
#global .reach-copy{display:flex;flex-direction:column;justify-content:flex-start;padding:20px;gap:16px}
#global .reach-copy>div+div{margin-top:0}
#global .reach-copy h3{font-size:25px;line-height:1.15;margin-bottom:12px}
#global .reach-copy p{font-size:16px;line-height:1.45;margin-bottom:10px}
#global .reach-points{margin:14px 0 0;gap:8px}
#global .reach-points span{padding:8px 10px;font-size:14px;line-height:1.4}
#global .channel-pills{gap:6px}
#global .channel-pills .platform-pill{padding:6px 8px;font-size:12px;gap:5px}
@media(min-width:961px){#top #global>.wrap>.section-title{font-size:clamp(30px,2.9vw,40px)!important}}
@media(max-width:960px){
 #global .reach-stage{grid-template-columns:1fr}
 #global .markets-scene{grid-template-columns:48px minmax(0,1fr)}
 #global .flag-gallery{width:48px;padding:6px 2px}
 #global .reach-copy{padding:18px}
}
/* One centered summary; allow natural wrapping on small screens. */
.exchange .result-band{display:block;text-align:center}
.exchange .result-band strong{display:block;font-size:clamp(18px,2.1vw,26px);line-height:1.35;color:#06383d!important}
/* Footer lists: avoid the accumulated padding and margins of earlier layers. */
.site-footer{padding:36px 0 24px}
.site-footer .footer-grid{row-gap:24px}
.site-footer .footer-col h4,.site-footer .install-col h4{margin-bottom:12px}
.site-footer .footer-col>a{line-height:1.4;padding:4px 0;margin-bottom:3px}
.site-footer .footer-col .doc-note{margin-top:12px;line-height:1.5}
.site-footer .footer-brand .brand{margin-bottom:14px}
.site-footer .footer-brand p{font-size:14px;line-height:1.55;margin-bottom:14px}
.site-footer .footer-trust{gap:8px}
.site-footer .footer-bottom{margin-top:24px;padding-top:16px;gap:20px}
.site-footer .install-col{--footer-qr-size:126px}
.site-footer .install-col h4{margin-bottom:24px}
.site-footer .install-body{grid-template-columns:var(--footer-qr-size) minmax(0,1fr);gap:12px;max-width:330px}
.site-footer .install-qr,.site-footer .install-actions{min-width:0}
.site-footer .qr-box{width:var(--footer-qr-size);height:var(--footer-qr-size)}
.site-footer .install-options{gap:2px}
.site-footer .install-option{min-height:36px;padding:4px;gap:8px;line-height:1.35}
.site-footer .share-install{margin-top:8px}
@media(max-width:960px){
 .site-footer{padding-top:28px;padding-bottom:20px}
 .site-footer .footer-brand p{font-size:15px}
 .site-footer .install-col{--footer-qr-size:122px}
 .site-footer .footer-col>a{min-height:44px;box-sizing:border-box;display:flex;align-items:center;padding:5px 0;margin-bottom:0;line-height:1.4}
 .site-footer .install-option,.site-footer .qr-actions button{min-height:44px}
 .site-footer .install-options{gap:4px}
 .site-footer .qr-actions{gap:2px}
 .site-footer .footer-bottom{margin-top:20px;padding-top:14px;gap:12px}
}
@media(min-width:961px){
 :root{--max:1160px;--desktop-section-space:clamp(38px,6svh,58px)}
 body{font-size:16px}
 #nav{padding:10px 0}
 #nav .brand-logo-img{width:190px;max-width:190px}
 #nav .navin>.brand{margin-right:24px}
 #nav .navdrop-toggle span:first-child,#nav .nav-quick,#nav .login-link,#nav .lang-toggle,#nav .nav-start{font-size:14px}
 #nav .navdrop-toggle,#nav .nav-quick,#nav .login-link,#nav .lang-toggle,#nav .nav-start{min-height:44px}
 #top>section{padding-top:var(--desktop-section-space)!important;padding-bottom:var(--desktop-section-space)!important;scroll-margin-top:calc(-1 * var(--desktop-section-space))}
 #top>.hero{padding-top:110px!important;padding-bottom:34px!important;scroll-margin-top:0}
 .hero .hero-grid{gap:42px}
 .hero h1{font-size:clamp(48px,5.04vw,76px)!important;line-height:1.01;max-width:100%;margin:18px 0 20px}
 .hero .eyebrow{font-size:11.5px;padding:7px 12px;letter-spacing:.12em}
 .hero .lead{font-size:19px!important;line-height:1.45;max-width:100%}
 .hero .micro{font-size:12.5px;gap:8px 12px}
 .hero .hero-media.hero-media-compact{--hero-frame-height:clamp(380px,calc(100svh - 190px),505px)}
 .hero .btn{font-size:14px;padding:12px 18px;min-height:46px}
 #top .section-title{font-size:clamp(36px,3.8vw,50px)!important;line-height:1.06;max-width:100%;margin-bottom:16px}
 #top .section-kicker{font-size:11.5px;margin-bottom:12px}
 #top .section-sub{font-size:18px!important;line-height:1.45;max-width:100%;margin-bottom:24px}
 .global-reach>.wrap{display:grid;grid-template-columns:1.15fr .85fr;column-gap:28px}
 .global-reach>.wrap>.section-kicker{grid-column:1/-1}
 .global-reach>.wrap>.section-title{grid-column:1;max-width:100%}
 .global-reach>.wrap>.section-sub{grid-column:2;align-self:center}
 .global-reach .reach-stage,.global-reach .global-note{grid-column:1/-1}
 .global-reach .reach-stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;margin-top:0}
 .global-reach .global-image{min-height:220px}
 #global .world-showcase .motion-global-scene{height:clamp(220px,35svh,300px);flex-basis:clamp(220px,35svh,300px)}
 .global-reach .global-details{padding:14px 18px 18px;font-size:13px;gap:14px}
 .global-reach .global-details b{font-size:15px}
 .global-reach .global-details>div{font-size:13px;line-height:1.4;gap:5px}
 .global-reach .reach-copy{padding:18px;gap:12px}
 .global-reach .reach-copy h3{font-size:27px}
 .global-reach .reach-copy p{font-size:15px;line-height:1.45}
 .global-reach .reach-points{gap:8px;margin:14px 0}
 .global-reach .reach-points span{padding:8px 10px;font-size:13px;line-height:1.45}
 .global-reach .channel-pills{gap:6px}
 .global-reach .channel-pills .platform-pill{padding:5px 7px;font-size:12px;gap:5px}
 .global-reach .flag-gallery{padding:12px 12px 4px}
 .global-reach .flag-track{gap:8px;min-height:56px}
 .global-reach .country-flag{width:28px;height:28px;flex-basis:28px}
 .global-reach .country-flag img{width:20px;height:14px}
 .global-reach .global-note{margin-top:16px;font-size:13px}
 .exchange .exchange-grid{grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:20px}
 .exchange .exchange-card{min-height:0;padding:24px;border-radius:24px}
 .exchange .exchange-card h3{font-size:25px;margin-bottom:16px}
 .exchange .feature-list{gap:10px 14px}
 .exchange .feature-list span{font-size:15px;padding:8px 0}
 .exchange .plus{font-size:50px}
 .exchange .result-band{margin-top:20px;padding:16px 22px;font-size:15px;border-radius:20px}
 .catalog-grid.product-grid-two{gap:20px}
 .product-showcase .product-copy{padding:20px}
 .product-showcase h3{font-size:27px;margin:10px 0}
 .product-showcase p{font-size:15px;line-height:1.45}
 .product-showcase .product-stage{height:175px;padding:8px 22px}
 .product-showcase .product-stage-label{font-size:29px;left:20px;top:24px}
 .product-showcase .product-stage-note{font-size:11.5px;left:20px;bottom:16px}
 .product-showcase .product-kit-tags{margin:12px 0}
 .product-showcase .product-actions{gap:10px 14px}
 .product-showcase .product-actions .btn{font-size:13px;min-height:44px}
 .product-showcase .product-shop{font-size:13px}
 #catalog .product-footnote{margin-top:16px;font-size:13px}
 .persona-grid{gap:16px}
 .persona-grid .persona{display:grid;grid-template-columns:129px minmax(0,1fr);border-radius:20px}
 .persona-grid .persona .pic{height:100%;min-height:210px}
 .persona-grid .persona .pic img{object-position:50% 28%}
 .persona-grid .persona .copy{padding:16px}
 .persona-grid .persona h3{font-size:21px;line-height:1.12}
 .persona-grid .persona p{font-size:15px;line-height:1.45}
 .persona-grid .persona .pill{font-size:11.5px;line-height:1.4;white-space:normal}
 .step-grid{gap:16px}
 .step-grid .step{padding:23px}
 .step-grid .step h3{font-size:24px}
 .step-grid .step p{font-size:15px;line-height:1.45}
 .steps .flow{margin-top:18px;font-size:13px}
 .social-layout>div:first-child{gap:0 28px}
 .social-layout>div:first-child>.section-title{grid-column:1/-1;grid-row:2}
 .social-layout>div:first-child>.section-sub{grid-column:1;grid-row:3;font-size:17px!important}
 .social-layout>div:first-child>.channel-grid{grid-column:2;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .channel-grid .channel{padding:8px;gap:6px;border-radius:14px}
 .channel-grid .channel b{font-size:14px}
 .channel-grid .channel small{font-size:11px}
 .channel-grid .channel-ico{width:28px;height:28px;flex-basis:28px}
 .channel-grid .channel-ico img{width:20px;height:20px}
 .social-layout .promotion-stage{margin-top:20px;padding:18px;border-radius:24px}
 .social-layout .promo-top{font-size:13px;margin-bottom:12px}
 .social-layout .promo-work{grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:16px}
 .social-layout .phone{min-height:0}
 .social-layout .phone-screen,.social-layout .phone-screen.motion-host{min-height:0;height:250px}
 .social-layout .promo-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:center}
 .social-layout .promo-card{padding:12px;border-radius:15px}
 .social-layout .promo-card small{font-size:10px}
 .social-layout .promo-card strong{font-size:16px;line-height:1.35}
 .social-layout .mini-flow{gap:6px;margin-top:8px}
 .social-layout .mini-flow>span{display:flex;align-items:center;padding:5px 6px;font-size:12px;line-height:1.4}
 .social-layout .mini-flow>span>span{padding:0;background:none;border:0;border-radius:0;font:inherit;color:inherit}
 .social-layout .reel-copy{padding:42px 14px 16px}
 .social-layout .reel-copy b{font-size:18px}
 .materials-section .materials-head{gap:24px;margin-bottom:22px}
 .materials-section .materials-grid{gap:16px}
 .materials-section .material-card-copy{padding:16px 18px 12px}
 .materials-section .material-card h3{font-size:24px;margin:9px 0 10px}
 .materials-section .material-card p{font-size:14px;line-height:1.45}
 .materials-section .material-photo-stack,.materials-section .material-video-photo{min-height:160px;margin:0 14px 14px}
 .materials-section .material-facts{margin:0 14px 14px;min-height:160px}
 .materials-section .material-facts>div{font-size:13px;padding:9px 0}
 .materials-section .material-bottom{padding:12px 20px;margin-top:16px}
 .materials-section .material-bottom p{font-size:15px;line-height:1.45}
 .tracks-grid{gap:18px}
 .tracks-grid .track{padding:24px}
 .tracks-grid .track h3{font-size:30px}
 .tracks-grid .track p{font-size:16px;line-height:1.45}
 .tracks-grid .track li{font-size:15px;line-height:1.45}
 .growth .section-sub{margin-bottom:12px!important}
 .growth .stats-example{margin:0 0 14px}
 .growth .dashboard{grid-template-columns:176px minmax(0,1fr);min-height:0}
 .growth .dashboard .side{width:auto;padding:16px 12px}
 .growth .dashboard .side .brand-logo-img{width:150px}
 .growth .dashboard .side .brand{margin-bottom:16px}
 .growth .dashboard .side nav{gap:3px}
 .growth .dashboard .side nav span{font-size:12px;line-height:1.3;padding:5px 8px}
 .growth .dashboard .dashmain{padding:16px;font-size:13px;line-height:1.4}
 .growth .dashhead{margin-bottom:10px}
 .growth .dashhead h3{font-size:26px;line-height:1.1;margin:4px 0 0}
 .growth .metric{padding:10px}
 .growth .metric b{font-size:26px;line-height:1.1;margin:4px 0}
 .growth .metric small{font-size:11.5px}
 .growth .metric em{font-size:11px}
 .growth .dashgrid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;margin-top:12px}
 .growth .dashgrid .panel{padding:12px}
 .growth .dashgrid .panel h4{font-size:13px;margin-bottom:12px}
 .growth .bars{height:100px}
 .growth .campaign{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .growth .campaign div{min-width:0}
 .growth .campaign strong{overflow-wrap:anywhere}
 .growth .campaign div{padding:8px;font-size:12px}
 .growth .campaign strong{font-size:13px}
 .growth .tools-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
 .growth .tool{padding:10px 8px}
 .growth .tool b{font-size:12px}
 .growth .tool small{font-size:11px}
 .id-section .journey{gap:10px;margin-top:22px}
 .id-section .journey-step{padding:13px}
 .id-section .journey-step h4{font-size:15px}
 .id-section .journey-step p{font-size:13px;line-height:1.4}
 .final-start .quick-grid{grid-template-columns:.9fr 1.1fr;gap:32px}
 .final-start .quick-panorama{height:260px;min-height:0;border-radius:24px}
 .final-start .quick-copy{padding:18px}
 .final-start .quick-copy h2{font-size:clamp(32px,2.7vw,36px)!important;line-height:1.08;margin-bottom:16px}
 .final-start .quick-copy>p{font-size:16px;line-height:1.45;margin-bottom:18px}
 .final-start .quick-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
 .final-start .qstep{padding:8px 0;gap:8px;grid-template-columns:24px minmax(0,1fr)}
 .final-start .qnum{font-size:22px}
 .final-start .qbody h3{font-size:17px;line-height:1.3}
 .final-start .quick-copy .qbody p{font-size:14px;line-height:1.45;margin:0}
 .final-start .business-callout{margin-top:18px;padding:20px}
 .final-start .business-callout h3{font-size:26px;line-height:1.12}
 .final-start .business-callout p{font-size:15px;line-height:1.45}
 .final-start .quick-actions .btn{font-size:14px;padding:12px 18px;min-height:44px}
 .final-start .quick-actions{margin-top:12px}
}
@media(min-width:1280px){
 .product-showcase{display:grid;grid-template-columns:170px minmax(0,1fr)}
 .product-showcase .product-stage{height:100%;min-height:250px;padding:12px}
 .product-showcase .product-stage img{width:100%;height:60%;object-fit:contain}
 .product-showcase .product-stage-label{font-size:22px;left:12px;top:16px}
 .product-showcase .product-stage-note{font-size:11.5px;left:12px;bottom:14px;max-width:calc(100% - 24px)}
}
@media(min-width:961px) and (max-height:760px){
 #top>.hero{padding-top:104px!important;padding-bottom:28px!important}
 .hero h1{font-size:clamp(48px,4.7vw,68px)!important}
 .hero .lead{font-size:18px!important}
 #top .section-title{font-size:clamp(36px,3.8vw,50px)!important}
 .social-layout .phone-screen,.social-layout .phone-screen.motion-host{height:230px}
}
@media(max-width:960px){
 :root{--mobile-section-space:44px}
 #nav .login-link,#nav .lang-toggle{min-height:44px}
 #top>section{padding-top:var(--mobile-section-space)!important;padding-bottom:var(--mobile-section-space)!important;scroll-margin-top:calc(-1 * var(--mobile-section-space))}
 #top>.hero{padding-top:calc(var(--vim-header-height,94px) + 22px)!important;padding-bottom:36px!important;scroll-margin-top:0}
 #top .section-kicker{margin-bottom:12px}
 #top .section-title{margin-bottom:18px}
 #top .section-sub{margin-bottom:22px}
 .hero .eyebrow{font-size:11px;padding:7px 10px;letter-spacing:.09em}
 .hero h1{margin-top:16px;margin-bottom:20px}
 .hero .hero-grid{gap:28px}
 .hero .lead{line-height:1.5}
 .materials-section .materials-head{margin-bottom:24px}
 .materials-section .materials-head .section-sub{margin-top:18px}
 .global-reach .reach-copy{padding:20px}
 .final-start .quick-panorama{min-height:0}
 .final-start .quick-grid{gap:24px}
}

/* Six mobile portraits: photo beside copy, without altering desktop cards. */
@media(max-width:760px){
 #who .persona-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #who .persona{display:grid;grid-template-columns:clamp(108px,34vw,160px) minmax(0,1fr);min-height:206px}
 #who .persona .pic{height:100%;min-height:206px}
 #who .persona .pic img{object-position:50% 28%;transform:none}
 #who .persona .copy{padding:16px 12px}
 #who .persona h3{font-size:clamp(17px,4.6vw,21px);line-height:1.2;margin-bottom:8px}
 #who .persona p{font-size:15px;line-height:1.4}
 #who .persona .pill{margin-top:12px;padding:6px 8px;font-size:11px;line-height:1.35;white-space:normal}
}
@media(max-width:360px){
 #who .persona .copy{padding-left:8px;padding-right:8px}
 #who .persona h3{font-size:16px}
}

/* One row highlight in Content Flow on every viewport. */
#social .mini-flow>span>span{padding:0;background:none;border:0;border-radius:0;font:inherit;color:inherit}
/* Six equal stages; phones keep a readable two-column path. */
@media(min-width:1101px){#career .journey{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){#career .journey{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Compact copyright and platform signature, each with its own Translator key. */
.site-footer .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
.site-footer .footer-legal-note{max-width:none}
.site-footer .footer-platform-signature{text-align:right}
@media(max-width:760px){.site-footer .footer-bottom{flex-direction:column;align-items:center;gap:6px;text-align:center;padding-bottom:0}.site-footer .footer-platform-signature{text-align:center}}
/* Native fallback remains readable with scripting disabled. */
.no-js img[data-landing-src]{display:none}
.no-js #global .markets-scene .global-image>noscript>img{position:static;inset:auto;width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:16/9}

/* Keep translated sign-in labels and the menu fully inside narrow headers. */
@media(max-width:760px){
 #nav .navin{gap:8px}
 #nav .navin>.brand{flex:0 1 165px;min-width:64px;margin:0}
 #nav .brand-logo-img{width:165px;max-width:100%;height:auto}
 #nav .nav-actions{flex:0 1 auto;min-width:min-content;gap:6px}
 #nav .nav-actions>.langdrop{flex:0 0 auto}
 #nav .login-link{flex:0 1 auto;min-width:44px;max-width:108px;padding:8px 6px;white-space:normal;overflow-wrap:anywhere}
 #nav .mobile-nav-toggle{flex:0 0 44px;min-width:44px;min-height:44px}
}

/* Long translated final-block buttons must not expand the phone grid. */
@media(max-width:700px){.final-start .quick-grid{grid-template-columns:minmax(0,1fr)}.final-start .quick-grid>*,.final-start .qbody{min-width:0}.final-start .quick-copy{max-width:100%;overflow-wrap:anywhere}.final-start .quick-actions .btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}}

/* Footer cleanup: settings remain accessible from the cookie policy. */
body.settings-in-policy>.vim-cookie-reopen{display:none!important}
#start.final-start .quick-actions{display:flex;justify-content:center;align-items:center;width:100%}

/* Regular document links and a translated entry to the existing support dialog. */
#footer .footer-documents-col a{font-weight:400}
#footer .footer-contact{display:block;max-width:100%;min-height:44px;padding:7px 0;border:0;background:transparent;color:#fff;font:inherit;font-size:14px;font-weight:400;line-height:1.4;text-align:start;cursor:pointer;overflow-wrap:anywhere}
#footer .footer-contact:hover{text-decoration:underline;text-underline-offset:4px}
#footer .footer-contact:focus-visible{outline:3px solid #00aebb;outline-offset:3px;border-radius:4px}

/* Phone section navigation: a quiet vertical pair at the right-hand midpoint. */
@media(max-width:760px){
 html .float-controls,html[dir="rtl"] .float-controls{top:50%!important;bottom:auto;left:auto;right:max(10px,env(safe-area-inset-right));transform:translateY(-50%)!important}
 .float-controls .scroll-stack{display:grid;gap:8px}
 .float-controls .float-btn{width:44px;height:44px;min-height:44px;background:rgba(255,255,255,.58);border-color:rgba(8,45,52,.14);box-shadow:0 5px 18px rgba(8,45,52,.09);backdrop-filter:blur(8px)}
 .float-controls .float-btn:hover,.float-controls .float-btn:active{background:rgba(255,255,255,.78)}
}

/* Icon channel ribbon inside the dark markets card; one row at every width. */
#global .reach-copy,#global .reach-channels{min-width:0;max-width:100%}
#global .reach-copy>.reach-channels{margin-top:8px;width:100%}
#global .social-ribbon-icons{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:4px 0}
#global .social-ribbon-viewport{display:flex;flex:1 1 0%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto;direction:ltr;border-radius:999px}
#global .social-ribbon-viewport::-webkit-scrollbar{display:none}
#global .social-ribbon-group{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:8px;padding:3px 8px 3px 0}
#global .social-ribbon-icons .platform-pill{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;white-space:nowrap;padding:9px 13px;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0f;color:#fff;font-size:14px;line-height:1.4;font-weight:600}
#global .social-ribbon-icons .platform-pill img{display:block;flex:0 0 20px;width:20px;height:20px;object-fit:contain}
#global .social-ribbon-motion{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#ffffff0f;color:#66e4d8;cursor:pointer}
#global .social-ribbon-motion::after{content:'Ⅱ';font-size:20px}
#global .social-ribbon-motion[aria-pressed=true]::after{content:'▶';font-size:16px}
#global .social-ribbon-motion:hover{background:#ffffff20}
#global .social-ribbon-motion:focus-visible,#global .social-ribbon-viewport:focus-visible{outline:2px solid #66e4d8;outline-offset:2px}
@media(max-width:760px){#global .reach-copy>.reach-channels{margin-top:10px}}

/* Compact phone footer: share the QR action row and reserve dock space only on body. */
@media(max-width:760px){
 .site-footer{padding-bottom:12px}
 .site-footer .install-qr{display:contents}
 .site-footer .install-qr>.qr-box{grid-column:1;grid-row:1}
 .site-footer .install-actions{grid-column:2;grid-row:1}
 .site-footer .qr-actions{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0}
 .site-footer .qr-actions button{min-height:44px;font-size:14px;line-height:1.4;padding:6px 2px;overflow-wrap:anywhere}
 .site-footer .footer-bottom{margin-top:16px;padding-top:12px}
}

/* Footer logo: 85% of the original 210px width, preserving its aspect ratio. */
.site-footer .footer-brand .brand-logo-img{width:178.5px;height:auto;max-width:100%}