/* Concept C. Independent product-led composition; black, grey and blue. */
:root{--bg:#08090b;--raised:#111216;--card:#17181c;--ink:#f5f5f7;--dim:#a1a1aa;--accent:#69adff;--deep:#91c4ff;--on-accent:#071322;--line:#303238;--header-bg:#08090be8}
:root[data-theme=light]{--bg:#f5f5f7;--raised:#fff;--card:#fff;--ink:#1d1d1f;--dim:#606067;--accent:#0050cb;--deep:#003a9c;--on-accent:#fff;--line:#d8d8dd;--header-bg:#f5f5f7e8}
body:before{display:none}.site-header{border-bottom:1px solid var(--line)}.header-inner{max-width:1160px;min-height:68px}.concept-chip{font-family:var(--font-body);font-size:9px;letter-spacing:.06em;color:var(--dim)}
.site-nav a{font-size:12px}.brand-name{font-size:19px}.brand img{width:25px;height:30px}.button{font-size:14px;font-weight:500;min-height:48px;padding:13px 24px}.button.sm{min-height:38px;font-size:12px;padding:9px 17px}.theme-toggle{width:35px;height:35px}
.product-hero{position:relative;text-align:center;padding:58px 0 40px;isolation:isolate;overflow:clip;margin-inline:-20px}.product-copy{position:relative;z-index:3;padding-inline:22px}.product-eyebrow{font-size:10px;letter-spacing:.2em;color:var(--dim);font-weight:600}
.product-copy h1{font-family:var(--font-display);font-size:clamp(48px,5.8vw,84px);line-height:1.07;letter-spacing:-.06em;font-weight:650;margin:20px auto 22px}.product-copy h1 span{color:var(--accent)}
.product-intro{font-size:16px;line-height:1.65;color:var(--dim);max-width:660px;margin:auto}.product-actions{display:flex;gap:30px;align-items:center;justify-content:center;margin:25px 0 0}.product-link{font-size:14px;color:var(--accent);display:inline-flex;gap:14px;align-items:center}.product-link:hover{text-decoration:underline}
.product-stage{position:relative;max-width:1240px;margin:44px auto 0;padding:20px 80px 70px;perspective:1800px;isolation:isolate}.stage-glow{position:absolute;inset:0 5% 0;background:radial-gradient(ellipse at 50% 60%,#91a6c51a,transparent 65%);filter:blur(25px);z-index:-1}
.television{position:relative;width:100%;transform-style:preserve-3d;transform:rotateY(-12deg) rotateX(4deg) rotateZ(-1deg);animation:tv-float 15s ease-in-out infinite alternate;z-index:1}
.tv-body{position:relative;padding:7px 7px 0;border-radius:14px 14px 8px 8px;background:linear-gradient(135deg,#9b9fa6,#313338 18%,#08090b 46%,#6f747c 96%);box-shadow:1px 0 0 #b2bac8,5px 2px 0 #32353c,10px 5px 0 #1c1e23,13px 8px 0 #070809,18px 18px 24px #0008,inset 0 1px 1px #ffffffa6}
.tv-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border:2px solid #070809;border-radius:7px 7px 1px 1px;background:#050505;container-type:inline-size;color:#fff}.tv-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#fff1,transparent 32%,transparent 72%,#fff1);pointer-events:none;z-index:2;box-shadow:inset 0 0 5px #0009}
.screen-ad{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;overflow:hidden;text-align:left}.screen-ad.is-active{opacity:1;visibility:visible}.screen-ad img{position:absolute;width:100%;height:100%;object-fit:cover;animation:ad-drift 13s ease-in-out infinite alternate}.breakfast-ad{background:#ead8c2;color:#352a22}.breakfast-ad:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f2e5d4bb,transparent 65%)}
.ad-copy{position:absolute;inset:8% 7%;z-index:1;display:flex;align-items:flex-start;flex-direction:column}.ad-brand{font-size:1.35cqw;letter-spacing:.24em;font-weight:650}.ad-copy strong{font-family:var(--font-display);font-size:7.6cqw;line-height:1.04;letter-spacing:-.055em;font-weight:650;margin:4% 0 2%}.ad-copy p{font-size:1.9cqw;line-height:1.5}.ad-price{font-size:4.2cqw;font-weight:550;line-height:1.2;margin-top:2%}.ad-price small{font-size:2cqw}.ad-bottom{font-size:1.1cqw;letter-spacing:.13em;margin-top:auto;font-weight:600}
.collection-ad{background:linear-gradient(125deg,#1239a2,#0c66c8 64%,#91c6fb);color:#fff}.collection-ad .ad-copy strong{font-size:8.3cqw;margin-top:4%}.collection-year{position:absolute;right:5%;bottom:0;font-size:27cqw;letter-spacing:-.12em;line-height:1;font-weight:700;color:#e9f5ff1a}.collection-orbit{position:absolute;width:48%;aspect-ratio:1;right:2%;top:2%;transform:rotate(-25deg)}.collection-orbit i{position:absolute;inset:7%;border:3.5cqw solid #b8d6f4;border-radius:50%;transform:rotateY(50deg);box-shadow:inset 1cqw 1cqw 2cqw #fff7,1cqw 1cqw 3cqw #00123e88;animation:orbit 12s ease-in-out infinite alternate}.collection-orbit i:nth-child(2){inset:21%;border-width:2.8cqw;animation-delay:-4s}.collection-orbit i:nth-child(3){inset:35%;border-width:2cqw;animation-delay:-8s}
.sound-ad{background:radial-gradient(ellipse at 85% 30%,#253448,#0a0c11 65%)}.sound-ad .ad-copy{color:#dbeaff}.sound-ad .ad-copy strong{font-size:7.5cqw;margin-top:10%}.vinyl{position:absolute;width:56%;aspect-ratio:1;right:-6%;top:0;border-radius:50%;background:repeating-radial-gradient(circle,#171a20 0 2px,#30343a 3px,#0b0d11 4px);box-shadow:-2cqw 0 5cqw #000a;animation:vinyl-turn 30s linear infinite}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#d6e7ff55,transparent 30%,#0008,transparent 55%,#d6e7ff33,transparent)}.vinyl i{position:absolute;inset:34%;border:1cqw solid #7ca9e2;border-radius:50%;background:#2366b0;z-index:1}.vinyl i:after{content:'';position:absolute;inset:45%;background:#090b0f;border-radius:50%}
.tv-chin{height:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#151619,#28292c);border-radius:0 0 7px 7px;color:#919397;position:relative}.tv-chin span{font:500 5px/1 Arial,sans-serif;letter-spacing:3px}.tv-chin i{position:absolute;right:4%;width:2px;height:2px;background:#c0d8ff;border-radius:50%;box-shadow:0 0 4px #abd3ff}.tv-foot{position:absolute;top:calc(100% - 3px);height:36px;width:12%;background:linear-gradient(165deg,#676970,#161719 40%,#36383c);clip-path:polygon(42% 0,57% 0,100% 100%,0 100%);transform-origin:top;z-index:-1}.tv-foot.left{left:12%;transform:skew(-25deg)}.tv-foot.right{right:12%;transform:skew(25deg)}.tv-ground{position:absolute;bottom:7px;left:13%;right:9%;height:50px;background:radial-gradient(ellipse,#000a,transparent 70%);filter:blur(12px);transform:rotate(-1deg);z-index:-1}
.product-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:7px auto 0}.ad-select{display:flex;background:var(--raised);border:1px solid var(--line);padding:5px;border-radius:99px;gap:3px}.ad-select button{border:0;background:transparent;border-radius:99px;color:var(--dim);font-size:12px;min-height:38px;padding:8px 19px;cursor:pointer}.ad-select button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 0 0 1px var(--line)}#motion-toggle{border:1px solid var(--line);border-radius:50%;background:var(--raised);color:var(--ink);width:44px;height:44px;cursor:pointer;font-size:13px}.product-caption{font-size:12px;color:var(--dim);margin:18px 20px 0}.product-caption span{font-size:10px;color:var(--dim)}
.product-transition{text-align:center;padding:110px 0 65px}.product-transition>span,.product-transition>strong{display:block;font-size:clamp(30px,4vw,54px);line-height:1.2;font-family:var(--font-display);letter-spacing:-.045em;font-weight:600}.product-transition>span{color:var(--dim)}.product-transition p{color:var(--dim);font-size:16px;margin:25px auto 0;line-height:1.8;max-width:680px}
.section-num{display:none}.section-head{max-width:780px}.eyebrow{font-family:var(--font-body);letter-spacing:.12em;font-size:10px}.eyebrow:after{display:none}h2{font-weight:600;line-height:1.12;letter-spacing:-.045em;font-size:clamp(34px,4.2vw,58px);max-width:20ch}.section{padding-block:80px}.b-card{border-color:transparent;border-radius:24px}.section-head .lead{font-size:16px}.shot-frame{border-radius:18px}.ticker{display:none}.section-head{margin-bottom:35px}
@keyframes tv-float{from{transform:rotateY(-12deg) rotateX(4deg) rotateZ(-1deg)}to{transform:rotateY(-6deg) rotateX(2deg) rotateZ(0deg)}}
@keyframes ad-drift{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes orbit{to{transform:rotateY(25deg) rotateX(25deg) translateY(5%)}}@keyframes vinyl-turn{to{transform:rotate(360deg)}}
.motion-paused .television,.motion-paused .screen-ad img,.motion-paused .collection-orbit i,.motion-paused .vinyl{animation-play-state:paused}
@media(min-width:901px){.product-hero{padding-top:38px}.product-copy h1{font-size:clamp(58px,5vw,72px);margin:16px auto 18px}.product-stage{max-width:1120px;margin-top:26px;padding:15px 100px 60px}.product-intro{font-size:15px}.product-actions{margin-top:20px}}
@media(min-width:1600px){.product-stage{max-width:1250px}}
@media(min-width:901px) and (max-height:950px){.product-hero{padding-top:24px}.product-copy h1{font-size:58px;margin:14px auto}.product-stage{max-width:1000px;margin-top:18px;padding-top:10px}.product-actions{margin-top:18px}.product-intro{font-size:14px}}
@media(max-width:900px){.product-stage{padding:15px 45px 60px;margin-top:35px}.product-copy h1{font-size:64px}.product-intro{font-size:15px}}
@media(max-width:600px){.product-hero{margin-inline:-16px;padding-top:43px}.product-eyebrow{font-size:8px;letter-spacing:.14em}.product-copy h1{font-size:clamp(39px,10.5vw,60px);margin:20px 0;letter-spacing:-.055em}.product-intro{font-size:14px;max-width:340px}.product-intro br{display:none}.product-actions{gap:17px;flex-direction:column;margin-top:25px}.product-actions .button{font-size:13px}.product-link{font-size:12px}.product-stage{padding:12px 22px 43px;margin-top:35px;perspective:1200px}.tv-body{padding:4px 4px 0;border-radius:8px;box-shadow:1px 0 0 #b2bac8,3px 2px 0 #32353c,5px 4px 0 #08090b,9px 11px 18px #0007}.tv-screen{border-width:1px;border-radius:3px}.tv-chin{height:9px}.tv-chin span{font-size:3px;letter-spacing:2px}.tv-foot{height:21px}.tv-ground{height:25px;bottom:10px}.product-controls{gap:9px}.ad-select button{padding:7px 13px;font-size:11px}.product-caption{font-size:11px}.product-caption span{font-size:9px}.product-transition{padding:65px 0 30px}.product-transition p{font-size:14px}.product-transition p br{display:none}.section{padding-block:55px}.header-inner{gap:10px}.brand-name{font-size:17px}.header-actions{gap:9px}.header-actions .button{font-size:10px;padding:9px 13px}.theme-toggle{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.television,.screen-ad img,.collection-orbit i,.vinyl{animation:none}.screen-ad{transition:none}}
@media print{.television,.screen-ad img,.collection-orbit i,.vinyl{animation:none}.product-controls{display:none}}

/* Free is the entry point; paid plans keep their separate cost calculator. */
.price-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.price-grid .price-card{padding:30px 24px}
.price-grid .price-card:last-child .price{font-size:36px;line-height:1.2}
.free-cta{margin-top:24px;font-size:12px;padding-inline:15px;text-align:center}
@media(max-width:1150px){.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}}
@media(max-width:600px){.price-grid{grid-template-columns:1fr}}
.partner-audience,.partner-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.partner-audience article{padding:30px 0;border-top:1px solid var(--line)}
.partner-number{font-size:12px;color:var(--accent);display:block;margin-bottom:28px}
.partner-audience h3,.partner-roles h3{font:600 25px/1.2 var(--font-display);letter-spacing:-.035em;margin-bottom:18px}
.partner-audience p,.partner-roles p,.partner-offer p{font-size:14px;color:var(--dim);line-height:1.8}
.partner-roles article{padding:34px 28px;border-radius:22px;background:var(--raised);border:1px solid var(--line)}
.partner-role-label{font-size:10px;letter-spacing:.13em;color:var(--accent);display:block;margin-bottom:28px}
.partner-offer{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;background:var(--raised);border:1px solid var(--line);padding:50px;border-radius:26px}
.partner-offer h3{font:600 clamp(30px,3vw,44px)/1.15 var(--font-display);letter-spacing:-.04em;margin-bottom:24px}
.partner-offer .button{margin-top:28px}.partner-offer ul{list-style:none;margin:0;padding:0}.partner-offer li{padding:22px 0;border-bottom:1px solid var(--line);font-size:15px}.partner-offer li:before{content:'✓';color:var(--accent);margin-right:14px}
@media(max-width:800px){.partner-audience,.partner-roles{grid-template-columns:1fr}.partner-audience article{padding:24px 0}.partner-number{margin-bottom:14px}.partner-offer{grid-template-columns:1fr;gap:28px;padding:30px}.partner-roles article{padding:28px}}

/* Audience links live in the same navigation row as the page sections. */
.site-nav{gap:20px;align-items:center}
.site-nav a[aria-current=page]{color:var(--accent)}
.site-nav .audience-link:not(.audience-last){border-left:1px solid var(--line);padding-left:20px}
@media(min-width:901px) and (max-width:1150px){.header-inner{gap:16px}.site-nav{gap:13px}.site-nav a{font-size:11px}.site-nav .audience-link:not(.audience-last){padding-left:13px}.concept-chip{display:none}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;gap:0 12px;padding-top:12px}.site-nav{display:flex;order:3;flex-basis:100%;width:100%;min-width:0;gap:22px;overflow-x:auto;scrollbar-width:none;margin:8px 0 0;overscroll-behavior-x:contain}.site-nav::-webkit-scrollbar{display:none}.site-nav a{flex:none;min-height:44px;display:flex;align-items:center;font-size:12px;padding-block:8px}.site-nav .audience-link:not(.audience-last){padding-left:22px}.product-hero{padding-top:32px}}

.cabinet-link{font-size:12px;color:var(--dim);white-space:nowrap;padding:10px 0}.cabinet-link:hover{color:var(--ink)}
@media(min-width:901px) and (max-width:1150px){.site-nav{gap:10px}.site-nav a{font-size:10px}.header-inner{gap:12px}.header-actions{gap:9px}.header-actions .button{font-size:11px;padding-inline:14px}}
@media(max-width:360px){.header-actions{gap:7px}.cabinet-link{font-size:11px}.header-actions .button{padding-inline:11px}}

.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.package-grid article{border-radius:22px;background:var(--raised);border:1px solid var(--line);padding:34px 28px}.package-tag{font-size:10px;letter-spacing:.12em;color:var(--accent)}.package-grid h3{font:600 28px/1.2 var(--font-display);letter-spacing:-.03em;margin:24px 0 16px}.package-grid p,.package-benefits p{font-size:14px;color:var(--dim);line-height:1.8}.package-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:35px}.package-benefits strong{font-size:17px}.package-benefits p{margin-top:12px}.package-bottom{display:flex;gap:40px;align-items:center;margin-top:35px;padding-top:26px;border-top:1px solid var(--line)}.package-bottom p{flex:1;font-size:12px;color:var(--dim);line-height:1.8}.package-bottom .button{flex:none}@media(max-width:800px){.package-grid,.package-benefits{grid-template-columns:1fr}.package-bottom{align-items:flex-start;flex-direction:column;gap:22px}}

.footer-inner .brand p{max-width:none;white-space:nowrap;font-size:clamp(10px,3.2vw,12.5px)}

/* The language selector stays visible on phones, outside the scrolling nav. */
.promo-language{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;padding:4px 6px;min-height:35px;flex:none}
.promo-language select{background:transparent;border:0;font-size:12px;max-width:92px;min-height:26px;cursor:pointer}
.promo-language option{background:var(--bg);color:var(--ink)}
.language-fallback{font-size:11px}
@media(min-width:901px) and (max-width:1280px){.header-actions>.button.sm{display:none}.header-inner{gap:16px}.site-nav{gap:12px}.site-nav a{font-size:11px}.site-nav .audience-link:not(.audience-last){padding-left:12px}}
@media(max-width:600px){.header-inner{display:grid;grid-template-columns:auto 1fr;gap:0 12px}.header-actions{justify-content:flex-end;gap:7px}.header-actions>.button.sm{display:none}.site-nav{grid-column:1/-1}.promo-language select{max-width:80px;font-size:11px}.promo-language{padding:3px 4px}.cabinet-link{font-size:11px}.brand-name{font-size:16px}.brand{gap:7px}}

/* Public header matches AppBarZerro; selectors stay scoped away from the footer. */
.site-header{--public-header-ink:#d7dadd;--public-header-active:#85baff;background:#34425a;color:var(--public-header-ink);border-bottom:1px solid #80808033;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 4px #0009;font:400 14px/1.5 Inter,Helvetica,Arial,sans-serif;padding-inline:0}
:root[data-theme=light] .site-header{--public-header-ink:#000000de;--public-header-active:#0050cb;background:#d1e4fc;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}
.site-header .header-inner{max-width:1160px;min-height:64px;padding:0 24px;gap:20px}
.site-header .brand{gap:10px;color:inherit}
.site-header .brand img{width:28px;height:32px}
.site-header .brand-name{font:700 20px/1.5 Inter,Helvetica,Arial,sans-serif;letter-spacing:normal}
.site-header .header-actions{gap:22px}
.site-header .cabinet-link{font-size:13px;color:inherit}
.site-header .cabinet-link:hover{text-decoration:underline}
.site-header .site-nav a{color:inherit}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=page]{color:var(--public-header-active)}
.site-header .promo-language{gap:7px;border:1px solid #ccd1da;border-radius:9px;padding:5px 8px;min-height:38px;color:inherit}
.site-header .promo-language select{font:inherit;font-size:13px;color:inherit;max-width:110px;min-height:26px;padding:0}
.site-header .promo-language option{background:#fff;color:#1a202c}
.site-header .theme-toggle{width:36px;height:36px;padding:7px;border:1px solid #80808059;border-radius:9px;color:#fff}
:root[data-theme=light] .site-header .theme-toggle{color:inherit}
.site-header .theme-toggle:hover{background:#0000000a}
.site-header .theme-toggle svg{width:20px;height:20px;fill:currentColor;stroke:none}
.site-header .theme-toggle .sun{display:block}
.site-header .theme-toggle .moon{display:none}
:root[data-theme=light] .site-header .theme-toggle .sun{display:none}
:root[data-theme=light] .site-header .theme-toggle .moon{display:block}
@media(max-width:1150px) and (min-width:901px){.site-header .header-inner{gap:12px}.site-header .header-actions{gap:12px}}
@media(max-width:900px){.site-header .header-inner{display:grid;grid-template-columns:auto 1fr;gap:0 12px}.site-header .brand,.site-header .header-actions{min-height:64px}.site-header .site-nav{grid-column:1/-1;margin:0;min-height:44px}.site-header .header-actions{justify-content:flex-end}}
@media(max-width:760px){.site-header .promo-language{gap:4px;padding:4px 6px}.site-header .promo-language select{font-size:12px;max-width:90px}}
@media(max-width:599.95px){.site-header .header-inner{padding-inline:18px}.site-header .header-actions{gap:12px}}
@media(max-width:360px){.site-header .cabinet-link{display:none}}