/* AniMood V12 — 60 / 30 / 10 surface hierarchy; the approved product keeps its colors. */
:root{--ink:#130c1e;--panel:#3e256b;--paper:#e8e2eb;--gx:50%;--gy:50%}html{scroll-padding-top:100px}body{background:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{padding-top:env(safe-area-inset-top);height:calc(84px + env(safe-area-inset-top));padding-left:max(26px,env(safe-area-inset-left));padding-right:max(26px,env(safe-area-inset-right));pointer-events:none}.site-header>*{pointer-events:auto}.header-actions{display:flex;gap:22px;align-items:center}.menu-toggle{display:flex;gap:9px;align-items:center;justify-content:center;background:transparent;border:0;width:auto;height:46px;min-width:80px;padding:0 10px;border-radius:22px;font:600 14px Inter,sans-serif}.menu-symbol{font-size:26px;line-height:1;transition:transform .45s}.menu-toggle[aria-expanded=true] .menu-symbol{transform:rotate(90deg)}.site-cta{font-size:16px;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 0 28px #e8e2eb13}.site-cta:before{content:'';position:absolute;inset:-100%;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy),#fff9,transparent 25%);opacity:0;transition:opacity .35s}.site-cta:hover:before{opacity:1}.site-cta:hover{box-shadow:0 0 35px #e8e2eb32;transform:translateY(-2px)}.header-cta{min-height:46px;padding:12px 20px;font-size:14px}
#menu-backdrop{position:fixed;z-index:47;inset:0;background:#130c1e83;backdrop-filter:blur(12px);animation:backdrop-in .35s both}.glass-menu{position:fixed;z-index:49;right:max(26px,env(safe-area-inset-right));top:calc(100px + env(safe-area-inset-top));width:min(570px,calc(100vw - 40px));max-height:calc(100dvh - 125px - env(safe-area-inset-top));overflow:auto;padding:32px 38px;border:1px solid #e8e2eb2b;border-radius:28px;background:linear-gradient(120deg,#3e256bbf,#201332ce);box-shadow:inset 0 1px #fff2,0 30px 80px #0007;backdrop-filter:blur(34px) saturate(140%);opacity:0;visibility:hidden;transform:translateY(-12px) scale(.97);transform-origin:top right;transition:opacity .32s,transform .5s cubic-bezier(.16,1,.3,1),visibility .32s;display:block}.glass-menu.open{opacity:1;visibility:visible;transform:none}.glass-menu>.section-kicker{font-size:10px;margin-bottom:20px}.glass-menu>a{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #e8e2eb18;font:500 clamp(20px,2.5vw,29px) Manrope,sans-serif;letter-spacing:-1px;transition:padding .3s,color .3s}.glass-menu>a:hover{padding-left:12px;color:#fff}.glass-menu>a small{font:400 10px Inter,sans-serif;letter-spacing:0;color:#c3b2d9}.glass-menu>a>span{margin-left:auto;font-size:20px;color:#d4c7e5}.menu-footer{display:flex;gap:20px;justify-content:space-between;margin-top:25px;color:#c5b7d6;font-size:10px;line-height:1.8}.menu-footer a{text-decoration:underline}.menu-open{overflow:hidden}
.stage{background:radial-gradient(ellipse at 50% 56%,#3e256b99 0%,#130c1e 72%)}#scene{z-index:1;will-change:transform}.scene-orbit{position:absolute;inset:25% -15%;border:1px solid #e8e2eb0b;border-radius:50%;transform:rotate(-12deg);pointer-events:none}.scene-orbit:after{content:'';position:absolute;inset:10% 0;border:1px solid #e8e2eb06;border-radius:50%;transform:rotate(25deg)}#atmosphere{position:absolute;inset:0;pointer-events:none;opacity:.65;width:100%;height:100%}.hero-intro{top:17%;z-index:3}.hero-intro h1{font-size:clamp(32px,3.7vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:0 auto}.hero-intro h1 em{color:var(--paper);display:inline}.hero-eyebrow{font-size:11px;letter-spacing:.22em;margin:0 0 16px;color:#d1c3e1}.hero-subtitle{color:#c4b8d3;font-size:13px;margin:17px auto 0}.color-panel{bottom:10%}.edge-cue{position:absolute;top:49%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:25px;color:#e8e2eb77;pointer-events:none;transition:opacity .4s}.edge-cue>span{writing-mode:vertical-rl;font-size:8px;letter-spacing:3px}.edge-cue>i{font-style:normal;font-size:22px;animation:cue-drift 2.6s ease-in-out infinite}.edge-left{left:30px}.edge-right{right:30px}.stage:not(.collection-active) .edge-cue{opacity:0}.returning-gallery .hero-intro{opacity:0;pointer-events:none}.returning-gallery .controls{opacity:0}.returning-gallery #scroll-hint{display:none}.returning-gallery #explore-collar{visibility:hidden}
#final-message{top:16%;z-index:2;color:var(--paper);font:500 clamp(30px,4.8vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;text-shadow:0 4px 35px #130c1e99;padding:0 20px}#final-message strong{font-weight:500;color:var(--paper)}#assembled-hint{padding-bottom:env(safe-area-inset-bottom)}.controls{bottom:calc(22px + env(safe-area-inset-bottom))}.explore-link{bottom:calc(22px + env(safe-area-inset-bottom))!important}.loading{background:var(--ink);color:var(--paper)}.loading-inner{width:min(310px,72vw)}.loading-logo{position:relative;margin-bottom:48px;overflow:hidden;mask-image:url(logo-night.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center}.loading-logo img{display:block;width:100%;height:auto}.loading-logo>span{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,#fff 48%,transparent 75%);transform:translateX(-100%);mix-blend-mode:screen;animation:logo-shimmer 1.9s ease-in-out infinite}.load-bar{background:#3e256b;height:2px}.load-bar span{background:var(--paper)}.load-meta{color:#c0b1d0;font-family:Inter,sans-serif;font-size:11px}.load-meta #load-percent{color:var(--paper);font-variant-numeric:tabular-nums}
.section-link{height:110px;background:radial-gradient(ellipse at 50% 0,#3e256b45,transparent 70%)}.section-wrap h2,.am-editorial h2{font-weight:600;font-size:clamp(28px,3vw,36px);line-height:1.22;letter-spacing:-1.6px}.section-wrap h2 em,.am-editorial h2 em{color:#e8e2ebba;font-style:normal}.section-wrap p,.am-intro{font-size:18px;line-height:1.8}.section-kicker,.section-wrap p.section-kicker{font-size:10px}.section-kicker>span{color:var(--paper)}.am-app{position:relative;isolation:isolate;padding-top:65px;padding-bottom:90px;background:radial-gradient(ellipse at 80% 35%,#3e256b85,transparent 60%),var(--ink)}.am-app:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#e8e2eb03 1px,transparent 1px),linear-gradient(#e8e2eb03 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000,transparent);pointer-events:none}.am-editorial h2{margin:25px 0}.am-intro{color:#d2c6de;font-size:18px;max-width:480px}.am-features button{border:1px solid #e8e2eb16;background:linear-gradient(110deg,#3e256b45,#3e256b15);border-radius:18px;margin-bottom:9px;transition:background .3s,transform .3s,border-color .3s;backdrop-filter:blur(12px)}.am-features button:hover{transform:translateX(5px);border-color:#e8e2eb55}.am-features button[aria-selected=true]{background:#3e256b8a;border-color:#e8e2eb44}.am-features small{font-size:13px;line-height:1.6;white-space:normal}.vet-note{display:flex;align-items:start;gap:15px;font-size:13px;margin:20px 10px;color:#d3c6df}.vet-note>span{font-size:24px}.vet-note b{font-weight:500}.vet-note p{font-size:13px;line-height:1.6;margin:6px 0;color:#b9aec7}.app-process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:80px}.app-process article{position:relative;padding:24px;border:1px solid #e8e2eb20;border-radius:22px;background:#3e256b50;overflow:hidden}.app-process h3{font:600 18px Manrope,sans-serif;letter-spacing:-.5px}.app-process p{font-size:14px;line-height:1.8;color:#c7b8d6;margin-bottom:0}.app-process article>span{font-size:11px;color:#c7b8d6}.signal-note{font-size:13px;color:#c7b8d6;line-height:1.7;max-width:760px;margin:30px auto 0;text-align:center}
.pointer-glass{--gx:50%;--gy:50%;position:relative;isolation:isolate}.pointer-glass:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(450px circle at var(--gx) var(--gy),#e8e2eb12,transparent 65%);border-radius:inherit;opacity:0;transition:opacity .4s}.pointer-glass:hover:before{opacity:1}.story-section{gap:70px;position:relative;background:linear-gradient(125deg,#130c1e 25%,#3e256b38 100%)}.story-image{position:sticky;top:130px;min-height:600px;align-self:start;border:1px solid #e8e2eb25;border-radius:180px 180px 28px 28px;box-shadow:0 0 100px #3e256b44}.story-image>img{object-position:58% center;transform:scale(1.08) translateY(var(--parallax,0px));will-change:transform}.story-copy>p:not(.section-kicker){font-size:16px;line-height:1.85}.story-copy>p:first-of-type+p{color:var(--paper);font-size:18px}.story-signature{font-size:13px}.tiny-paw{color:var(--paper)}.feedback-section{background:radial-gradient(ellipse at 5% 35%,#3e256b66,transparent 65%)}.feedback-grid article{position:relative;overflow:hidden;background:linear-gradient(140deg,#3e256b99,#3e256b30);border-color:#e8e2eb20;box-shadow:inset 0 1px #e8e2eb0a;transition:transform .45s,border-color .45s,box-shadow .45s}.feedback-grid article:hover{transform:translateY(-7px);border-color:#e8e2eb50;box-shadow:0 16px 55px #0003}.feedback-grid h3{font-weight:600;font-size:24px}.feedback-grid .card-eyebrow{font-size:9px}.feedback-grid article>p:last-child{font-size:16px}.feedback-symbol{color:var(--paper)}.split-heading>p{font-size:16px}.faq-section{position:relative;background:radial-gradient(ellipse at 90% 70%,#3e256b55,transparent 70%)}.faq-list{border-top:0}.faq-list details{margin-bottom:12px;border:1px solid #e8e2eb1d;border-radius:20px;background:linear-gradient(135deg,#3e256b65,#3e256b20);overflow:hidden;transition:border-color .3s,background .3s}.faq-list details[open]{border-color:#e8e2eb4a;background:#3e256b75}.faq-list summary{padding:24px;font-size:16px;line-height:1.5}.faq-list details p{padding:0 24px 26px;font-size:16px;line-height:1.85;color:#d2c6de;animation:none}.faq-answer{overflow:hidden}.faq-list summary>span{color:var(--paper)}
.launch-section{min-height:850px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:130px;padding-bottom:160px;background:radial-gradient(ellipse at 50% 75%,#3e256baa,transparent 70%)}.launch-section h2{font-size:clamp(38px,5.5vw,78px);max-width:1000px;line-height:1.06;letter-spacing:-.055em;text-shadow:0 3px 35px #130c1e}.launch-section h2 em{color:var(--paper)}.launch-section>*:not(#footer-collar){position:relative;z-index:2}.launch-section .section-kicker{font-size:10px}.launch-section>p:not(.section-kicker){font-size:16px}.launch-section>small{font-size:11px;line-height:1.7}.launch-primary{margin-top:180px}.launch-orbit{pointer-events:none}#footer-collar{position:absolute;inset:5% 0 0;z-index:0;opacity:.65;pointer-events:none}#footer-collar #scene{transform:none!important;opacity:1!important}.site-footer{background:var(--ink);position:relative;z-index:2}.footer-bottom a{padding:8px 0}.loop-end{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#cbbbd9;background:radial-gradient(ellipse at 50% 110%,#3e256b,transparent 65%);padding-bottom:env(safe-area-inset-bottom)}.loop-end>span{font:500 20px Manrope,sans-serif}.loop-end button{color:var(--paper);border:0;border-bottom:1px solid #e8e2eb55;border-radius:0;background:none;padding:8px;font-size:13px}.loop-end small{font-size:10px;letter-spacing:.06em}.loop-veil{position:fixed;z-index:120;inset:0;background:radial-gradient(ellipse,#3e256b,#130c1e 70%);opacity:0;pointer-events:none;transition:opacity .45s}.looping .loop-veil{opacity:1}
#chat-launch{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:8px;padding:4px 16px 4px 4px;color:var(--paper);border:1px solid #e8e2eb36;border-radius:38px;background:#3e256b88;backdrop-filter:blur(20px);box-shadow:0 8px 40px #0005;transition:transform .3s,box-shadow .3s;font-size:12px}#chat-launch:hover{transform:translateY(-4px);box-shadow:0 0 30px #b99bd53b}#chat-launch img{width:48px;height:48px;object-fit:contain}.is-loading #chat-launch{visibility:hidden}.chat-panel{position:fixed;z-index:70;right:max(22px,env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 28px));height:min(570px,calc(100dvh - 140px - env(safe-area-inset-top)));border:1px solid #e8e2eb40;border-radius:27px;background:linear-gradient(135deg,#3e256be8,#211432f2);backdrop-filter:blur(30px);box-shadow:0 24px 85px #0008;display:flex;flex-direction:column;overflow:hidden;animation:chat-in .4s cubic-bezier(.16,1,.3,1)}.chat-panel>header{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #e8e2eb1b}.chat-panel h2{font-size:15px;margin:0 0 5px}.chat-panel header span{font-size:10px;color:#c5b5d6}.chat-panel header button{margin-left:auto;width:40px;height:40px;border:0;background:transparent;color:var(--paper);font-size:27px}#chat-messages{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:18px;display:flex;flex-direction:column;align-items:start;gap:12px}.chat-bot,.chat-user{padding:12px 15px;border-radius:17px;font:400 13px/1.7 Inter,sans-serif;margin:0;max-width:94%;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bot{background:#130c1e99;border:1px solid #e8e2eb1b}.chat-user{align-self:end;background:#e8e2eb;color:#130c1e}.chat-privacy{font-size:10px;line-height:1.6;margin:0;padding:9px 18px;color:#c4b5d1}.chat-privacy a{text-decoration:underline}.chat-panel form{display:flex;gap:10px;padding:10px 15px;align-items:end}.chat-panel textarea{resize:none;border:1px solid #e8e2eb30;background:#130c1e85;border-radius:14px;min-height:44px;max-height:90px;flex:1;min-width:0;padding:12px;color:var(--paper);font:400 13px/1.5 Inter,sans-serif}.chat-panel form button{width:43px;height:43px;border:0;border-radius:50%;background:var(--paper);color:var(--ink);font-size:25px}.chat-panel form button:disabled{opacity:.45}.chat-footnote{font-size:9px;text-align:center;color:#b5a4c4;margin:0 10px 15px}
@keyframes logo-shimmer{to{transform:translateX(100%)}}@keyframes cue-drift{0%,100%{transform:translateY(-4px);opacity:.45}50%{transform:translateY(7px);opacity:1}}@keyframes backdrop-in{from{opacity:0}to{opacity:1}}@keyframes chat-in{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:850px){.site-header{height:calc(74px + env(safe-area-inset-top))}.glass-menu{top:calc(88px + env(safe-area-inset-top))}.header-actions{gap:12px}.app-process{grid-template-columns:repeat(2,1fr);margin-top:55px}.story-section{gap:35px}.story-image{min-height:500px}.story-copy>p:not(.section-kicker){font-size:16px}.edge-cue{display:none}.am-intro{font-size:16px}.section-wrap p{font-size:16px}.faq-list details p{font-size:16px}.launch-section{min-height:760px}.launch-primary{margin-top:150px}}
@media(max-width:620px){.site-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:8px}.site-logo img{width:104px}.header-actions{gap:7px}.menu-toggle{font-size:12px;min-width:62px;padding:0 4px;gap:4px}.menu-symbol{font-size:23px}.header-cta{font-size:11px;min-height:42px;padding:10px 13px;gap:5px}.header-cta>span{display:none}.glass-menu{right:14px;padding:25px;max-height:calc(100dvh - 110px - env(safe-area-inset-top))}.glass-menu>a{font-size:23px;padding:18px 0}.hero-intro{top:17%;width:100%;padding:0 20px}.hero-intro h1{font-size:36px;line-height:1.1;max-width:360px}.hero-intro h1 em{display:inline}.hero-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:13px}.hero-subtitle{font-size:11px;max-width:290px;line-height:1.7}.color-panel{bottom:12%}.explore-link{font-size:11px!important}.section-link{height:70px}.am-app{padding-top:30px}.am-editorial h2,.section-wrap h2{font-size:28px;letter-spacing:-1.1px}.am-editorial h2 br{display:inline}.am-features button{padding:14px 12px}.am-features small{font-size:12px}.app-process{gap:10px;margin-top:50px}.app-process article{padding:20px 15px}.app-process h3{font-size:16px}.app-process p{font-size:13px}.signal-note{font-size:12px;text-align:left}.story-image{position:relative;top:auto;min-height:420px;order:0;border-radius:130px 130px 24px 24px}.story-copy>p:not(.section-kicker){font-size:16px}.story-section{padding-top:45px}.story-copy>p:first-of-type+p{font-size:17px}.feedback-grid h3{font-size:22px}.feedback-grid article>p:last-child{font-size:16px}.section-kicker,.section-wrap p.section-kicker{font-size:9px}.faq-list summary{font-size:16px;padding:20px}.faq-list details p{padding:0 20px 22px;font-size:16px}.launch-section{padding-top:80px;padding-bottom:80px;min-height:740px}.launch-section h2{font-size:43px;letter-spacing:-2px}.launch-primary{margin-top:170px}.launch-section>small{font-size:10px;max-width:260px}.launch-section>p:not(.section-kicker){font-size:14px}.footer-bottom{font-size:10px}#chat-launch{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));padding:3px}#chat-launch span{display:none}#chat-launch img{width:44px;height:44px}.chat-panel{right:14px;bottom:calc(77px + env(safe-area-inset-bottom));height:min(540px,calc(100dvh - 175px - env(safe-area-inset-top)))}.chat-panel textarea{font-size:16px}.controls{left:46%}.controls button{width:39px;height:42px}#final-message{top:18%;font-size:36px;line-height:1.1}}
@media(max-width:360px){.site-logo img{width:92px}.site-header{padding-left:12px;padding-right:12px}.header-actions{gap:3px}.header-cta{font-size:10px;padding:10px}.hero-intro h1{font-size:32px}.menu-toggle{font-size:11px;min-width:58px}.am-app{padding-left:16px;padding-right:16px}.section-wrap{padding-left:20px;padding-right:20px}.controls{left:44%}.controls button{width:34px}.menu-footer{flex-direction:column}}
@media(max-height:600px) and (min-width:621px){.site-header{height:calc(64px + env(safe-area-inset-top))}.glass-menu{top:calc(77px + env(safe-area-inset-top));padding:20px 30px;max-height:calc(100dvh - 90px)}.glass-menu>a{font-size:20px;padding:11px 0}.hero-intro{top:16%}.hero-intro h1{font-size:31px}.hero-eyebrow,.hero-subtitle{display:none}.hero-intro h1 em{display:inline}.color-panel{bottom:10%}.color-mood{display:none}.explore-link{bottom:12px!important}#final-message{top:16%;font-size:42px}.chat-panel{bottom:75px;height:calc(100dvh - 95px)}.scene-orbit{inset:15% -15%}}
@media(prefers-reduced-motion:reduce){#atmosphere,.edge-cue{display:none}.story-image>img{transform:none}.loop-end small{display:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}}
.menu-toggle{flex-direction:row;border:0}.menu-toggle .menu-symbol{display:inline-block;width:auto;height:auto;background:none;line-height:1;flex-shrink:0}.menu-toggle[aria-expanded=true] .menu-symbol:first-child:last-child{transform:rotate(90deg)}
.returning-gallery .hero-intro{opacity:1}.returning-gallery .hero-intro h1,.returning-gallery .hero-intro .hero-subtitle{display:none}.returning-gallery .hero-intro .hero-eyebrow{display:block;font:500 clamp(30px,4vw,52px)/1.1 Manrope,sans-serif;letter-spacing:-.04em;text-transform:none;color:var(--paper)}
#application,.section-wrap{scroll-margin-top:0}
