body.is-marketing{background:radial-gradient(ellipse at 25% 20%,#37316b 0,transparent 50%),radial-gradient(ellipse at 85% 80%,#17335c 0,transparent 50%),#070b19!important;min-height:100vh}
body.is-marketing .marketing-page{max-width:540px!important;margin:24px auto!important;padding:20px 28px!important;border:1px solid #5491e766;border-radius:36px;background:radial-gradient(ellipse at 50% 35%,#161c42 0,#050a17 65%);box-shadow:0 0 65px #286bc830!important}
body.is-marketing .marketing-nav{padding:0 0 18px!important;gap:8px!important;flex-wrap:wrap}.marketing-nav .brand{font-size:24px}.brand-icon{width:48px!important;height:48px!important}.aurora-motion-toggle{font-size:10px!important;padding:6px 10px!important}.marketing-signin{font-size:12px!important}
body.is-marketing .marketing-landing{display:block!important;padding:0!important;margin:0!important}.marketing-landing>aside,.marketing-landing>section:not(.aurora-welcome),.marketing-page>section,.marketing-page>footer,.aurora-welcome>.marketing-explore,.aurora-welcome>.marketing-today-preview,.aurora-welcome>.marketing-note{display:none!important}
body.is-marketing .aurora-welcome{padding:0!important;max-width:none!important;text-align:center;width:100%!important}.aurora-topline{margin:0!important}.aurora-topline button{border:0;background:none}.aurora-topline .eyebrow{font-size:11px!important}
.aurora-scene{height:310px!important;margin:12px 0}.aurora-core{width:210px;height:210px;background:radial-gradient(circle at 35% 20%,#9fc7ff,#225db0 38%,#1f96dc 80%);box-shadow:0 0 38px #1073ff99,inset 0 0 30px #c1b8ff;border-color:#86b8ff}.aurora-living-logo{width:230px!important;height:230px!important}.aurora-orbit--outer{width:300px!important;height:280px!important;border:1px solid #3970bc99;transform:rotate(-20deg)}.aurora-orbit--inner{width:270px!important;height:240px!important;border:1px solid #58b8ed77;transform:rotate(25deg)}.aurora-satellite{background:linear-gradient(145deg,#213755,#142442);border-color:#5193ee88;color:#d4e6ff;box-shadow:0 0 24px #1073ff44}.aurora-satellite--plan{right:0;top:30px}.aurora-satellite--focus{left:0;bottom:20px}
body.is-marketing .aurora-welcome h1,body.is-marketing .aurora-welcome h2{font-size:34px!important;line-height:1.16!important;margin:20px 0 14px!important;letter-spacing:-.035em!important}body.is-marketing .aurora-welcome em{background:linear-gradient(100deg,#68a3f6,#3489ff,#3ab8ed);background-clip:text;color:transparent}body.is-marketing .aurora-welcome p:not(.eyebrow):not(.aurora-step-status){font-size:14px!important;line-height:1.6!important;max-width:40ch;margin:0 auto!important}.aurora-welcome [data-aurora-panel]>.eyebrow{display:none}
.aurora-controls{flex-wrap:wrap;justify-content:center!important;margin-bottom:0!important}.aurora-dots{justify-content:center;margin:0!important;order:-1;width:100%}.aurora-controls>.mc-button,.aurora-welcome .marketing-actions .mc-button{width:100%!important;border-radius:28px!important;min-height:56px!important;background:linear-gradient(170deg,#a19aff,#644bff 65%,#4530df)!important;box-shadow:inset 0 1px #ffffff88,0 5px 25px #0060e744!important}.aurora-back{position:absolute;left:0;bottom:0}.aurora-controls{position:relative}.aurora-back:not([hidden])~.mc-button{width:72%!important;margin-left:auto}.aurora-roadmap{margin:16px 0;min-height:310px;text-align:left;background:linear-gradient(140deg,#202343,#090e23)}.aurora-tools{gap:10px;margin:16px 0}.aurora-tools article{padding:16px!important;text-align:left;background:linear-gradient(135deg,#1c2839,#11172c)}.aurora-tools article:nth-child(even){background:linear-gradient(135deg,#153748,#11172c)}.aurora-tools h3{margin:10px 0 5px;font-size:14px}.aurora-tools article p{font-size:11px!important}.aurora-tools article>span{background:linear-gradient(135deg,#2f84fa,#4332bc);box-shadow:0 0 16px #267cf544;color:white}.maps-loader{top:38%}
@media(max-width:600px){body.is-marketing .marketing-page{margin:0!important;border:0;border-radius:0;padding:20px!important;min-height:100dvh}.aurora-scene{height:300px!important}body.is-marketing .aurora-welcome h1,body.is-marketing .aurora-welcome h2{font-size:30px!important}}
/* Refined Aurora: shared PWA launch and welcome constellation. */
body.is-marketing .marketing-page{min-height:0!important;padding-bottom:28px!important;margin-bottom:94px!important}.marketing-nav .brand span{display:inline!important}.marketing-nav .brand-icon{width:42px!important;height:42px!important}.marketing-nav .brand{gap:8px!important;font-size:21px!important}.marketing-nav{justify-content:space-between!important}.marketing-nav__actions{display:none!important}.aurora-scene{width:min(100%,380px);height:340px!important;margin:0 auto!important;position:relative}.clean-core{position:absolute;width:204px;height:204px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#bed9ff 0,#4d90ee 17%,#6652cf 43%,#257cc2 74%,#71e7ff 98%);border:1px solid #a8ccffbb;box-shadow:inset 0 0 22px #fff9,0 0 24px #5fa2ff55,0 0 55px #7570fa44}.clean-core:after{content:'';position:absolute;inset:10px;border-radius:50%;border:1px solid #cde2ff30;background:radial-gradient(circle at 28% 20%,#ffffff44,transparent 40%);pointer-events:none}.clean-core img{width:240px;height:240px;object-fit:contain;max-width:none!important;filter:drop-shadow(0 0 10px #a3faff55)}.clean-halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#7763e733,transparent 68%)}.clean-ring{position:absolute;left:50%;top:50%;width:310px;height:270px;border:1px solid #8d7bf044;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.ring-b{width:295px;height:315px;border-color:#66cdf044;transform:translate(-50%,-50%) rotate(32deg)}
.tool-orbit{position:absolute;inset:0;transform:rotate(calc(var(--i)*60deg));pointer-events:none;animation:clean-orbit 36s linear infinite}.tool-position{position:absolute;left:calc(50% - 25px);top:12px;transform:rotate(calc(var(--i)*-60deg))}.orbit-tool-icon{display:grid;place-items:center;width:50px;height:54px;border-radius:15px;color:#aacdff;border:1px solid #60a2ff88;background:linear-gradient(140deg,#2e3f56dd,#191c39ee);box-shadow:inset 0 1px #fff3,0 0 15px #1979ff30;animation:clean-counter 36s linear infinite}.orbit-tool-icon svg{width:28px;height:28px}.tool-orbit--1 .orbit-tool-icon,.tool-orbit--4 .orbit-tool-icon{color:#79e5f7;border-color:#60c6e588;background:linear-gradient(140deg,#1f5366dd,#101f37ee)}.tool-orbit--2 .orbit-tool-icon{color:#a4efce;border-color:#66c7ae88}.tool-orbit--3 .orbit-tool-icon{color:#ffcd87;border-color:#ddae6a88}.tool-orbit--5 .orbit-tool-icon{color:#91bfff}
@keyframes clean-orbit{to{transform:rotate(calc(var(--i)*60deg + 360deg))}}@keyframes clean-counter{to{transform:rotate(-360deg)}}
.aurora-tools svg{width:26px;height:26px}.aurora-tools article>span{width:40px;height:42px}.aurora-tools article{border-radius:16px!important}.roadmap-chat{display:grid;gap:10px;margin:14px 0 18px;text-align:left}.aurora-welcome .roadmap-chat p{padding:12px 16px;border:1px solid #aca2ed22;border-radius:16px;background:#252d4b;font-size:13px!important;margin:0 0 0 38px!important}.aurora-welcome .roadmap-chat p:nth-child(2){margin:0 38px 0 0!important;background:#171f38}.roadmap-chat>span{display:block;background:#252d4b;padding:12px 18px;border-radius:14px;margin-left:38px;font-size:13px}.roadmap-chat small{display:block;color:#aaaec5;font-size:11px;margin-top:5px}.aurora-roadmap{min-height:0!important;padding:18px!important}.aurora-roadmap__item{padding:14px 0}.preview-screens{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:60;display:flex;gap:5px;padding:7px;border:1px solid #597eb155;background:#101426ed;border-radius:16px;backdrop-filter:blur(16px);width:max-content;max-width:96vw}.preview-screens button{font:inherit;font-size:11px;color:#dbd8ed;background:#24253e;border:0;border-radius:10px;padding:11px;cursor:pointer}.preview-screens button:hover{background:#38475c}
.pwa-intro{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 42%,#202447,#080d1c 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;animation:intro-expire .2s 2.6s forwards}.intro-constellation{position:relative;width:360px;max-width:96vw;height:360px}.intro-constellation .clean-core{animation:intro-logo 2.6s ease-out both}.intro-constellation .clean-ring{animation:intro-fade 1s .4s both}.intro-constellation .orbit-tool-icon{animation:intro-tool 1s calc(.55s + var(--i)*.12s) both,clean-counter 36s linear infinite}.intro-constellation .tool-orbit{animation:clean-orbit 14s ease-in-out 1 both}.intro-wordmark{text-align:center;color:#fff;font-size:32px;font-weight:650;letter-spacing:-1px;animation:intro-fade 1.2s .2s both}.intro-wordmark>span{color:#62a3ff}.intro-wordmark small{display:block;font-size:13px;font-weight:400;letter-spacing:.02em;color:#b6bfdb;margin-top:10px}.pwa-intro button{pointer-events:auto;margin-top:32px;background:none;border:0;color:#adb6cd;font:inherit;font-size:12px;cursor:pointer}.pwa-intro.intro-done{display:none!important}@keyframes intro-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(.82) rotate(-8deg)}55%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes intro-tool{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes intro-fade{from{opacity:0}to{opacity:1}}@keyframes intro-expire{to{opacity:0;visibility:hidden}}
html[data-aurora-background] .tool-orbit,html[data-aurora-background] .orbit-tool-icon{animation-play-state:paused!important}
/* Reduced motion keeps the deliberate opening, with opacity only. */
html[data-aurora-paused] .pwa-intro{animation:intro-expire .2s 2.6s forwards!important}html[data-aurora-paused] .intro-constellation .clean-core{animation:intro-fade 1.6s both!important}html[data-aurora-paused] .intro-constellation .clean-ring{animation:intro-fade 1.5s .3s both!important}html[data-aurora-paused] .intro-constellation .orbit-tool-icon{animation:intro-fade 1s calc(.6s + var(--i)*.1s) both!important}html[data-aurora-paused] .intro-wordmark{animation:intro-fade 1.5s .3s both!important}
@media(prefers-reduced-motion:reduce){.pwa-intro{animation:intro-expire .2s 2.6s forwards!important}.intro-constellation .clean-core{animation:intro-fade 1.6s both!important}.intro-constellation .clean-ring{animation:intro-fade 1.5s .3s both!important}.intro-constellation .orbit-tool-icon{animation:intro-fade 1s calc(.6s + var(--i)*.1s) both!important}.intro-wordmark{animation:intro-fade 1.5s .3s both!important}}
@media(max-width:420px){.clean-core{width:180px;height:180px}.clean-core img{width:215px;height:215px}.aurora-scene{height:310px!important}.clean-ring{width:280px;height:250px}.ring-b{width:260px;height:280px}.orbit-tool-icon{width:44px;height:48px}.tool-position{left:calc(50% - 22px)}.preview-screens button{font-size:10px;padding:9px 7px}.intro-constellation{height:330px;width:330px}}
/* Keep the official mark comfortably inside its luminous sphere. */
.clean-core{width:180px;height:180px}.clean-core img{width:200px;height:200px}.intro-constellation .clean-core{width:180px;height:180px}.intro-constellation .clean-core img{width:200px;height:200px}
@media(max-width:420px){.clean-core,.intro-constellation .clean-core{width:160px;height:160px}.clean-core img,.intro-constellation .clean-core img{width:180px;height:180px}}
/* Expandable, two-axis tool system. */
.clean-core,.intro-constellation .clean-core{width:118px;height:118px;box-shadow:inset 0 0 16px #fff7,0 0 25px #4794ff44,0 0 45px #6877ef33}.clean-core img,.intro-constellation .clean-core img{width:145px;height:145px}.aurora-scene{height:380px!important;width:min(100%,400px)}.intro-constellation{width:400px;height:400px;max-width:98vw}.tool-orbit{inset:0;transform:rotate(var(--angle));animation:axis-orbit var(--speed) linear infinite}.tool-position{left:calc(50% - 20px);top:15px;transform:rotate(calc(-1 * var(--angle)))}.orbit-tool-icon{width:40px;height:44px;border-radius:12px;animation:axis-counter var(--speed) linear infinite;background:linear-gradient(140deg,#242e3cee,#141c30f5);border-color:#7998c266;box-shadow:inset 0 1px #fff2,0 0 13px #427fd422;color:#adc8ef}.orbit-tool-icon svg{width:23px;height:23px}.tool-orbit:nth-child(even) .orbit-tool-icon{color:#8be1e6;border-color:#62b7c966}.orbit-label{position:absolute;top:49px;left:50%;transform:translateX(-50%);font-size:9px;color:#c2c5de;white-space:nowrap;animation:axis-counter var(--speed) linear infinite;transform-origin:50% -27px}.ring-level-0{inset:62px;animation-direction:reverse}.ring-level-0 .orbit-tool-icon,.ring-level-0 .orbit-label{animation-direction:reverse}.clean-ring{width:350px;height:350px;transform:translate(-50%,-50%) rotateX(24deg);border-color:#7399d033}.ring-b{width:225px;height:225px;transform:translate(-50%,-50%) rotateY(25deg);border-color:#72c6df40}.intro-constellation .tool-orbit{animation:axis-orbit var(--speed) linear infinite}.intro-constellation .ring-level-0{animation-direction:reverse}.intro-constellation .orbit-tool-icon{animation:intro-fade .9s calc(.55s + var(--i)*.13s) both,axis-counter var(--speed) linear infinite}.intro-constellation .ring-level-0 .orbit-tool-icon{animation-direction:normal,reverse}
@keyframes axis-orbit{from{transform:rotate(var(--angle))}to{transform:rotate(calc(var(--angle) + 360deg))}}@keyframes axis-counter{from{rotate:0deg}to{rotate:-360deg}}
@media(max-width:420px){.aurora-scene{height:340px!important}.intro-constellation{height:340px;width:340px}.clean-ring{width:310px;height:310px}.ring-b{width:200px;height:200px}.ring-level-0{inset:52px}.clean-core,.intro-constellation .clean-core{width:104px;height:104px}.clean-core img,.intro-constellation .clean-core img{width:128px;height:128px}.orbit-tool-icon{width:35px;height:39px}.tool-position{left:calc(50% - 18px);top:9px}.orbit-label{top:43px;font-size:8px}}

.orbit-slot-0-0{--angle:0.0deg;--i:0;--speed:32s}
.orbit-slot-0-1{--angle:90.0deg;--i:1;--speed:32s}
.orbit-slot-0-2{--angle:180.0deg;--i:2;--speed:32s}
.orbit-slot-0-3{--angle:270.0deg;--i:3;--speed:32s}
.orbit-slot-1-0{--angle:25.0deg;--i:0;--speed:44s}
.orbit-slot-1-1{--angle:85.0deg;--i:1;--speed:44s}
.orbit-slot-1-2{--angle:145.0deg;--i:2;--speed:44s}
.orbit-slot-1-3{--angle:205.0deg;--i:3;--speed:44s}
.orbit-slot-1-4{--angle:265.0deg;--i:4;--speed:44s}
.orbit-slot-1-5{--angle:325.0deg;--i:5;--speed:44s}/* Logo leads: a tiny mark travels into the sphere before tools appear. */
.intro-constellation .clean-core{animation:bubble-arrive 1.1s .35s both; background:transparent;border-color:transparent;box-shadow:none}
.intro-constellation .clean-core::before{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 20%,#bed9ff 0,#4d90ee 17%,#6652cf 43%,#257cc2 74%,#71e7ff 98%);border:1px solid #a8ccffbb;box-shadow:inset 0 0 16px #fff7,0 0 25px #4794ff44,0 0 45px #6877ef33;animation:bubble-shell 1.1s .4s both}
.intro-constellation .clean-core img{position:relative;z-index:1;animation:logo-enter-bubble 1.4s cubic-bezier(.2,.7,.2,1) both}
.intro-constellation .clean-core:after{animation:bubble-shell 1.1s .4s both}
.intro-constellation .clean-ring{animation:intro-fade .7s 1.15s both}
.intro-constellation .orbit-tool-icon{animation:intro-fade .55s calc(1.35s + var(--i)*.11s) both,axis-counter var(--speed) linear infinite}
.intro-constellation .orbit-label{animation:intro-fade .55s calc(1.35s + var(--i)*.11s) both,axis-counter var(--speed) linear infinite}
.intro-wordmark{animation:intro-fade .7s .9s both}
@keyframes bubble-arrive{from,to{transform:translate(-50%,-50%)}}
@keyframes bubble-shell{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@keyframes logo-enter-bubble{0%{opacity:0;transform:translate(-125px,-115px) scale(.025)}12%{opacity:1;transform:translate(-113px,-103px) scale(.055)}65%{opacity:1;transform:translate(-22px,-20px) scale(.65)}100%{opacity:1;transform:translate(0,0) scale(1)}}
html[data-aurora-paused] .intro-constellation .clean-core{animation:none!important}
html[data-aurora-paused] .intro-constellation .clean-core img{animation:intro-fade 1.3s both!important}
html[data-aurora-paused] .intro-constellation .clean-core::before,html[data-aurora-paused] .intro-constellation .clean-core::after{animation:intro-fade 1.1s .4s both!important}
html[data-aurora-paused] .intro-constellation .orbit-tool-icon,html[data-aurora-paused] .intro-constellation .orbit-label{animation:intro-fade .55s calc(1.35s + var(--i)*.11s) both!important}
@media(prefers-reduced-motion:reduce){.intro-constellation .clean-core{animation:none!important}.intro-constellation .clean-core img{animation:intro-fade 1.3s both!important}.intro-constellation .clean-core::before,.intro-constellation .clean-core::after{animation:intro-fade 1.1s .4s both!important}.intro-constellation .orbit-tool-icon,.intro-constellation .orbit-label{animation:intro-fade .55s calc(1.35s + var(--i)*.11s) both!important}}
/* Logo-first opening; the mark and sphere share a single center. */
.clean-core img,.intro-constellation .clean-core img{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);z-index:1}
.intro-constellation .clean-core{animation:core-settle 2.6s ease-in-out both}
.intro-constellation .clean-core img{animation:centered-logo-reveal 1.25s cubic-bezier(.22,.65,.25,1) both}
.intro-constellation .clean-core::before,.intro-constellation .clean-core::after{animation:bubble-shell .9s .95s both}
.intro-constellation .clean-halo{animation:intro-fade .9s .95s both}
.intro-constellation .clean-ring{animation:intro-fade .65s 1.35s both}
.intro-wordmark{animation:intro-fade .65s 1.25s both}
.pwa-intro button{animation:intro-fade .5s 1.2s both}
.intro-constellation .orbit-tool-icon,.intro-constellation .orbit-label{animation:intro-fade .45s calc(1.6s + var(--i)*.08s) both,axis-counter var(--speed) linear infinite}
@keyframes centered-logo-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.025)}15%{opacity:1;transform:translate(-50%,-50%) scale(.06)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes core-settle{0%,100%{transform:translate(-50%,-50%)}65%{transform:translate(-50%,calc(-50% - 3px))}}
html[data-aurora-paused] .intro-constellation .clean-core{animation:none!important}
html[data-aurora-paused] .intro-constellation .clean-core img{animation:intro-fade 1.25s both!important}
html[data-aurora-paused] .intro-constellation .clean-core::before,html[data-aurora-paused] .intro-constellation .clean-core::after,html[data-aurora-paused] .intro-constellation .clean-halo{animation:intro-fade .9s .95s both!important}
html[data-aurora-paused] .intro-wordmark{animation:intro-fade .65s 1.25s both!important}
html[data-aurora-paused] .intro-constellation .orbit-tool-icon,html[data-aurora-paused] .intro-constellation .orbit-label{animation:intro-fade .45s calc(1.6s + var(--i)*.08s) both!important}
@media(prefers-reduced-motion:reduce){.intro-constellation .clean-core{animation:none!important}.intro-constellation .clean-core img{animation:intro-fade 1.25s both!important}.intro-constellation .clean-core::before,.intro-constellation .clean-core::after,.intro-constellation .clean-halo{animation:intro-fade .9s .95s both!important}.intro-wordmark{animation:intro-fade .65s 1.25s both!important}.intro-constellation .orbit-tool-icon,.intro-constellation .orbit-label{animation:intro-fade .45s calc(1.6s + var(--i)*.08s) both!important}}
/* Counter-rotate the complete icon-and-label unit so labels stay attached. */
.tool-position{width:82px;left:calc(50% - 41px);display:flex;flex-direction:column;align-items:center;gap:5px;animation:anchored-counter var(--speed) linear infinite;transform-origin:50% 22px;transform:rotate(calc(-1 * var(--angle)))}
.tool-position .orbit-tool-icon{flex:none;animation:none;rotate:none}
.tool-position .orbit-label{position:static;display:block;max-width:82px;white-space:normal;text-align:center;line-height:1.15;transform:none;transform-origin:center;animation:none;rotate:none;font-size:9px;color:#d1d3e6}
.ring-level-0 .tool-position{animation-direction:reverse}
.intro-constellation .tool-position{animation:anchored-counter var(--speed) linear infinite}
.intro-constellation .ring-level-0 .tool-position{animation-direction:reverse}
.intro-constellation .tool-position .orbit-tool-icon,.intro-constellation .tool-position .orbit-label{animation:intro-fade .45s calc(1.6s + var(--i)*.08s) both;rotate:none}
@keyframes anchored-counter{from{transform:rotate(calc(-1 * var(--angle)))}to{transform:rotate(calc(-1 * var(--angle) - 360deg))}}
@media(max-width:420px){.tool-position{width:72px;left:calc(50% - 36px);transform-origin:50% 19.5px;gap:4px}.tool-position .orbit-label{max-width:72px;font-size:8px}}
/* Main brand mark: 15 percent smaller within the same centered sphere. */
.clean-core img,.intro-constellation .clean-core img{width:123.25px;height:123.25px}
@media(max-width:420px){.clean-core img,.intro-constellation .clean-core img{width:108.8px;height:108.8px}}
/* A quiet living motion, shared by the logo and its sphere. */
.aurora-scene .clean-core{animation:brand-gentle-sway 6s ease-in-out infinite;transform-origin:center}
@keyframes brand-gentle-sway{0%,100%{transform:translate(-50%,-50%) rotate(-1deg)}50%{transform:translate(-50%,calc(-50% - 3px)) rotate(1deg)}}
html[data-aurora-background] .aurora-scene .clean-core{animation-play-state:paused!important}
html[data-aurora-paused] .aurora-scene .clean-core{animation:none!important;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){.aurora-scene .clean-core{animation:none!important;transform:translate(-50%,-50%)}}
/* Musical pulse: a small note-like tremble sends two soft waves outward. */
.aurora-scene .clean-core img{animation:note-resonance 4.8s ease-in-out infinite}
.aurora-scene .clean-core::before,.aurora-scene .clean-core::after{content:'';position:absolute;inset:-3px;border:1px solid #a9d9ff66;border-radius:50%;background:none;pointer-events:none;opacity:0;animation:note-ripple 4.8s ease-out infinite}
.aurora-scene .clean-core::after{animation-delay:.18s;border-color:#80b5ff55}
@keyframes note-resonance{0%,14%,30%,100%{transform:translate(-50%,-50%) rotate(0)}17%{transform:translate(calc(-50% + .7px),-50%) rotate(.65deg)}20%{transform:translate(calc(-50% - .7px),-50%) rotate(-.65deg)}23%{transform:translate(calc(-50% + .4px),-50%) rotate(.35deg)}26%{transform:translate(calc(-50% - .3px),-50%) rotate(-.2deg)}}
@keyframes note-ripple{0%,16%{opacity:0;transform:scale(.98)}20%{opacity:.45;transform:scale(1.02)}55%,100%{opacity:0;transform:scale(1.38)}}
html[data-aurora-background] .aurora-scene .clean-core img,html[data-aurora-background] .aurora-scene .clean-core::before,html[data-aurora-background] .aurora-scene .clean-core::after{animation-play-state:paused!important}
html[data-aurora-paused] .aurora-scene .clean-core img{animation:none!important;transform:translate(-50%,-50%)}
html[data-aurora-paused] .aurora-scene .clean-core::before,html[data-aurora-paused] .aurora-scene .clean-core::after{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.aurora-scene .clean-core img{animation:none!important;transform:translate(-50%,-50%)}.aurora-scene .clean-core::before,.aurora-scene .clean-core::after{animation:none!important;opacity:0}}
/* Three energy waves: each pulse reaches farther into the tool rings. */
.aurora-scene .clean-core::before,.aurora-scene .clean-core::after{animation:none;opacity:0}
.energy-wave{display:none}
.aurora-scene .energy-wave{display:block;position:absolute;inset:-2px;border:1px solid #a6dcff;border-radius:50%;pointer-events:none;opacity:0;transform:scale(1);animation:energy-wave-one 5.8s ease-out infinite}
.aurora-scene .energy-wave--2{border-color:#b9b4ff;animation-name:energy-wave-two}
.aurora-scene .energy-wave--3{border-color:#9bdde8;animation-name:energy-wave-three}
.aurora-scene .clean-core img{animation-duration:5.8s}
@keyframes energy-wave-one{0%,17%{opacity:0;transform:scale(1)}20%{opacity:.48;transform:scale(1.04)}48%,100%{opacity:0;transform:scale(1.55)}}
@keyframes energy-wave-two{0%,23%{opacity:0;transform:scale(1)}26%{opacity:.4;transform:scale(1.06)}62%,100%{opacity:0;transform:scale(2.1)}}
@keyframes energy-wave-three{0%,29%{opacity:0;transform:scale(1)}32%{opacity:.32;transform:scale(1.08)}78%,100%{opacity:0;transform:scale(2.75)}}
html[data-aurora-background] .aurora-scene .energy-wave{animation-play-state:paused!important}
html[data-aurora-paused] .aurora-scene .energy-wave{animation:none!important;opacity:0}
@media(prefers-reduced-motion:reduce){.aurora-scene .energy-wave{animation:none!important;opacity:0}}
/* Ring radius responds to the same three waves, preserving icon/label size. */
.aurora-scene .tool-orbit{animation:axis-orbit var(--speed) linear infinite,energy-ring-radius 5.8s ease-in-out infinite}
.aurora-scene .ring-level-0{animation:axis-orbit var(--speed) linear infinite,energy-inner-radius 5.8s ease-in-out infinite;animation-direction:reverse,normal}
@keyframes energy-ring-radius{0%,20%,100%{inset:0}30%{inset:-4px}43%{inset:-9px}65%,78%{inset:-15px}}
@keyframes energy-inner-radius{0%,20%,100%{inset:62px}30%{inset:58px}43%{inset:53px}65%,78%{inset:47px}}
@media(max-width:420px){@keyframes energy-inner-radius{0%,20%,100%{inset:52px}30%{inset:48px}43%{inset:43px}65%,78%{inset:37px}}@keyframes energy-ring-radius{0%,20%,100%{inset:0}30%{inset:-3px}43%{inset:-6px}65%,78%{inset:-10px}}}
/* Move each orbit unit outward using transforms only. */
.aurora-scene .tool-orbit{animation:axis-orbit var(--speed) linear infinite}
.aurora-scene .ring-level-0{animation-direction:reverse}
.aurora-scene .tool-position{animation:anchored-counter var(--speed) linear infinite,energy-tool-push 5.8s ease-in-out infinite}
.aurora-scene .ring-level-0 .tool-position{animation-direction:reverse,normal}
@keyframes energy-tool-push{0%,20%,100%{translate:0 0}30%{translate:0 -4px}43%{translate:0 -9px}65%,78%{translate:0 -15px}}
@media(max-width:420px){@keyframes energy-tool-push{0%,20%,100%{translate:0 0}30%{translate:0 -3px}43%{translate:0 -6px}65%,78%{translate:0 -10px}}}
html[data-aurora-background] .aurora-scene .tool-position{animation-play-state:paused!important}
/* Readable labels and equal ten-pixel steps for each of the three pulses. */
.tool-position .orbit-label{font-size:10.5px;font-weight:500;line-height:1.2;color:#dedff0}
.aurora-scene .tool-position{animation-timing-function:linear,cubic-bezier(.45,0,.25,1)}
@keyframes energy-tool-push{0%,17%,100%{translate:0 0}28%,30%{translate:0 -10px}41%,43%{translate:0 -20px}56%,76%{translate:0 -30px}}
@media(max-width:420px){.tool-position .orbit-label{font-size:9.5px}@keyframes energy-tool-push{0%,17%,100%{translate:0 0}28%,30%{translate:0 -10px}41%,43%{translate:0 -20px}56%,76%{translate:0 -30px}}}
/* Three restrained logo beats drive the three outgoing energy waves. */
.aurora-scene .clean-core img{animation:logo-energy-beats 5.8s cubic-bezier(.4,0,.25,1) infinite;transform-origin:center}
@keyframes logo-energy-beats{
  0%,14%,22%,28%,34%,46%,100%{transform:translate(-50%,-50%) scale(1) rotate(0)}
  17%{transform:translate(-50%,-50%) scale(.975) rotate(-.4deg)}
  20%{transform:translate(-50%,-50%) scale(1.035) rotate(.45deg)}
  23%{transform:translate(-50%,-50%) scale(.975) rotate(-.4deg)}
  26%{transform:translate(-50%,-50%) scale(1.045) rotate(.5deg)}
  29%{transform:translate(-50%,-50%) scale(.97) rotate(-.45deg)}
  32%{transform:translate(-50%,-50%) scale(1.055) rotate(.55deg)}
}
html[data-aurora-paused] .aurora-scene .clean-core img{animation:none!important;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){.aurora-scene .clean-core img{animation:none!important;transform:translate(-50%,-50%)}}
/* Animate the supplied logo's leaves and musical stem independently. */
.clean-core .brand-parts-logo{position:absolute;left:50%;top:50%;width:123.25px;height:123.25px;max-width:none;transform:translate(-50%,-50%);z-index:1;overflow:visible}
.brand-parts-logo .maps-logo-part{animation:none;transform-box:view-box}
.aurora-scene .brand-part--0{transform-origin:47% 60%;animation:brand-left-leaf 5.8s ease-in-out infinite}
.aurora-scene .brand-part--1{transform-origin:51% 61%;animation:brand-right-leaf 5.8s ease-in-out infinite}
.aurora-scene .brand-part--2{transform-origin:49% 64%;animation:brand-note-vibration 5.8s ease-in-out infinite}
@keyframes brand-left-leaf{0%,14%,22%,28%,36%,100%{transform:rotate(0)}18%,24%,30%{transform:rotate(-3deg) translateY(-2px)}20%,26%,33%{transform:rotate(1deg)}}
@keyframes brand-right-leaf{0%,14%,22%,28%,36%,100%{transform:rotate(0)}18%,24%,30%{transform:rotate(3deg) translateY(-2px)}20%,26%,33%{transform:rotate(-1deg)}}
@keyframes brand-note-vibration{0%,16%,22%,28%,36%,100%{transform:translateX(0)}18%,24%,30%{transform:translateX(3px) rotate(.7deg)}19%,25%,31%{transform:translateX(-3px) rotate(-.7deg)}20%,26%,32%{transform:translateX(2px) rotate(.4deg)}21%,27%,34%{transform:translateX(-1px)}}
.intro-constellation .brand-parts-logo{animation:centered-logo-reveal 1.25s cubic-bezier(.22,.65,.25,1) both}
html[data-aurora-background] .brand-parts-logo .maps-logo-part{animation-play-state:paused!important}
html[data-aurora-paused] .brand-parts-logo .maps-logo-part{animation:none!important;transform:none}
html[data-aurora-paused] .intro-constellation .brand-parts-logo{animation:intro-fade 1.25s both!important}
@media(prefers-reduced-motion:reduce){.brand-parts-logo .maps-logo-part{animation:none!important;transform:none}.intro-constellation .brand-parts-logo{animation:intro-fade 1.25s both!important}}
@media(max-width:420px){.clean-core .brand-parts-logo{width:108.8px;height:108.8px}}
/* Visible, soft leaf articulation. Musical impacts precede wave expansion. */
@keyframes brand-left-leaf{0%,12%,100%{transform:rotate(0)}16%{transform:rotate(-7deg) translateY(-4px)}20%{transform:rotate(2deg)}23%{transform:rotate(-8deg) translateY(-5px)}26%{transform:rotate(2deg)}29%{transform:rotate(-9deg) translateY(-5px)}34%{transform:rotate(1deg)}42%{transform:rotate(0)}}
@keyframes brand-right-leaf{0%,12%,100%{transform:rotate(0)}16%{transform:rotate(7deg) translateY(-4px)}20%{transform:rotate(-2deg)}23%{transform:rotate(8deg) translateY(-5px)}26%{transform:rotate(-2deg)}29%{transform:rotate(9deg) translateY(-5px)}34%{transform:rotate(-1deg)}42%{transform:rotate(0)}}
@keyframes brand-note-vibration{0%,15%,22%,28%,38%,100%{transform:translateX(0) rotate(0)}17%,23%,29%{transform:translateX(-4px) rotate(-1.2deg)}18%,24%,30%{transform:translateX(5px) rotate(1.4deg)}19%,25%,31%{transform:translateX(-3px) rotate(-.8deg)}20%,26%,32%{transform:translateX(2px) rotate(.5deg)}21%,27%,34%{transform:translateX(-1px)}}
@keyframes energy-wave-one{0%,18%{opacity:0;transform:scale(1)}21%{opacity:.48;transform:scale(1.04)}49%,100%{opacity:0;transform:scale(1.55)}}
@keyframes energy-wave-two{0%,24%{opacity:0;transform:scale(1)}27%{opacity:.4;transform:scale(1.06)}63%,100%{opacity:0;transform:scale(2.1)}}
@keyframes energy-wave-three{0%,30%{opacity:0;transform:scale(1)}33%{opacity:.32;transform:scale(1.08)}79%,100%{opacity:0;transform:scale(2.75)}}
.tool-position .orbit-tool-icon{position:relative;border-radius:13px;background:linear-gradient(145deg,#495c76bb,#1e2734e8 55%,#171c30);border:1px solid #8cb2e788;color:#b9d6ff;box-shadow:inset 0 1px 1px #ffffff55,inset 0 -2px 5px #0003,0 5px 12px #02071866,0 0 14px #457dcc22}
.tool-position .orbit-tool-icon:after{content:'';position:absolute;inset:2px;border-radius:10px;border-top:1px solid #ffffff22;pointer-events:none}
.tool-position .orbit-tool-icon svg{width:25px;height:25px;filter:drop-shadow(0 0 3px #ffffff22)}
.tool-position .icon-tone-1{background:linear-gradient(145deg,#286b82bb,#142d46ed);border-color:#7cd6e977;color:#b1f2ff}
.tool-position .icon-tone-2{background:linear-gradient(145deg,#286953bb,#142d30ed);border-color:#7cdbbb77;color:#b8f5dc}
.tool-position .icon-tone-3{background:linear-gradient(145deg,#805d37aa,#242a34ed);border-color:#e2b77c77;color:#ffe1a8}
.tool-position .icon-tone-4{background:linear-gradient(145deg,#425775bb,#1c2635ed);border-color:#90b2e177;color:#bed9ff}
@media(max-width:420px){.tool-position .orbit-tool-icon svg{width:22px;height:22px}}
.roadmap-chat{display:flex;flex-direction:column;gap:14px;margin:14px 0 20px;text-align:left}.chat-heading{display:flex;align-items:center;gap:10px;margin-bottom:3px}.chat-heading>img{width:44px;height:44px;object-fit:contain}.chat-heading strong{font-size:18px;color:#e6f0ff}.chat-heading small{display:block;font-size:10px;color:#aab6d0;margin-top:4px}.chat-message{display:flex;align-items:flex-start;gap:9px}.chat-message--student{margin-left:28px;justify-content:flex-end}.chat-message--coda{margin-right:20px}.chat-bubble{padding:12px 14px;border:1px solid #8faeda26;border-radius:16px;background:linear-gradient(135deg,#252d4b,#20243c);flex:1}.chat-message--student .chat-bubble{background:linear-gradient(135deg,#2a3748,#292d4c);border-radius:16px 16px 4px 16px}.chat-message--coda .chat-bubble{border-radius:4px 16px 16px 16px}.chat-speaker{display:block;font-size:10px;font-weight:650;color:#93b8ed;margin-bottom:6px}.aurora-welcome .roadmap-chat .chat-bubble p{padding:0!important;margin:0!important;border:0!important;background:none!important;font-size:13px!important;line-height:1.5!important;color:#e4e5f0!important}.coda-avatar,.student-avatar{flex:0 0 35px;width:35px;height:35px;object-fit:contain}.student-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(140deg,#4e8feb,#355685);color:#ebf3ff;border:1px solid #9bc5ff66}.student-avatar svg{width:25px;height:25px}.chat-attachment{display:flex;gap:12px;align-items:center;margin-left:64px;margin-right:44px;padding:12px 15px;background:#262d46;border:1px solid #b9bfe822;border-radius:13px}.chat-attachment>span{display:grid;place-items:center;background:#d94d61;color:white;width:30px;height:36px;border-radius:5px;font-size:9px;font-weight:700}.chat-attachment strong{font-size:12px;color:#eff0fa}.chat-attachment small{font-size:10px;color:#abb4d0;display:block;margin-top:4px}
/* A soft handoff after the 2.6 second opening, followed by a readable reveal. */
.pwa-intro{animation:intro-expire .5s 2.6s forwards}
.pwa-intro.intro-exiting{opacity:0;transition:opacity .5s ease;pointer-events:none}
html[data-intro-playing] .aurora-welcome{opacity:0}
html[data-welcome-reveal] .aurora-welcome{animation:welcome-soft-in .6s ease-out both}
html[data-welcome-reveal] [data-aurora-panel="0"] h1{animation:welcome-copy-in .65s .08s ease-out both}
html[data-welcome-reveal] [data-aurora-panel="0"]>p{animation:welcome-copy-in .65s .2s ease-out both}
html[data-welcome-reveal] .aurora-controls{animation:welcome-copy-in .6s .32s ease-out both}
@keyframes welcome-soft-in{from{opacity:0}to{opacity:1}}
@keyframes welcome-copy-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
html[data-aurora-paused] .pwa-intro{animation:intro-expire .5s 2.6s forwards!important}
html[data-aurora-paused][data-welcome-reveal] .aurora-welcome,html[data-aurora-paused][data-welcome-reveal] [data-aurora-panel="0"] h1,html[data-aurora-paused][data-welcome-reveal] [data-aurora-panel="0"]>p,html[data-aurora-paused][data-welcome-reveal] .aurora-controls{animation:welcome-soft-in .4s ease-out both!important;transform:none}
@media(prefers-reduced-motion:reduce){.pwa-intro{animation:intro-expire .5s 2.6s forwards!important}html[data-welcome-reveal] .aurora-welcome,html[data-welcome-reveal] [data-aurora-panel="0"] h1,html[data-welcome-reveal] [data-aurora-panel="0"]>p,html[data-welcome-reveal] .aurora-controls{animation:welcome-soft-in .4s ease-out both!important;transform:none}}
/* Coda's chosen identity, at conversation size. */
.coda-seed-avatar{display:block;flex:0 0 43px;width:43px;height:43px;filter:drop-shadow(0 0 5px #719ad533)}.coda-seed-avatar svg{display:block;width:100%;height:100%;overflow:visible}.chat-heading>.coda-seed-avatar{width:52px;height:52px;flex-basis:52px}.coda-seed-avatar .coda-rings{transform-origin:64px 64px}.coda-seed-avatar .seed-character{transform-origin:64px 75px;animation:chat-coda-breathe 6s ease-in-out infinite}@keyframes chat-coda-breathe{50%{transform:translateY(-1px) rotate(1deg)}}
html[data-aurora-paused] .coda-seed-avatar .seed-character{animation:none!important}@media(prefers-reduced-motion:reduce){.coda-seed-avatar .seed-character{animation:none!important}}
.aurora-welcome [data-aurora-panel]:not([hidden]){animation:none}
/* Gentle sequential storytelling, with geometry reserved to avoid jumping. */
.sequence-wait{visibility:hidden!important}.coda-is-thinking .chat-bubble{position:relative;min-height:76px}.coda-is-thinking .chat-bubble>p{visibility:hidden}.coda-thinking-label{position:absolute;left:14px;top:36px;color:#b7c9e2;font-size:12px}.coda-is-thinking .coda-rings{animation:chat-thinking-orbit 3s linear infinite;transform-origin:64px 64px}.coda-is-thinking.rings-disabled .coda-rings{animation:none!important}.aurora-tools article:hover>span{animation:none!important}
@keyframes chat-thinking-orbit{to{transform:rotate(360deg)}}
html[data-aurora-paused] .coda-is-thinking .coda-rings{animation:none!important}@media(prefers-reduced-motion:reduce){.coda-is-thinking .coda-rings{animation:none!important}}
/* Scripted screen sequences own the copy timing after page navigation. */
html[data-welcome-reveal] [data-aurora-panel="1"] h2,html[data-welcome-reveal] [data-aurora-panel="2"] h2{will-change:auto}
.onboarding-theme-picker{display:flex;align-items:center;justify-content:center;gap:5px;margin:0 0 18px;font-size:11px;color:#b6bdd5}.onboarding-theme-picker>span{margin-right:8px}.onboarding-theme-picker button{font:inherit;min-height:38px;padding:8px 13px;border:1px solid #7f9bc244;border-radius:12px;background:#171e33;color:#d9d9eb;cursor:pointer}.onboarding-theme-picker button[aria-pressed=true]{background:#3c4f69;border-color:#88aee5;color:#fff}.onboarding-theme-picker button:focus-visible{outline:2px solid #81d9f0;outline-offset:3px}
html:not(.theme-dark) body.is-marketing{background:radial-gradient(ellipse at 25% 20%,#cfdff6,transparent 55%),radial-gradient(ellipse at 85% 80%,#d5eef1,transparent 60%),#f5f6fc!important}
html:not(.theme-dark) body.is-marketing .marketing-page{background:linear-gradient(155deg,#ffffff,#f1f2fc 55%,#edf5f8);border-color:#8fa3bf66!important;box-shadow:0 20px 60px #47597321!important}
html:not(.theme-dark) .marketing-nav .brand,html:not(.theme-dark) body.is-marketing .aurora-welcome h1,html:not(.theme-dark) body.is-marketing .aurora-welcome h2{color:#202441!important}
html:not(.theme-dark) body.is-marketing .aurora-welcome p:not(.eyebrow):not(.aurora-step-status){color:#4b5571!important}
html:not(.theme-dark) .aurora-topline,html:not(.theme-dark) .aurora-topline .eyebrow,html:not(.theme-dark) .onboarding-theme-picker{color:#505a75!important}
html:not(.theme-dark) .aurora-topline button,html:not(.theme-dark) .aurora-back,html:not(.theme-dark) .aurora-motion-toggle,html:not(.theme-dark) .onboarding-theme-picker button{background:#ebf0f8;color:#354255;border-color:#92a2b966}
html:not(.theme-dark) .onboarding-theme-picker button[aria-pressed=true]{background:#435f87;color:white;border-color:#435f87}
html:not(.theme-dark) .tool-position .orbit-label{color:#414b67;text-shadow:0 1px #fff9}
html:not(.theme-dark) .clean-ring{border-color:#576d8b55}
html:not(.theme-dark) .aurora-tools article{background:linear-gradient(135deg,#fff,#eceaf9)!important;border-color:#8fa4c155!important;box-shadow:0 5px 14px #3f4b5d0b}
html:not(.theme-dark) .aurora-tools h3{color:#292c4b}
html:not(.theme-dark) .aurora-roadmap{background:linear-gradient(135deg,#fff,#eeeff9);border-color:#8fa4c155}
html:not(.theme-dark) .aurora-roadmap__item strong{color:#292c4b}html:not(.theme-dark) .aurora-roadmap__item small,html:not(.theme-dark) .aurora-example{color:#55607b}html:not(.theme-dark) .aurora-roadmap>.eyebrow{color:#4a5c75}
html:not(.theme-dark) .chat-bubble,html:not(.theme-dark) .chat-message--student .chat-bubble{background:linear-gradient(145deg,#dee7f3,#ebf0f7);border-color:#99adc744}
html:not(.theme-dark) .chat-message--coda .chat-bubble{background:linear-gradient(145deg,#e3eff4,#edf3f8)}
html:not(.theme-dark) .chat-heading strong{color:#292c4b}html:not(.theme-dark) .chat-heading small,html:not(.theme-dark) .chat-speaker,html:not(.theme-dark) .coda-thinking-label{color:#4a5b73}
html:not(.theme-dark) .aurora-welcome .roadmap-chat .chat-bubble p{color:#35435e!important}
html:not(.theme-dark) .chat-attachment{background:#e6e9f4;border-color:#99adc744}html:not(.theme-dark) .chat-attachment strong{color:#35435e}html:not(.theme-dark) .chat-attachment small{color:#58627e}
html:not(.theme-dark) .pwa-intro{background:radial-gradient(ellipse at 50% 42%,#e0dcf8,#f6f8fc 65%)}html:not(.theme-dark) .intro-wordmark{color:#272c4b}html:not(.theme-dark) .intro-wordmark small,html:not(.theme-dark) .pwa-intro button{color:#57617b}
html:not(.theme-dark) body.is-marketing #account-sheet .account-sheet{background:linear-gradient(145deg,#fff,#eef1fa);color:#29344d;border-color:#92a2b966}html:not(.theme-dark) body.is-marketing #account-sheet input{background:#fff;color:#29344d}
/* Reserve room for full-radius pulses and keep every label within the phone. */
@media(max-width:420px){.aurora-scene{width:270px;height:310px!important}.aurora-scene .tool-orbit{inset:25px 10px}.aurora-scene .ring-level-0{inset:65px 48px}.aurora-scene .clean-ring{width:265px;height:265px}.aurora-scene .ring-b{width:180px;height:180px}.aurora-scene .tool-position .orbit-label{font-size:9px;max-width:64px}.aurora-scene .tool-position{width:64px;left:calc(50% - 32px)}}
/* Keep review navigation in normal flow so it never covers the content. */
.preview-screens{position:relative;left:auto;bottom:auto;transform:none;margin:16px auto 24px;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:calc(100% - 24px)}
html:not(.theme-dark) .aurora-welcome em{background:none!important;color:#45638d!important}
html:not(.theme-dark) .aurora-roadmap__item>span{color:#476a76}
html:not(.theme-dark) .coda-seed-avatar .coda-rings{filter:drop-shadow(0 0 1px #455e81)}
html:not(.theme-dark) .coda-seed-avatar .seed-character{stroke:#6d68a9;stroke-width:.6}
.aurora-topline:focus{outline:none}
@media(max-width:600px){.marketing-nav{padding:0!important;margin-bottom:20px!important}.onboarding-theme-picker{margin-bottom:12px}.preview-screens button{padding:10px 8px;font-size:10px}}
.aurora-back{position:static;flex:0 0 auto}.aurora-controls{min-height:44px;margin-top:24px!important;gap:12px}.aurora-back:not([hidden])~.mc-button{width:auto!important;flex:1;margin-left:0}.aurora-dots{flex:0 0 100%}.preview-screens[hidden]{display:none!important}

/* One appearance control and an always-available sign-in entry. */
.marketing-nav .marketing-nav__actions{display:flex!important;margin-left:auto}
.marketing-nav .marketing-signin{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #7f9bc266;border-radius:24px;background:#1c2533;color:#e5f0ff;font-size:13px;font-weight:600;white-space:nowrap}
.onboarding-theme-picker{justify-content:space-between;gap:12px}.appearance-select{display:flex;align-items:center;gap:10px}.appearance-select select{font:inherit;font-size:12px;min-height:44px;border:1px solid #7f9bc266;border-radius:16px;padding:10px 30px 10px 12px;background:#1c2533;color:#e5f0ff;cursor:pointer;color-scheme:dark}
html:not(.theme-dark) .marketing-nav .marketing-signin,html:not(.theme-dark) .appearance-select select{background:#ebf0f8;color:#2e4058;border-color:#a4b3c8;color-scheme:light}
.appearance-select select:focus-visible,.marketing-signin:focus-visible{outline:2px solid #5188d5;outline-offset:3px}
/* Explicit dialog colors override the older marketing-only dark palette. */
html body.is-marketing #account-sheet{--signin-ink:#eaf3ff;--signin-muted:#c1c7df;--signin-link:#abceff;--signin-surface:#191e33;--signin-field:#10182b;--signin-edge:#617086;background:var(--signin-surface);color:var(--signin-ink)}
html:not(.theme-dark) body.is-marketing #account-sheet{--signin-ink:#242b45;--signin-muted:#535e79;--signin-link:#37547d;--signin-surface:#f8f9fe;--signin-field:#fff;--signin-edge:#a7b3c4}
html body.is-marketing #account-sheet .account-sheet{background:var(--signin-surface);color:var(--signin-ink);border:0;box-shadow:none}
html body.is-marketing #account-sheet .mc-hero{background:none;border:0;box-shadow:none;padding:0}
html body.is-marketing #account-sheet :is(h2,h3,.mc-input>span){color:var(--signin-ink)}
html body.is-marketing #account-sheet :is(.mc-hero p,.auth-status,.account-form p,.account-sheet__note,.mc-input small){color:var(--signin-muted)}
html body.is-marketing #account-sheet :is(.mc-button--text,a){color:var(--signin-link)}
html body.is-marketing #account-sheet :is(input,select){background:var(--signin-field);color:var(--signin-ink);border-color:var(--signin-edge)}
html body.is-marketing #account-sheet input::placeholder{color:var(--signin-muted);opacity:1}
html body.is-marketing #account-sheet :is(.google-button,.passkey-button,.mc-button--quiet,.sheet-close){background:var(--signin-field);color:var(--signin-ink);border:1px solid var(--signin-edge)}
html body.is-marketing #account-sheet .apple-button{background:#111;color:white;border-color:#111}
html body.is-marketing #account-sheet .auth-status.error{color:#ee859b}
html:not(.theme-dark) body.is-marketing #account-sheet .auth-status.error{color:#a62a48}
html body.is-marketing #account-sheet .auth-status.success{color:#8ee3bf}
html:not(.theme-dark) body.is-marketing #account-sheet .auth-status.success{color:#21654d}
@media(max-width:420px){.onboarding-theme-picker{font-size:10px}.appearance-select{gap:6px}.aurora-motion-toggle{font-size:10px;padding:8px 10px}.marketing-nav .marketing-signin{padding:10px 16px}}

html body.is-marketing #account-sheet .mc-button--text{background:transparent;border-color:transparent;box-shadow:none}