:root{color-scheme:dark;--bg:#090b13;--panel:#101420;--ink:#f2f4ff;--muted:#a5adbf;--lilac:#c4adff;--cyan:#92ebe7;--line:#a6b9ee20;font-family:'Segoe UI',Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1,h2,h3,p{margin-top:0}p{line-height:1.75}h1,h2,h3{font-weight:600}button{border:0}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.ambient{position:absolute;inset:0 0 auto;height:1100px;pointer-events:none;background:radial-gradient(ellipse at 80% 23%,#7251a827,transparent 48%);z-index:-1}.skip{position:fixed;top:-60px;z-index:30;padding:12px;background:var(--lilac);color:var(--bg)}.skip:focus{top:10px}.nav{height:100px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:9px;align-items:center;font-size:29px;letter-spacing:-1.5px;font-weight:650}.wordmark>span{font:9px Consolas,monospace;letter-spacing:1px;border:1px solid var(--line);border-radius:4px;padding:4px 6px;margin-left:7px;color:var(--muted)}.nav nav{display:flex;gap:30px;margin-left:auto;font-size:14px;color:#b7bfd0}.nav nav a:hover{color:var(--cyan)}.button{height:52px;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:0 22px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button span{font-size:21px;font-weight:400}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#d1b8ff,#aec9ff);color:#111426;box-shadow:0 0 28px #b999ff15,inset 0 1px #fff7}.primary:hover{background:linear-gradient(110deg,#e0ceff,#c8dcff)}.outline{background:#c1a7ff07;border:1px solid #b2a6d94d}.outline:hover{background:#c1a7ff15}.small{height:43px;font-size:12px;padding:0 16px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:12px;align-items:center;position:relative;min-height:710px;padding-block:48px 56px}.hero-copy{position:relative;z-index:2;padding-bottom:8px}.eyebrow,.micro{font-family:Consolas,'Courier New',monospace;font-size:11px;letter-spacing:1.6px;font-weight:400;color:#aca7cc}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:23px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px #92ebe799;flex-shrink:0}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}h1{font-size:clamp(58px,5.6vw,82px);letter-spacing:-4px;line-height:1.04;font-weight:650;margin-bottom:27px}.gradient-text{background:linear-gradient(105deg,#c6a3ff 8%,#c6baff 49%,#8febec 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.title-star{display:inline-block;font-size:.58em;font-weight:400;margin-left:20px;color:var(--cyan);vertical-align:15%}.hero-description{font-size:16px;max-width:460px;color:#bac2d3;line-height:1.85;margin-bottom:30px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.text-link{font-size:13px;color:#c7cedd;display:flex;gap:12px;align-items:center}.text-link span{color:var(--cyan)}.availability{display:flex;align-items:center;gap:10px;margin-top:23px;color:#8892a8;font-size:12px}.windows-icon{font-size:19px;color:#b9c3d9}.separator{color:#49536c;margin-inline:4px}.hero-visual{height:590px;position:relative;border:1px solid #a7b6eb30;border-radius:140px 16px 16px 16px;background:#161421;isolation:isolate;box-shadow:0 25px 90px #0003}.hero-character{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;border-radius:inherit}.hero-visual:after{position:absolute;content:'';inset:0;border-radius:inherit;background:linear-gradient(0deg,#080c19e6,transparent 34%),linear-gradient(180deg,#0b102a40,transparent 22%);pointer-events:none}.visual-top{position:absolute;top:24px;left:47px;right:23px;z-index:2;display:flex;justify-content:space-between;gap:20px;font:8px Consolas,monospace;letter-spacing:1.1px;color:#dbe0f4;text-shadow:0 1px 5px #000}.visual-top>span:first-child{display:flex;gap:8px;align-items:center}.visual-top .status-dot{width:4px;height:4px}.visual-top>span:last-child{color:var(--cyan)}.orbit{display:none;position:absolute;inset:9% -5%;border:1px solid #b9a0ef22;border-radius:50%;z-index:-1;transform:rotate(-30deg)}.orbit-b{inset:-5% 7%;transform:rotate(25deg);border-color:#8ee9e61c}.coordinate{position:absolute;z-index:3;font:24px Consolas,monospace;color:#c7d5eb90}.coordinate-one{right:-7px;top:95px}.coordinate-two{left:-8px;bottom:90px}.presence-card{position:absolute;bottom:48px;left:-28px;right:30px;padding:20px 23px;z-index:3;display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#15192bf2,#202037de);backdrop-filter:blur(18px);border:1px solid #b8bcf84a;border-radius:12px;box-shadow:0 12px 50px #0004}.presence-symbol{font-size:32px;color:var(--cyan)}.presence-card .micro{font-size:8px;letter-spacing:1.6px;color:#a6b6ce}.presence-card strong{display:block;font-size:15px;margin-top:7px;font-weight:500}.presence-card strong span{color:#abb7ce}.signal{display:flex;align-items:center;gap:3px;height:22px;margin-left:auto}.signal i{display:block;width:3px;height:12px;border-radius:3px;background:var(--cyan);animation:signal 2s ease-in-out infinite}.signal i:nth-child(2){height:22px;animation-delay:.3s}.signal i:nth-child(3){height:16px;animation-delay:.6s}.signal i:nth-child(4){height:8px;animation-delay:.9s}.visual-caption{position:absolute;z-index:3;bottom:18px;left:24px;font:9px Consolas,monospace;color:#9aabc3}.experience-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:26px;color:#78849f}.experience-strip>span:first-child{font:9px/1.7 Consolas,monospace;letter-spacing:1px}.experience-strip>span:first-child b{color:#b1bbce;font-weight:400}.experience-strip>a{display:flex;gap:14px;align-items:center;font:10px Consolas,monospace;color:#676c93}.experience-strip>a b{font:500 17px 'Segoe UI',sans-serif;color:#bbc4d8}.experience-strip>a:hover b{color:var(--cyan)}.strip-star{color:var(--lilac);font-size:29px}.section{padding-block:104px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:clamp(34px,3.2vw,48px);line-height:1.16;letter-spacing:-1.8px;margin-bottom:0}.muted-title{color:#8993ad}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 3px;max-width:340px}.experience-console{border:1px solid #929fc936;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#151827,#0f1320)}.console-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--line);background:#0c101a}.console-tabs button{background:transparent;display:flex;align-items:center;gap:10px;padding:22px 18px;position:relative;font-size:13px;color:#9da7bc;border-right:1px solid var(--line)}.console-tabs button:last-child{border-right:0}.console-tabs button span{font:10px Consolas,monospace;color:#656f8d}.console-tabs button b{margin-left:auto;font-weight:400;color:#807ca5}.console-tabs button[aria-selected=true]{color:#e7deff;background:#baa0ff10}.console-tabs button[aria-selected=true]:after{content:'';height:2px;background:linear-gradient(90deg,var(--lilac),var(--cyan));position:absolute;bottom:0;left:0;right:0}.console-tabs button[aria-selected=true] b{color:var(--cyan)}.console-panel{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:42px}.panel-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.pill{padding:7px 10px;border:1px solid #a4c5ee30;border-radius:5px;color:#96d7dd;font:9px Consolas,monospace;letter-spacing:1px;background:#86dcff05}.panel-copy h3{font-size:34px;line-height:1.2;letter-spacing:-1px;margin:24px 0 17px}.panel-copy>p{font-size:15px;line-height:1.8;color:#acb7ce;max-width:445px}.panel-copy .mode-note{margin:3px 0 0;font-size:12px;color:#838fa9;border-left:2px solid #9582bd;padding-left:13px;line-height:1.65}.moment-preview{border:1px solid #8cacdc28;background:radial-gradient(ellipse at 50% 36%,#48336170,transparent 65%),#0b0f1a;border-radius:12px;min-height:342px;overflow:hidden;padding:20px;position:relative}.preview-top{display:flex;justify-content:space-between;gap:15px;font:8px Consolas,monospace;letter-spacing:.6px;color:#a3b2cb}.preview-top>span{display:flex;gap:7px;align-items:center}.preview-top small{font:7px Consolas,monospace;color:#6e7c96;text-align:right}.preview-top .status-dot{width:4px;height:4px}.preview-orb{width:130px;height:130px;margin:26px auto 22px;position:relative}.preview-orb img{height:100%;width:100%;object-fit:cover;object-position:76% 35%;border-radius:50%;border:1px solid #bda3ec65}.orb-ring{position:absolute;inset:-10px;border:1px solid #89b5d537;border-radius:50%}.orb-ring:before{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px dashed #b3a0e721}.orb-spark{position:absolute;bottom:-1px;right:-9px;border-radius:50%;background:#182133;padding:4px 8px;color:var(--cyan);font-size:20px}.preview-message{text-align:center;position:relative}.preview-message .micro{font-size:8px;color:#aea0da}.preview-message p{font-size:19px;line-height:1.5;margin:9px 0 22px;color:#e1e6f6}.preview-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:#8b9ab3}.preview-footer>span:last-child{color:var(--cyan);font-size:17px}.moment-preview[data-scene=code]{background:linear-gradient(135deg,#102b2e80,transparent),#0b0f1a}.moment-preview[data-scene=dance]{background:radial-gradient(ellipse at 50% 30%,#68427890,transparent 70%),#0b0f1a}.moment-preview[data-scene=movie]{background:radial-gradient(ellipse at 50% 30%,#344c8290,transparent 70%),#0b0f1a}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}.feature{padding:29px;background:linear-gradient(130deg,#121724,#0d111c);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s}.feature:hover{border-color:#af9ff360;transform:translateY(-4px)}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #b19cf43a;background:#c3a3ff08;border-radius:9px;color:var(--lilac);font-size:22px;margin-bottom:24px}.feature>.micro{font-size:8px;letter-spacing:1px;color:#8596b0}.feature h3{font-size:25px;letter-spacing:-.65px;line-height:1.25;margin:12px 0 15px}.feature p{font-size:14px;color:#a4b0c6;margin-bottom:20px}.feature-tags{display:flex;flex-wrap:wrap;gap:7px}.feature-tags span{font-size:10px;color:#91b2c5;border:1px solid #86acc12b;border-radius:4px;padding:5px 8px}.feature>small{display:block;margin-top:17px;font-size:11px;line-height:1.6;color:#7988a2}.awareness-section{margin-top:105px;padding-block:78px;background:linear-gradient(110deg,#11172770,#15132460);border-block:1px solid var(--line)}.awareness-layout{display:grid;grid-template-columns:.95fr 1fr;gap:85px;align-items:center}.awareness-visual{position:relative;border:1px solid #96bdd135;border-radius:16px;padding:30px;background:#0b111cd9;overflow:hidden}.scanner{height:280px;position:relative;display:grid;place-items:center;overflow:hidden}.scanner-grid{position:absolute;inset:0;background-image:linear-gradient(#8bdcce09 1px,transparent 1px),linear-gradient(90deg,#8bdcce09 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.scan-ring{position:absolute;border:1px solid #8ce4d92d;border-radius:50%;width:232px;height:232px}.ring-inner{width:166px;height:166px;border-style:dashed;animation:orbit 90s linear infinite}.ring-outer:after{content:'';position:absolute;inset:30px -25px;border:1px solid #ad9add36;border-radius:50%;transform:rotate(-35deg)}.scan-center{display:grid;place-items:center;width:96px;height:96px;border:1px solid #b8a5e375;border-radius:50%;font-size:61px;font-weight:300;color:#cec0ff;box-shadow:0 0 60px #aa93ec22;background:radial-gradient(circle,#3b315d,#151e30)}.scan-point{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.point-a{top:48px;left:calc(50% - 65px)}.point-b{bottom:62px;right:calc(50% - 97px);width:5px;height:5px;background:var(--lilac)}.awareness-label{display:flex;align-items:center;justify-content:center;gap:9px;font:9px Consolas,monospace;letter-spacing:1px;color:#a8c3ce;margin-bottom:25px}.awareness-events{border-top:1px solid var(--line)}.awareness-events>span{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);font:11px Consolas,monospace;color:#91a4bf}.awareness-events b{font:400 11px 'Segoe UI',sans-serif;color:#c1cedd}.diagram-label{font:9px Consolas,monospace;text-align:center;color:#657894;margin:18px 0 0}.awareness-copy h2{font-size:clamp(32px,3vw,44px);margin-bottom:24px}.awareness-copy .section-lead{font-size:17px;color:#c3cddd;line-height:1.75}.awareness-copy>p:not(.eyebrow):not(.section-lead){font-size:14px;color:#9eacc3;line-height:1.85}.privacy-points{margin-top:25px}.privacy-points>div{display:flex;gap:17px;margin-bottom:17px}.privacy-points>div>span{font:10px Consolas,monospace;color:#a8a2cb;padding-top:4px}.privacy-points p{font-size:12px;color:#8e9fb9;line-height:1.75;margin:0}.privacy-points strong{display:block;font-size:13px;color:#d1dbeb;font-weight:500}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.detail-grid article{border-top:1px solid #91a0c837;padding-top:25px}.detail-number{font:10px Consolas,monospace;letter-spacing:1px;color:#949ec0}.detail-grid h3{font-size:23px;letter-spacing:-.5px;margin:24px 0 12px}.detail-grid p{font-size:14px;color:#a2aec3}.start-section{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:85px;padding-block:55px;border-block:1px solid var(--line)}.start-section h2{font-size:34px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;margin-bottom:26px}.steps li:last-child{margin:0}.steps li>span{font:11px Consolas,monospace;padding:3px 0;color:var(--cyan)}.steps h3{font-size:16px;margin:0 0 6px;font-weight:500}.steps p{font-size:13px;color:#9aa9c1;margin:0;line-height:1.7}.faq{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding-block:88px}.faq h2{font-size:36px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}.faq details:first-child{padding-top:0}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:15px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:21px;color:var(--lilac)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:#9baac2;line-height:1.8;padding-top:15px;margin-bottom:0}.closing{position:relative;isolation:isolate;border:1px solid #a1a9de3a;border-radius:18px;overflow:hidden;text-align:center;padding:65px 25px;background:radial-gradient(ellipse at 50% 100%,#43315e6e,transparent 70%),#101421}.closing-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#a4b8e608 1px,transparent 1px),linear-gradient(90deg,#a4b8e608 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,black,transparent 40%,transparent 60%,black)}.closing-star{font-size:35px;color:var(--lilac);display:block;margin-bottom:20px}.closing .eyebrow{justify-content:center;font-size:9px}.closing h2{font-size:61px;letter-spacing:-2.5px;margin-bottom:22px}.closing>p:not(.eyebrow){font-size:15px;color:#abb7cd;margin-bottom:27px}.closing-note{display:block;font:9px Consolas,monospace;letter-spacing:1px;color:#7c8ca7;margin-top:23px}footer{display:flex;align-items:center;gap:30px;padding-block:36px}footer .wordmark{font-size:26px}footer p{font-size:12px;color:#7f8ca7;margin:0}footer>span{margin-left:auto;font:10px Consolas,monospace;color:#7f8ca7}dialog{border:1px solid #929cd163;background:linear-gradient(140deg,#1c1e32,#111724);color:var(--ink);border-radius:16px;padding:36px;max-width:450px;width:calc(100% - 36px);box-shadow:0 30px 120px #000b}dialog::backdrop{background:#060914cc;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:10px;right:14px;background:none;font-size:28px;color:#b2bdd6}dialog>.eyebrow{margin-top:27px;font-size:9px}dialog h2{font-size:36px;margin-bottom:20px}dialog p{font-size:14px;color:#afbad0}.dialog-note{padding-top:18px;border-top:1px solid var(--line);font-size:12px}.dialog-close-action{width:100%;margin-top:10px}@keyframes signal{50%{transform:scaleY(.45);opacity:.65}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero{min-height:790px}.hero-visual{height:650px}.hero-description{font-size:17px}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.nav{gap:22px}.nav nav{gap:20px;font-size:12px}.hero{min-height:670px;gap:18px}.hero-visual{height:540px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:65px;letter-spacing:-3px}.hero-description{font-size:15px}.hero-actions{gap:19px}.hero-actions .button{font-size:13px;padding:0 17px}.presence-card{padding:16px;left:-17px;right:15px;gap:12px}.presence-card strong{font-size:13px}.presence-card strong span{display:block;margin-top:3px}.visual-top{left:50px;font-size:7px}.visual-top>span:last-child{display:none}.console-tabs button{font-size:11px;padding:20px 13px;gap:7px}.console-panel{gap:28px;padding:30px}.panel-copy h3{font-size:28px}.panel-copy>p{font-size:14px}.feature{padding:23px}.feature h3{font-size:23px}.awareness-layout{gap:45px}.awareness-visual{padding:24px}.awareness-events>span{font-size:10px}.awareness-events b{font-size:10px}.faq{gap:50px}.experience-strip>a{gap:8px}.experience-strip>a b{font-size:15px}}
@media(max-width:800px){.nav nav{display:none}.nav>.button{margin-left:auto}.hero{grid-template-columns:1fr 1fr;gap:20px;padding-block:40px;min-height:610px}h1{font-size:53px;letter-spacing:-2.6px}.title-star{margin-left:12px}.hero-description{font-size:14px}.desktop-break{display:none}.hero-visual{height:495px;border-top-left-radius:85px}.visual-top{left:25px;top:25px}.visual-top>span:first-child{max-width:140px;line-height:1.8;font-size:7px}.presence-card{bottom:42px;left:-12px;right:10px;padding:12px}.presence-symbol{font-size:25px}.presence-card .micro{font-size:6px}.presence-card strong{font-size:11px}.signal{display:none}.visual-caption{font-size:7px;left:14px}.experience-strip{gap:15px;flex-wrap:wrap}.experience-strip>span:first-child{width:100%;font-size:8px}.experience-strip>span:first-child br{display:none}.experience-strip>span:first-child b{margin-left:8px}.strip-star{display:none}.experience-strip>a b{font-size:14px}.section{padding-top:70px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}.console-tabs button{flex-direction:column;align-items:flex-start;padding:17px 10px;gap:7px;font-size:10px}.console-tabs button b{display:none}.console-panel{grid-template-columns:1fr;gap:27px}.panel-copy h3{font-size:32px}.panel-copy>p{max-width:100%}.moment-preview{min-height:335px}.feature-grid{grid-template-columns:1fr}.feature{padding:28px}.feature-icon{float:right;margin:0 0 20px 20px}.feature h3{font-size:26px}.feature p{max-width:540px}.feature>small{font-size:12px}.awareness-section{margin-top:70px;padding-block:50px}.awareness-layout{grid-template-columns:1fr;gap:35px}.awareness-copy{grid-row:1}.awareness-visual{max-width:520px;width:100%;margin:auto}.awareness-copy h2{font-size:37px}.privacy-points p{font-size:13px}.detail-grid{gap:22px}.detail-grid h3{font-size:21px}.detail-grid p{font-size:13px}.start-section{gap:30px;margin-top:55px}.start-section h2{font-size:29px}.faq{gap:30px;grid-template-columns:1fr;padding-block:55px}.faq h2{font-size:32px}.faq summary{font-size:14px}.closing h2{font-size:52px}footer p{font-size:10px}}
@media(max-width:580px){.wrap{width:calc(100% - 40px)}.nav{height:79px;gap:12px}.wordmark{font-size:26px;gap:7px}.wordmark img{width:26px;height:26px}.wordmark>span{display:none}.nav>.button{font-size:10px;padding:0 11px;gap:10px;height:38px}.hero{grid-template-columns:1fr;padding-block:39px 28px;gap:32px}.hero-copy{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:24px}h1{font-size:clamp(48px,12.8vw,70px);line-height:1.03;letter-spacing:-2.6px;margin-bottom:24px}.title-star{font-size:.56em;vertical-align:14%;margin-left:14px}.hero-description{font-size:15px;line-height:1.8;margin-bottom:24px;max-width:430px}.hero-actions{gap:18px;align-items:center}.hero-actions .button{font-size:12px;height:49px;gap:20px}.text-link{font-size:11px;gap:8px}.availability{font-size:10px;margin-top:20px}.hero-visual{height:470px;width:100%;border-radius:85px 12px 12px 12px}.hero-character{object-position:74% 42%}.visual-top{left:46px;top:24px}.visual-top>span:first-child{font-size:7px;max-width:none}.presence-card{left:10px;right:10px;bottom:43px;padding:16px;gap:12px}.presence-card .micro{font-size:7px}.presence-card strong{font-size:13px}.presence-card strong span{display:block}.presence-symbol{font-size:31px}.signal{display:flex}.visual-caption{left:18px;font-size:8px;bottom:17px}.orbit{inset:10% -2%}.orbit-b{inset:-3% 8%}.experience-strip{padding-block:20px;gap:17px 10px}.experience-strip>a{gap:5px;font-size:8px}.experience-strip>a b{font-size:12px}.section{padding-top:58px}.section-heading{margin-bottom:28px}h2{font-size:32px;letter-spacing:-1.2px}.eyebrow{font-size:9px;letter-spacing:1.2px}.section-heading>p{font-size:13px;margin-top:18px}.console-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.console-tabs button{min-width:105px;font-size:11px;flex-shrink:0;padding:17px 14px}.console-panel{padding:25px 20px;gap:24px}.panel-copy h3{font-size:29px;margin-top:21px}.panel-copy>p{font-size:14px;line-height:1.8}.panel-copy .mode-note{font-size:12px}.moment-preview{padding:16px 14px;min-height:333px}.preview-top{font-size:7px;gap:10px}.preview-top small{font-size:6px;max-width:68px}.preview-message p{font-size:19px}.preview-footer{font-size:9px}.feature{padding:25px}.feature>.micro{font-size:8px;line-height:1.7;display:block}.feature h3{font-size:24px}.feature h3 br{display:block}.feature p{font-size:14px}.feature-icon{width:35px;height:35px;font-size:20px}.awareness-section{margin-top:60px;padding-block:44px}.awareness-copy h2{font-size:31px;line-height:1.2}.awareness-copy .section-lead{font-size:16px}.awareness-visual{padding:23px 20px}.scanner{height:257px}.awareness-label{font-size:8px;letter-spacing:.6px}.awareness-events>span{font-size:9px;gap:8px}.awareness-events b{font-size:10px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid article{padding-top:22px}.detail-grid h3{font-size:24px;margin-top:18px}.detail-grid p{font-size:14px;max-width:450px;margin-bottom:9px}.start-section{grid-template-columns:1fr;padding-block:37px;gap:30px}.start-section h2{font-size:30px}.steps{padding-top:4px}.steps p{font-size:13px}.faq{padding-block:50px;gap:26px}.faq h2{font-size:30px}.faq summary{font-size:14px;line-height:1.6}.faq details p{font-size:13px}.closing{padding:43px 20px}.closing .eyebrow{font-size:7px;letter-spacing:1px}.closing h2{font-size:46px;letter-spacing:-1.8px}.closing>p:not(.eyebrow){font-size:14px}.closing-note{font-size:8px;letter-spacing:.5px}footer{flex-wrap:wrap;gap:15px;padding-block:28px}footer p{order:3;width:100%;font-size:11px}footer>span{font-size:9px}dialog{padding:30px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Original character animation and gentle page motion. */
.presence-demo{background:radial-gradient(ellipse at 50% 35%,#34274855,transparent 65%),#0b111c;padding:24px}
.presence-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}
.presence-demo-top .micro{font-size:10px;letter-spacing:1.4px;color:#b5a5d8}
.motion-toggle{border:1px solid #b5a5d833;border-radius:20px;background:#121724;padding:7px 11px;color:#b5c0d7;font-size:11px;white-space:nowrap}
.companion-stage{height:370px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:flex-end}
.companion-halo{position:absolute;width:280px;height:280px;border-radius:50%;top:22px;background:radial-gradient(circle,#b79bf315,#89ece009 65%,transparent 66%);border:1px solid #baa5f529;box-shadow:0 0 60px #9581ce0d;animation:halo-breathe 6s ease-in-out infinite}
.companion-halo:after{content:'';position:absolute;inset:-16px;border:1px dashed #99b2dd25;border-radius:50%;animation:orbit 100s linear infinite}
.companion-float{position:absolute;width:min(100%,360px);aspect-ratio:1;top:0;animation:companion-breathe 5s ease-in-out infinite;transform-origin:50% 85%}
.companion-sprite{width:100%;height:100%;background-image:url('/assets/animiyu-reactions.png');background-size:400% 200%;background-repeat:no-repeat;background-position:0 0;filter:drop-shadow(0 12px 16px #080b1366);mask-image:linear-gradient(black 84%,transparent 100%)}
.companion-caption{position:relative;z-index:2;margin:0 0 4px;padding:15px 22px;width:calc(100% - 18px);text-align:center;border:1px solid #b3a3e536;border-radius:16px;background:#111726eb;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0002}
.companion-caption>span{font:10px Consolas,monospace;letter-spacing:2px;color:var(--lilac)}
.companion-caption p{font-size:17px;line-height:1.5;margin:7px 0 0;min-height:51px;color:#e5e7f5}
.companion-spark{position:absolute;color:var(--lilac);font-size:27px;z-index:2;animation:spark-drift 4s ease-in-out infinite;pointer-events:none}
.spark-one{left:10%;top:23%}.spark-two{right:9%;top:13%;font-size:18px;color:var(--cyan);animation-delay:-1.8s}.spark-three{right:10%;top:54%;font-size:24px;animation-delay:-2.8s}
.presence-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:21px}
.presence-actions button{background:#121927;border:1px solid #8b9ac732;border-radius:10px;padding:13px 6px;color:#b4bfd4;font-size:12px;transition:background .2s,border-color .2s,transform .2s}
.presence-actions button span{display:block;font-size:22px;margin-bottom:5px;color:var(--lilac)}
.presence-actions button:hover{transform:translateY(-3px);border-color:#b7a5ed99}
.presence-actions button[aria-pressed=true]{background:linear-gradient(135deg,#a888e62a,#83d6d111);border-color:#b9a0ef85;color:#f1edff}
.presence-demo .diagram-label{font-size:11px;line-height:1.6;margin-top:17px}
.presence-demo[data-reaction=wave] .companion-float{animation:companion-sway 2.2s ease-in-out infinite}
.presence-demo[data-reaction=rest] .companion-float{animation-duration:7s}
.hero-character{animation:hero-breathe 9s ease-in-out infinite;transform-origin:50% 65%}
.presence-card{animation:card-float 7s ease-in-out infinite}
.preview-orb{animation:card-float 6s ease-in-out infinite}
.moment-preview[data-scene=dance] .preview-orb{animation:companion-sway 1.5s ease-in-out infinite}
.moment-preview[data-scene=movie] .preview-orb{animation-duration:9s}
.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.reveal-ready.is-visible{opacity:1;transform:none}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important}
@keyframes companion-breathe{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-5px) rotate(.6deg)}}
@keyframes companion-sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}
@keyframes halo-breathe{50%{transform:scale(1.04);opacity:.65}}
@keyframes spark-drift{50%{transform:translateY(-9px) rotate(12deg);opacity:.5}}
@keyframes hero-breathe{50%{transform:scale(1.025) translateY(-3px)}}
@keyframes card-float{50%{transform:translateY(-6px)}}
@media(max-width:580px){.presence-demo{padding:20px 14px}.presence-demo-top .micro{font-size:8px;letter-spacing:.7px}.motion-toggle{font-size:10px;padding:6px 8px}.companion-stage{height:345px}.companion-float{width:320px;max-width:100%}.companion-halo{width:240px;height:240px}.companion-caption{padding:13px 15px}.companion-caption p{font-size:16px}.presence-actions button{font-size:11px}.spark-one{left:3%}.spark-two,.spark-three{right:3%}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.companion-float,.hero-character,.presence-card,.preview-orb{animation:none}}

/* First hello: original character art, choreographed entry, no audio autoplay. */
.atlas-character{width:100%;height:100%;background:url('/assets/animiyu-reactions.png') 0 0/400% 200% no-repeat;mask-image:linear-gradient(#000 85%,transparent);filter:drop-shadow(0 12px 22px #0003)}
.welcome-opening{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;padding:30px;border:0;border-radius:0;overflow:auto;background:radial-gradient(ellipse at 37% 48%,#342448 0%,#141726 40%,#090c15 75%);color:var(--ink)}
.welcome-opening::backdrop{background:#090c15}
.welcome-opening[open]{display:grid;place-items:center;animation:opening-in .4s ease both}
.welcome-opening.is-leaving{animation:opening-out .65s cubic-bezier(.4,0,.2,1) both;pointer-events:none}
.opening-skip{position:absolute;right:34px;top:28px;border:1px solid #c2b0df40;background:#111725;border-radius:30px;padding:11px 18px;font-size:13px;color:#cad0e3}
.opening-world{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;width:min(880px,100%);isolation:isolate}
.opening-ring{position:absolute;left:0;top:4%;width:46%;aspect-ratio:1;border:1px solid #b8a2ed44;border-radius:50%;box-shadow:0 0 110px #9976d723,inset 0 0 70px #9b79c515;animation:opening-ring 1.4s ease both}
.opening-ring:after{content:'';position:absolute;inset:-25px;border:1px dashed #a9b7e52e;border-radius:50%;animation:orbit 60s linear infinite}
.opening-character{aspect-ratio:1;position:relative;z-index:1;animation:opening-pop 1s cubic-bezier(.2,.8,.3,1.15) both}
.opening-sprite{animation:opening-wiggle 2.5s 1s ease-in-out infinite;transform-origin:50% 90%}
.opening-copy{position:relative;z-index:2;animation:opening-copy .8s .45s both}
.opening-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#c2b0df}
.opening-copy h2{font-size:clamp(48px,6vw,78px);letter-spacing:-3px;line-height:1.05;margin:22px 0}
.opening-copy>p:not(.eyebrow){font-size:18px;color:#c5cbe0;margin-bottom:26px}
.opening-enter{min-width:190px;justify-content:space-between}
.opening-stars{position:absolute;inset:-20px;pointer-events:none;color:var(--lilac)}
.opening-stars span{position:absolute;animation:opening-spark 3s ease-in-out infinite;font-size:32px}
.opening-stars span:nth-child(1){left:1%;top:14%}.opening-stars span:nth-child(2){left:37%;top:0;animation-delay:-1s;color:#e2b7ed}.opening-stars span:nth-child(3){left:41%;bottom:5%;animation-delay:-2s;color:var(--cyan)}.opening-stars span:nth-child(4){right:2%;top:6%;font-size:18px}.opening-stars span:nth-child(5){left:4%;bottom:8%;font-size:20px;animation-delay:-1.5s}
.opening-wordmark{position:absolute;bottom:30px;left:20px;right:20px;text-align:center;font:10px Consolas,monospace;letter-spacing:2px;color:#8f9dbb}.opening-wordmark i{font-style:normal;color:var(--lilac);margin:0 13px}
.replay-opening{display:block;background:none;padding:0;border:0;font-size:12px;color:#c0b2e3;margin-top:20px;text-decoration:underline;text-underline-offset:5px}
.hero.hero-arrives .hero-copy{animation:opening-copy .8s both}.hero.hero-arrives .hero-visual{animation:opening-pop 1s both}
.experience-stage{height:255px;position:relative;isolation:isolate;margin:10px -5px 0;overflow:hidden}
.scene-aura{position:absolute;inset:16px 18%;border-radius:50%;background:radial-gradient(ellipse,#a889e02a,transparent 70%);animation:halo-breathe 5s infinite}
.scene-character{width:250px;aspect-ratio:1;position:absolute;bottom:-5px;left:50%;margin-left:-125px;z-index:2;animation:companion-breathe 5s infinite}
.scene-hello{position:absolute;top:24px;right:4%;border:1px solid #bbabec50;border-radius:13px 13px 13px 2px;padding:10px 14px;background:#202139dd;color:#e0d1fa;font-size:13px;z-index:3;animation:card-float 4s infinite}
.scene-voice{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;height:25px;z-index:3;background:#111725d9;padding:8px 15px;border-radius:20px}
.scene-voice i,.mini-beats i{width:3px;height:18px;background:var(--cyan);border-radius:3px;animation:signal .85s ease-in-out infinite}.scene-voice i:nth-child(2n),.mini-beats i:nth-child(2n){animation-delay:-.4s;height:10px}.scene-voice i:nth-child(3n),.mini-beats i:nth-child(3n){animation-delay:-.2s;height:24px}
.scene-code,.scene-cinema,.scene-notes{display:none}
.moment-preview{min-height:435px}.preview-message p{font-size:17px;margin-bottom:15px}
.moment-preview[data-scene=presence] .scene-voice,.moment-preview[data-scene=dance] .scene-voice,.moment-preview[data-scene=movie] .scene-voice,.moment-preview[data-scene=code] .scene-voice{display:none}
.moment-preview[data-scene=dance] .scene-hello,.moment-preview[data-scene=movie] .scene-hello,.moment-preview[data-scene=code] .scene-hello{display:none}
.moment-preview[data-scene=dance] .scene-character{animation:dance-bounce 1.8s ease-in-out infinite}
.moment-preview[data-scene=dance] .scene-notes{display:block}
.scene-notes span{position:absolute;font-size:32px;color:var(--lilac);left:12%;top:30%;animation:opening-spark 2s infinite}.scene-notes span:nth-child(2){left:auto;right:12%;top:15%;animation-delay:-1s;color:var(--cyan)}.scene-notes span:nth-child(3){left:auto;right:9%;top:65%;animation-delay:-.5s;font-size:22px}
.moment-preview[data-scene=code] .scene-code{display:block}.moment-preview[data-scene=code] .scene-character{left:72%;width:205px;margin-left:-102px}
.scene-code{position:absolute;left:1%;top:55px;width:65%;border:1px solid #91cad84d;border-radius:9px;background:#091923e8;transform:rotate(-4deg);box-shadow:0 10px 30px #0003}
.scene-code>div{padding:10px;display:flex;gap:4px;border-bottom:1px solid #91cad827}.scene-code i{width:5px;height:5px;border-radius:50%;background:#a798d8}.scene-code>div>span{font:8px Consolas,monospace;margin-left:auto;color:#89aab6}.scene-code code{display:grid;gap:13px;padding:18px 10px;font-size:10px;color:#a3ddcf;white-space:nowrap}.scene-code b{font-weight:400;color:#c3b0ee}.code-cursor{animation:code-pulse 2s infinite}
.moment-preview[data-scene=movie] .scene-cinema{display:grid}.moment-preview[data-scene=movie] .scene-character{left:70%;width:210px;margin-left:-105px}
.scene-cinema{position:absolute;inset:25px 14% 35px 1%;border:1px solid #a7aae84a;border-radius:9px;background:#131b32;box-shadow:0 0 35px #647ec52a;padding:12px;align-content:space-between;overflow:hidden}
.scene-cinema>span{z-index:1;font:8px Consolas,monospace;color:#b0b7d6;letter-spacing:1px}.cinema-light{position:absolute;inset:30px 0;background:linear-gradient(120deg,#5c628732,#967bac55,#5479892e);animation:cinema-glow 6s infinite}
.feature-vignette{height:145px;position:relative;overflow:hidden;margin:-10px -10px 23px;border-bottom:1px solid #a9a4d32b;background:radial-gradient(ellipse at 70% 100%,#8473bd1a,transparent 70%)}
.vignette-character{position:absolute;width:150px;height:150px;bottom:-10px;right:0;animation:companion-breathe 5s infinite;z-index:2}
.feature[data-feature-scene=dance] .vignette-character{right:calc(50% - 75px);animation:dance-bounce 1.8s infinite}
.feature[data-feature-scene=movie] .atlas-character{background-position:66.6667% 100%}
.feature[data-feature-scene=dance] .atlas-character{background-position:0 100%}
.mini-code{position:absolute;top:30px;left:6px;width:65%;display:grid;gap:8px;border:1px solid #99c6cf44;border-radius:8px;background:#0c1925;padding:12px;font:10px Consolas,monospace;color:#b6a7dc;transform:rotate(-4deg)}
.mini-code i{width:75%;height:3px;border-radius:3px;background:#87d1c96b;transform-origin:left;animation:code-line 4s infinite}.mini-code i:nth-child(3){width:50%;animation-delay:-1s}.mini-code i:nth-child(4){width:65%;animation-delay:-2s}.mini-code b{font-size:8px;font-weight:400;color:#b2cad6}
.mini-notes span{position:absolute;left:16%;top:30px;font-size:29px;color:var(--cyan);animation:opening-spark 2s infinite}.mini-notes span:nth-child(2){left:auto;right:15%;top:13px;color:var(--lilac);animation-delay:-1s}.mini-notes span:nth-child(3){left:22%;top:90px;font-size:18px;animation-delay:-.5s}
.mini-beats{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;z-index:3}
.mini-movie{position:absolute;left:3px;top:25px;width:70%;height:100px;border:1px solid #a5afe44a;border-radius:8px;background:linear-gradient(135deg,#1c2943,#352c45);padding:11px;display:grid;align-content:space-between;animation:cinema-glow 6s infinite}
.mini-movie span{font:8px Consolas,monospace;color:#bfc7df}.mini-movie b{font-size:20px;font-weight:400;color:#c9b5ed}.mini-movie i{height:2px;background:#a296be;width:80%}
.feature:hover .feature-vignette{filter:brightness(1.15)}
@keyframes opening-in{from{opacity:0}to{opacity:1}}@keyframes opening-out{to{opacity:0;transform:scale(1.05);filter:blur(8px)}}
@keyframes opening-pop{from{opacity:0;transform:translateY(45px) scale(.86)}to{opacity:1;transform:none}}
@keyframes opening-copy{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes opening-ring{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}
@keyframes opening-wiggle{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg) translateY(-5px)}}
@keyframes opening-spark{0%,100%{transform:translateY(0) scale(.8);opacity:.45}50%{transform:translateY(-12px) scale(1.1);opacity:1}}
@keyframes dance-bounce{0%,100%{transform:rotate(-4deg) translateY(0)}25%{transform:rotate(0) translateY(-7px)}50%{transform:rotate(4deg) translateY(0)}75%{transform:rotate(0) translateY(-7px)}}
@keyframes code-pulse{50%{opacity:.4}}@keyframes code-line{0%,100%{transform:scaleX(.5)}50%{transform:scaleX(1)}}
@keyframes cinema-glow{50%{filter:brightness(1.35);box-shadow:0 0 25px #9d87cf30}}
@media(max-width:580px){.welcome-opening{padding:65px 24px 55px}.opening-world{grid-template-columns:1fr;gap:0;max-width:340px}.opening-character{width:240px;margin:0 auto -15px}.opening-ring{width:220px;left:calc(50% - 110px);top:0}.opening-copy{text-align:center}.opening-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1px;margin-bottom:12px}.opening-copy h2{font-size:43px;letter-spacing:-1.8px;line-height:1.05;margin:12px 0}.opening-copy h2 br{display:none}.opening-copy>p:not(.eyebrow){font-size:15px;margin-bottom:18px}.opening-enter{height:45px;min-width:190px;justify-content:center;margin:auto}.opening-skip{top:15px;right:18px;font-size:11px;padding:8px 13px}.opening-wordmark{font-size:7px;letter-spacing:1px;bottom:17px}.opening-stars{inset:0 0 45%}.opening-stars span:nth-child(2){left:78%}.experience-stage{height:240px}.scene-character{width:235px;margin-left:-117px}.scene-code code{font-size:8px}.scene-hello{font-size:11px;right:0}.scene-code>div>span{font-size:7px}.scene-cinema>span{font-size:7px}.feature-vignette{height:155px}.vignette-character{width:165px;height:165px}.mini-code{max-width:220px}}
@media(max-height:620px) and (min-width:581px){.opening-world{max-width:700px}.opening-character{max-width:300px}.opening-copy h2{font-size:48px}.opening-copy>p:not(.eyebrow){font-size:15px}}
@media(prefers-reduced-motion:reduce){.welcome-opening.is-leaving{opacity:0}.hero.hero-arrives .hero-copy,.hero.hero-arrives .hero-visual{animation:none}}
html.motion-paused .welcome-opening,html.motion-paused .welcome-opening *{animation:none!important}
@media(max-width:580px){.opening-copy h2 br{display:block}.opening-copy h2{font-size:40px}}

/* Approved Animiyu identity */
.wordmark img.brand-lockup{width:160px;height:auto;display:block}.opening-wordmark{display:flex;align-items:center;justify-content:center;gap:18px}.opening-wordmark img{width:150px;height:auto}@media(max-width:600px){.wordmark img.brand-lockup{width:124px}.opening-wordmark{flex-direction:column;gap:10px}}
/* Recorded showcase: one active scene, calm framing, no whole-image wobble. */
[hidden]{display:none!important}
.hero-character,.presence-card,.companion-float,.companion-halo,.companion-halo:after,.companion-spark,.opening-character,.opening-stars span{animation:none!important}
.opening-world{max-width:980px;grid-template-columns:1fr 1fr;gap:35px}.opening-character{width:100%;max-width:440px;aspect-ratio:5/6}.opening-video{display:block;width:100%;height:100%;object-fit:contain;border-radius:42% 42% 22px 22px;mask-image:linear-gradient(black 90%,transparent)}
.opening-ring,.opening-stars{display:none}.welcome-opening{background:radial-gradient(ellipse at 30% 45%,#352a4c,#11121f 72%)}
.console-panel{grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr);gap:30px}.panel-copy{align-self:center}.panel-copy h3{white-space:pre-line}.moment-preview{min-width:0;background:#171522;padding:20px;border:1px solid #b8a5e433;border-radius:20px;overflow:hidden}
.showcase-stage{position:relative;height:390px;background:#171522;overflow:hidden;border-radius:12px}.showcase-stage>video,.showcase-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s}
.demo-dialogue{position:absolute;left:12px;bottom:12px;max-width:66%;border:1px solid #c6ace744;background:#161b2bf2;border-radius:14px 14px 14px 3px;padding:13px 16px;box-shadow:0 8px 25px #0003}.demo-dialogue>span{font:10px Consolas,monospace;letter-spacing:2px;color:#c4adff}.demo-dialogue p{font-size:15px;line-height:1.5;margin:7px 0 0}
.demo-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.demo-actions button,#demo-pause{border:1px solid #b5a5e64d;background:#292638;border-radius:9px;padding:10px 13px;font-size:12px;min-height:42px}.demo-actions button:hover,.demo-actions button[aria-pressed=true]{border-color:#c4adff;background:#3f3355}.preview-footer{gap:12px;align-items:center}.preview-footer>span{font-size:11px}#demo-pause{white-space:nowrap;background:transparent}.demo-disclosure{font-size:11px;line-height:1.6;color:#b0a9bd;margin:14px 0 0}.preview-top small{font-size:9px;letter-spacing:1px}.preview-top{gap:12px}
.demo-workspace{position:absolute;top:25px;left:0;width:77%;background:#101b26f5;border:1px solid #7fafbd66;border-radius:10px;padding:15px}.workspace-bar{font:12px Consolas,monospace;color:#a2e0d9;border-bottom:1px solid #8de1d133;padding-bottom:12px}.workspace-bar span{float:right;font-size:8px}.demo-workspace p{font-size:12px;margin:14px 0}.demo-workspace pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font:11px/1.8 Consolas,monospace;color:#d4c1f6}.demo-workspace #code-result{border-top:1px solid #8de1d133;padding-top:12px;font-size:11px;color:#9de3c3}
.moment-preview[data-scene=code] .showcase-stage>video,.moment-preview[data-scene=movie] .showcase-stage>video{width:55%;left:50%;object-position:bottom}.moment-preview[data-scene=code] .demo-dialogue{max-width:72%;font-size:13px}.moment-preview[data-scene=wardrobe] .demo-dialogue{max-width:55%}
.demo-movie{position:absolute;top:25px;left:0;width:75%;height:210px;border:1px solid #b5a8df66;background:radial-gradient(circle at 60% 90%,#474166,#111d35 65%);border-radius:10px;overflow:hidden}.demo-movie>span{position:absolute;left:12px;top:12px;font:8px Consolas,monospace;letter-spacing:1px;z-index:2}.moon{position:absolute;width:46px;height:46px;border-radius:50%;background:#dedcf0;left:48%;top:55px;box-shadow:0 0 40px #c9cbe655}.comet{position:absolute;left:20%;top:60%;width:95px;height:2px;background:linear-gradient(90deg,transparent,#dcdeff);transform:rotate(-25deg)}.comet:after{content:'';position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:white}.movie-progress{position:absolute;bottom:15px;left:12px;right:12px;height:2px;background:linear-gradient(90deg,#c4adff 36%,#ffffff22 36%)}.image-shared .demo-movie{box-shadow:0 0 0 2px #92ebe755}.demo-running .comet{animation:comet-pass 7s linear infinite}.demo-running .moon{animation:cinema-glow 7s infinite}.moment-preview:not(.demo-running) *{animation-play-state:paused!important}
@keyframes comet-pass{from{transform:translate(-25px,20px) rotate(-25deg);opacity:0}30%,80%{opacity:1}to{transform:translate(95px,-40px) rotate(-25deg);opacity:0}}
@media(max-width:1000px){.console-panel{grid-template-columns:1fr}.showcase-stage{height:420px}.panel-copy{max-width:600px}.console-tabs{overflow-x:auto}.demo-workspace{max-width:420px}}
@media(max-width:580px){.opening-world{grid-template-columns:1fr;gap:0;max-width:320px}.opening-character{max-width:210px;margin:0 auto 5px}.opening-copy h2{font-size:34px}.opening-copy .eyebrow{font-size:8px}.showcase-stage{height:360px}.moment-preview{padding:12px}.demo-dialogue{left:0;bottom:5px;max-width:74%;padding:10px 12px}.demo-dialogue p{font-size:13px}.demo-actions button{flex:1;padding:9px;font-size:11px}.preview-top{font-size:8px}.preview-top small{font-size:7px}.demo-workspace{width:87%;padding:10px;top:8px}.demo-workspace pre{font-size:10px}.workspace-bar span{font-size:7px}.moment-preview[data-scene=code] .showcase-stage>video{width:50%;left:56%;height:65%;top:35%}.moment-preview[data-scene=code] .demo-dialogue{max-width:72%}.demo-disclosure{font-size:10px}}
@media(min-width:581px){.console-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* Second presentation pass: portrait-led conversation, restrained luminous surfaces. */
.experience-console{background:linear-gradient(130deg,#111722,#10131f);border-color:#aebce52b;box-shadow:0 32px 90px #0003}
.console-panel{display:block;padding:36px}.panel-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;max-width:none;align-items:start;margin-bottom:30px}.panel-copy .pill{grid-column:1;width:max-content;font-size:9px;letter-spacing:1.5px;background:transparent;padding:0;border:0;color:#a5b5cf}.panel-copy h3{grid-column:1;grid-row:2/4;font-size:34px;line-height:1.15;margin:12px 0 0;letter-spacing:-1px}.panel-copy>p{grid-column:2;margin:0;font-size:14px;line-height:1.7}.panel-copy .mode-note{font-size:11px;margin-top:10px;color:#8e9bad}
.moment-preview{padding:0;border-radius:18px;border-color:#c2c9f024;background:#0c111d;box-shadow:inset 0 1px #ffffff06}.preview-top{padding:18px 24px;margin:0;border-bottom:1px solid #ccd7ff10;letter-spacing:1.3px;font-size:10px}.preview-divider{color:#4c596b;margin:0 12px}.preview-top small{font-size:8px;color:#95a5bb}.showcase-stage{height:465px;border-radius:0;background:#0c111d}.moment-preview[data-scene=talk] .showcase-stage>video{width:48%;height:100%;left:0;object-fit:cover;object-position:center 30%;mask-image:linear-gradient(90deg,#000 70%,transparent 100%)}
.portrait-label{display:none;position:absolute;left:30px;bottom:24px;align-items:center;gap:12px;z-index:2;background:#111928ce;backdrop-filter:blur(18px);border:1px solid #e1e4ff1c;padding:12px 18px;border-radius:14px;min-width:190px}.portrait-label strong{display:block;font-size:13px;letter-spacing:.4px;font-weight:500}.portrait-label div>span{display:block;font-size:10px;color:#abb8c9;margin-top:4px}.portrait-orbit{font-size:27px;color:#c5baff}.moment-preview[data-scene=talk] .portrait-label{display:flex}.voice-bars{display:flex;align-items:center;gap:3px;height:20px;margin-left:auto}.voice-bars i{height:3px;width:2px;background:#acbcdb;border-radius:2px}.is-responding .voice-bars i{animation:conversation-signal 1.7s ease-in-out infinite}.voice-bars i:nth-child(2){animation-delay:.18s}.voice-bars i:nth-child(3){animation-delay:.4s}.voice-bars i:nth-child(4){animation-delay:.7s}
.conversation{display:none;position:absolute;right:0;top:0;bottom:0;width:56%;padding:30px 34px 20px 20px;flex-direction:column}.moment-preview[data-scene=talk] .conversation{display:flex}.conversation-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a7b6ce;padding-bottom:22px;border-bottom:1px solid #b2c5ea16}.conversation-mark{color:#b8a8e6;font-size:20px}#chat-thread{display:flex;flex-direction:column;gap:19px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#43455f transparent;padding:22px 2px 12px}.chat-message{max-width:94%;animation:message-arrive .4s ease-out}.chat-message .chat-author{display:block;color:#a8b5cd;font-size:9px;letter-spacing:1.5px;margin-bottom:9px}.chat-message p{margin:0;font-size:15px;line-height:1.65;color:#e2e6ef}.chat-message.user{align-self:flex-end;max-width:88%}.chat-message.user .chat-author{text-align:right}.chat-message.user p{background:linear-gradient(120deg,#37314c,#292b43);border:1px solid #bca3ec25;padding:12px 17px;border-radius:16px 16px 3px 16px;font-size:13px}.chat-message.assistant p{padding-right:10px}.chat-message.pending p{display:flex;gap:5px;padding:8px 0}.chat-message.pending i{display:block;width:5px;height:5px;background:#b7acdd;border-radius:50%;animation:thinking 1.4s ease-in-out infinite}.chat-message.pending i:nth-child(2){animation-delay:.16s}.chat-message.pending i:nth-child(3){animation-delay:.32s}.chat-hint{display:flex;gap:9px;align-items:center;border-top:1px solid #adbfdf16;padding-top:15px;font-size:10px;color:#8a9bb2}.chat-spark{font-size:18px;color:#b8a8e6}.moment-preview[data-scene=talk] .demo-dialogue{display:none}
.demo-actions{margin:0;padding:18px 24px;border-top:1px solid #b4c8eb16;background:#101623}.demo-actions button{background:#1b2333;border-color:#acc4ea24;border-radius:30px;padding:11px 18px;min-height:42px;color:#d7deec;transition:background .2s,border-color .2s,transform .2s}.demo-actions button:hover{background:#29334a;border-color:#b1b6e579;transform:translateY(-1px)}.demo-actions button:disabled{opacity:.45;cursor:wait;transform:none}.moment-preview[data-scene=talk] .demo-actions{justify-content:flex-end}.preview-footer{padding:12px 24px;margin:0;background:#101623;border-top:1px solid #b4c8eb0c}.preview-footer>span{color:#8b9ab0;font-size:10px}#demo-pause{font-size:10px;min-height:32px;border-radius:20px;border-color:#98adc229;padding:6px 12px}.demo-disclosure{padding:14px 24px;margin:0;color:#8290a5;font-size:10px;background:#0c111d}
.welcome-opening{background:radial-gradient(ellipse at 32% 45%,#242a40 0,#101622 60%,#080d17 100%);padding:60px 40px;max-width:none}.opening-world{max-width:1060px;grid-template-columns:1.15fr 1fr;gap:15px}.opening-character{max-width:520px;aspect-ratio:4/5;margin:0;position:relative}.opening-video{border-radius:0;object-fit:cover;mask-image:linear-gradient(black 78%,transparent),linear-gradient(90deg,transparent,black 14%,black 86%,transparent);mask-composite:intersect}.opening-copy h2{font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-3px;font-weight:500}.opening-copy>p:not(.eyebrow){max-width:330px;font-size:18px;line-height:1.7;color:#b3bed2}.opening-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#a9bcd3}.opening-copy .button{border-radius:30px;font-size:13px;padding:16px 24px;height:auto}.opening-caption{display:block;color:#7c8ba3;font-size:10px;margin-top:18px}.opening-skip{border-radius:30px;background:#151c2b99;border-color:#ffffff25}.opening-wordmark{opacity:.65;font-size:8px}.opening-wordmark img{width:115px}.gradient-text{background-image:linear-gradient(110deg,#e6e2ff,#b7b9ed 45%,#a6d9e3)}
@keyframes message-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes thinking{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes conversation-signal{0%,100%{height:3px}40%{height:15px}75%{height:6px}}
@media(max-width:1000px){.console-panel{padding:24px}.panel-copy h3{font-size:30px}.conversation{width:56%;padding-right:24px}}
@media(max-width:580px){.console-panel{padding:14px}.panel-copy{display:block;margin:10px 4px 24px}.panel-copy h3{font-size:28px;margin:12px 0}.panel-copy>p{font-size:12px}.panel-copy .mode-note{font-size:10px}.preview-top{padding:14px;font-size:8px;letter-spacing:.5px}.preview-top small{font-size:7px}.preview-divider{margin:0 4px}.showcase-stage{height:390px}.moment-preview[data-scene=talk] .showcase-stage{height:610px}.moment-preview[data-scene=talk] .showcase-stage>video{top:0;left:0;width:100%;height:280px;object-fit:cover;object-position:center 15%;mask-image:linear-gradient(black 65%,transparent 100%)}.moment-preview[data-scene=talk] .portrait-label{left:16px;top:193px;bottom:auto;min-width:150px;padding:8px 12px;background:#111928b8}.portrait-orbit{font-size:20px}.portrait-label strong{font-size:11px}.portrait-label div>span{font-size:9px}.conversation{top:267px;bottom:0;width:100%;padding:0 20px 16px}.conversation-heading{padding-bottom:12px;font-size:11px}#chat-thread{gap:14px;padding-top:14px}.chat-message p{font-size:13px}.chat-message.user p{font-size:12px;padding:9px 13px}.chat-message .chat-author{font-size:8px;margin-bottom:6px}.chat-hint{font-size:9px;padding-top:10px}.demo-actions{padding:14px;gap:8px}.demo-actions button{font-size:11px;padding:10px 12px;flex:1}.preview-footer{padding:10px 14px}.preview-footer>span{font-size:9px}.demo-disclosure{padding:12px 14px;font-size:9px}.welcome-opening{padding:35px 22px 55px}.opening-world{display:block;max-width:350px}.opening-character{width:100%;max-width:280px;height:300px;margin:0 auto -30px}.opening-video{object-position:center 18%}.opening-copy h2{font-size:43px;letter-spacing:-1.8px;margin:15px 0}.opening-copy h2 br{display:none}.opening-copy{text-align:center}.opening-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;margin:0 auto 18px;max-width:265px}.opening-copy .eyebrow{font-size:7px;justify-content:center}.opening-copy .button{padding:12px 22px}.opening-caption{font-size:9px;margin-top:10px}.opening-wordmark{bottom:14px;gap:5px}.opening-wordmark img{width:92px}}
@media(prefers-reduced-motion:reduce){.chat-message,.chat-message.pending i,.is-responding .voice-bars i{animation:none!important}.demo-actions button{transition:none}}
.skip:not(:focus){visibility:hidden}.chat-message.assistant p{max-width:56ch}.chat-message.user{margin-top:2px}@media(min-width:1001px){.chat-message p{font-size:16px}}
@media(max-width:580px){.opening-copy h2 br{display:block}.opening-copy h2{font-size:39px}}
/* Keep the shared scene beside her face and hands, rather than covering them. */
.moment-preview[data-scene=movie] .demo-movie,.moment-preview[data-scene=code] .demo-workspace{left:24px;top:30px;width:54%;max-width:none}
.moment-preview[data-scene=movie] .demo-movie{height:260px}
.moment-preview[data-scene=movie] .showcase-stage>video,.moment-preview[data-scene=code] .showcase-stage>video{left:57%;width:43%;height:100%;top:0;object-fit:cover;object-position:center 20%;mask-image:linear-gradient(90deg,transparent,#000 12%)}
.moment-preview[data-scene=movie] .demo-dialogue,.moment-preview[data-scene=code] .demo-dialogue{left:24px;bottom:24px;max-width:53%}
@media(max-width:580px){.moment-preview[data-scene=movie] .showcase-stage,.moment-preview[data-scene=code] .showcase-stage{height:565px}.moment-preview[data-scene=movie] .demo-movie,.moment-preview[data-scene=code] .demo-workspace{left:14px;top:16px;width:calc(100% - 28px);height:190px}.moment-preview[data-scene=code] .demo-workspace{height:auto;min-height:190px}.moment-preview[data-scene=movie] .showcase-stage>video,.moment-preview[data-scene=code] .showcase-stage>video{left:25%;width:75%;top:220px;height:345px;object-fit:cover;object-position:center 15%}.moment-preview[data-scene=movie] .demo-dialogue,.moment-preview[data-scene=code] .demo-dialogue{left:14px;bottom:18px;max-width:60%}}
.moment-preview[data-scene=wardrobe] .showcase-stage{height:auto;aspect-ratio:1000/650}.moment-preview[data-scene=wardrobe] .showcase-stage>video{object-fit:contain;width:100%;height:100%}.moment-preview[data-scene=wardrobe] .demo-dialogue{display:none}
@media(max-width:580px){.moment-preview[data-scene=wardrobe] .showcase-stage{aspect-ratio:auto;height:430px}.moment-preview[data-scene=wardrobe] .showcase-stage>video{width:660px;max-width:none;left:50%;transform:translateX(-50%);object-fit:contain}.moment-preview[data-scene=wardrobe]{overflow-x:auto}}
@media(max-width:580px){.moment-preview[data-scene=wardrobe] .showcase-stage{height:auto;aspect-ratio:1000/650}.moment-preview[data-scene=wardrobe] .showcase-stage>video{width:100%;left:0;transform:none;max-width:100%}.moment-preview[data-scene=wardrobe]{overflow:hidden}}
/* Direct wardrobe styling: browser-paced garment dissolves, stable character. */
.wardrobe-lab[hidden]{display:none!important}
.moment-preview[data-scene=wardrobe] .showcase-stage{height:auto;aspect-ratio:auto;background:#0c111d}
.wardrobe-lab{display:grid;grid-template-columns:minmax(260px,1fr) minmax(290px,.9fr);min-height:590px;background:#0c111d}
.wardrobe-model{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}
#wardrobe-canvas{display:block;width:100%;max-width:490px;height:auto;object-fit:contain}
.wardrobe-tag{position:absolute;top:24px;left:26px;color:#899dad;font-size:10px;letter-spacing:.16em;z-index:1}
.wardrobe-caption{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#b4b9cb;font-size:12px;letter-spacing:.08em}
.wardrobe-controls{align-self:center;padding:40px 36px 40px 12px;min-width:0}
.wardrobe-controls h4{font-size:27px;letter-spacing:-.04em;margin:12px 0;color:#eff0fb}
.wardrobe-controls>p:not(.eyebrow){color:#a2a9bd;font-size:13px;line-height:1.6}
.wardrobe-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:26px 0}
.wardrobe-looks button{min-width:0;padding:0 0 12px;overflow:hidden;border:1px solid #293143;border-radius:13px;background:#111827;color:#adb4c6;cursor:pointer;transition:border-color .2s,background .2s}
.wardrobe-looks button[aria-pressed=true]{border-color:#b9abf7;background:#20233c;color:#fff;box-shadow:0 0 22px #a28aef13}
.wardrobe-looks img{width:100%;height:132px;object-fit:cover;object-position:center 23%;display:block;margin-bottom:9px}
.wardrobe-looks span{font-size:11px}
.wardrobe-controls .wardrobe-layer-label{font-size:9px!important;letter-spacing:.18em;margin-top:28px}
.wardrobe-layers{display:grid;gap:8px}
.wardrobe-layers button{display:flex;justify-content:space-between;padding:14px 16px;border:1px solid #283042;border-radius:10px;background:#131a27;color:#d0d5e1;cursor:pointer;text-align:left}
.wardrobe-layers button[aria-pressed=true]{border-color:#526579;background:#172331}.wardrobe-layers span{color:#a9dcdf}
.wardrobe-reset{padding:16px 0;background:none;border:0;color:#b8abdf;font-size:12px;cursor:pointer}
.wardrobe-controls .wardrobe-state{min-height:21px;font-size:12px;color:#afcdd0}.wardrobe-controls small{display:block;color:#788399;font-size:10px;line-height:1.65;max-width:280px}
.wardrobe-lab button:focus-visible{outline:2px solid #bceff2;outline-offset:3px}
.moment-preview[data-scene=wardrobe] .demo-actions{display:none}
@media(max-width:700px){.wardrobe-lab{grid-template-columns:1fr}.wardrobe-model{height:410px}#wardrobe-canvas{width:auto;height:410px}.wardrobe-controls{padding:22px}.wardrobe-tag{font-size:8px;left:16px;top:15px}.wardrobe-caption{bottom:8px}.wardrobe-controls h4{font-size:25px}.wardrobe-looks{margin:18px 0}.wardrobe-looks img{height:115px}.wardrobe-layers{grid-template-columns:1fr 1fr}.wardrobe-controls small{max-width:none}}
.wardrobe-layers button:disabled{opacity:.38;cursor:default}.wardrobe-layers button{gap:12px}.wardrobe-caption{bottom:10px}
/* Website interpretation of the desktop circular wardrobe menu. */
.wardrobe-controls{padding:28px;display:flex;flex-direction:column;align-items:center}.wardrobe-controls>.eyebrow{font-size:9px;letter-spacing:.19em}.wardrobe-open{background:none;border:0;color:#bcccdc;padding:12px;cursor:pointer;font-size:12px}.style-wheel{width:100%;max-width:420px;aspect-ratio:1;position:relative;border-radius:50%;background:radial-gradient(circle,#263043 0 33%,#192332 34%);box-shadow:0 20px 55px #0003,inset 0 0 0 1px #abc6ee35;margin:20px 0}.style-wheel[hidden]{display:none}.style-sectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#94b0d32e;stroke-width:1}.style-petal{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:25%;height:24%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:23px;background:none;color:#b8cbed;cursor:pointer;padding:7px;font:inherit;transition:background .18s,border-color .18s}.style-petal i{font-style:normal;font-size:26px;height:28px}.style-petal span{font-size:10px}.style-petal b{position:absolute;right:10px;top:7px;font-size:10px;color:#b7efd0}.style-petal:hover{background:#98b6e024}.style-petal[aria-pressed=true]{background:#98b6e014;border-color:#a8c8da25;color:#c5efd9}.style-petal:disabled{opacity:.32;cursor:default}.style-hub{position:absolute;inset:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;border-radius:50%;background:#263043;box-shadow:0 0 0 1px #99b2dd16}.style-hub small{font-size:9px;color:#9aa8bb}.style-hub strong{font-size:16px;font-weight:550;color:#e1e7f3;white-space:nowrap}.style-hub span{font-size:9px;color:#9aa8bb}.wardrobe-close{border:0;background:none;color:#a8b6c9;font-size:22px;cursor:pointer;line-height:1}.wardrobe-controls>.wardrobe-state{text-align:center}.wardrobe-controls>small{text-align:center}.style-petal svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.wardrobe-controls{padding:20px 10px}.style-wheel{max-width:355px;margin:10px 0}.style-hub strong{font-size:13px}.style-hub{gap:5px}.style-hub span{font-size:8px}.style-petal span{font-size:9px}}
/* Match the desktop's eight-sector category and item wheel. */
.style-wheel{background:#171e2df5;max-width:420px}.style-sectors path{fill:#202a3a9c;stroke:#94b0d32e;stroke-width:1}.style-petal{width:23%;height:24%;border:0;border-radius:22px;gap:5px}.style-petal span{font-size:10px;line-height:1.2}.style-petal[aria-pressed=true]{background:#98b6e014}.style-petal em{font-style:normal;font-size:8px;color:#8e9aae}.style-hub{inset:26%;background:#263043;gap:7px}.style-hub strong{font-size:18px}.style-hub>div{display:flex;gap:5px}.style-hub>div button{border:0;border-radius:5px;background:#334159;color:#d4dfef;padding:4px 7px;font-size:10px;cursor:pointer}.style-hub span{font-size:10px}.style-hub small{font-size:10px}
@media(max-width:700px){.style-hub strong{font-size:15px}.style-hub span{font-size:8px}.style-petal span{font-size:9px}.style-petal svg{width:22px;height:22px}.style-hub>div button{font-size:9px;padding:3px 5px}}