/* Restrained product theme. Reference: apple.com/iphone-18-pro/.
   Apple system fonts are used locally when available; no remote font files. */
:root{color-scheme:dark;--color-background:#000;--color-text:#f5f5f7;--color-primary:#0071e3;--color-secondary:#1d1d1f;--color-muted:#a1a1a6;--color-border:#333336;--color-surface:#161617;--color-surface-raised:#262629;--color-link:#2997ff;--font:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--font-display:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;--radius-small:12px;--radius-medium:28px;--radius-large:32px;--shadow:none}
body{background:var(--color-background);color:var(--color-text);font:400 17px/1.47059 var(--font);letter-spacing:-.022em}
h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--color-text)}
h1{font-size:80px;line-height:1.05;letter-spacing:-.015em}
h2{font-size:48px;line-height:1.08349;letter-spacing:-.003em}
h3{font-size:28px;line-height:1.14286;letter-spacing:.007em}
p{color:var(--color-muted)}
::selection{background:#0071e3;color:#fff}:focus-visible{outline-color:#2997ff}
.section{padding-block:110px}.section-heading{margin-bottom:48px}
.eyebrow{font-size:21px;font-weight:600;line-height:1.19048;letter-spacing:.011em;color:#86868b;margin-bottom:20px}
.lead,.section-description{font-size:21px;line-height:1.381;letter-spacing:.011em;font-weight:400}.section-description{max-width:560px}
.site-header{background:var(--color-background);border-color:transparent;backdrop-filter:none}.header-inner{height:72px}.brand{font-size:24px;letter-spacing:-.035em;font-weight:600}
.main-nav a{color:#cecece;font-size:12px;letter-spacing:-.01em}.main-nav a:hover{color:#fff}
.languages button{color:#a1a1a6}.languages button[aria-pressed="true"]{color:#f5f5f7;background:#ffffff12}.languages button:hover{background:#ffffff0d}
.menu-toggle{background:transparent;border-color:#424245;border-radius:50%}.menu-toggle span{background:#f5f5f7}
.button,.store-button{background:#0071e3;color:#fff;border:1px solid transparent;border-radius:980px;box-shadow:none;font:400 17px/1.17648 var(--font);letter-spacing:-.022em;padding:11px 21px;min-height:44px;gap:10px;transition:background .2s}
.button:hover,.store-button:hover{background:#0077ed;box-shadow:none;transform:none;filter:none;text-decoration:none}
.button-small{font-size:12px;line-height:1.33337;padding:8px 16px;min-height:36px}
.button>svg{display:none}.text-link{color:var(--color-link);font-size:17px;font-weight:400;letter-spacing:-.022em}.skip-link{background:#0071e3;color:#fff}
.hero{display:flex;flex-direction:column;gap:52px;min-height:0;padding-block:76px 80px}
.hero-copy{text-align:center;padding:0;max-width:1000px}.hero .eyebrow{font-size:24px;line-height:1.16667;letter-spacing:.009em;color:#f5f5f7;margin-bottom:24px}
.hero h1{font-size:80px;line-height:1.05;letter-spacing:-.015em;max-width:1000px;margin-inline:auto}.hero h1 .accent{color:#f5f5f7;background:none;-webkit-text-fill-color:currentColor}
.hero .lead{font-size:21px;line-height:1.381;letter-spacing:.011em;max-width:680px;margin:28px auto 0}
.hero-actions{justify-content:center;gap:28px;margin-top:30px}.hero .button,.hero .text-link{font-size:17px}.hero-note{font-size:14px;line-height:1.42859;letter-spacing:-.016em;margin-top:20px}
.hero-visual{background:#000;border:0;border-radius:0;width:min(850px,100%)}
.orbit,.visual-topline,.visual-coordinate,.floating-card,.audience-orbit,.audience-chip{display:none}
.bridge{padding-block:30px;border-color:#333336}.bridge>.eyebrow{font-size:12px;letter-spacing:0;line-height:1.5;max-width:180px;color:#a1a1a6}.bridge>div>span{font-size:14px;color:#a1a1a6}.bridge svg{color:#a1a1a6}
.feature-card{background:#161617;border:0;border-radius:28px}.feature-art,.feature-1 .feature-art,.feature-2 .feature-art{background:#1d1d1f;border-radius:22px;margin:10px;height:230px}
.feature-copy{padding:24px 30px 36px}.feature-copy .eyebrow{font-size:14px;letter-spacing:0;color:#a1a1a6;margin-bottom:14px}.feature-copy h3{font-size:28px;line-height:1.14286;letter-spacing:.007em;margin-bottom:18px}.feature-copy>p:last-child{font-size:17px;line-height:1.47059;letter-spacing:-.022em}
.mini-profile,.mini-job,.bubble-one{background:#2c2c2e;border-color:#ffffff0a;color:#f5f5f7;box-shadow:none}.mini-profile,.mini-job{transform:none}.mini-profile strong,.mini-job strong{font-weight:600}
.avatar,.feature-1 .job-icon,.feature-2 .bubble-avatar{background:#3a3a3c;color:#d2d2d7}.skeleton{background:#636366}.mini-check{background:#3a3a3c;color:#d2d2d7}.mini-tags>span{background:#ffffff08;color:#b5b5ba}.mini-job>span{color:#a1a1a6}.bubble-two{background:#424245;border-color:#ffffff12;transform:none}.bubble-two span{background:#f5f5f7}.connection-line{border-color:#ffffff18}
.audience{gap:80px;padding-block:70px}.audience h2{font-size:48px;line-height:1.08349;letter-spacing:-.003em}.audience-visual,.companies .audience-visual{background:#161617;border:0}
.check-list{gap:17px;margin-block:30px}.check-list li{font-size:17px;line-height:1.47059;letter-spacing:-.022em}.check-list svg{background:transparent;color:#a1a1a6;padding:0;width:18px}
.showcase{background:#101010;border:0;margin-top:45px}.screen-gallery figcaption{color:#a1a1a6;font-size:14px;letter-spacing:-.016em}.preview-note{color:#86868b;font-size:12px;letter-spacing:-.01em}
.steps{gap:50px}.step-number{font-size:17px;color:#a1a1a6;border-color:#424245;background:none}.steps h3{font-size:28px;line-height:1.14286;letter-spacing:.007em}.steps p{font-size:17px;line-height:1.47059;letter-spacing:-.022em}
.benefits{padding-top:40px}.benefits svg{color:#a1a1a6}.benefits h3{font-size:17px;line-height:1.47059;font-weight:600;letter-spacing:-.022em}.benefits p{font-size:14px;line-height:1.42859;letter-spacing:-.016em}
.faq-section h2{font-size:40px;line-height:1.1;letter-spacing:0}.faq-list summary{font-size:17px;line-height:1.47059;font-weight:600;letter-spacing:-.022em;padding-block:24px}.faq-plus:before,.faq-plus:after{background:#a1a1a6}.faq-list details>p{font-size:17px;line-height:1.47059;letter-spacing:-.022em}
.final-cta{background:#161617;border:0;padding:80px 32px;color:#f5f5f7}.final-cta:before{display:none}.final-cta h2{font-size:64px;line-height:1.0625;letter-spacing:-.009em}.final-cta .eyebrow{font-size:21px;line-height:1.19048;letter-spacing:.011em;color:#a1a1a6}.final-cta>p:not(.eyebrow){font-size:21px;line-height:1.381;letter-spacing:.011em;color:#a1a1a6}.store-button{padding:12px 24px;gap:10px}.store-button strong{font-size:17px;font-weight:400;letter-spacing:-.022em;line-height:1.18}.store-button small{font-size:10px;line-height:1.2;letter-spacing:0}.store-button svg{width:22px;height:26px}
.footer-links{color:#a1a1a6;font-size:12px}.footer-top p{font-size:14px}.footer-bottom p{font-size:12px}.site-footer{background:#000}
.noscript{background:#1d1d1f;color:#f5f5f7}.draft-notice{background:#1d1d1f;border-color:#424245;color:#a1a1a6}.document h1{font-size:64px;line-height:1.0625;letter-spacing:-.009em}.document .lead{font-size:21px;line-height:1.381}.legal-sections h2{font-size:28px;line-height:1.14286;letter-spacing:.007em}.legal-sections p{font-size:17px;line-height:1.47059}.support-grid article{background:#161617;border:0;padding:30px}.support-grid h2{font-size:24px;line-height:1.16667;letter-spacing:.009em}.support-grid p,.support-contact>p{font-size:17px;line-height:1.47059}
/* Supplied artwork already contains device frames. Do not crop or stretch it. */
.phone,.screen-gallery .phone{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.phone>img,.screen-gallery .phone>img{display:block;width:100%;height:auto;aspect-ratio:auto;border-radius:0;background:transparent;object-fit:contain}
.hero-phone-front{left:12px;top:83px;transform:rotate(-7deg)}.hero-phone-front .phone{width:265px}
.hero-phone-back{right:0;top:130px;transform:rotate(9deg)}.hero-phone-back .phone{width:238px}
.hero-visual{height:605px}.floating-card{bottom:35px}
.audience-visual{min-height:560px;padding-top:28px}.audience-visual .phone{width:280px;margin-bottom:0;transform:rotate(-4deg)}
.companies .audience-visual .phone{width:310px;transform:rotate(4deg)}
.audience-chip{bottom:26px}
.screen-gallery{display:flex;overflow-x:auto;gap:32px;padding:12px 4px 25px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#626275 #333336}
.screen-gallery figure{flex:0 0 290px;width:290px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end}
.screen-gallery .phone{width:100%;height:555px;display:flex;align-items:flex-end;justify-content:center}
.screen-gallery .phone>img{max-height:100%;width:auto;max-width:100%}
.screen-gallery figcaption{min-height:40px;margin-top:20px;line-height:1.5}
@media(max-width:1190px){.hero-visual{height:545px}.hero-phone-front{left:0;top:95px}.hero-phone-front .phone{width:237px}.hero-phone-back{right:-9px;top:139px}.hero-phone-back .phone{width:217px}.audience-visual{min-height:500px}.audience-visual .phone{width:245px}.companies .audience-visual .phone{width:270px}}
@media(max-width:1000px){.hero-phone-front .phone{width:223px}.hero-phone-back .phone{width:203px}.hero-phone-back{right:-20px}.audience-visual{min-height:465px}.audience-visual .phone{width:228px}.companies .audience-visual .phone{width:250px}}
@media(max-width:760px){.hero-visual{height:550px}.hero-phone-front{left:calc(50% - 190px);top:83px}.hero-phone-front .phone{width:245px}.hero-phone-back{right:calc(50% - 215px);top:122px}.hero-phone-back .phone{width:222px}.floating-card{bottom:25px}.audience-visual,.companies .audience-visual{min-height:550px;padding-top:24px}.audience-visual .phone{width:270px}.companies .audience-visual .phone{width:300px}.audience-chip{bottom:22px}.screen-gallery{gap:25px}.screen-gallery figure{flex-basis:270px;width:270px;scroll-snap-align:center}.screen-gallery .phone{height:515px}}
@media(max-width:420px){.hero-visual{height:480px}.hero-phone-front{left:-5px;top:83px}.hero-phone-front .phone{width:222px}.hero-phone-back{right:-24px;top:119px}.hero-phone-back .phone{width:200px}.audience-visual,.companies .audience-visual{min-height:500px}.audience-visual .phone{width:245px}.companies .audience-visual .phone{width:270px}.floating-card{left:12px;right:12px}.screen-gallery figure{flex-basis:260px;width:260px}.screen-gallery .phone{height:498px}}

.gallery-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #424245;border-radius:50%;background:#333336;color:#f5f5f7;font-size:22px}.gallery-controls button:hover:not(:disabled){border-color:#86868b;background:#3a3a3c}.gallery-controls button:disabled{opacity:.35;cursor:default}.gallery-controls+.screen-gallery{margin-top:18px}body:not(.js-ready) .gallery-controls{display:none}

/* Product composition and typography at the reference's desktop/tablet/mobile scale. */
.hero-visual{height:650px}.hero-phone-front{left:calc(50% - 317px);top:8px;transform:none}.hero-phone-front .phone{width:310px}.hero-phone-back{right:calc(50% - 317px);top:48px;transform:none}.hero-phone-back .phone{width:310px}
.audience-visual .phone,.companies .audience-visual .phone{transform:none}
@media(max-width:1068px){.hero h1{font-size:64px;line-height:1.0625;letter-spacing:-.009em}.hero .lead{max-width:640px}h2,.audience h2{font-size:40px;line-height:1.1;letter-spacing:0}.section{padding-block:90px}.audience{gap:45px}.feature-copy{padding:22px}.feature-copy h3{font-size:24px;line-height:1.16667}.feature-copy>p:last-child{font-size:17px}.feature-copy .eyebrow{font-size:12px}.hero-visual{height:620px}.hero-phone-front{left:calc(50% - 290px)}.hero-phone-back{right:calc(50% - 290px)}.hero-phone-front .phone,.hero-phone-back .phone{width:285px}.steps{gap:30px}.steps h3{font-size:24px}.hero .button{font-size:17px;padding:11px 21px}.hero .text-link{font-size:17px}}
@media(max-width:760px){.hero{gap:36px;padding-block:50px 56px}.hero .eyebrow{font-size:19px;line-height:1.21053;letter-spacing:.012em;margin-bottom:20px}.hero h1{font-size:48px;line-height:1.08349;letter-spacing:-.003em;max-width:620px}.hero .lead{font-size:19px;line-height:1.4211;letter-spacing:.012em;max-width:500px}.hero-actions{gap:22px;flex-direction:row}.hero .button{width:auto;min-height:44px}.hero .text-link{font-size:17px}.hero-note{font-size:12px}.hero-visual{height:520px;width:100%;max-width:620px}.hero-phone-front{left:calc(50% - 235px);top:0}.hero-phone-back{right:calc(50% - 235px);top:40px}.hero-phone-front .phone,.hero-phone-back .phone{width:230px}.section{padding-block:70px}h2,.audience h2,.faq-section h2{font-size:32px;line-height:1.125;letter-spacing:.004em}.eyebrow{font-size:19px;line-height:1.21053;letter-spacing:.012em}.section-description{font-size:19px;line-height:1.4211}.audience{gap:30px}.audience-copy .section-description{font-size:19px}.check-list li{font-size:17px}.feature-copy h3{font-size:24px}.feature-copy>p:last-child{font-size:17px}.feature-art{min-height:240px;height:auto}.feature-copy .eyebrow{font-size:12px}.bridge>div>span{font-size:12px}.bridge>.eyebrow{font-size:12px;max-width:none}.steps h3{font-size:24px}.steps p{font-size:17px}.faq-list summary{font-size:17px}.final-cta{padding:56px 24px}.final-cta h2{font-size:48px;line-height:1.08349;letter-spacing:-.003em}.final-cta .eyebrow{font-size:19px}.final-cta>p:not(.eyebrow){font-size:19px}.document h1{font-size:40px;line-height:1.1}.document .lead{font-size:19px}.footer-links{font-size:12px}.footer-bottom p{font-size:11px}}
@media(max-width:480px){.hero h1{font-size:40px;line-height:1.1;letter-spacing:0}.hero .eyebrow{font-size:17px}.hero-visual{height:400px}.hero-phone-front{left:calc(50% - 179px)}.hero-phone-back{right:calc(50% - 179px);top:35px}.hero-phone-front .phone,.hero-phone-back .phone{width:176px}.hero .lead{font-size:19px}.hero-actions{gap:20px}.hero .button{width:auto;max-width:none}.bridge>div>span{font-size:11px}.feature-art{height:220px;min-height:220px}.steps li{padding-left:0}.steps .step-number{position:static;margin-bottom:18px}.final-cta h2{font-size:40px}.document h1{font-size:36px}}
@media(max-width:359px){.hero h1{font-size:36px}.hero-visual{height:355px}.hero-phone-front{left:calc(50% - 151px)}.hero-phone-back{right:calc(50% - 151px)}.hero-phone-front .phone,.hero-phone-back .phone{width:149px}.hero-actions{flex-direction:column}}

/* Camera-scannable download option, shown on tablet and larger screens. */
.download-qr{display:none}.qr-link{display:block;flex:0 0 132px;border-radius:8px;background:#fff;overflow:hidden}.qr-link img{width:132px;height:132px;display:block;image-rendering:pixelated}.download-qr>div{max-width:215px;text-align:left}.download-qr .qr-title{font-size:17px;line-height:1.3;letter-spacing:-.022em;font-weight:600;color:#f5f5f7;margin:0 0 8px}.download-qr .qr-description{font-size:14px;line-height:1.43;letter-spacing:-.016em;color:#a1a1a6;margin:0}.main-nav{background:var(--color-background)}.get-page{text-align:center;max-width:680px;margin:0 auto;padding:15vh 24px}.get-page .brand{margin-bottom:40px}.get-page h1{font-size:40px;line-height:1.1;margin-bottom:24px}.get-page p{margin-bottom:28px}
@media(min-width:768px){.download-qr{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px auto 0;width:fit-content;max-width:100%}}

/* Editorial caricatures and saturated mesh-style background gradients. */
body{background:radial-gradient(ellipse 900px 780px at -12% 550px,#44b0dc24,transparent 72%),radial-gradient(ellipse 850px 750px at 108% 1000px,#ff25551c,transparent 72%),radial-gradient(ellipse 700px 650px at 83% 1900px,#ff631116,transparent 72%),radial-gradient(ellipse 900px 950px at -15% 2850px,#44b0dc1b,transparent 72%),radial-gradient(ellipse 850px 900px at 105% 3650px,#ff25551a,transparent 72%),radial-gradient(ellipse 800px 750px at -8% 5000px,#ff631116,transparent 72%),#000}
.site-header,.main-nav{background:#000}.character-hero{width:min(100%,1000px);margin:0 auto}.character-hero img{display:block;width:100%;height:auto}
.audience-visual.character-panel,.companies .audience-visual.character-panel{min-height:400px;padding:25px 0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;overflow:visible}.character-panel img{width:100%;height:auto}
.character-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:55px}.character-gallery figure{min-width:0;padding:24px 0}.character-gallery img{width:100%;height:auto}.character-gallery figcaption{font-size:17px;line-height:1.47;color:#a1a1a6;text-align:center;margin-top:22px}
.showcase{background:radial-gradient(ellipse at 20% 50%,#44b0dc15,transparent 70%),radial-gradient(ellipse at 90% 60%,#ff255512,transparent 70%),#0b0b0d}.final-cta{background:radial-gradient(ellipse at 0 0,#44b0dc1c,transparent 70%),radial-gradient(ellipse at 100% 100%,#ff631119,transparent 70%),#161617}
@media(min-width:768px){.hero-actions{display:none}.hero-note{display:none}}
@media(max-width:767px){.hero-actions{display:flex;justify-content:center}.hero-actions .button{width:auto}.character-hero{max-width:580px}.audience-visual.character-panel,.companies .audience-visual.character-panel{min-height:0;padding:10px 0}.character-gallery{grid-template-columns:1fr;max-width:480px;margin:25px auto 0;gap:15px}.character-gallery figcaption{margin-top:10px}.character-gallery figure{padding:10px 0 22px}}

@media(max-width:767px){body{background:radial-gradient(ellipse 450px 750px at -60% 700px,#44b0dc21,transparent 75%),radial-gradient(ellipse 420px 800px at 160% 1400px,#ff25551c,transparent 75%),radial-gradient(ellipse 450px 1100px at -70% 3400px,#ff631118,transparent 75%),radial-gradient(ellipse 450px 1200px at 155% 5700px,#44b0dc1b,transparent 75%),#000}}

/* Text-first hero with a larger, separate download QR column. */
.hero .eyebrow{font-weight:400;color:#a1a1a6}.site-header .brand{width:44px;height:44px;justify-content:center}.hero-copy{min-width:0}
@media(min-width:768px){.hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:64px;padding-block:105px 110px;min-height:620px}.hero-copy{text-align:left;max-width:760px}.hero h1{font-size:64px;line-height:1.0625;letter-spacing:-.009em;margin:0}.hero .lead{margin:28px 0 0;max-width:590px}.hero>.download-qr{flex-direction:column;width:280px;max-width:100%;margin:0;gap:24px}.hero .qr-link{flex:0 0 auto;width:264px;border-radius:14px}.hero .qr-link img{width:264px;height:264px}.hero .download-qr>div{max-width:264px;text-align:center}.hero .qr-title{font-size:19px}.hero .qr-description{font-size:15px}}
@media(min-width:1440px){.hero h1{font-size:72px;line-height:1.05556}.hero{gap:90px}}
@media(min-width:768px) and (max-width:1068px){.hero{grid-template-columns:minmax(0,1fr) 220px;gap:36px;padding-block:80px;min-height:570px}.hero h1{font-size:48px;line-height:1.08349}.hero .eyebrow{font-size:21px}.hero .lead{font-size:19px}.hero>.download-qr{width:220px}.hero .qr-link,.hero .qr-link img{width:220px;height:220px}.hero .download-qr>div{max-width:220px}.hero .qr-title{font-size:17px}.hero .qr-description{font-size:14px}}
@media(max-width:767px){.hero{display:flex;gap:0;padding-block:60px 70px}.hero .eyebrow{font-weight:400}.hero>.download-qr{display:none}}

/* Brand, language dropdowns and framed download cards. */
.site-header .brand{width:auto;justify-content:flex-start;gap:11px}
.site-header .brand span{font-size:17px;font-weight:400;letter-spacing:.18em;text-transform:uppercase}
.languages{position:relative;flex-shrink:0;width:136px}
.languages::after{content:"";position:absolute;right:17px;top:18px;width:6px;height:6px;border-right:1px solid #a1a1a6;border-bottom:1px solid #a1a1a6;transform:rotate(45deg);pointer-events:none}
.languages select{appearance:none;width:100%;height:44px;padding:0 34px 0 16px;border:1px solid #333336;border-radius:22px;background:#111113;color:#f5f5f7;font:400 14px var(--font);letter-spacing:0;cursor:pointer;transition:border-color .2s}
.languages select:hover{border-color:#68686c}.languages option{background:#161617;color:#f5f5f7}
.download-qr{border:1px solid transparent;border-radius:28px;padding:24px;background:linear-gradient(#0b0b0e,#0b0b0e) padding-box,linear-gradient(135deg,#44b0dc,#ff2555 52%,#ff6311) border-box}
@media(min-width:768px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(322px,1fr)}.hero>.download-qr{width:322px;justify-self:center;align-items:center}.final-cta .download-qr{max-width:100%}}
@media(min-width:768px) and (max-width:1068px){.hero{grid-template-columns:minmax(0,1fr) minmax(270px,1fr);gap:28px}.hero>.download-qr{width:270px}}
@media(max-width:1068px){.header-actions{margin-left:auto;gap:13px}.header-download{display:none}.menu-toggle{display:flex;flex-shrink:0}.main-nav{position:absolute;top:72px;left:0;right:0;background:var(--color-background);border-bottom:1px solid var(--color-border);padding:12px 20px 22px;display:none;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{font-size:15px;padding:13px 10px}body:not(.js-ready) .main-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;padding:10px 0;width:100%;order:3}body:not(.js-ready) .header-inner{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px}body:not(.js-ready) .menu-toggle,body:not(.js-ready) .languages{display:none}}
@media(max-width:420px){.site-header .brand{gap:7px}.site-header .brand span{font-size:12px;letter-spacing:.13em}.header-inner{gap:8px}.header-actions{gap:7px}.languages{width:120px}.languages select{font-size:13px;padding-left:12px}.site-header .brand img{width:26px;height:26px}.menu-toggle{width:36px;height:36px}}

/* Refined navigation typography and hero emphasis. */
.site-header .brand span{font-size:17px;font-weight:400;letter-spacing:0;text-transform:none}
.languages select{height:36px;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:-.01em;color:#cecece}
.languages::after{top:14px}
.hero .eyebrow{font-size:17px;line-height:1.4}
.hero h1 .accent{color:#44b0dc;-webkit-text-fill-color:currentColor}
@media(max-width:1068px){.languages select{font-size:15px}}
@media(max-width:767px){.hero .eyebrow{font-size:14px}}

/* Shared brand gradient and full-width FAQ content. */
.hero h1 .accent{background:linear-gradient(135deg,#44b0dc,#ff2555 52%,#ff6311);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.site-header .brand{gap:15px}
.faq-section{grid-template-columns:minmax(0,1fr);gap:40px}
.faq-list{width:100%;min-width:0}
@media(max-width:767px){.site-header .brand{gap:11px}.faq-section{gap:28px}}
@media(forced-colors:active){.hero h1 .accent{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

/* Marketplace refresh: motion, photography and a full-screen navigation sheet. */
:root{--control-border:1px solid #ffffff24;--control-text:#cecece}
html{scrollbar-gutter:stable}
.site-header{position:relative;top:auto;background:#000;backdrop-filter:none}
.header-inner{position:static;height:80px}
.header-actions{margin-left:auto;gap:16px}
.header-download{display:inline-flex}
.site-header .menu-toggle,.menu-close{display:flex;width:36px;height:36px;min-width:36px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:var(--control-border);border-radius:50%;background:transparent;color:var(--control-text);cursor:pointer}
.menu-toggle span,.menu-close span{display:block;width:16px;height:1px;background:var(--control-text)}
.menu-close{position:absolute;top:22px;right:max(32px,calc((100vw - var(--container-width))/2));z-index:2}
.menu-close span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-close span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.menu-panel{position:fixed;inset:0;height:100vh;height:100dvh;z-index:100;background:#080809;overflow:auto;overscroll-behavior:contain;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .42s cubic-bezier(.22,1,.36,1),visibility 0s .42s}
.menu-panel.is-open{visibility:visible;clip-path:inset(0);transition-delay:0s}
.menu-panel .main-nav{position:static;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:min(1000px,calc(100% - 96px));margin:0 auto;padding:clamp(110px,18vh,190px) 0 70px;background:none;border:0;box-shadow:none}
.menu-panel .main-nav a{font-size:clamp(36px,5vw,64px);font-weight:600;line-height:1.16;letter-spacing:-.025em;padding:10px 0;color:var(--control-text);opacity:0;transform:translateY(-14px);transition:opacity .25s,transform .4s}
.menu-panel.is-open .main-nav a{opacity:1;transform:none;transition-delay:.1s}
.menu-panel.is-open .main-nav a:nth-child(2){transition-delay:.14s}.menu-panel.is-open .main-nav a:nth-child(3){transition-delay:.18s}.menu-panel.is-open .main-nav a:nth-child(4){transition-delay:.22s}
.menu-panel .main-nav a:hover{color:#fff}
body.menu-open{overflow:hidden}
.languages{width:136px;position:relative}
.languages::after{display:none}
.language-toggle{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:var(--control-border);border-radius:999px;background:transparent;color:var(--control-text);font:400 12px/1.4 var(--font);letter-spacing:-.01em;cursor:pointer}
.languages .language-toggle{background:transparent;color:var(--control-text);font-size:12px;font-weight:400;min-height:36px}
.languages .language-toggle:hover{background:transparent;border-color:#ffffff45}
.language-chevron{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.language-toggle[aria-expanded=true] .language-chevron{transform:translateY(2px) rotate(225deg)}
.language-options{position:absolute;top:calc(100% + 8px);left:0;width:100%;padding:5px;border:var(--control-border);border-radius:16px;background:#161617;box-shadow:0 12px 35px #0005;z-index:40}
.languages .language-options button{display:block;width:100%;min-height:38px;text-align:left;padding:9px 10px;font:400 13px/1.4 var(--font);color:var(--control-text);border:0;background:none;border-radius:10px}
.languages .language-options button:hover,.languages .language-options button:focus-visible{background:#ffffff0a;color:var(--control-text);outline:1px solid #ffffff35;outline-offset:-1px}
.languages .language-options button[aria-checked=true]{color:var(--control-text);background:none;font-weight:400}
.site-footer .language-options{top:auto;bottom:calc(100% + 8px)}
.language-toggle:focus-visible,.menu-toggle:focus-visible,.menu-close:focus-visible{outline:2px solid #a1a1a6;outline-offset:4px;border-radius:999px}
.hero h1{font-weight:800}
.typed-wrap{position:relative;display:grid;min-width:0}
.typed-measure{grid-area:1/1;visibility:hidden;pointer-events:none}
.typed-text{position:absolute;inset:0 auto auto 0;width:100%}
.typed-text.is-typing::after{content:"";display:inline-block;width:2px;height:.72em;margin-left:4px;background:#a1a1a6;vertical-align:baseline;animation:caret-blink 1.1s steps(1) infinite}
@keyframes caret-blink{50%{opacity:0}}
.motion-toggle{display:grid;place-items:center;width:30px;height:30px;margin-top:16px;border:var(--control-border);border-radius:50%;background:transparent;color:#a1a1a6;font:400 12px var(--font);cursor:pointer}
.hero .lead{margin-top:20px}
.app-badge{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px}
.app-badge img{width:150px;height:50px;object-fit:contain}
.talent-section{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;border-bottom:1px solid var(--color-border)}
.talent-number{text-align:center}
.stat-number{color:#f5f5f7;font-size:clamp(72px,9vw,128px);font-weight:800;line-height:1.05;letter-spacing:-.065em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stat-number>span:last-child{color:#44b0dc;font-weight:400}
.stat-caption{font-size:21px;color:#f5f5f7;margin-top:16px}.stat-region{font-size:15px;margin-top:8px}
.audience-visual.photo-panel,.companies .audience-visual.photo-panel{display:block;padding:0;min-height:0;aspect-ratio:3/2;border:0;border-radius:28px;overflow:hidden;background:#161617}
.photo-panel img{display:block;width:100%;height:100%;object-fit:cover}
.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}
.photo-gallery figure{min-width:0}
.photo-gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px}
.photo-gallery figcaption{font-size:17px;line-height:1.47;color:#a1a1a6;text-align:center;margin-top:20px}
body:not(.js-ready) .menu-toggle,body:not(.js-ready) .languages,body:not(.js-ready) .menu-panel{display:none}
.noscript nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:8px}
@media(max-width:1068px){.talent-section{gap:40px}.talent-section h2{font-size:36px}.languages .language-toggle{font-size:14px}.header-download{display:inline-flex}}
@media(max-width:767px){.site-header .brand{display:none}.header-inner{height:72px}.header-actions{width:100%;justify-content:space-between;gap:16px;margin:0}.header-download{display:none}.languages{width:136px}.menu-panel .main-nav{width:calc(100% - 48px);padding-top:110px;gap:14px}.menu-panel .main-nav a{font-size:clamp(32px,7.5vw,48px)}.menu-close{top:18px;right:24px}.hero .motion-toggle{margin:14px auto 0}.hero .lead{margin-top:20px}.talent-section{grid-template-columns:1fr;gap:36px;text-align:center}.talent-section h2{font-size:32px}.talent-section .section-description{margin-inline:auto}.stat-number{font-size:88px}.photo-gallery{grid-template-columns:1fr;max-width:520px;margin:32px auto 0;gap:32px}.photo-gallery figcaption{margin-top:14px}.photo-panel img{height:100%}.audience-visual.photo-panel{border-radius:22px}}
@media(prefers-reduced-motion:reduce){.menu-panel,.menu-panel .main-nav a{transition:none}.typed-text::after{animation:none;display:none}html{scroll-behavior:auto}}
@media(forced-colors:active){.language-toggle,.menu-toggle,.menu-close{border-color:ButtonText}.typed-text{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
.languages .language-toggle{padding:0 14px;border:var(--control-border);border-radius:999px;line-height:1.4;letter-spacing:-.01em}
.typed-measure::after{content:"";display:inline-block;width:2px;height:.72em;margin-left:4px;vertical-align:baseline}

/* Owner-provided FAQ, contact channels and complete policy documents. */
.faq-answer{padding:0 0 28px;max-width:100%;color:var(--color-muted)}
.faq-answer p,.faq-answer li{font-size:17px;line-height:1.65;letter-spacing:-.012em}
.faq-answer p+p,.faq-answer ul,.faq-answer ol{margin-top:16px}
.faq-answer ul,.faq-answer ol{padding-left:24px;margin-bottom:16px}
.faq-answer li+li{margin-top:10px}
[data-rich-text] a{color:var(--color-link);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.content-table-wrap{margin:22px 0;width:100%;min-width:0}
.content-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:16px;line-height:1.55;letter-spacing:0}
.content-table th,.content-table td{padding:16px 18px;border-bottom:1px solid var(--color-border);vertical-align:top;overflow-wrap:anywhere}
.content-table th{font-weight:500;color:var(--color-text)}
.content-table thead th{background:#ffffff06;font-size:14px;color:var(--color-muted)}
.content-table th:first-child{width:32%}
.document-date{font-size:15px;margin-top:22px}
.legal-document h1{max-width:1000px;font-size:clamp(36px,5vw,64px)}
.document-toc{max-width:820px;margin-top:36px;padding:24px 28px;border:1px solid var(--color-border);border-radius:22px}
.document-toc>p{font-size:15px;font-weight:500;color:var(--color-text)}
.document-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:10px 32px;margin:18px 0 0;padding-left:22px;font-size:14px;color:var(--color-muted)}
.document-toc a:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}
.legal-document .legal-sections{max-width:820px;gap:44px}
.legal-sections section{scroll-margin-top:28px}
.legal-sections h2{font-size:26px;line-height:1.25;font-weight:600;letter-spacing:-.02em}
.legal-sections h3{font-size:19px;line-height:1.4;margin:24px 0 12px;font-weight:500}
.legal-sections p,.legal-sections li{font-size:17px;line-height:1.75;letter-spacing:-.01em;overflow-wrap:break-word}
.legal-sections p+p{margin-top:16px}
.legal-sections ul,.legal-sections ol{padding-left:24px;margin:16px 0;color:var(--color-muted)}
.legal-sections li+li{margin-top:9px}
.related-documents{display:flex;flex-wrap:wrap;gap:14px 28px;max-width:820px;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border);font-size:15px;color:var(--color-link)}
.support-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}
.support-channels article{display:flex;flex-direction:column;gap:18px;padding:28px;border:1px solid var(--color-border);border-radius:24px;background:#161617;min-width:0}
.support-channels h2{font-size:25px;line-height:1.2;letter-spacing:-.02em}
.support-channels p{font-size:16px;line-height:1.6}
.support-channels .text-link{margin-top:auto;align-self:flex-start;font-size:16px}
.footer-links{flex-wrap:wrap}
@media(max-width:767px){.faq-answer p,.faq-answer li{font-size:16px}.content-table{font-size:14px}.content-table th,.content-table td{padding:12px 8px}.content-table th:first-child{width:37%}.content-table thead th{font-size:13px}.document-toc{padding:22px}.document-toc ol{grid-template-columns:1fr;gap:12px}.legal-sections p,.legal-sections li{font-size:16px}.legal-sections h2{font-size:24px}.support-channels{grid-template-columns:1fr;gap:18px}.support-channels article{padding:24px}.related-documents{font-size:14px}}
@media(max-width:480px){
 .content-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .content-table tbody{display:block}
 .content-table tbody tr{display:block;padding:18px 0;border-bottom:1px solid var(--color-border)}
 .content-table tbody th,.content-table tbody td{display:block;width:100%;padding:0;border:0;overflow-wrap:break-word}
 .content-table tbody th:first-child{width:100%;font-size:15px;line-height:1.5;margin-bottom:8px}
 .content-table tbody td{font-size:15px;line-height:1.6}
}
/* Standalone hero icon; header download opens the App Store directly. */
.hero-logo{display:none}
@media(min-width:768px){.hero-logo{display:block;width:80px;height:80px;object-fit:contain;margin:0 0 24px;border-radius:18px}}
.hero .qr-link img{image-rendering:auto}
/* Lift the introduction and keep the QR artwork square. */
.hero .qr-link,.hero .qr-link img{border-radius:0}



/* A compact download row under the description, with photography alongside. */
.hero-copy{transform:none}
.hero .download-qr{flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;width:100%;max-width:480px;margin:28px 0 0;padding:18px;border:0;border-radius:20px;background:#161617;text-align:left}
.hero .qr-link{flex:0 0 132px;width:132px;height:132px;background:#fff}
.hero .qr-link img{width:132px;height:132px}
.hero .download-qr>div{max-width:none;min-width:0;text-align:left}
.hero .download-qr .qr-title{font-size:17px}
.hero .download-qr .qr-description{font-size:14px}
.hero-photo{width:100%;aspect-ratio:4/5;max-height:660px;overflow:hidden;border-radius:28px;background:#161617;align-self:center}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:42% center}
@media(min-width:768px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:64px}}
@media(min-width:768px) and (max-width:1068px){.hero{gap:28px}.hero .download-qr{gap:14px;padding:14px}.hero .qr-link{flex-basis:112px;width:112px;height:112px}.hero .qr-link img{width:112px;height:112px}.hero .download-qr .qr-title{font-size:15px}.hero .download-qr .qr-description{font-size:13px}}
@media(max-width:767px){.hero .download-qr{display:none}.hero-photo{aspect-ratio:3/2;max-width:580px;margin:36px auto 0;border-radius:22px}.hero-photo img{object-position:center}}
/* Original hero portrait in an asymmetric, soft oval. */
.hero-photo{aspect-ratio:4/5;border-radius:44% 56% 43% 57% / 39% 43% 57% 61%;background:transparent}
.hero-photo img{object-position:50% 50%}
.hero .download-qr{padding:0;background:transparent;border:0;border-radius:0;gap:18px;max-width:430px;margin-top:26px}
.hero .qr-link{flex:0 0 99px;width:99px;height:99px}
.hero .qr-link img{width:99px;height:99px}
@media(max-width:767px){.hero-photo{aspect-ratio:4/5;max-width:400px;border-radius:44% 56% 43% 57% / 39% 43% 57% 61%}}

/* Shorter, softly asymmetric portrait frame. */
.hero-photo{aspect-ratio:6/5;max-height:480px;border-radius:28% 42% 24% 40% / 36% 25% 42% 28%}
@media(max-width:767px){.hero-photo{aspect-ratio:6/5;max-height:340px;border-radius:28% 42% 24% 40% / 36% 25% 42% 28%}}

/* Square group portrait with generous, uniform rounded corners. */
.hero-photo{aspect-ratio:1;max-width:480px;max-height:none;justify-self:center;border-radius:64px}
@media(max-width:767px){.hero-photo{aspect-ratio:1;max-width:340px;max-height:none;border-radius:48px}}
/* App screen composition and download badge in the hero. */
.hero .hero-actions{display:flex;justify-content:flex-start;margin-top:28px}
.hero-screens{position:relative;width:92%;max-width:540px;aspect-ratio:1/1.17;justify-self:center;align-self:center;isolation:isolate}
.hero-screens img{position:absolute;height:auto;object-fit:contain;filter:drop-shadow(0 16px 20px #0005)}
.hero-screens .screen-back-left{width:43%;left:0;top:13%;transform:rotate(-9deg);z-index:0}
.hero-screens .screen-back-right{width:43%;right:0;top:7%;transform:rotate(9deg);z-index:1}
.hero-screens .screen-front{width:61%;left:19.5%;top:5%;z-index:2}
.bridge .download-qr{display:flex;flex:0 1 370px;align-items:center;justify-content:flex-start;gap:18px;width:auto;max-width:370px;margin:0;padding:0;background:transparent;border:0;border-radius:0}
.bridge .qr-link{flex:0 0 99px;width:99px;height:99px;border-radius:8px;overflow:hidden;background:#fff}
.bridge .qr-link img{width:99px;height:99px;border-radius:8px;image-rendering:auto}
.bridge .download-qr>div{display:block;max-width:none;min-width:0;text-align:left}
.bridge .bridge-benefits{flex:1;justify-content:space-between;gap:24px}
.bridge .bridge-benefits>span{min-width:0}
@media(min-width:768px) and (max-width:1068px){.bridge{flex-direction:column;align-items:stretch;gap:24px}.bridge .download-qr{flex-basis:auto;max-width:420px}.bridge .bridge-benefits{width:100%}}
@media(max-width:767px){.hero .hero-actions{justify-content:center}.hero-screens{max-width:470px;margin:32px auto 0}.bridge .download-qr{display:none}.bridge .bridge-benefits{width:100%;gap:12px}}

/* Responsive single-wave portrait and simplified download strip. */
.hero{padding-top:48px}
.hero-portrait{width:100%;max-width:480px;min-width:0;aspect-ratio:4/5;align-self:center;justify-self:center;margin:0;border-radius:0;-webkit-mask:url(../images/photos/hero-brush-mask.svg) center/100% 100% no-repeat;mask:url(../images/photos/hero-brush-mask.svg) center/100% 100% no-repeat;overflow:hidden}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:48% center}
.bridge{flex-direction:row;justify-content:space-between;align-items:center;gap:32px}
.bridge .bridge-disclaimer{margin:0;max-width:400px;text-align:left;color:#a1a1a6;font-size:14px;line-height:1.5}
.bridge .download-qr{flex:0 1 400px;max-width:400px;margin-left:auto}
.bridge .download-qr>div{text-align:right}
.bridge .qr-link,.bridge .qr-link img{border-radius:0}
@media(min-width:768px) and (max-width:1068px){.hero{padding-top:36px}.bridge .bridge-disclaimer{max-width:260px}}
@media(max-width:767px){.hero{padding-top:28px}.hero-portrait{max-width:360px;margin:32px auto 0}.bridge .download-qr{display:none}.bridge .bridge-disclaimer{max-width:none}}


/* Right-column mosaic with a soft circular fade. */
.hero-mosaic{position:relative;order:2;width:100%;max-width:540px;aspect-ratio:1;justify-self:center;align-self:center;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(circle closest-side,#000 58%,#000e 72%,#0008 86%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 58%,#000e 72%,#0008 86%,transparent 100%)}
.hero-mosaic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%}
.talent-tile{aspect-ratio:1;border-radius:10px;overflow:hidden;background-color:#16191e}
.talent-portrait{background-image:url(../images/talent/portraits.webp);background-size:300% 200%;background-position:var(--portrait-x) var(--portrait-y)}
.talent-symbol{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22242b,#101216)}
.talent-symbol img{width:40%;height:40%;object-fit:contain;filter:brightness(0) invert(1);opacity:.8}
@media(max-width:767px){.hero-mosaic{max-width:440px;margin:32px auto 0}.hero-mosaic-grid{gap:7px}.talent-tile{border-radius:8px}}
/* Slightly larger mosaic while preserving the hero columns. */
@media(min-width:768px){.hero-mosaic{width:100%;max-width:500px}}
@media(max-width:767px){.hero-mosaic{max-width:400px}}

/* Softer tile corners at every screen size. */
.talent-tile{border-radius:20px}
@media(max-width:767px){.talent-tile{border-radius:14px}}
@media(min-width:768px) and (max-width:1068px){.hero-mosaic{width:100%}}
/* Enlarge tiles inside the existing circular viewport. */
.hero-mosaic-grid{width:125%;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}
.talent-tile{border-radius:28px}
@media(max-width:767px){.talent-tile{border-radius:20px}}

/* One continuous grid; only opacity varies around the right column. */
.hero-stage{position:relative;isolation:isolate;overflow:hidden}
.hero-stage>.hero{position:relative;z-index:1}
.hero-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;--spot-x:calc(50% + min(24vw,340px));--spot-y:43%;--spot-radius:330px;-webkit-mask-image:radial-gradient(ellipse calc(var(--spot-radius) * 1.25) var(--spot-radius) at var(--spot-x) var(--spot-y),#000 10%,#000f 24%,#000d 40%,#0009 58%,#0005 74%,#0002 90%,#00000014 110%);mask-image:radial-gradient(ellipse calc(var(--spot-radius) * 1.25) var(--spot-radius) at var(--spot-x) var(--spot-y),#000 10%,#000f 24%,#000d 40%,#0009 58%,#0005 74%,#0002 90%,#00000014 110%)}
.hero-ambient .hero-mosaic-grid{position:absolute;display:grid;grid-template-columns:repeat(16,minmax(0,1fr));width:max(calc(100% + 480px),3360px);top:50%;left:50%;transform:translate(-50%,-50%)}
.hero-stage::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#000,transparent 15%,transparent 75%,#000)}
@media(min-width:768px) and (max-width:1068px){.hero-ambient{--spot-radius:32vw}}
@media(max-width:767px){.hero-ambient{--spot-x:50%;--spot-y:calc(100% - 260px);--spot-radius:240px}.hero-ambient .hero-mosaic-grid{width:2800px}}

/* Larger FAQ questions across screen sizes. */
.faq-list summary{font-size:24px;line-height:1.35}
@media(max-width:767px){.faq-list summary{font-size:20px}}

/* FAQ typography matches feature-card headings. */
.faq-list summary{font-family:var(--font-display);font-weight:600;color:var(--color-text);font-size:28px;line-height:1.14286;letter-spacing:.007em}
.hero{padding-top:24px}
@media(max-width:1068px){.faq-list summary{font-size:24px;line-height:1.16667}}
@media(min-width:768px) and (max-width:1068px){.hero{padding-top:20px}}
@media(max-width:767px){.hero{padding-top:16px}}

/* Neutral profession tiles. */
.talent-symbol{background:linear-gradient(135deg,#22242b,#101216)}

/* Portrait-only mosaic with softer corners. */
.talent-tile{border-radius:40px}
@media(max-width:767px){.talent-tile{border-radius:32px}}

.talent-portrait-new{background-image:url(../images/talent/portraits-new.webp)}


/* Continuous rows: identical halves meet seamlessly at the loop boundary. */
.hero-ambient .hero-mosaic-grid{display:flex;flex-direction:column;gap:10px}
.talent-row{display:flex;flex:none;width:200%;animation:talent-row-loop 180s linear infinite}
.talent-row-group{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:10px;width:50%;flex:0 0 50%;padding-right:10px;box-sizing:border-box}
.talent-row:nth-child(even){animation-direction:reverse;position:relative;left:calc((100% / 16) / 2)}
@keyframes talent-row-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.talent-row{animation:none}}

/* Individual speeds keep the continuous rows from moving in lockstep. */
.talent-row:nth-child(1){animation-duration:282s}
.talent-row:nth-child(2){animation-duration:348s}
.talent-row:nth-child(3){animation-duration:257s}
.talent-row:nth-child(4){animation-duration:323s}
.talent-row:nth-child(5){animation-duration:298s}
.talent-row:nth-child(6){animation-duration:380s}
.talent-row:nth-child(7){animation-duration:274s}
.talent-row:nth-child(8){animation-duration:331s}

/* Equal spacing inside rows, between rows and at the loop seam. */
.hero-ambient .hero-mosaic-grid{gap:26px}
.talent-row-group{gap:26px;padding-right:26px}
@media(max-width:767px){.hero-ambient .hero-mosaic-grid{gap:20px}.talent-row-group{gap:20px;padding-right:20px}}

/* Darker overlay above the mosaic, below the hero content. */
.hero-stage::after{background:linear-gradient(180deg,#000,transparent 15%,transparent 75%,#000),linear-gradient(#0005,#0005)}
/* Full-opacity portraits with a soft out-of-focus treatment around them. */
.hero-ambient{opacity:1;-webkit-mask-image:none;mask-image:none}
.hero-stage::after{content:none}
.hero-ambient::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(0,0,0,.92);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-mask-image:radial-gradient(ellipse calc(var(--spot-radius) * 1.25) var(--spot-radius) at var(--spot-x) var(--spot-y),transparent 28%,#0002 44%,#0008 65%,#000e 88%,#000 110%);mask-image:radial-gradient(ellipse calc(var(--spot-radius) * 1.25) var(--spot-radius) at var(--spot-x) var(--spot-y),transparent 28%,#0002 44%,#0008 65%,#000e 88%,#000 110%)}
@media(max-width:767px){.hero-ambient::after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}

.bridge .bridge-disclaimer{white-space:pre-line}

/* More breathing room for questions and restrained navigation feedback. */
.faq-list summary{padding-block:32px}
@media(max-width:767px){.faq-list summary{padding-block:26px}}
.languages .language-toggle,.menu-toggle,.menu-close{transition:border-color .18s ease,color .18s ease,background-color .18s ease}
.languages .language-toggle:hover,.menu-toggle:hover,.menu-close:hover{background:transparent;border-color:#ffffff45;color:var(--control-text)}
.languages .language-options button,.menu-panel .main-nav a{transition:color .18s ease}
.languages .language-options button:hover,.languages .language-options button[aria-checked=true]:hover,.menu-panel .main-nav a:hover{background:transparent;color:#fff;box-shadow:none;outline:none}
.languages .language-options button:focus-visible{background:transparent;color:#fff;outline:1px solid #ffffff35;outline-offset:-1px}
/* Start the portrait grid below the menu with complete top-row portraits. */
.hero-ambient .hero-mosaic-grid{top:0;transform:translateX(-50%)}
@media(max-width:767px){.hero-ambient .hero-mosaic-grid{top:0}}

/* Compact QR strip after removing the disclaimer. */
.bridge{padding-block:16px}
@media(max-width:767px){.bridge{display:none}}

/* Tighter spacing between the header and hero content. */
.hero{padding-top:12px}
@media(min-width:768px) and (max-width:1068px){.hero{padding-top:10px}}
@media(max-width:767px){.hero{padding-top:8px}}

/* Minimal space below the header. */
.hero{padding-top:0}

/* English role cards alternate with portraits in the moving rows. */
.talent-role{display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(135deg,#22242b,#101216);color:#f5f5f7;text-align:center}
.talent-role span{font-family:var(--font-display);font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.02em;overflow-wrap:normal}
@media(max-width:767px){.talent-role{padding:12px}.talent-role span{font-size:18px}}