@import url('/assets/home-polish-v1/home-polish.css');
@import url('/assets/home-imagery-v1/home-imagery.css');
@import url('/assets/bootstrap.css');
@import url('/assets/original.css');
@import url('/assets/fonts.css');

:root{
 --av-display:'Deezer Brand',sans-serif;--av-ui:Inter,sans-serif;
 --av-section-gap:140px;--av-block-gap:56px;--av-copy-gap:28px;--av-small-gap:14px;
 --av-content:1008px;--av-reading:720px;--av-radius:14px;
 --av-purple:#9F9CFC;--av-lilac:#9F9CFC;--av-ink:#0f0c13;--av-paper:#faf9fc;
}
html{scroll-behavior:auto}body{margin:0;min-width:320px;background:var(--av-paper);font:400 16px/26px var(--av-ui);-webkit-font-smoothing:antialiased}
*,*:before,*:after{box-sizing:border-box}
#page-homepage-brand .section-title{font:700 56px/60px var(--av-display);letter-spacing:-.56px;text-align:center;width:100%;max-width:840px;margin:0 auto;padding:0;text-wrap:balance}
#page-homepage-brand .body-copy{font:400 16px/26px var(--av-ui);letter-spacing:0;text-align:center;width:100%;max-width:var(--av-reading);margin:0 auto;padding:0;color:var(--color-text-secondary)}
.tempo-btn{display:inline-flex;align-items:center;justify-content:center;font:600 16px/24px var(--av-ui);letter-spacing:0;min-height:48px;height:48px;padding:12px 28px;border-radius:var(--av-radius);white-space:nowrap}
.avatiko-lockup{display:inline-flex;align-items:center;gap:7px;color:#fff;white-space:nowrap}.avatiko-lockup img{width:28px;height:28px;display:block}.avatiko-lockup b{font:700 22px/28px var(--av-ui);letter-spacing:-.7px}

/* Navigation: the same UI font, weight and baseline for all links. */
.tempo-topbar{position:absolute;left:50%;top:14px;transform:translateX(-50%);width:min(784px,calc(100% - 56px));height:50px;min-height:50px;padding:7px 10px 7px 14px;border:0;border-radius:40px;background:var(--av-ink);z-index:20}
.tempo-topbar #topbar-deezer-logo{min-width:112px}
.tempo-topbar .tempo-topbar-exposed-links{display:flex;flex:1;justify-content:center;gap:28px;margin:0 14px}
.tempo-topbar .tempo-topbar-exposed-links a{margin:0;font:600 14px/20px var(--av-ui);letter-spacing:0;color:#e1dce8}
.tempo-topbar .tempo-topbar-actions{gap:21px}.tempo-topbar .tempo-topbar-actions>*{margin:0}
.tempo-topbar #topbar-login-button{display:inline-flex;border:0;padding:0;min-height:36px;height:36px;font:600 14px/20px var(--av-ui);background:transparent}
.tempo-topbar #topbar-register-button{display:inline-flex;align-items:center;min-height:36px;height:36px;padding:8px 18px;border-radius:24px;background:#9F9CFC;color:#1d142e;font:600 14px/20px var(--av-ui);border:0;letter-spacing:0}
.tempo-topbar .burger-menu{display:none}

/* Hero. */
#page-homepage-brand .hero-section.mv-hero{padding:112px 28px 56px;min-height:876px;overflow:hidden;background:var(--av-paper)}
.mv-hero-grid{max-width:var(--av-content);margin:0 auto;display:grid;grid-template-columns:1fr 534px;column-gap:112px;align-items:center}
.mv-hero-copy{width:100%;max-width:344px;margin:auto}
#page-homepage-brand .mv-hero-copy h1{font:800 60px/60px var(--av-display);letter-spacing:-1.8px;max-width:none;margin:0;padding:0;text-align:center;text-transform:uppercase}
#page-homepage-brand .hero-section.mv-hero .mv-intro{font:400 16px/26px var(--av-ui);letter-spacing:0;text-align:center;color:#625c6b;width:100%;max-width:none;padding:0;margin:28px 0}
.mv-cta-panel{padding:14px;border:1px solid #e5e0ed;border-radius:28px;background:#efecf5}
#page-homepage-brand .mv-start{width:100%;gap:21px;height:48px;min-height:48px;padding:12px 21px;font:600 16px/24px var(--av-ui);border-radius:14px}
.mv-start>span{font-size:22px;line-height:24px}
#page-homepage-brand .hero-section.mv-hero .mv-cta-panel p.mv-cta-note{font:400 12px/20px var(--av-ui);letter-spacing:0;color:#77717e;text-align:center;max-width:none;width:100%;margin:14px 0 0;padding:0}
.mv-showcase{width:534px;height:614px;border-radius:28px;overflow:hidden;position:relative;background:#17131e;isolation:isolate}
.mv-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.mv-showcase:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(12,8,21,.65));pointer-events:none;z-index:0}
.mv-prompt{position:absolute;bottom:28px;left:28px;right:28px;height:70px;display:flex;gap:14px;align-items:center;padding:14px;color:#fff;border:1px solid #ffffff4d;border-radius:21px;background:rgba(209,196,232,.25);backdrop-filter:blur(20px);box-shadow:0 0 0 7px rgba(235,221,255,.1);z-index:1}
.mv-prompt>img{width:28px;height:28px;flex:none}.mv-prompt>span{font:500 14px/20px var(--av-ui);letter-spacing:0}.mv-prompt>.mv-prompt-arrow{margin-left:auto;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(22,17,31,.4);font-size:26px;flex:none}
.mv-hero-footnote{max-width:var(--av-content);margin:56px auto 0;text-align:center;font:400 12px/20px var(--av-ui);letter-spacing:0;color:#77717e}

/* Examples: title → copy 28; copy → media 56; media → caption 28. */
#page-homepage-brand #examples{margin:28px 0 140px;padding:56px 28px 0;overflow:visible}
.demo-inner{width:100%;text-align:center}
#page-homepage-brand #examples .demo-copy{margin:28px auto 56px}
.identity-gallery{display:grid;grid-template-columns:repeat(3,280px);gap:28px;justify-content:center;margin:0 auto;width:100%}
.identity-scene{height:440px;position:relative;overflow:hidden;border-radius:14px;border:5px solid var(--av-lilac);background:#1c1425}
.identity-scene>img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.scene-creator>img{object-position:center bottom;height:125%;position:absolute;bottom:0}
.scene-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:28px 14px 14px;background:linear-gradient(transparent,rgba(15,12,19,.85));color:white;text-align:left}
.scene-caption b{font:600 16px/24px var(--av-ui)}.scene-caption small{display:block;font:400 12px/20px var(--av-ui);color:#e0dbe6}
.scene-play{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #ffffff99;border-radius:50%;font:500 12px/20px var(--av-ui)}
#page-homepage-brand .demo-footnote{font:400 16px/26px var(--av-ui);letter-spacing:0;color:#c6c0cc;text-align:center;max-width:720px;width:100%;padding:0;margin:28px auto}

/* Decorative wave section retains the supplied artwork. */
#page-homepage-brand #possibilities{isolation:isolate;position:relative;width:min(1120px,100%);height:465px;margin:140px auto;padding:0 28px}
#page-homepage-brand #possibilities .wave-copy{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:0}
#page-homepage-brand #possibilities .wave-copy>*{margin:0}
#page-homepage-brand #possibilities .section-title{padding:0 28px}

/* Feature cards: consistent 245px card width / 28px gap. */
#page-homepage-brand #characters{margin:140px 0;padding:0 28px;overflow:hidden}
#page-homepage-brand #characters>.section-title{margin:0 auto 56px}
#page-homepage-brand #characters .feature-row-wrap{width:100%;margin:0;padding:0;overflow:hidden}
#page-homepage-brand #characters .carousel{display:grid;grid-auto-flow:unset;grid-template-columns:repeat(3,245px);justify-content:center;gap:28px;margin:0;padding:0;overflow:visible;width:100%}
#page-homepage-brand #characters .carousel-item{width:245px;display:flex;flex-direction:column;gap:14px;filter:none;margin:0;cursor:default}
#page-homepage-brand #characters .influencer-card{width:100%;position:relative;overflow:hidden;border-radius:14px;margin:0}
#page-homepage-brand #characters img.feature-illustration{display:block;width:245px;height:auto;min-width:0;border-radius:14px}
#page-homepage-brand #characters .card-title{position:absolute;top:28px;left:0;width:100%;margin:0;padding:0 14px;white-space:pre-line;font:700 20px/24px var(--av-display);letter-spacing:-.2px;text-align:center;color:var(--av-ink)}
#page-homepage-brand #characters .carousel-item .tempo-btn{visibility:visible;width:100%;padding:12px 21px}
#page-homepage-brand #characters .carousel:hover .carousel-item{filter:none}

/* Studio panel: one common text width, explicit vertical groups. */
#page-homepage-brand #studio{margin:140px 0;padding:112px 28px;background:var(--av-paper)}
.studio-stack{width:100%;display:flex;flex-direction:column;align-items:center}
#page-homepage-brand .studio-intro{width:100%;display:flex;flex-direction:column;align-items:center;gap:28px;margin:0;padding:0}
#page-homepage-brand .studio-intro>.users-image{max-width:1008px;width:100%;margin:28px auto 0;padding:0 56px}
#page-homepage-brand .studio-slogan{width:calc(100% + 56px);padding:0;margin:112px -28px;overflow:visible}
#page-homepage-brand .infinite-banner.complete-slogan{transform:none;display:flex;align-items:center;justify-content:center;width:100%;height:120px;padding:0 56px;white-space:normal}
#page-homepage-brand .infinite-banner.complete-slogan .heading-2{display:flex;align-items:center;justify-content:center;gap:28px;position:static;font:700 clamp(16px,5.85vw,88px)/1.1 var(--av-display);letter-spacing:-.01em;height:auto;width:max-content;max-width:100%;margin:0;padding:0;animation:none;transform:none;white-space:nowrap}
#page-homepage-brand .complete-slogan .slogan-text{display:block;flex:0 0 auto}
#page-homepage-brand .complete-slogan .marquee-logo{display:block;position:static;flex:0 0 1em;width:1em;height:1em;margin:0}
.studio-image{width:100%;max-width:var(--av-content);margin:0 auto;padding:0;border-radius:28px;overflow:hidden}.studio-image img{display:block;width:100%;height:auto}
#page-homepage-brand .studio-copy{width:100%;display:flex;flex-direction:column;align-items:center;gap:28px;margin:56px auto 0;padding:0}
#page-homepage-brand .studio-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin:0}
#page-homepage-brand .studio-actions>.tempo-btn{margin:0}

/* Platform row: text and its CTA form one group aligned with the illustration. */
#page-homepage-brand #platform{margin:140px 0;padding:0 28px}
.platform-layout{max-width:var(--av-content);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
#page-homepage-brand .platform-copy{display:flex;flex-direction:column;align-items:center;gap:28px;padding:0;margin:0}
#page-homepage-brand .platform-copy .section-title{width:100%;max-width:none}
#page-homepage-brand .platform-copy .body-copy{max-width:none;text-wrap:pretty}
.platform-art{display:block;width:100%;line-height:0}.platform-art img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain}
.platform-action{display:flex;justify-content:center;margin:0}

/* FAQ. */
#page-homepage-brand #faq{width:calc(100% - 56px);max-width:840px;margin:140px auto;padding:0}
#page-homepage-brand #faq>.section-title{margin:0 auto 56px}
#page-homepage-brand #faq .cards-container{width:100%;list-style:none;margin:0;padding:0;display:block}
#page-homepage-brand #faq .card-container{list-style:none;margin:0;padding:0;border-bottom:1px solid #ffffff24}
#page-homepage-brand #faq .faq-container{margin:0;padding:28px 0}
#page-homepage-brand #faq .faq-summary{margin:0;padding:0}
#page-homepage-brand #faq .faq-title{font:600 18px/26px var(--av-ui);letter-spacing:0;width:auto;margin:0;padding:0}
#page-homepage-brand #faq .faq-summary-content{gap:28px;align-items:center}
#page-homepage-brand #faq .faq-close,#page-homepage-brand #faq .faq-more{top:0;width:20px;height:20px;flex:none}
#page-homepage-brand #faq .faq-paragraph-block{margin:14px 0 0;padding:0 56px 0 0}
#page-homepage-brand #faq .faq-paragraph-block p{font:400 16px/26px var(--av-ui);letter-spacing:0;text-align:left;max-width:none;width:100%;margin:0;padding:0;color:#b9b3c2}

/* Footer follows the same content grid and 14 / 28 / 56 spacing scale. */
.avatiko-footer{background:var(--av-ink);color:#b9b3c2;border-top:1px solid #ffffff24;padding:84px 28px 56px;font-family:var(--av-ui)}
.footer-actions{display:flex;justify-content:center;gap:14px;margin:0 0 56px}
.footer-columns{max-width:var(--av-content);width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
.footer-columns h3{font:600 14px/22px var(--av-ui);letter-spacing:0;color:#fff;margin:0 0 28px;padding:0}
.footer-columns a{display:block;font:400 14px/22px var(--av-ui);letter-spacing:0;margin:0 0 14px;color:#b9b3c2;text-decoration:none}.footer-columns a:last-child{margin-bottom:0}
.footer-bottom{max-width:var(--av-content);width:100%;margin:84px auto 0;padding-top:28px;border-top:1px solid #ffffff1a;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;font:400 12px/20px var(--av-ui)}
.footer-domain{font:400 12px/20px var(--av-ui)}.footer-bottom>span:last-child{text-align:right}

@media(max-width:1100px){
 .mv-hero-grid{grid-template-columns:minmax(280px,344px) minmax(340px,534px);gap:56px}.mv-showcase{width:100%;height:auto;aspect-ratio:534/614}
 #page-homepage-brand .mv-hero-copy h1{font-size:clamp(44px,5.3vw,60px);line-height:1}
 .identity-gallery{grid-template-columns:repeat(3,minmax(0,280px));max-width:896px}
 #page-homepage-brand .infinite-banner.complete-slogan{padding:0 28px}#page-homepage-brand .infinite-banner.complete-slogan .heading-2{gap:21px}
 .platform-layout{gap:28px}
}
@media(max-width:767px){
 :root{--av-section-gap:84px;--av-block-gap:42px}
 #page-homepage-brand .section-title{font-size:36px;line-height:40px;letter-spacing:-.36px;max-width:520px}
 .tempo-topbar{width:calc(100% - 28px)}.tempo-topbar .tempo-topbar-exposed-links{display:none}.tempo-topbar .tempo-topbar-actions{gap:14px}.tempo-topbar #topbar-register-button{font-size:12px;padding:8px 14px}.tempo-topbar #topbar-login-button{font-size:12px}
 #page-homepage-brand .hero-section.mv-hero{padding:112px 21px 56px;min-height:0}.mv-hero-grid{display:flex;flex-direction:column;gap:42px}.mv-showcase{max-width:534px}.mv-prompt{left:21px;right:21px;bottom:21px;padding:10px;gap:10px}.mv-prompt>span{font-size:12px}.mv-prompt>.mv-prompt-arrow{font-size:24px}.mv-hero-footnote{margin-top:42px}
 #page-homepage-brand #examples{padding:42px 21px 0;margin:28px 0 84px}#page-homepage-brand #examples .demo-copy{margin:28px auto 42px}
 .identity-gallery{grid-template-columns:repeat(3,220px);justify-content:start;overflow-x:auto;gap:14px}.identity-scene{height:350px}
 #page-homepage-brand #possibilities{margin:84px auto;height:360px;padding:0 21px}#page-homepage-brand #possibilities .section-title{padding:0}
 #page-homepage-brand #characters{margin:84px 0;padding:0 21px}#page-homepage-brand #characters>.section-title{margin-bottom:42px}#page-homepage-brand #characters .carousel{justify-content:start;overflow-x:auto;gap:14px}
 #page-homepage-brand #studio{margin:84px 0;padding:84px 21px}#page-homepage-brand .studio-intro>.users-image{padding:0;overflow:hidden}#page-homepage-brand .studio-slogan{width:calc(100% + 42px);margin:56px -21px}#page-homepage-brand .infinite-banner.complete-slogan{height:70px;padding:0 14px}#page-homepage-brand .infinite-banner.complete-slogan .heading-2{gap:8px}
 #page-homepage-brand .studio-copy{margin-top:42px}#page-homepage-brand .studio-actions{flex-direction:column}.studio-image{border-radius:14px}
 #page-homepage-brand #platform{margin:84px 0;padding:0 21px}.platform-layout{display:flex;flex-direction:column;gap:42px}.platform-art{max-width:420px}
 #page-homepage-brand #faq{width:calc(100% - 42px);margin:84px auto}#page-homepage-brand #faq>.section-title{margin-bottom:42px}#page-homepage-brand #faq .faq-paragraph-block{padding-right:28px}
 .avatiko-footer{padding:56px 21px}.footer-actions{flex-wrap:wrap;margin-bottom:42px}.footer-columns{grid-template-columns:1fr 1fr;gap:42px 28px}.footer-bottom{display:flex;flex-direction:column;gap:21px;margin-top:56px}.footer-bottom>span:last-child{text-align:center}
}

/* One brand palette across all themed UI. */
:root{--av-purple:#9F9CFC;--av-lilac:#9F9CFC;--av-purple-soft:#EAE8FF;--av-purple-border:#D8D6EF}
[data-theme="dark"]{--color-bg-main:#0F0C13;--color-text-main:#FAF9FC;--color-text-secondary:#B8B5C5;--color-accent-main:#9F9CFC;--color-accent-strong:#8C89E8}
[data-theme="light"]{--color-bg-main:#FAF9FC;--color-text-main:#0F0C13;--color-text-secondary:#666273;--color-accent-main:#9F9CFC;--color-accent-strong:#8C89E8}
.tempo-btn-primary,.tempo-topbar #topbar-register-button{background:#9F9CFC;color:#0F0C13;border-color:transparent}
.tempo-btn-primary:hover:not(:disabled){background:#8C89E8;color:#0F0C13}
.tempo-btn-white{background:#FAF9FC;color:#0F0C13}.tempo-btn-dark{background:#0F0C13;color:#FAF9FC}
.mv-cta-panel{background:#EAE8FF;border-color:#D8D6EF}
#page-homepage-brand .hero-section.mv-hero .mv-intro,#page-homepage-brand .hero-section.mv-hero .mv-cta-panel p.mv-cta-note,.mv-hero-footnote{color:#666273}
#page-homepage-brand .demo-footnote,.footer-columns a,.avatiko-footer,#page-homepage-brand #faq .faq-paragraph-block p{color:#B8B5C5}
.mv-prompt{background:rgba(159,156,252,.22);border-color:rgba(200,198,253,.5);box-shadow:0 0 0 7px rgba(159,156,252,.10)}
.scene-caption small{color:#EAE8FF}.identity-scene{border-color:#9F9CFC}
#page-homepage-brand .section-title{color:var(--color-text-main)}

/* SEO copy refresh: preserve the approved type, palette, media and spacing scale. */
#page-homepage-brand .copy-subheading{font:600 18px/26px var(--av-ui);letter-spacing:0;text-align:center;color:var(--color-text-main);margin:0 auto;max-width:720px}
#page-homepage-brand .demo-subheading{margin:28px auto 0}
#page-homepage-brand .demo-footnote{margin:14px auto 28px}
#page-homepage-brand #possibilities{height:auto;min-height:465px}
#page-homepage-brand #possibilities>svg{position:absolute;inset:0 0 auto;width:100%;height:465px;z-index:-1}
#page-homepage-brand #possibilities .wave-copy{height:auto;gap:28px}
#page-homepage-brand .wave-hero{min-height:465px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}
#page-homepage-brand .motion-copy{display:flex;flex-direction:column;align-items:center;gap:28px}
#page-homepage-brand #possibilities .body-copy{max-width:620px;text-wrap:pretty}
#page-homepage-brand #characters>.section-title{margin-bottom:28px}
#page-homepage-brand #characters>.feature-intro{margin:0 auto 56px}
#page-homepage-brand #characters .feature-caption{font:400 16px/26px var(--av-ui);color:#B8B5C5;text-align:left;margin:0;padding:0 7px}
#page-homepage-brand #characters .carousel{align-items:start}
@media(min-width:1101px){#page-homepage-brand .mv-hero-copy h1{font-size:56px;line-height:56px}}
@media(max-width:767px){
 #page-homepage-brand #possibilities{min-height:0}
 #page-homepage-brand #possibilities .wave-copy{min-height:0}
 #page-homepage-brand #possibilities>svg{height:360px}
 #page-homepage-brand .wave-hero{min-height:360px}
 #page-homepage-brand #characters>.feature-intro{margin-bottom:42px}
}

/* Approved v7 layout. Shared typography and spacing only; no redesign. */
#page-homepage-brand{--v7-heading-gap:28px;--v7-media-gap:56px;--v7-section-pad:140px}
#page-homepage-brand p{text-wrap:pretty}
#page-homepage-brand .hero-section.mv-hero .mv-intro{line-height:26px}
#page-homepage-brand .copy-subheading{font-weight:600}
#page-homepage-brand #characters .carousel{grid-template-columns:repeat(3,245px);gap:28px}
#page-homepage-brand #characters .feature-caption{padding:0 7px;font-size:16px;line-height:26px}
#page-homepage-brand #characters .carousel-item>.tempo-btn{font-size:14px;padding-left:14px;padding-right:14px}
#page-homepage-brand #possibilities .motion-copy{gap:21px}
#page-homepage-brand #possibilities .body-copy{max-width:680px}
#page-homepage-brand .v7-section{position:relative;margin:140px 0;padding:0 28px;text-align:center;isolation:isolate}
#page-homepage-brand .v7-light{padding:140px 28px;background:var(--av-paper);color:var(--av-ink);overflow:visible}
.v7-inner{max-width:1008px;margin:0 auto}.v7-inner.wide{max-width:1160px}
#page-homepage-brand .v7-intro{max-width:760px;margin:28px auto 56px;line-height:26px}
#page-homepage-brand .v7-section .v7-inner>.tempo-btn{margin-top:48px}
.creation-steps{position:relative;list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.creation-steps::before{content:"";position:absolute;top:24px;left:calc(12.5% - 12px);right:calc(12.5% - 12px);height:1px;background:#d4d0ff}
.creation-steps li{position:relative;min-width:0}
.step-index{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;position:relative;z-index:1;border:1px solid #c9c4ff;background:#eae8ff;color:#847ceb;margin:0 auto 20px;font:600 24px/1 var(--av-ui)}
#page-homepage-brand .creation-steps h3{font:700 22px/26px var(--av-display);letter-spacing:-.15px;margin:0 0 16px;padding:0;color:#0f0c13;min-height:52px;text-wrap:balance}
#page-homepage-brand .creation-steps p{font:400 16px/25px var(--av-ui);color:#666273;letter-spacing:0;margin:0;padding:0;text-align:center}
.approved-art{position:relative;overflow:hidden;width:100%;flex:none;line-height:0;isolation:isolate}
.approved-art>img{display:block;position:absolute;pointer-events:none;user-select:none}
.use-cases-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
.use-case-card{border-radius:24px;overflow:hidden;text-align:left;min-width:0;color:#0f0c13;background:#ffc4f2}.use-case-card.promo{background:#fff09e}.use-case-card.daily{background:#bff7ea}.use-case-card.swap{background:#cfccff}
.use-case-copy{padding:18px 22px 28px}
#page-homepage-brand .use-case-copy h3{font:700 28px/31px var(--av-display);letter-spacing:-.28px;margin:0 0 16px;padding:0;color:#0f0c13;text-align:left;min-height:62px;text-wrap:balance}
#page-homepage-brand .use-case-copy p{font:400 16px/25px var(--av-ui);letter-spacing:0;text-align:left;margin:0;padding:0;color:#34303f}
.creator-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.creator-comparison-card{padding:12px;border:1px solid #ffffff14;border-radius:28px;background:#1a1620;overflow:hidden;text-align:left}.creator-comparison-card .approved-art{border-radius:18px}
.creator-comparison-card.owned{background:#9f9cfc;color:#0f0c13;border-color:#8e89ef;box-shadow:0 14px 45px #9f9cfc20}
.comparison-copy{padding:28px 20px 22px}
#page-homepage-brand .comparison-copy h3{font:700 32px/36px var(--av-display);letter-spacing:-.32px;margin:0 0 24px;padding:0;color:#b8b5c5;text-align:left}
#page-homepage-brand .owned .comparison-copy h3{color:#0f0c13}
.comparison-copy ul{list-style:none;margin:0;padding:0}.comparison-copy li{font:400 16px/26px var(--av-ui);position:relative;display:flex;align-items:center;min-height:80px;padding:14px 0 14px 36px;border-top:1px solid #ffffff12;color:#aaa4b3}.owned .comparison-copy li{color:#17131d;border-top-color:#0f0c131c;font-weight:500}
.comparison-copy li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%}
#page-homepage-brand #studio .studio-intro>.body-copy{max-width:820px}
#page-homepage-brand #faq .faq-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;list-style:none}
#page-homepage-brand #faq .faq-summary::-webkit-details-marker{display:none}
#page-homepage-brand #faq .faq-title{font:600 18px/26px var(--av-ui);text-align:left;min-width:0}
.faq-symbol{display:block;width:16px;height:16px;flex:none;margin-right:0}
.faq-container[open] .faq-symbol{transform:rotate(180deg)}
#page-homepage-brand #faq .faq-paragraph-block{padding-right:32px;margin-top:16px}
#page-homepage-brand #faq .faq-paragraph-block p{font-size:16px;line-height:27px}
a:focus-visible,summary:focus-visible{outline:3px solid #9f9cfc;outline-offset:5px}
@media(max-width:1100px){
 .use-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:760px;margin:auto}
 .use-case-copy{padding:24px}
 .creator-comparison-grid{gap:20px}.comparison-copy{padding:24px 12px 12px}.comparison-copy li{font-size:14px;line-height:24px}
}
@media(max-width:767px){
 #page-homepage-brand .v7-section{margin:84px 0;padding:0 21px}
 #page-homepage-brand .v7-light{padding:84px 21px}
 #page-homepage-brand .v7-intro{margin:24px auto 40px}
 .creation-steps::before{display:none}
 .creation-steps{grid-template-columns:1fr 1fr;gap:36px 24px;margin-top:40px}.step-index{margin-bottom:16px}
 #page-homepage-brand .creation-steps h3{font-size:22px;line-height:26px;min-height:78px}
 #page-homepage-brand .creation-steps p{font-size:14px;line-height:23px}
 .use-cases-grid{gap:16px}.use-case-card{border-radius:18px}.use-case-copy{padding:18px 16px 24px}
 #page-homepage-brand .use-case-copy h3{font-size:24px;line-height:28px;min-height:84px}
 #page-homepage-brand .use-case-copy p{font-size:14px;line-height:23px}
 .creator-comparison-grid{grid-template-columns:1fr;max-width:500px;margin:auto;gap:28px}.creator-comparison-card{border-radius:24px}
 .comparison-copy{padding:24px 16px 12px}#page-homepage-brand .comparison-copy h3{font-size:30px;line-height:34px;margin-bottom:20px}
 .comparison-copy li{font-size:15px;line-height:25px}
 #page-homepage-brand #faq .faq-title{font-size:16px;line-height:25px}#page-homepage-brand #faq .faq-paragraph-block{padding-right:0}
 #page-homepage-brand #faq .faq-paragraph-block p{font-size:15px;line-height:25px}
 #page-homepage-brand .v7-section .v7-inner>.tempo-btn{margin-top:40px}
}
@media(max-width:420px){.use-cases-grid{grid-template-columns:1fr;max-width:330px}#page-homepage-brand .use-case-copy h3{min-height:0}.creation-steps{gap:36px 18px}.creation-steps li{min-width:0}}

/* User-requested hero and header controls. */
#topbar-deezer-logo .avatiko-lockup>img{border-radius:50%;overflow:hidden}
.tempo-topbar{overflow:visible}
.language-switcher{position:relative;padding:0;border:0;color:#faf9fc;font:600 14px/20px var(--av-ui)}
.language-switcher>summary{display:flex;align-items:center;gap:7px;min-height:36px;padding:0;list-style:none;cursor:pointer;white-space:nowrap}
.language-switcher>summary::-webkit-details-marker{display:none}
.language-chevron{width:12px;height:8px;flex:none;display:block}
.language-switcher[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;top:calc(100% + 14px);right:-10px;z-index:30;min-width:148px;padding:6px;border:1px solid #ffffff26;border-radius:14px;background:#19151f;box-shadow:0 12px 32px #0f0c1326}
.language-options a{display:flex;align-items:center;min-height:40px;padding:10px 14px;border-radius:8px;color:#faf9fc;font:500 14px/20px var(--av-ui);white-space:nowrap;text-decoration:none}
.language-options a:hover,.language-options a:focus-visible{background:#ffffff12}
.language-options a[aria-current=page]{background:#9f9cfc26;color:#c4c0ff}
html[lang=zh-CN]{--av-display:Inter,'PingFang SC','Microsoft YaHei',sans-serif;--av-ui:Inter,'PingFang SC','Microsoft YaHei',sans-serif}
html[lang=zh-CN] #page-homepage-brand .mv-hero-copy h1{font-size:48px;line-height:1.25;letter-spacing:-1px}
html[lang=zh-CN] #page-homepage-brand .section-title{font-size:44px;line-height:1.3;letter-spacing:-.5px}
@media(max-width:767px){.language-switcher{font-size:12px}.language-options{right:0}html[lang=zh-CN] #page-homepage-brand .mv-hero-copy h1{font-size:38px}html[lang=zh-CN] #page-homepage-brand .section-title{font-size:30px}}

/* Align the header controls to a shared centerline, without inline baseline space. */
nav.tempo-topbar #topbar-deezer-logo{display:flex;align-items:center;height:36px;line-height:1}
nav.tempo-topbar #topbar-deezer-logo .avatiko-lockup{display:flex}
nav.tempo-topbar .tempo-topbar-exposed-links{align-items:center;height:36px}
nav.tempo-topbar .tempo-topbar-exposed-links>a.tempo-link{display:flex;align-items:center;height:36px;margin:0}
nav.tempo-topbar .tempo-topbar-actions{align-items:center;height:36px}
html[lang=en] #page-homepage-brand .mv-hero-copy h1{font-size:52px;line-height:1.2;letter-spacing:-.15px;word-spacing:2px}
.identity-scene>video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.scene-creator>video{object-position:center bottom;height:160%;position:absolute;bottom:0}
@media(max-width:1100px){html[lang=en] #page-homepage-brand .mv-hero-copy h1{font-size:clamp(40px,4.9vw,52px)}}
@media(max-width:767px){html[lang=en] #page-homepage-brand .mv-hero-copy h1{font-size:42px;line-height:1.18}}

/* Shared heading scale. Component rules may control layout, not invent new type. */
:root{
 --av-h1-size:52px;--av-h1-leading:1.2;--av-h1-tracking:-.15px;
 --av-h2-size:clamp(36px,4.65vw,48px);--av-h2-leading:1.18;--av-h2-tracking:-.24px;
 --av-h3-size:24px;--av-h3-leading:30px;--av-h3-tracking:-.12px;
 --av-question-size:18px;--av-question-leading:26px;
 --av-footer-heading-size:14px;--av-footer-heading-leading:22px;
}
html[lang=en] #page-homepage-brand .mv-hero-copy h1,
html[lang=zh-CN] #page-homepage-brand .mv-hero-copy h1{
 font:800 var(--av-h1-size)/var(--av-h1-leading) var(--av-display);
 letter-spacing:var(--av-h1-tracking);
}
#page-homepage-brand .section-title,
html[lang=zh-CN] #page-homepage-brand .section-title,
#page-homepage-brand .infinite-banner.complete-slogan .heading-2{
 font:700 var(--av-h2-size)/var(--av-h2-leading) var(--av-display);
 letter-spacing:var(--av-h2-tracking);text-wrap:balance;
}
#page-homepage-brand .copy-subheading,
#page-homepage-brand .creation-steps h3,
#page-homepage-brand #characters .card-title,
#page-homepage-brand .use-case-copy h3,
#page-homepage-brand .comparison-copy h3{
 font:700 var(--av-h3-size)/var(--av-h3-leading) var(--av-display);
 letter-spacing:var(--av-h3-tracking);text-wrap:balance;
}
/* Questions and navigation group labels use the established interface font. */
#page-homepage-brand #faq .faq-title{
 font:600 var(--av-question-size)/var(--av-question-leading) var(--av-ui);
 letter-spacing:0;text-wrap:pretty;
}
.footer-columns h3{
 font:600 var(--av-footer-heading-size)/var(--av-footer-heading-leading) var(--av-ui);
 letter-spacing:0;
}
/* The studio slogan follows H2 instead of using an independent viewport scale. */
#page-homepage-brand .infinite-banner.complete-slogan{height:auto;min-height:120px}
#page-homepage-brand .infinite-banner.complete-slogan .heading-2{
 width:auto;max-width:840px;gap:20px;white-space:normal;
}
#page-homepage-brand .complete-slogan .slogan-text{flex:0 1 auto;min-width:0}
#page-homepage-brand .creation-steps h3,
#page-homepage-brand .use-case-copy h3{min-height:calc(var(--av-h3-leading) * 2)}
@media(max-width:1100px){:root{--av-h1-size:clamp(40px,4.9vw,52px)}}
@media(max-width:767px){
 :root{
  --av-h1-size:42px;--av-h1-leading:1.18;
  --av-h2-size:34px;--av-h2-tracking:-.17px;
  --av-h3-size:22px;--av-h3-leading:28px;
  --av-question-size:16px;--av-question-leading:25px;
 }
 #page-homepage-brand .creation-steps h3,
 #page-homepage-brand .use-case-copy h3{min-height:calc(var(--av-h3-leading) * 3)}
 #page-homepage-brand .infinite-banner.complete-slogan{min-height:80px}
 #page-homepage-brand .infinite-banner.complete-slogan .heading-2{gap:12px}
}
@media(max-width:420px){#page-homepage-brand .use-case-copy h3{min-height:0}}
html[lang=zh-CN]{--av-h1-size:48px;--av-h2-size:clamp(30px,4vw,44px)}
@media(max-width:767px){html[lang=zh-CN]{--av-h1-size:38px;--av-h2-size:30px}}

/* Homepage audit: keep every header control inside a 320px viewport. */
@media (max-width:360px){
 nav.tempo-topbar{padding-inline:8px;gap:8px}
 nav.tempo-topbar #topbar-deezer-logo{min-width:0;flex-shrink:0}
 nav.tempo-topbar #topbar-deezer-logo .avatiko-lockup{gap:5px}
 nav.tempo-topbar #topbar-deezer-logo .avatiko-lockup img{width:24px;height:24px}
 nav.tempo-topbar #topbar-deezer-logo .avatiko-lockup b{font-size:20px}
 nav.tempo-topbar .tempo-topbar-actions{gap:8px}
 nav.tempo-topbar .language-switcher{font-size:11px}
 nav.tempo-topbar .language-switcher summary{gap:5px}
 nav.tempo-topbar #topbar-register-button{font-size:11px;padding-inline:10px;white-space:nowrap}
}
/* Localized copy wraps within the existing layout, including right-to-left text. */
html[lang="ar"] body{font-family:Arial,sans-serif}
html[dir="rtl"] .mv-hero-copy,html[dir="rtl"] .footer-columns{text-align:right}
html[dir="rtl"] .language-options{left:0;right:auto}
html[dir="rtl"] .mv-prompt-arrow{margin-left:0;margin-right:auto}
html:not([lang="en"]):not([lang="zh-CN"]) .mv-hero-copy h1{font-size:clamp(32px,4.5vw,64px);overflow-wrap:anywhere}
.language-options{max-height:70vh;overflow-y:auto}