@charset "UTF-8";
:root{color-scheme:dark;--ink:#0b1020;--text:#eff1fa;--muted:#9a9fb9;--accent:#a8b5ff;--violet:#8873f3;font-family:Inter,"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);min-width:320px}button{font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #c7cfff;outline-offset:6px}::selection{background:#8873f366}.page{max-width:1480px;margin:auto;padding:0 40px;position:relative}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#191c38 0%,#0b1020 68%)}.nebula{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(100px);opacity:.12;animation:nebula-drift 16s ease-in-out infinite alternate}.nebula-one{background:#8873f3;left:15%;top:8%}.nebula-two{background:#536fea;right:-15%;bottom:-35%;animation-delay:-8s}.star{position:absolute;border-radius:50%;background:#c8ceff;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}
.masthead{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.edition{font-size:10px;letter-spacing:.1em;color:var(--muted);display:flex;align-items:center;gap:10px}.status-light{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#bcc7ff;box-shadow:0 0 12px #a8b5ff88;animation:status-pulse 2.6s infinite}.motion-control{display:flex;align-items:center;gap:7px;border:1px solid #a8b5ff2a;border-radius:20px;background:#14192d80;color:#adb5d5;cursor:pointer;padding:9px 12px;font-size:10px}.motion-control:hover{background:#a8b5ff18;color:#fff}.motion-control svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.universe{height:calc(100svh - 84px);width:min(100%,1200px,calc(120svh - 100.8px));aspect-ratio:auto;max-width:1200px;margin:0 auto;position:relative;isolation:isolate}.orbits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}.orbit-ring{fill:none;stroke-width:1}.orbit-ring.tier-0{stroke:#a8b5ff43}.orbit-ring.tier-1{stroke:#9985ed32}.orbit-ring.tier-2{stroke:#8498cb24}.orbit-trace{fill:none;stroke:#a8b5ff;stroke-width:1.5;stroke-dasharray:45 1500;stroke-linecap:round;opacity:.7;animation:orbit-travel var(--lap) linear infinite}.orbit-trace.tier-1{stroke:#9985ed;animation-direction:reverse}.orbit-trace.tier-2{stroke:#809ee7;opacity:.45}.orbit-comet{fill:#d5dcff;filter:drop-shadow(0 0 5px #a8b5ff)}.connection{fill:none;stroke:#b6bfff;stroke-opacity:.19;stroke-width:.8;stroke-dasharray:3 9;animation:connection-flow 4s linear infinite;animation-delay:var(--flow-delay);transition:stroke-opacity .3s,stroke-width .3s}.connection.tier-1{stroke:#9e8ce8;stroke-opacity:.14}.connection.tier-2{stroke-opacity:.1}.connection.is-active{stroke-opacity:.85;stroke-width:1.8;animation-duration:1.5s}.packet{fill:#c5cfff;opacity:.8;filter:drop-shadow(0 0 3px #a8b5ff)}.packet.is-active{fill:#fff;filter:drop-shadow(0 0 6px #c2caff)}.radar-mask{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none}.radar-sweep{position:absolute;width:68%;aspect-ratio:1;left:16%;top:50%;translate:0 -50%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 280deg,#8873f300 280deg,#a8b5ff0e 355deg,transparent 360deg);animation:spin 14s linear infinite;z-index:-2;pointer-events:none}
.core{position:absolute;left:50%;top:50%;width:24%;max-width:280px;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:2}.core h1{margin:0;line-height:0}.core h1 img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 24px #8873f350);animation:logo-breathe 4s ease-in-out infinite}.core-aura{position:absolute;width:145%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;background:radial-gradient(ellipse,#8873f32a,transparent 65%);z-index:-1;animation:breathe 4s ease-in-out infinite}.core-ring{position:absolute;width:135%;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;border:1px solid #a8b5ff07;border-radius:50%;z-index:-1}.core-ring:before,.core-ring:after{content:"";position:absolute;inset:0;border:1px solid transparent;border-radius:50%;border-top-color:#a8b5ff66;border-right-color:#a8b5ff0a;animation:spin 12s linear infinite}.core-ring:after{inset:13px;border-top-color:transparent;border-bottom-color:#8873f36b;animation:spin 17s linear infinite reverse}.ai-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #a8b5ff45;border-radius:100px;padding:5px 11px;margin-top:17px;background:#171c35;color:#d9ddff;font-size:10px;letter-spacing:.08em;box-shadow:0 0 20px #8873f316}.ai-spark{color:#c7caff;font-size:14px;animation:spark-turn 8s ease-in-out infinite}.ai-waves{display:flex;align-items:center;height:12px;gap:2px;margin-left:3px}.ai-waves i{width:2px;height:5px;background:#b6c1ff;border-radius:2px;animation:wave 1.1s ease-in-out infinite}.ai-waves i:nth-child(2){animation-delay:-.2s}.ai-waves i:nth-child(3){animation-delay:-.4s}.ai-waves i:nth-child(4){animation-delay:-.6s}.ai-waves i:nth-child(5){animation-delay:-.8s}.core-note{margin:17px -30px 0;font-size:14px;font-weight:400;letter-spacing:.005em;color:#c7cee7;white-space:nowrap;line-height:1.5}
.worlds{position:absolute;inset:0;pointer-events:none}.world{position:absolute;width:116px;transform:translate(-50%,-28px);text-align:center;pointer-events:auto;animation:world-enter .9s both;animation-delay:var(--intro);z-index:3}.world.is-active{z-index:10}.world-button{position:relative;display:flex;align-items:center;flex-direction:column;gap:10px;margin:auto;padding:0;border:0;background:none;color:#c6cce4;cursor:pointer;max-width:100%;animation:float var(--float-time) ease-in-out infinite;animation-delay:var(--float-delay)}.icon-shell{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:19px;border:1px solid #a8b5ff50;background:linear-gradient(145deg,#282b48,#141a30);box-shadow:inset 0 1px 0 #ffffff0c,0 6px 20px #00000028;transition:transform .3s,border-color .3s,box-shadow .3s}.icon-shell:after{content:"";position:absolute;inset:-7px;border:1px solid #a8b5ff00;border-radius:25px;animation:signal-halo 5s ease-out infinite;animation-delay:var(--float-delay)}.icon-shell svg{width:25px;height:25px;fill:none;stroke:#c2cbf5;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}.world-label{font-size:11px;font-weight:450;line-height:1.4;letter-spacing:.005em;max-width:112px}.world[data-tier="1"] .icon-shell{border-color:#9c87e538;background:linear-gradient(145deg,#24243d,#14192c)}.world[data-tier="1"] .icon-shell svg{stroke:#b0a4db}.world[data-tier="2"] .icon-shell{border-color:#8092bd30;background:linear-gradient(145deg,#1a2338,#11182a)}.world[data-tier="2"] .icon-shell svg{stroke:#94a7cb}.world[data-tier="2"] .world-label{color:#94a0bd}.world-button:hover,.world-button:focus-visible,.world-button[aria-pressed=true]{color:#fff}.world-button:hover .icon-shell,.world-button:focus-visible .icon-shell,.world-button[aria-pressed=true] .icon-shell{transform:scale(1.08);border-color:#c0c9ffb3;box-shadow:0 0 32px #8873f350,inset 0 1px 0 #ffffff15}.world-button:hover svg,.world-button:focus-visible svg,.world-button[aria-pressed=true] svg{stroke:#e4e8ff}.world-detail{display:block;position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%) translateY(5px);width:190px;padding:10px 12px;border:1px solid #a8b5ff45;border-radius:12px;background:#1b203af5;box-shadow:0 8px 26px #0005;color:#d3d9f4;font-size:10px;line-height:1.7;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s}.world.is-active .world-detail{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.world[data-edge=left] .world-detail{left:0;transform:translateY(5px)}.world[data-edge=right] .world-detail{left:auto;right:0;transform:translateY(5px)}.world[data-edge=left].is-active .world-detail,.world[data-edge=right].is-active .world-detail{transform:translateY(0)}.orbit-coordinate{position:absolute;color:#55617e;letter-spacing:.16em;font-size:7px;bottom:20%;writing-mode:vertical-rl}.coordinate-a{left:0;transform:rotate(180deg)}.coordinate-b{right:0}
/* Local devices exchange signals with a private home hub over straight paths. */
.privacy{max-width:820px;display:flex;align-items:center;justify-content:center;gap:60px;margin:20px auto 65px;position:relative}.privacy-art{position:relative;width:320px;aspect-ratio:1.2;flex-shrink:0}.privacy-aura{position:absolute;inset:20px -10px;background:linear-gradient(110deg,transparent,#8873f314,transparent);filter:blur(28px)}.local-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.local-boundary{fill:none;stroke:#a8b5ff46;stroke-width:1.4;stroke-linecap:round}.local-routes{fill:none;stroke:#a8b5ff48;stroke-width:1.2}.local-particles{fill:#d1d9ff;filter:drop-shadow(0 0 4px #a8b5ff)}.local-hub-side{fill:#292744;stroke:#a8b5ff30;stroke-width:1}.local-hub{fill:#1b213a;stroke:url(#local-gradient);stroke-width:1.3;filter:drop-shadow(0 7px 15px #0003)}.local-hub-slot{fill:none;stroke:#a8b5ff50;stroke-width:3;stroke-linecap:round}.local-lock{fill:none;stroke:#b4c9d4;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.local-mark{position:absolute;left:61.1%;top:44.5%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px #8873f366);animation:local-logo 4s ease-in-out infinite}.local-device{position:absolute;display:grid;place-items:center;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid #a8b5ff40;border-radius:11px;background:#1c2138;box-shadow:0 0 18px #8873f319;animation:device-pulse 4s ease-in-out infinite}.local-device svg{width:19px;height:19px;fill:none;stroke:#bdc7ef;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.device-top{left:13.9%;top:20.7%}.device-left{left:13.9%;top:50%;animation-delay:-1s}.device-bottom{left:13.9%;top:79.3%;animation-delay:-2s}.local-seal{position:absolute;left:64%;top:86%;transform:translateX(-50%);white-space:nowrap;display:flex;gap:7px;align-items:center;font-size:7px;letter-spacing:.12em;color:#a0aecf}.local-seal span{width:4px;height:4px;border-radius:1px;background:#bdc7ff;box-shadow:0 0 7px #a8b5ff;animation:status-pulse 2s infinite}.privacy-eyebrow{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:.15em;color:#a9b4d8}.privacy h2{margin:18px 0 15px;font-size:48px;font-weight:500;line-height:1.12;letter-spacing:-.055em}.privacy h2 em{font-style:normal;background:linear-gradient(110deg,#bac5ff,#a490f4);background-clip:text;-webkit-background-clip:text;color:transparent}.privacy p{font-size:11px;color:#9ca8c7;letter-spacing:.01em;line-height:1.8;margin:0}
.access{max-width:900px;margin:auto;padding:0 12px}.access-heading{display:flex;align-items:center;justify-content:center;gap:19px}.access-heading span{height:1px;width:100px;background:linear-gradient(90deg,transparent,#a8b5ff30)}.access-heading span:last-child{transform:rotate(180deg)}.access-heading h2{font-size:10px;font-weight:400;letter-spacing:.07em;color:#98a3c3;margin:0;text-align:center}.access-points{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0 0;margin:0;gap:14px}.access-point{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 10px;min-height:60px;border:1px solid #a8b5ff20;border-radius:13px;background:#171b2c55;transition:background .3s,border-color .3s}.access-point:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#a8b5ff10 50%,transparent 70%);transform:translateX(-150%);animation:access-shimmer 8s ease-in-out infinite}.access-point:nth-child(2):after{animation-delay:1s}.access-point:nth-child(3):after{animation-delay:2s}.access-point:nth-child(4):after{animation-delay:3s}.access-point:hover{background:#a8b5ff0d;border-color:#a8b5ff55}.access-point>svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#9eaed6;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.access-point strong{font-size:11px;font-weight:450;color:#c1c6dc;display:block}.access-point small{font-size:9px;color:#8896b9;display:block;margin-top:4px}.voice-indicator{display:inline-block;width:4px;height:4px;background:#a8b5ff;border-radius:50%;margin-right:4px;vertical-align:1px;animation:status-pulse 2s infinite}footer{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:45px auto 0;padding:0 0 26px;gap:20px;font-size:9px;color:#697697;letter-spacing:.035em}footer>span:first-child{font-size:14px;font-weight:600;letter-spacing:-.05em;color:#a3abc5}.footer-dot{color:#8873f3}.coming-soon{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8a96b5}.ellipsis{display:inline-block;overflow:hidden;vertical-align:bottom;width:14px;animation:ellipsis 2.8s steps(4,end) infinite}
@keyframes orbit-travel{to{stroke-dashoffset:calc(-1*var(--circuit))}}@keyframes connection-flow{to{stroke-dashoffset:-96}}@keyframes local-flow{to{stroke-dashoffset:-790}}@keyframes spin{to{rotate:360deg}}@keyframes float{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes world-enter{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}@keyframes wave{0%,100%{height:3px;opacity:.5}50%{height:12px;opacity:1}}@keyframes status-pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes twinkle{0%,100%{opacity:.12;transform:translate(0,0)}50%{opacity:.6;transform:translate(8px,-12px)}}@keyframes breathe{0%,100%{opacity:.5;scale:.92}50%{opacity:1;scale:1.08}}@keyframes logo-breathe{0%,100%{filter:drop-shadow(0 0 15px #8873f333)}50%{filter:drop-shadow(0 0 28px #8873f380)}}@keyframes nebula-drift{to{transform:translate(70px,-40px) scale(1.15)}}@keyframes ellipsis{0%{width:0}100%{width:14px}}@keyframes signal-halo{0%{border-color:#a8b5ff00;scale:1;opacity:0}12%{border-color:#a8b5ff70;scale:1;opacity:.7}70%,100%{border-color:#a8b5ff00;scale:1.4;opacity:0}}@keyframes spark-turn{0%,70%,100%{rotate:0deg}90%{rotate:180deg}}@keyframes shield-draw{0%,100%{stroke-dashoffset:0;opacity:.6}50%{stroke-dashoffset:20;opacity:1}}@keyframes device-pulse{0%,65%,100%{box-shadow:0 0 12px #8873f318;border-color:#a8b5ff30}25%{box-shadow:0 0 24px #8873f350;border-color:#a8b5ff99}}@keyframes local-logo{0%,100%{filter:drop-shadow(0 0 8px #8873f333)}50%{filter:drop-shadow(0 0 20px #8873f399)}}@keyframes access-shimmer{0%,55%{transform:translateX(-150%)}85%,100%{transform:translateX(150%)}}
@media(max-width:1100px) and (min-width:901px){.page{padding:0 24px}.world{width:110px;transform:translate(-50%,-24px)}.icon-shell{width:48px;height:48px;border-radius:16px}.icon-shell svg{width:22px;height:22px}.world-label{font-size:10px}.core-note{font-size:12px}.ai-badge{margin-top:14px}.core{width:24%}}
/* Keep the complete moving scene in the first desktop viewport. */
@media(min-width:901px) and (max-height:900px){.world{width:104px;transform:translate(-50%,-24px)}.icon-shell{width:48px;height:48px;border-radius:16px}.icon-shell svg{width:22px;height:22px}.world-label{font-size:10px;max-width:100px}.world-button{gap:9px}.core-note{font-size:12px}.ai-badge{margin-top:14px}}
@media(min-width:901px) and (max-height:760px){.world{width:94px;transform:translate(-50%,-22px)}.icon-shell{width:44px;height:44px;border-radius:15px}.icon-shell svg{width:20px;height:20px}.world-label{font-size:9px;max-width:92px}.world-button{gap:8px}.core-note{font-size:11px;margin-top:13px}.ai-badge{margin-top:12px;padding:4px 9px}.orbit-coordinate{display:none}}
@media(max-width:900px){.page{padding:0 24px}.universe{height:1120px;width:100%;aspect-ratio:auto;max-width:660px}.core{width:34%;max-width:240px}.core-note{font-size:13px}.radar-sweep{width:90%;left:5%;height:76%;aspect-ratio:auto}.world{width:120px;transform:translate(-50%,-26px)}.icon-shell{width:52px;height:52px;border-radius:18px}.world-label{font-size:11px}.orbit-coordinate{display:none}.privacy{gap:25px;margin:0 auto 55px}.privacy-art{width:290px}.privacy h2{font-size:42px}.privacy p{font-size:10px}.access-point strong{font-size:10px}}
@media(max-width:600px){.page{padding:0 18px}.masthead{height:74px;gap:10px}.edition{font-size:8px;letter-spacing:.015em;gap:7px}.motion-control{padding:8px;flex-shrink:0}.motion-control span{display:none}.motion-control svg{width:13px;height:13px}.core{width:47%;max-width:200px}.core-note{font-size:11px;margin:15px -25px 0}.ai-badge{font-size:9px;margin-top:16px;gap:6px;padding:4px 9px}.ai-spark{font-size:12px}.world{width:96px;transform:translate(-50%,-23px)}.world-button{gap:9px}.icon-shell{width:46px;height:46px;border-radius:16px}.icon-shell svg{width:21px;height:21px}.world-label{font-size:10px;max-width:96px}.world-detail{width:160px;font-size:9px}.privacy{flex-direction:column;gap:0;margin:-15px auto 45px;text-align:center}.privacy-art{width:270px}.privacy-copy{margin-top:10px}.privacy-eyebrow{justify-content:center;font-size:7px}.privacy h2{font-size:43px;margin:14px 0 12px}.privacy p{font-size:10px}.access{padding:0}.access-heading{gap:10px}.access-heading h2{font-size:9px;letter-spacing:.03em}.access-heading span{width:30px}.access-points{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:20px}.access-point{justify-content:flex-start;padding:14px 15px;min-height:65px}.access-point strong{font-size:10px}.access-point small{font-size:8px}.access-point>svg{width:20px;height:20px}footer{margin-top:34px;padding-bottom:22px;gap:10px}footer>span:last-child{display:none}.coming-soon{font-size:8px}}
html[data-paused=true] *,html[data-paused=true] *:before,html[data-paused=true] *:after,html[data-hidden=true] *,html[data-hidden=true] *:before,html[data-hidden=true] *:after{animation-play-state:paused!important}html[data-paused=true] .world{animation:none}
@media(prefers-reduced-motion:reduce){html:not([data-paused=false]) *,html:not([data-paused=false]) *:before,html:not([data-paused=false]) *:after{animation:none!important;transition:none!important}.star{opacity:.25}}

/* Circular geometry; labels choose a collision-free side independently. */
.universe{height:max(640px,calc(100svh - 84px));width:min(100%,1200px)}
.world{width:var(--node-size);height:var(--node-size);transform:translate(-50%,-50%)}
.world-button{width:var(--node-size);height:var(--node-size);padding:0;gap:0;animation:none}
.icon-shell{width:var(--node-size);height:var(--node-size);border-radius:30%}
.icon-shell svg{width:48%;height:48%}
.world-label{position:absolute;display:block;width:max-content;max-width:112px;font-size:11px;line-height:1.4;text-align:center;pointer-events:none}
.core-note{width:max-content;margin:15px auto 0;position:relative;left:50%;transform:translateX(-50%);font-size:12px}
.core .ai-badge{margin-top:14px}
.exploration{min-height:66px;max-width:900px;padding:12px 18px;margin:0 auto 12px;text-align:center;visibility:hidden;display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px 15px;color:#9daed2;font-size:11px;line-height:1.7}
.exploration.has-detail{visibility:visible}.exploration strong{font-weight:500;color:#d5ddff}.compact-tagline,.orbit-index{display:none}
@media(min-width:901px) and (max-height:800px){.world-label{font-size:10px;max-width:100px}.core-note{font-size:11px;margin-top:12px}.core .ai-badge{margin-top:10px;padding:4px 9px}}
@media(max-width:900px){
 .universe{height:auto;aspect-ratio:1;width:100%;max-width:660px;margin-top:35px}
 .core .core-note{display:none}.core .ai-badge{font-size:9px;margin-top:9px;padding:4px 8px}.core .ai-spark{font-size:11px}.core .ai-waves{height:9px}.core .ai-waves i{height:4px}
 .world-label{display:none}.icon-shell:after{inset:-4px;border-radius:35%}.core-ring{width:125%}.core-ring:after{inset:7px}
 .compact-tagline{display:block;text-align:center;font-size:13px;letter-spacing:.01em;color:#c7cee7;margin:22px auto 25px}
 .orbit-index{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:660px;margin:0 auto 12px}.orbit-index h2{font-weight:400;letter-spacing:.12em;text-transform:uppercase;font-size:8px;color:#8e9fc4;margin:0 0 12px}.orbit-index section>div{display:grid;gap:10px}.orbit-index button{display:flex;align-items:center;gap:9px;text-align:left;padding:4px 0;border:0;background:none;color:#b9c6e6;font-size:10px;line-height:1.4;cursor:pointer}.orbit-index button[aria-pressed=true]{color:#fff}.orbit-index svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.exploration{min-height:62px;margin-bottom:15px;font-size:10px}
}
@media(max-width:600px){.core .ai-badge{font-size:7px;gap:4px;margin-top:5px;padding:3px 5px}.core .ai-spark{font-size:8px}.core .ai-waves{display:none}.orbit-index{grid-template-columns:1fr;gap:22px;padding:0 5px}.orbit-index section>div{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:7px}.orbit-index button{font-size:10px}.orbit-index h2{font-size:8px;margin-bottom:9px}.privacy{margin-top:0}}

/* Full-width device reel. Captured screens retain their original aspect ratios. */
.device-gallery{position:relative;margin:95px 0 0;padding:0 0 20px;isolation:isolate;max-width:100%;overflow:hidden}
.device-gallery:before{content:"";position:absolute;inset:25px 0 0;background:radial-gradient(ellipse at 50% 55%,#8873f315,transparent 66%);pointer-events:none;z-index:-1}
.gallery-heading{max-width:1280px;margin:0 auto 24px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.gallery-heading h2{margin:0;font-weight:450;font-size:24px;letter-spacing:-.045em;color:#dbe0f8}
.gallery-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-6px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.gallery-viewport::-webkit-scrollbar{display:none}.gallery-viewport:focus-visible{outline:1px solid #a8b5ff80;outline-offset:-5px}
.gallery-track{display:flex;width:max-content}.gallery-group{display:flex;align-items:flex-end;gap:64px;padding:30px 64px 0 0;margin:0;list-style:none;flex-shrink:0}
.gallery-group:first-child{padding-left:0}.gallery-card{flex-shrink:0;width:280px}.card-phone{width:250px}.card-show{width:430px}.gallery-card figure{margin:0}
.device-stage{height:365px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;perspective:1200px}
.mockup{position:relative;filter:drop-shadow(0 20px 18px #0005)}.device-screen{position:relative;overflow:hidden;background:#080c17}.device-screen img{display:block;width:100%;height:auto;user-select:none;pointer-events:none}
.mockup-phone{width:190px;padding:8px;background:linear-gradient(115deg,#4b4d5b,#171a22 18%,#101219 75%,#545663);border:1px solid #636575;border-radius:29px;box-shadow:inset 0 0 0 2px #11131a,0 0 0 1px #020409;}
.mockup-phone:before{content:"";position:absolute;width:30px;height:3px;border-radius:6px;left:50%;top:3px;translate:-50% 0;background:#020409;z-index:2}
.mockup-phone .device-screen{border-radius:21px}.phone-side-button{position:absolute;right:-3px;top:82px;width:3px;height:34px;border-radius:0 3px 3px 0;background:linear-gradient(#656774,#282b36)}
.mockup-phone:after{content:"";position:absolute;left:-3px;top:57px;width:3px;height:46px;border-radius:3px 0 0 3px;background:#414450}
.mockup-spot{width:244px;height:267px}
.spot-shell{position:absolute;inset:0 0 5px;border-radius:50% 50% 45% 45%;background:linear-gradient(135deg,#404450 0%,#181b23 30%,#0e1018 75%,#292d38);border:1px solid #5a606d;box-shadow:inset 0 0 0 2px #171a22,inset -15px -25px 30px #0007}
.spot-shell:after{content:"";position:absolute;left:13%;right:13%;bottom:4px;height:20px;border-radius:0 0 80px 80px;background:radial-gradient(#5a5d69 .6px,transparent .8px) 0 0/3px 3px;opacity:.4}
.mockup-spot .device-screen{position:absolute;left:10px;top:10px;width:224px;aspect-ratio:1;border-radius:50%;border:2px solid #08090e;box-shadow:0 0 0 1px #505461}
.mockup-spot:after{content:"";position:absolute;width:102px;height:10px;border-radius:50%;bottom:0;left:50%;translate:-50% 0;background:#080b12;box-shadow:0 4px 9px #0007;z-index:-1}
.mockup-show{width:390px;padding:0 9px 0 0}
.show-back{position:absolute;inset:18px 0 0 12px;background:linear-gradient(120deg,#242936,#121720);border:1px solid #454b59;border-radius:15px 20px 10px 15px;transform:skewY(-2deg);box-shadow:inset -12px -3px 18px #0004}
.show-front{position:relative;background:linear-gradient(140deg,#373c48,#11151e 35%,#202631);padding:22px 14px 0;border:1px solid #656a78;border-radius:12px;box-shadow:inset 0 0 0 2px #151923;overflow:hidden}
.show-front .device-screen{aspect-ratio:2;border:1px solid #000;border-radius:3px}.show-front .device-screen img{height:100%;object-fit:contain}
.show-camera{position:absolute;top:7px;right:23px;width:5px;height:5px;border:1px solid #4a5060;border-radius:50%;background:#080b12;box-shadow:0 0 0 2px #151923}
.show-speaker{height:43px;margin:12px -14px 0;background:radial-gradient(#565d6a .7px,transparent .9px) 0 0/3px 3px,linear-gradient(#252b37,#1b202a);border-top:1px solid #454c5b;box-shadow:inset 0 -4px 8px #0003}
.gallery-card figcaption{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;height:73px;margin-top:28px;padding:0 10px}.gallery-card figcaption strong{font-weight:450;font-size:13px;color:#d9dff5;letter-spacing:.015em}.gallery-card figcaption span{font-size:10px;line-height:1.6;color:#7e8cad}
.site-footer{position:relative;width:calc(100% - 80px)}
@media(max-width:600px){.device-gallery{margin-top:60px}.gallery-heading{padding:0 22px;margin-bottom:10px}.gallery-heading h2{font-size:20px}.gallery-heading .motion-control span{display:none}.gallery-group{gap:30px;padding-right:30px}.gallery-card{width:230px}.card-phone{width:205px}.card-show{width:325px}.device-stage{height:325px}.mockup-phone{width:167px;border-radius:25px;padding:7px}.mockup-phone .device-screen{border-radius:18px}.mockup-spot{scale:.86;transform-origin:bottom center}.mockup-show{width:300px}.show-front{padding:19px 11px 0}.show-speaker{height:34px;margin:10px -11px 0}.show-camera{top:6px}.gallery-card figcaption{margin-top:22px}.gallery-card figcaption strong{font-size:12px}.gallery-card figcaption span{font-size:9px}.site-footer{width:calc(100% - 36px)}}

/* Static, fictional feature previews, rendered inside the existing device frames. */
.gallery-heading-copy{display:flex;flex-direction:column;gap:9px}.gallery-demo-note{font-size:9px;letter-spacing:.055em;color:#8f9fc3}.gallery-demo-note:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;margin-right:7px;vertical-align:2px;background:#a8b5ff}
.gallery-card figcaption strong>span{font-size:inherit;color:#8f9fc3;font-weight:400}.demo-screen{display:block;width:100%;height:auto;pointer-events:none;user-select:none}.show-front .demo-screen,.mockup-spot .demo-screen{height:100%}
.demo-canvas{font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b1020;color:#f0f1ff;overflow:hidden;box-sizing:border-box}.demo-canvas *{box-sizing:border-box}.demo-canvas svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo-canvas h3,.demo-canvas h4,.demo-canvas p{margin:0}.demo-label{font-size:9px;letter-spacing:.13em;padding:4px 7px;border:1px solid #9ba8d950;border-radius:20px;color:#b8c3e5;line-height:1}
.demo-phone{display:flex;flex-direction:column}.demo-status{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 21px;flex-shrink:0;font-size:11px;font-weight:550;background:#101525}.demo-status .demo-label{font-size:7px;padding:3px 6px;color:#a9b6d8}.demo-phone-body{padding:21px 19px 12px;flex:1;min-height:0;display:flex;flex-direction:column}.demo-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:650;letter-spacing:-.045em;color:#f1f0ff}.demo-brand img{display:block;width:24px;height:24px}.demo-title-line{display:flex;align-items:center;justify-content:space-between;margin-top:26px;color:#b8c4ec}.demo-title-line h3{font-size:26px;font-weight:600;letter-spacing:-.04em;color:#f1f0ff}.demo-title-line>svg{width:21px;height:21px}.demo-chips{display:flex;gap:8px;margin:18px 0 4px}.demo-chips span{font-size:11px;padding:7px 15px;background:#1a2138;border-radius:20px;color:#9daed5}.demo-chips .active{background:#c7b8fb;color:#26203e}.demo-message{display:flex;gap:10px;align-items:center;padding:17px 0;border-bottom:1px solid #929dd21a}.demo-avatar{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border-radius:50%;font-size:11px;font-weight:600;background:#9686c8;color:#221d35}.demo-avatar.mint{background:#91c4bf;color:#153533}.demo-avatar.peach{background:#e6b39a;color:#4a2a1b}.demo-message>div{flex:1;min-width:0}.demo-message strong{font-size:13px;font-weight:550;display:block}.demo-message p{font-size:11px;margin:5px 0;color:#b7c3df;white-space:nowrap}.demo-message small{font-size:9px;color:#7f90b6}.demo-message time{font-size:9px;color:#8898bd;align-self:flex-start;margin-top:3px}.demo-summary{display:flex;gap:12px;align-items:center;padding:16px;margin-top:auto;border:1px solid #9dace22c;border-radius:13px;background:#171e33}.demo-summary>svg{color:#c5b7fc}.demo-summary strong{display:block;font-size:12px;font-weight:500}.demo-summary span{display:block;font-size:9px;margin-top:5px;color:#95a7cd}.demo-nav{height:65px;flex-shrink:0;display:flex;align-items:center;justify-content:space-around;background:#111726;border-top:1px solid #a8b5ff11;padding-bottom:4px}.demo-nav>span{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:50px;color:#8899ba}.demo-nav svg{height:21px}.demo-nav small{font-size:9px}.demo-nav .is-current{color:#d0bffc}.demo-nav .is-current>svg{background:#b4a3e32a;border-radius:8px;box-shadow:0 0 0 4px #b4a3e32a}
.demo-subtitle{font-size:11px;color:#9eafd3;margin-top:10px!important}.demo-progress-caption{display:flex;justify-content:space-between;font-size:10px;color:#b6c2df;margin-top:24px}.demo-progress{height:4px;background:#252d45;border-radius:3px;margin-top:10px;overflow:hidden}.demo-progress i{display:block;height:100%;border-radius:3px;background:#b8a4fa}.demo-list{margin-top:12px}.demo-check{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #a8b5ff14}.demo-check>i{display:grid;place-items:center;width:17px;height:17px;border:1.5px solid #8190b6;border-radius:5px;font-size:11px;font-style:normal;color:#211b35}.demo-check>span{font-size:12px}.demo-check>small{font-size:9px;color:#8f9fc0;margin-left:auto}.demo-check.checked>span{color:#7282a6;text-decoration:line-through}.demo-check.checked>i{background:#b2a0ec;border-color:#b2a0ec}.demo-add{font-size:11px;color:#c1adf9;margin-top:18px}.demo-live{font-size:10px;color:#9ed0c7}.demo-chat-user{font-size:13px;background:#bfaef3;color:#271f3f;padding:15px 16px;margin:23px 0 18px 28px;border-radius:17px 17px 4px 17px;line-height:1.5}.demo-chat-user small{display:block;font-size:11px;margin-top:5px}.demo-chat-ai{padding:0 3px}.demo-orb{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;font-size:25px;background:radial-gradient(circle at 30% 25%,#a7bbff,#6658b9 65%,#201e4c);color:#e4ddff;margin-bottom:12px}.demo-chat-ai>strong{font-size:13px;font-weight:550}.demo-chat-ai>p{font-size:11px;line-height:1.8;color:#aebddb;margin-top:8px}.demo-research-card{display:flex;align-items:center;gap:10px;background:#1b233b;border:1px solid #8598d12d;border-radius:11px;padding:13px;margin-top:14px}.demo-research-card>svg{color:#bbadf9}.demo-research-card b{font-size:11px;font-weight:500}.demo-research-card small{font-size:8px;display:block;color:#879cc4;margin-top:5px}.demo-ai-actions{display:flex;gap:8px;margin-top:13px;font-size:9px;color:#c4b6f2}.demo-ai-actions span{padding:7px;border:1px solid #8d7cbf44;border-radius:6px}.demo-ask{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#1b2238;border:1px solid #818db92b;border-radius:20px;font-size:11px;color:#8f9fc0}
.demo-spot{border-radius:50%;text-align:center;background:radial-gradient(circle at 50% 35%,#222c48,#090d17 75%);position:relative}.demo-round-top{position:absolute;top:42px;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#879cc3;font-size:12px;letter-spacing:.12em}.demo-round-top .demo-label{font-size:9px}.demo-album{position:absolute;width:130px;height:130px;border-radius:24px;left:175px;top:90px;overflow:hidden;background:linear-gradient(135deg,#f0bd99,#b798d6 45%,#6b7dc6);box-shadow:0 8px 25px #0006}.demo-album i{position:absolute;width:150px;height:150px;left:48px;top:36px;border-radius:50%;background:repeating-radial-gradient(circle at center,#48416b 0 4px,#64608c 5px 6px);box-shadow:-8px -8px 30px #fff2}.demo-album b{position:absolute;font-size:59px;letter-spacing:-.1em;left:15px;bottom:7px;color:#fff5ef;font-weight:600}.demo-track-title{position:absolute;top:240px;width:100%;font-size:30px;letter-spacing:-.04em;font-weight:550}.demo-track-artist{position:absolute;top:281px;width:100%;font-size:16px;color:#92a4c7}.demo-round-player{position:absolute;left:109px;top:322px;width:262px;display:flex;align-items:center;justify-content:space-around;font-size:30px;color:#bdc8e4}.demo-round-player b{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;background:#c5b5f6;color:#25203b;font-size:24px;font-weight:400}.demo-round-progress{position:absolute;left:128px;top:404px;width:224px;height:4px;border-radius:4px;background:#3b4661}.demo-round-progress i{display:block;width:42%;height:100%;border-radius:4px;background:#b9a7ed}.demo-room{position:absolute;top:100px;width:100%;font-size:30px;font-weight:450;letter-spacing:-.02em}.demo-temperature{position:absolute;top:139px;width:100%;font-size:88px;letter-spacing:-.07em;font-weight:350}.demo-temperature>span{font-weight:300;color:#b6a6f1}.demo-room-note{position:absolute;top:245px;width:100%;font-size:14px;color:#8fa3c9}.demo-home-buttons{position:absolute;top:285px;left:130px;width:220px;display:flex;justify-content:space-between}.demo-home-buttons>span{width:91px;height:83px;border-radius:22px;border:1px solid #7d8dbb44;background:#1b2439;font-size:30px;line-height:48px;color:#8da1c7}.demo-home-buttons>span.on{background:#bba8f1;color:#28203e;border-color:#d5c5ff}.demo-home-buttons small{display:block;font-size:12px;line-height:14px}.demo-scene-tag{position:absolute;top:397px;width:100%;font-size:13px;color:#a1b3d4}
.demo-show{padding:30px 39px;background:radial-gradient(ellipse at 5% 0,#24283d,#0b1020 65%)}.demo-show-header{display:flex;align-items:flex-start;justify-content:space-between}.demo-show .demo-brand{font-size:18px;gap:7px;color:#bac2dc}.demo-show .demo-brand img{width:20px;height:20px}.demo-show-header h3{font-size:34px;letter-spacing:-.035em;font-weight:500;margin-top:13px}.demo-show-header p{font-size:14px;color:#899abc;margin-top:7px}.demo-show-header>.demo-label{margin-top:5px;font-size:11px;padding:6px 9px}.demo-agenda-grid{display:grid;grid-template-columns:1.26fr 1fr;gap:34px;margin-top:30px}.demo-agenda{display:grid;gap:13px}.demo-event{display:flex;align-items:center;gap:17px}.demo-event time{width:54px;font-size:17px;color:#a6b6d3}.demo-event>div{border-left:3px solid #baabf2;background:#1d2338;flex:1;border-radius:0 12px 12px 0;padding:15px 19px}.demo-event>div.mint{border-color:#94d0c2}.demo-event>div.peach{border-color:#ddaf99}.demo-event strong{font-size:18px;font-weight:500;display:block}.demo-event span{display:block;font-size:13px;color:#8d9fbe;margin-top:5px}.demo-people{border-radius:16px;padding:20px 22px;background:#182037}.demo-people h4{font-size:17px;font-weight:450;margin-bottom:15px}.demo-contact{display:flex;align-items:center;gap:12px;margin:12px 0}.demo-contact .demo-avatar{width:34px;height:34px}.demo-contact>span:not(.demo-avatar){font-size:14px;flex:1}.demo-contact small{font-size:10px;color:#869cbe;display:block;margin-top:4px}.demo-contact>svg{width:19px;height:19px;color:#c4b1fa}.demo-reminder{display:flex;gap:12px;align-items:center;margin-top:18px;border-top:1px solid #a8b5ff20;padding-top:16px;color:#b3a5e8}.demo-reminder strong{font-size:12px;font-weight:500;display:block}.demo-reminder span{font-size:13px;display:block;color:#b5c2db;margin-top:4px}.demo-recipe-grid{display:grid;grid-template-columns:340px 1fr;gap:40px;margin-top:0}.demo-recipe-art{position:relative}.demo-canvas .demo-pasta{width:310px;height:273px;display:block;fill:initial;stroke:none;margin-top:-4px;filter:drop-shadow(0 12px 15px #0004)}.demo-recipe-time{display:flex;align-items:center;justify-content:center;gap:16px;color:#b6c3d7;font-size:13px;margin-top:-12px}.demo-recipe-time svg{width:18px;height:18px;color:#d8bf93}.demo-recipe-copy{padding-top:17px}.demo-recipe-copy>small{font-size:10px;letter-spacing:.16em;color:#b9a482}.demo-recipe-copy h4{font-size:35px;line-height:1.13;letter-spacing:-.025em;font-weight:500;margin-top:9px}.demo-ingredient-tags{display:flex;gap:8px;margin-top:12px}.demo-ingredient-tags span{font-size:10px;border:1px solid #cbb99a33;border-radius:20px;padding:5px 9px;color:#d3c5ac}.demo-recipe-copy>p{font-size:15px;line-height:1.6;color:#9caccc;margin-top:16px}.demo-recipe-copy>p b{font-weight:450;font-size:11px;color:#baac8f}.demo-timer{display:flex;align-items:center;gap:13px;color:#9bd2c9;margin-top:15px}.demo-timer span{font-size:30px;letter-spacing:-.035em}.demo-timer small{font-size:9px;letter-spacing:.12em;color:#82aca8}
@media(max-width:600px){.gallery-demo-note{font-size:8px;max-width:210px;line-height:1.5}.gallery-heading-copy{gap:7px}.gallery-card figcaption strong{font-size:11px}}
.demo-clock-grid{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:center;margin-top:8px}.demo-canvas .demo-clock-face{width:290px;height:290px;fill:initial;stroke:none;display:block}.demo-clock-grid h4{font-size:30px;font-weight:450;letter-spacing:-.025em}.demo-clock-grid>div>p{font-size:17px;color:#9aaacc;margin-top:10px}.demo-clock-status{padding:19px 22px;background:#171f32;border-radius:14px;margin-top:23px}.demo-clock-status>small{font-size:10px;letter-spacing:.13em;color:#99d1c5}.demo-clock-status>strong{display:block;font-size:40px;letter-spacing:-.045em;font-weight:450;margin-top:6px}.demo-clock-status>.demo-progress{margin-top:10px}.demo-clock-status>.demo-progress>i{background:#a2d2c7}.demo-clock-status>span{display:flex;justify-content:space-between;font-size:13px;color:#8d9fbe;margin-top:20px}.demo-clock-status>span>b{font-size:16px;color:#c7d1e6;font-weight:450}
.preview-weather{margin-top:12px}.preview-weather-now{display:flex;align-items:center;gap:30px}.preview-sun{width:86px;height:86px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2bd,#e8be75 65%,#cca77f);box-shadow:0 0 0 13px #e8be750b,0 0 50px #e8be751f}.preview-weather-now>strong{font-size:84px;font-weight:300;letter-spacing:-.08em;line-height:1.1}.preview-weather-now>strong>span{color:#c8b8f5}.preview-weather-now h4{font-size:25px;font-weight:450}.preview-weather-now p{font-size:15px;color:#aab8d3;margin-top:8px}.preview-weather-now small{display:block;font-size:12px;color:#7f93b6;margin-top:13px}.preview-forecast{display:flex;justify-content:space-around;padding:17px 10px;background:#1b2337;border:1px solid #a8b5ff1a;border-radius:17px;margin-top:22px}.preview-forecast>div{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:80px}.preview-forecast small{font-size:12px;color:#8fa2c8}.preview-forecast span{font-size:25px;color:#eac889}.preview-forecast strong{font-size:18px;font-weight:450}.preview-weather-details{display:flex;justify-content:space-around;font-size:12px;color:#8297be;margin-top:19px}.preview-weather-details b{font-weight:450;color:#c8d1e7;margin-left:8px}
.preview-home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:25px;margin-top:18px}.preview-home-rooms{display:grid;grid-template-columns:1fr 1fr;gap:13px}.preview-room{padding:16px 18px;background:#1a2237;border:1px solid #a8b5ff20;border-radius:14px}.preview-room>div{display:flex;justify-content:space-between;align-items:center;color:#a89bd7;margin-bottom:14px}.preview-toggle{width:33px;height:18px;border-radius:15px;background:#39435c;padding:3px}.preview-toggle:before{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#8290aa}.preview-toggle.is-on{background:#baacee}.preview-toggle.is-on:before{background:#34274e;margin-left:15px}.preview-room>strong{font-weight:500;font-size:17px}.preview-room p{font-size:28px;font-weight:350;display:flex;justify-content:space-between;align-items:center;margin-top:7px}.preview-room p>span{font-size:11px;color:#93a5c7}.preview-kicker{font-size:10px;letter-spacing:.13em;color:#8da4c6}.preview-scenes{padding:0 0 0 2px}.preview-scene{display:flex;align-items:center;gap:17px;padding:13px 16px;font-size:25px;border-radius:12px;background:#172034;margin-top:11px;color:#abbed9}.preview-scene.active{background:#bdaef0;color:#312744}.preview-scene>span{font-size:14px}.preview-scene small{font-size:10px;display:block;opacity:.7;margin-top:4px}.preview-energy{margin-top:18px;position:relative}.preview-energy>small{font-size:9px;letter-spacing:.12em;color:#8fa8c7}.preview-energy>strong{display:block;font-size:28px;font-weight:400;margin-top:5px}.preview-energy>strong>span{font-size:14px;color:#91a9c2}.preview-energy-bars{position:absolute;right:4px;bottom:0;height:55px;display:flex;align-items:flex-end;gap:4px}.preview-energy-bars i{width:8px;background:linear-gradient(#a7d2c1,#506a73);border-radius:3px 3px 0 0}
.preview-camera-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;margin-top:12px;align-items:start}.preview-camera-feed{position:relative;border-radius:15px;overflow:hidden;background:#34483f}.demo-canvas .preview-garden{width:100%;height:auto;display:block;fill:initial;stroke:none}.preview-camera-live{position:absolute;left:16px;top:15px;font-size:10px;letter-spacing:.1em;background:#15221dbb;padding:6px 9px;border-radius:6px}.preview-camera-live i{display:inline-block;width:5px;height:5px;margin-right:5px;vertical-align:1px;border-radius:50%;background:#a8d7bb;animation:status-pulse 2.6s infinite}.preview-camera-time{position:absolute;right:16px;top:19px;font-size:11px;color:#fff;letter-spacing:.1em}.preview-camera-caption{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(transparent,#111e25c9);padding:30px 18px 16px;font-size:14px}.preview-camera-caption b{float:right;font-size:10px;font-weight:400;border:1px solid #ffffff80;padding:2px 5px;border-radius:4px}.preview-camera-sidebar{padding-top:4px}.preview-camera-sidebar h4{font-size:24px;font-weight:450;margin-top:13px}.preview-camera-sidebar>p{font-size:12px;color:#95b7aa;margin-top:9px}.preview-camera-event{display:flex;gap:12px;align-items:center;padding:18px 0;margin-top:15px;border-top:1px solid #a8b5ff22;border-bottom:1px solid #a8b5ff22;color:#b4b2e2}.preview-camera-event strong{display:block;font-size:13px;font-weight:450;color:#c7d3e6}.preview-camera-event span{display:block;font-size:11px;color:#91a4c2;margin-top:5px}.preview-camera-controls{display:flex;justify-content:space-between;margin-top:18px}.preview-camera-controls>span{text-align:center;font-size:23px;width:30%;color:#c0b6e9}.preview-camera-controls small{display:block;font-size:10px;margin-top:6px;color:#9aaac6}.preview-private{font-size:10px;color:#7f9c9d;margin-top:22px}
.preview-ai-result{display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 12px;background:#19253a;border:1px solid #90bdb62a;border-radius:11px;color:#abcfc6}.preview-ai-result>span{flex:1;font-size:11px;color:#d3dcec}.preview-ai-result small{display:block;font-size:9px;color:#8ca7bb;margin-top:5px}.preview-ai-result>b{font-size:13px;font-weight:400}.preview-listening{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;min-height:65px}.preview-listening>small{font-size:10px;color:#95a5c7}.preview-voice-wave{display:flex;height:35px;align-items:center;gap:4px}.preview-voice-wave i{width:3px;border-radius:3px;background:linear-gradient(#c7b6ff,#829ce3);animation:wave 1.2s ease-in-out infinite}
.preview-book{position:absolute;left:180px;top:81px;width:120px;height:153px;border-radius:3px 8px 8px 3px;background:linear-gradient(115deg,#7187a3,#344867);border-left:7px solid #304359;box-shadow:8px 9px 20px #0005;overflow:hidden;text-align:left;padding:15px 11px;color:#e4e6e4}.preview-book>small{display:block;font-size:7px;letter-spacing:.12em}.preview-book>span{display:block;font-family:Georgia,serif;font-size:23px;line-height:1.05;letter-spacing:.025em;margin-top:11px}.preview-book>i{position:absolute;right:-24px;bottom:-22px;width:93px;height:93px;border:1px solid #d4c3a9;border-radius:50%;box-shadow:0 0 0 9px #d4c3a917,0 0 0 18px #d4c3a912}.demo-track-title.preview-book-title{top:250px;font-size:29px}.preview-book-title+.demo-track-artist{top:290px;font-size:14px}.preview-book-player{position:absolute;top:325px;left:125px;width:230px;display:flex;align-items:center;justify-content:space-between;font-size:28px;color:#b9c7e1}.preview-book-player>b{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#c3b3f4;color:#29233c;font-size:24px;font-weight:400}.preview-book-player>span{position:relative}.preview-book-player small{position:absolute;left:50%;top:50%;translate:-50% -40%;font-size:8px}.preview-book-progress{position:absolute;top:400px;left:112px;width:256px;display:flex;gap:9px;align-items:center;font-size:10px;color:#96a9c9}.preview-book-progress>i{position:relative;flex:1;height:3px;background:#394761;border-radius:4px}.preview-book-progress>i:after{content:"";display:block;width:33%;height:100%;background:#bcb0ed;border-radius:4px}.preview-book-options{position:absolute;top:430px;left:170px;width:140px;display:flex;justify-content:space-between;font-size:11px;color:#8b9ec1}

.preview-dialogue .demo-title-line{margin-top:18px}.preview-dialogue .demo-chat-user{padding:12px 15px;margin:16px 0 14px 28px}.preview-dialogue .demo-orb{width:30px;height:30px;margin-bottom:8px;font-size:21px}.preview-dialogue .demo-chat-ai>p{line-height:1.6;margin-top:6px}.preview-dialogue .preview-ai-result{padding:10px 12px;margin-top:8px}.preview-dialogue .preview-listening{min-height:50px;flex-shrink:0}.preview-dialogue .preview-voice-wave{height:28px}.preview-dialogue .preview-voice-wave i{max-height:27px}

/* Independent pose and float layers keep hover movement smooth. */
.device-float{perspective:1200px;transform-style:preserve-3d;animation:device-drift var(--device-lap,8s) ease-in-out infinite;animation-delay:var(--device-phase,0s)}
.mockup{transform:rotateY(var(--device-yaw,0deg)) rotate(var(--device-tilt,0deg));transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s;transform-origin:50% 75%}
@keyframes device-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.gallery-card:focus-within .device-float,.device-gallery[data-paused=true] .device-float,.device-gallery[data-visible=false] .device-float{animation-play-state:paused}
.gallery-card:focus-within .mockup{transform:translateY(-5px) rotateY(0deg) rotate(0deg) scale(1.025);filter:drop-shadow(0 22px 22px #8873f33b)}
.gallery-card figure:focus-visible{outline:1px solid #a8b5ff80;outline-offset:6px;border-radius:14px}
@media(hover:hover){.gallery-card:hover .device-float{animation-play-state:paused}.gallery-card:hover .mockup{transform:translateY(-5px) rotateY(0deg) rotate(0deg) scale(1.025);filter:drop-shadow(0 22px 22px #8873f33b)}}