/* The approved image's 1536 × 784 hero geometry is the desktop composition. */
.universe-home { background:#02050d; }
.hero-scene { height:auto; min-height:0; max-height:none; aspect-ratio:1536/784; background:#030611; }
.hero-backdrop { object-fit:cover; object-position:center; }
.scene-shade { background:linear-gradient(90deg,#02050d12,transparent 47%); }
.hero-scene .site-header { position:absolute; top:0; left:3.65%; width:92.7%; max-width:none; margin:0; padding:30px 0; transform:none; }
.hero-scene .brand { font-size:27px; font-weight:650; letter-spacing:-1.2px; }
.hero-scene .brand span { font-size:12px; letter-spacing:.07em; margin-top:7px; }
.main-nav { gap:48px; font-size:17px; letter-spacing:.05em; }
.hero { position:absolute; inset:0; width:100%; height:100%; margin:0; }
.hero-copy { top:20.1%; left:3.65%; width:40%; z-index:2; }
.hero-time { font-size:9.7vw; line-height:.92; }
.hero-from { font-size:4.25vw; margin-top:.65vw; font-weight:400; letter-spacing:.005em; }
.hero-universe { font-size:6.6vw; margin-top:0; letter-spacing:-.005em; }
.hero-description { font-size:1.31vw; letter-spacing:.15em; line-height:1.4; margin:4px 0 32px; }
.neon-button { min-width:21.3vw; padding:16px 26px; font-size:15px; gap:30px; letter-spacing:.14em; background:linear-gradient(#050c19a6,#050c19a6) padding-box,linear-gradient(105deg,#48edff,#8bb9ff 45%,#f26ad9) border-box; box-shadow:-3px 0 17px #1cdbff30,5px 0 23px #ff42dc30,inset 0 0 18px #125d8220; }
.button-arrow { font-size:21px; }
.live-clock-scene { top:38.8%; left:49.3%; right:auto; width:42.2%; }
.live-clock-scene neon-clock { transform:perspective(1100px) rotateY(-12deg); transform-origin:50% 53%; filter:none; }
.hero-hud { position:absolute; left:3.65%; right:3.65%; bottom:17px; display:flex; align-items:center; gap:28px; color:#bdd0e6; font-size:9px; letter-spacing:.13em; z-index:4; text-shadow:0 1px 8px #01030e; }
.hero-time-readout { display:flex; align-items:center; gap:9px; }
.hero-time-readout>span:nth-child(2) { font-size:7px; letter-spacing:.15em; color:#8297b0; }
#local-precise-time { min-width:72px; color:#ddf7ff; font-variant-numeric:tabular-nums; font-size:10px; }
.hero-hud .clock-location { font-size:9px; margin:0; gap:11px; letter-spacing:.1em; color:#8fa8c4; }
.hero-tools { margin-left:auto; display:flex; align-items:center; gap:19px; }
.clock-formats { background:#02061970; border-color:#7896bf30; }
.clock-formats button { padding:4px 7px; min-height:24px; min-width:30px; font-size:9px; }
.hero-hud .clock-open { margin:0; padding:4px 0; font-size:9px; letter-spacing:.08em; border:0; color:#b4cadc; }
.noscript-clock { position:absolute; left:55%; top:75%; }
.app-dock { background:linear-gradient(180deg,#030814,#02050d); }
.app-dock:before { height:2px; box-shadow:0 0 12px #65adff9c; }
.app-dock-inner { width:88.3%; margin:auto; min-height:15.625vw; padding:1.95vw 0; gap:0; grid-template-columns:1fr 1fr; }
.dock-app { gap:3.45vw; }
.dock-app+.dock-app { padding-left:6.6vw; border-left:1px solid #829bb132; }
.dock-image { position:relative; width:18vw; max-width:288px; aspect-ratio:1.75; border-radius:15px; border-color:#63d9ff80; box-shadow:0 0 30px #169dd90a; }
.dock-image img { object-fit:contain; }
.dock-copy h2 { font-size:clamp(18px,1.64vw,28px); letter-spacing:.035em; font-weight:400; margin:0; }
.dock-copy h2:after { content:""; display:block; width:42px; height:2px; background:#38e7ff; margin:18px 0 16px; box-shadow:0 0 12px #32d8ff44; }
.dock-app-neon .dock-copy h2:after { background:#ff57cc; box-shadow:0 0 12px #f348cb44; }
.store-link { font-size:clamp(11px,1.04vw,17px); letter-spacing:.12em; gap:22px; }
.store-link>span,.dock-app-neon .store-link>span { font-size:19px; color:#d6e8f2; margin:0; }


.world-intro { position:relative; overflow:hidden; text-align:center; padding:105px 24px 68px; background:radial-gradient(ellipse at 50% 15%,#1c1a3d52,transparent 65%),#02050d; }
.world-intro-rule { height:64px; width:1px; background:linear-gradient(transparent,#66e9ff8a); margin:0 auto 32px; }
.world-intro .eyebrow { color:#8eabc4; font-size:9px; letter-spacing:.22em; margin-bottom:23px; }
.world-intro h2 { font-size:clamp(56px,6.2vw,96px); font-weight:500; letter-spacing:-.06em; line-height:1; margin:0; }
.world-intro h2>span { background:linear-gradient(100deg,#c3faff 12%,#beccff 55%,#f2b0e5); background-clip:text; -webkit-background-clip:text; color:transparent; }
.world-intro>p:not(.eyebrow) { font-size:13px; color:#8ca4bf; line-height:1.9; margin:27px auto 20px; }
.world-descent { display:grid; place-items:center; width:37px; height:48px; border:1px solid #517b9a42; border-radius:50%; margin:28px auto 0; color:#8cdcf0; font-size:20px; }
.app-world { position:relative; isolation:isolate; min-height:760px; height:54vw; max-height:1020px; overflow:hidden; background:#02050d; }
.world-backdrop { position:absolute; inset:0; z-index:-3; width:100%; height:100%; object-fit:cover; }
.world-atmosphere { position:absolute; inset:0; pointer-events:none; z-index:-1; background:linear-gradient(180deg,#02050d 0,transparent 17%,transparent 79%,#02050d 100%); }
.world-coordinate { position:absolute; top:40px; left:4%; right:4%; display:flex; justify-content:space-between; color:#5d9ab3; font-size:8px; letter-spacing:.2em; }
.world-coordinate>span:last-child { color:#617c94; }
.world-copy { position:absolute; width:32%; top:19%; z-index:2; }
.digital-copy { right:5%; }
.world-app-label { display:flex; gap:12px; align-items:center; color:#d5ebf5; font-size:16px; letter-spacing:.01em; }
.world-app-label>img { width:40px; height:40px; object-fit:contain; border-radius:9px; filter:drop-shadow(0 0 14px #0099ff30); }
.world-app-label small { display:block; font-size:6px; color:#7a9fba; letter-spacing:.18em; margin-top:6px; }
.world-copy h2 { font-size:clamp(42px,4.7vw,76px); font-weight:500; line-height:.98; letter-spacing:-.055em; margin:33px 0 25px; }
.world-copy h2>span { color:#8ff3ff; text-shadow:0 0 30px #08c2ff36; }
.world-copy>p { color:#a2bacd; font-size:13px; line-height:1.95; max-width:410px; margin:0 0 25px; }
.world-features { list-style:none; padding:0; margin:0 0 29px; display:flex; flex-direction:column; gap:13px; }
.world-features li { font-size:10px; letter-spacing:.035em; color:#c5dde9; display:flex; gap:12px; align-items:center; }
.world-features li>span { font-size:12px; color:#66e9ff; text-shadow:0 0 10px #00bfff; }
.world-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.world-actions .neon-button { min-width:270px; letter-spacing:.04em; font-size:11px; padding:16px 20px; background:linear-gradient(#030a15b8,#030a15b8) padding-box,linear-gradient(105deg,#43e6ff,#75b3ff 60%,#a591f0) border-box; box-shadow:-5px 0 22px #19cfff1a,6px 0 22px #169edd10; }
.world-play { display:inline-flex; align-items:center; gap:25px; font-size:10px; color:#7faabe; letter-spacing:.06em; padding:4px 0; }
.world-play:hover { color:#dbf8ff; }
.world-play>span { color:#a5e9f6; font-size:15px; }
.product-art { position:absolute; margin:0; z-index:1; }
.digital-art { left:5%; top:23%; width:52%; perspective:1100px; }
.device-aura { position:absolute; inset:10% 5% -15%; background:radial-gradient(ellipse,#07bbfc35,transparent 65%); filter:blur(35px); z-index:-1; }
.landscape-device { position:relative; padding:14px 32px; border:1px solid #6fdfff94; border-radius:24px; background:linear-gradient(120deg,#172d42,#03060d 22%,#050b16 70%,#274562); box-shadow:-7px 11px 0 #02030a,-8px 12px 0 1px #3d5f76,0 0 34px #00aaff3d,0 30px 50px #000b; transform:rotateY(13deg) rotateZ(-5deg); }
.landscape-device:after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(133deg,#b4e8ff20,transparent 26%,transparent 77%,#46c7ff15); }
.landscape-device>img { width:100%; height:auto; border-radius:5px; }
.device-camera { position:absolute; left:11px; top:48%; width:5px; height:5px; border-radius:50%; background:#143b56; box-shadow:0 0 2px #8ad9ffb3; }
.device-reflection { opacity:.21; position:absolute; top:102%; width:92%; left:4%; transform:scaleY(-.6) rotateZ(-5deg); transform-origin:50% 0; filter:blur(2px); mask-image:linear-gradient(transparent 10%,#000 100%); -webkit-mask-image:linear-gradient(transparent 10%,#000 100%); pointer-events:none; }
.device-reflection img { width:100%; }
.product-art figcaption { position:relative; text-align:center; font-size:8px; color:#75b0c0; letter-spacing:.13em; margin-top:50px; }
.world-next { position:absolute; bottom:35px; right:5%; color:#60829c; font-size:8px; letter-spacing:.18em; display:flex; gap:23px; align-items:center; }
.world-next>span { color:#91ccdc; font-size:19px; }
.neon-world { margin-top:-1px; }
.neon-world .world-coordinate { color:#b36baf; }
.neon-world .world-atmosphere { background:linear-gradient(180deg,#02050d 0,transparent 18%,transparent 77%,#02050d 100%),linear-gradient(90deg,#02050d44,transparent 48%); }
.neon-copy { left:5%; top:17%; width:32%; }
.neon-copy h2 { font-size:clamp(48px,5.35vw,87px); }
.neon-copy h2>span { color:#f7adf0; text-shadow:0 0 35px #ed55c33d; }
.neon-copy .world-features li>span { color:#ff7cdd; text-shadow:0 0 10px #ff00bb; }
.neon-copy .world-app-label>img { filter:drop-shadow(0 0 14px #ff45cc25); }
.neon-copy .world-app-label small { color:#ad7eaa; }
.neon-copy .world-actions .neon-button { background:linear-gradient(#0a0515a8,#0a0515a8) padding-box,linear-gradient(105deg,#9983ef,#ff7adc 65%,#fc89e5) border-box; box-shadow:0 0 23px #e236ca24; }
.neon-copy .world-play { color:#bf8fb7; }
.neon-copy .world-play>span { color:#f7baed; }
.neon-art { left:42%; top:19%; width:55%; }
.neon-art>img { width:100%; height:auto; mix-blend-mode:screen; transform:perspective(1000px) rotateY(-11deg) rotateZ(2deg); filter:drop-shadow(0 0 24px #d32ecc2e); mask-image:linear-gradient(90deg,transparent,#000 5%,#000 96%,transparent); }
.neon-art figcaption { color:#c38cbb; margin-top:42px; }
.neon-product-orbit { position:absolute; width:90%; height:35%; top:45%; left:5%; border:1px solid #f68cdd66; border-radius:50%; transform:rotate(-13deg); box-shadow:0 0 20px #f431d52e,inset 0 0 12px #ef42b619; pointer-events:none; }
.cosmic-footer { position:relative; isolation:isolate; overflow:hidden; padding:90px 4% 30px; border-top:1px solid #34455b4d; background:radial-gradient(ellipse at center bottom,#13152e90,transparent 72%),#02050d; }
.footer-orbit { position:absolute; left:18%; width:64%; height:190px; top:50px; border:1px solid #7190b225; border-radius:50%; transform:rotate(-9deg); z-index:-1; box-shadow:0 0 30px #7480bc06; }
.cosmic-footer>.eyebrow { text-align:center; color:#5c7895; font-size:7px; letter-spacing:.23em; margin-bottom:25px; }
.footer-statement { text-align:center; font-size:clamp(54px,8.1vw,132px); font-weight:600; letter-spacing:-.065em; line-height:1; color:#ccd8e5; margin:0 0 90px; }
.footer-statement>span { color:transparent; -webkit-text-stroke:1px #9e7aa99e; }
.footer-bottom { display:flex; align-items:center; flex-wrap:wrap; gap:30px; border-top:1px solid #5e74922b; padding-top:30px; }
.footer-bottom .brand { font-size:22px; }
.footer-bottom .brand span { font-size:9px; color:#6b849e; }
.footer-bottom nav { display:flex; flex-wrap:wrap; gap:27px; align-items:center; margin-left:auto; font-size:10px; color:#95a9c0; }
.footer-bottom nav a:hover { color:#a4f0ff; }
.footer-bottom>p { width:100%; font-size:9px; color:#4d6680; letter-spacing:.04em; margin:10px 0 0; }

@media(min-width:1900px) { .hero-description{margin-top:15px;margin-bottom:36px}.neon-button{padding:20px 30px;font-size:18px}.hero-scene .site-header{padding-top:40px}.hero-scene .brand{font-size:32px}.hero-hud{bottom:24px}.world-copy>p{font-size:15px}.world-features li{font-size:12px}.world-app-label{font-size:20px}.world-actions .neon-button{font-size:13px}.world-play{font-size:12px} }
@media(max-width:1199px) and (min-width:1000px) { .hero-scene .site-header{padding-top:22px}.hero-scene .brand{font-size:23px}.hero-scene .brand span{font-size:10px}.main-nav{font-size:14px;gap:35px}.hero-description{margin-bottom:22px}.neon-button{font-size:12px;padding:13px 20px}.hero-hud{gap:20px;bottom:13px}.hero-hud .clock-location{font-size:8px}.hero-time-readout>span:nth-child(2){font-size:6px}.hero-tools{gap:12px}.hero-hud .clock-open{font-size:8px}.world-copy{width:34%}.digital-copy{right:4%}.world-copy>p{font-size:12px}.world-copy h2{font-size:51px}.world-app-label{font-size:15px}.world-features li{font-size:9px}.world-actions .neon-button{min-width:240px;font-size:10px}.app-world{height:68vw;min-height:720px}.digital-art{top:29%}.neon-art{top:26%}.neon-copy{top:18%} }
@media(max-width:999px) { .hero-scene{aspect-ratio:auto;height:860px;min-height:0}.hero-scene .site-header{left:24px;right:24px;width:auto;padding:25px 0}.hero-scene .brand{font-size:23px}.hero-scene .brand span{font-size:10px}.main-nav{font-size:13px;gap:30px}.hero-backdrop{object-position:68% center}.scene-shade{background:linear-gradient(180deg,#01061118,transparent 30%,#01030c22 75%,#01050cc4)}.hero-copy{left:32px;top:15%;width:70%}.hero-time{font-size:112px}.hero-from{font-size:44px;margin-top:9px}.hero-universe{font-size:75px;margin-top:8px}.hero-description{font-size:14px;letter-spacing:.12em;margin:15px 0 26px}.neon-button{font-size:12px;min-width:250px;padding:15px 21px}.live-clock-scene{top:49%;left:20%;width:69%}.live-clock-scene neon-clock{transform:perspective(1100px) rotateY(-10deg)}.hero-hud{left:24px;right:24px;bottom:17px;gap:20px}.hero-hud .clock-location{font-size:8px}.hero-hud .clock-open{font-size:8px}.hero-tools{gap:14px}.app-dock-inner{width:92%;min-height:170px;padding:22px 0}.dock-image{width:16vw;min-width:110px;border-radius:10px}.dock-app{gap:20px}.dock-app+.dock-app{padding-left:25px}.dock-copy h2{font-size:18px;letter-spacing:.01em}.dock-copy h2:after{width:30px;margin:13px 0 11px}.store-link{font-size:11px;letter-spacing:.05em;gap:12px}.world-intro{padding:72px 24px 45px}.world-intro h2{font-size:68px}.world-intro .eyebrow{font-size:8px}.world-intro>p:not(.eyebrow){font-size:12px}.app-world{height:950px;max-height:none;min-height:0}.world-backdrop{object-fit:cover;object-position:35% center}.world-copy,.neon-copy{left:7%;right:auto;top:7%;width:70%}.world-copy h2{font-size:59px;margin:25px 0 20px}.world-copy>p{max-width:450px;font-size:13px}.world-app-label{font-size:16px}.world-features{flex-direction:row;flex-wrap:wrap;gap:13px 20px;max-width:520px;margin-bottom:25px}.world-features li{font-size:9px}.world-actions{flex-direction:row;align-items:center;gap:24px}.world-actions .neon-button{min-width:245px}.world-play{font-size:9px;gap:12px}.digital-art{top:56%;left:8%;width:75%}.product-art figcaption{margin-top:35px}.world-next{bottom:30px;right:7%}.world-coordinate{top:20px;left:7%;right:7%;font-size:6px}.world-coordinate>span:last-child{display:none}.neon-world .world-backdrop{object-position:62% center}.neon-world .world-atmosphere{background:linear-gradient(180deg,#02050d 0,#02050d65 35%,transparent 65%,#02050d 100%)}.neon-art{top:55%;left:19%;width:77%}.neon-copy{width:75%}.cosmic-footer{padding-top:70px}.footer-statement{font-size:85px;margin-bottom:65px}.footer-bottom nav{gap:20px;font-size:9px} }
@media(max-width:699px) { .hero-scene{height:840px;aspect-ratio:auto}.hero-backdrop{object-position:center}.hero-scene .site-header{left:20px;right:20px;padding-top:26px}.hero-scene .brand{font-size:21px;letter-spacing:-.9px}.hero-scene .brand span{font-size:9px}.main-nav{gap:22px;font-size:11px}.main-nav a:last-child{display:block}.hero-copy{top:17%;left:20px;width:calc(100% - 40px)}.hero-time{font-size:102px}.hero-from{font-size:36px;margin-top:8px}.hero-universe{font-size:61px;margin-top:8px}.hero-description{font-size:12px;letter-spacing:.11em;margin:15px 0 26px}.neon-button{min-width:230px;font-size:11px;padding:15px 20px}.button-arrow{font-size:18px}.live-clock-scene{left:7%;width:88%;top:55.1%}.live-clock-scene neon-clock{transform:perspective(1000px) rotateY(-10deg)}.hero-hud{left:20px;right:20px;bottom:18px;gap:13px;flex-wrap:wrap;align-items:center}.hero-time-readout{gap:6px}.hero-time-readout>span:nth-child(2){font-size:6px;letter-spacing:.1em}#local-precise-time{font-size:9px;min-width:61px}.hero-hud .clock-location{font-size:7px;gap:8px;margin-left:auto}.hero-tools{width:100%;margin:0;justify-content:space-between;gap:15px}.hero-hud .clock-open{font-size:8px}.clock-formats button{min-height:25px;min-width:32px}.hero-tools .clock-formats{border-color:#96c1df30}.app-dock-inner{display:block;width:calc(100% - 40px);padding:7px 0;min-height:0}.dock-app{padding:23px 0;gap:22px}.dock-app+.dock-app{border-left:0;border-top:1px solid #7892b32e;padding:23px 0}.dock-image{width:38%;min-width:0;max-width:190px;border-radius:9px}.dock-copy h2{font-size:20px;letter-spacing:.015em}.dock-copy h2:after{width:31px;margin:13px 0 10px}.store-link{font-size:11px;letter-spacing:.07em}.world-intro{padding:60px 20px 45px}.world-intro-rule{height:42px;margin-bottom:25px}.world-intro .eyebrow{font-size:6px;letter-spacing:.18em}.world-intro h2{font-size:53px;letter-spacing:-.06em}.world-intro>p:not(.eyebrow){font-size:11px;margin-top:22px}.world-descent{width:31px;height:40px;margin-top:23px;font-size:17px}.app-world{height:930px}.world-copy,.neon-copy{top:7%;left:24px;right:24px;width:auto}.world-coordinate{left:24px;top:15px;font-size:6px}.world-app-label{font-size:15px;gap:10px}.world-app-label>img{width:35px;height:35px;border-radius:8px}.world-app-label small{font-size:6px;margin-top:5px}.world-copy h2,.neon-copy h2{font-size:60px;line-height:.98;margin:26px 0 22px}.world-copy>p{font-size:12px;line-height:1.9;max-width:390px}.world-features{gap:13px 15px;display:flex;flex-direction:column;margin:0 0 25px}.world-features li{font-size:10px;gap:10px}.world-actions{align-items:flex-start;flex-direction:column;gap:17px}.world-actions .neon-button{min-width:248px;padding:15px 19px;font-size:10px}.world-play{font-size:9px}.digital-art{top:66%;left:6%;width:87%}.landscape-device{padding:9px 17px;border-radius:16px;box-shadow:-4px 7px 0 #02030a,-5px 8px 0 1px #3d5f76,0 0 25px #00aaff3d,0 24px 45px #000c}.device-camera{left:6px;width:3px;height:3px}.landscape-device>img{border-radius:3px}.device-reflection{opacity:.16}.product-art figcaption{font-size:6px;letter-spacing:.08em;margin-top:33px}.world-next{bottom:25px;right:24px;font-size:6px}.digital-world .world-backdrop{object-position:27% center}.digital-world .world-atmosphere{background:linear-gradient(180deg,#02050d 0,#02050d70 39%,transparent 70%,#02050d 100%)}.neon-world{height:1020px}.neon-world .world-backdrop{object-position:73% center}.neon-world .world-atmosphere{background:linear-gradient(180deg,#02050d 0,#02050d8a 46%,transparent 70%,#02050d 100%)}.neon-art{top:64%;left:3%;width:96%}.neon-art figcaption{margin-top:29px}.neon-product-orbit{border-color:#ff8ce555;box-shadow:0 0 15px #e841b82b}.cosmic-footer{padding:60px 20px 28px}.cosmic-footer>.eyebrow{font-size:5px;letter-spacing:.12em}.footer-statement{font-size:51px;margin-bottom:55px}.footer-orbit{left:8%;width:84%;height:130px;top:40px}.footer-bottom{gap:28px;align-items:flex-start;padding-top:26px}.footer-bottom .brand{font-size:22px}.footer-bottom nav{margin:0;width:100%;gap:20px 25px;line-height:1.6;font-size:10px}.footer-bottom nav>a:last-child{width:100%;margin-top:7px}.footer-bottom>p{margin-top:1px;font-size:8px} }
@media(max-width:374px) { .hero-scene{height:800px}.hero-scene .brand{font-size:19px}.main-nav{gap:17px;font-size:10px}.hero-copy{top:17%}.hero-time{font-size:89px}.hero-from{font-size:31px}.hero-universe{font-size:53px}.hero-description{font-size:10px}.live-clock-scene{top:56%;left:5%;width:90%}.hero-hud .clock-location{font-size:6px}.hero-time-readout>span:nth-child(2){font-size:5px}#local-precise-time{font-size:8px;min-width:55px}.dock-app{gap:17px}.dock-copy h2{font-size:17px}.store-link{font-size:10px;gap:12px}.world-copy h2,.neon-copy h2{font-size:53px}.world-copy>p{font-size:11px}.world-app-label{font-size:14px}.world-features li{font-size:9px}.digital-art{top:69%}.neon-art{top:68%}.world-intro h2{font-size:47px}.footer-statement{font-size:44px} }
@media(prefers-reduced-motion:reduce) {.landscape-device,.neon-art>img,.live-clock-scene neon-clock{transition:none}.world-descent{scroll-behavior:auto} }

/* Keep supporting copy readable at every breakpoint, including narrow previews. */
.universe-home { --copy-size:1.125rem; --feature-size:1.125rem; --ui-size:1rem; --caption-size:.875rem; --label-size:.75rem; }
.universe-home .hero-scene .brand span { font-size:.875rem; }
.universe-home .main-nav { font-size:1rem; }
.universe-home .hero-description { font-size:clamp(1rem,1.31vw,1.5rem); letter-spacing:.1em; }
.universe-home .neon-button { font-size:var(--ui-size); line-height:1.45; letter-spacing:.04em; max-width:100%; }
.universe-home .hero-hud { font-size:var(--caption-size); gap:18px 24px; flex-wrap:wrap; }
.universe-home .hero-time-readout>span:nth-child(2) { font-size:var(--label-size); letter-spacing:.06em; color:#b3c8df; }
.universe-home #local-precise-time { font-size:1rem; min-width:86px; }
.universe-home .hero-hud .clock-location { font-size:var(--caption-size); color:#b3c8df; letter-spacing:.02em; }
.universe-home .clock-formats button { font-size:.875rem; min-height:42px; min-width:42px; padding:8px; }
.universe-home .hero-hud .clock-open { font-size:var(--caption-size); min-height:42px; display:inline-flex; align-items:center; letter-spacing:.02em; }
.universe-home .dock-copy h2 { white-space:normal; line-height:1.25; }
.universe-home .dock-copy h2 a { display:flex; align-items:center; gap:12px; }
.universe-home .dock-copy h2 a>span { min-width:0; }
.universe-home .dock-app-icon { display:block; width:48px; height:48px; flex-shrink:0; object-fit:contain; filter:drop-shadow(0 0 10px #24dcff26); }
.universe-home .store-link { font-size:1rem; letter-spacing:.04em; }
.universe-home .world-intro .eyebrow{ font-size:var(--label-size); line-height:1.7; letter-spacing:.14em; color:#b1c5dc; }
.universe-home .world-intro>p:not(.eyebrow){ font-size:var(--copy-size); line-height:1.7; color:#b1c5dc; }
.universe-home .app-world { min-height:920px; max-height:1120px; }
.universe-home .world-coordinate { font-size:var(--label-size); line-height:1.6; letter-spacing:.12em; color:#9dbed5; }
.universe-home .world-coordinate>span:last-child { color:#9dbed5; }
.universe-home .world-copy { top:14%; }
.universe-home .world-app-label { font-size:1.25rem; line-height:1.35; gap:14px; }
.universe-home .world-app-label>img { width:48px; height:48px; flex-shrink:0; }
.universe-home .world-app-label small { font-size:var(--label-size); line-height:1.5; letter-spacing:.08em; color:#a8bfd3; }
.universe-home .world-copy>p { font-size:var(--copy-size); line-height:1.7; max-width:46ch; color:#c0d2e2; margin-bottom:30px; }
.universe-home .world-features { gap:16px; margin-bottom:34px; }
.universe-home .world-features li { font-size:var(--feature-size); line-height:1.55; letter-spacing:0; color:#dfedf7; align-items:baseline; }
.universe-home .world-features li>span { font-size:1rem; flex-shrink:0; }
.universe-home .world-actions { gap:20px; }
.universe-home .world-actions .neon-button { font-size:var(--ui-size); min-width:min(100%,320px); max-width:100%; padding:16px 20px; gap:20px; }
.universe-home .world-play { font-size:var(--ui-size); line-height:1.5; letter-spacing:0; color:#b4d8e9; }
.universe-home .neon-copy .world-play { color:#e0b8d9; }
.universe-home .product-art figcaption { font-size:var(--caption-size); line-height:1.6; letter-spacing:.02em; color:#afd1df; }
.universe-home .neon-art figcaption { color:#dcb6d7; }
.universe-home .world-next { font-size:var(--caption-size); line-height:1.5; letter-spacing:.06em; color:#b2c7da; }
.universe-home .cosmic-footer>.eyebrow { font-size:var(--label-size); line-height:1.7; letter-spacing:.12em; color:#a7bdd4; }
.universe-home .footer-bottom .brand span { font-size:var(--caption-size); color:#a7bdd4; }
.universe-home .footer-bottom nav { font-size:var(--ui-size); line-height:1.6; color:#bdcfe1; }
.universe-home .footer-bottom>p { font-size:var(--caption-size); line-height:1.6; color:#9bb2ca; }

@media(max-width:1199px) and (min-width:1000px) {
  .universe-home .world-copy { width:36%; top:13%; }
  .universe-home .digital-copy { right:4%; }
  .universe-home .neon-copy { left:4%; }
  .universe-home .hero-hud { gap:12px; }
  .universe-home .hero-tools { gap:12px; }
}
@media(max-width:999px) {
  /* Let larger text determine the scene height, keeping the artwork below it. */
  .universe-home .app-world { display:flex; flex-direction:column; height:auto; min-height:0; max-height:none; padding:80px 7% 100px; }
  .universe-home .world-copy { position:relative; top:auto; left:auto; right:auto; width:100%; order:0; }
  .universe-home .world-copy>p { max-width:46ch; }
  .universe-home .world-features { flex-direction:column; flex-wrap:nowrap; max-width:none; }
  .universe-home .world-actions { flex-direction:column; align-items:flex-start; }
  .universe-home .product-art { position:relative; top:auto; left:auto; width:min(100%,720px); margin:100px auto 35px; order:1; }
  .universe-home .product-art figcaption { margin-top:40px; }
  .universe-home .world-next { right:7%; bottom:28px; }
  .universe-home .world-coordinate { top:22px; left:7%; right:7%; }
  .universe-home .hero-hud .clock-location { margin-left:0; }
  .universe-home .hero-tools { width:100%; margin-left:0; justify-content:space-between; }
}
@media(max-width:699px) {
  .universe-home .hero-scene { height:900px; }
  .universe-home .main-nav { font-size:.875rem; gap:20px; }
  .universe-home .hero-scene .brand span { font-size:.75rem; }
  .universe-home .hero-description { letter-spacing:.04em; }
  .universe-home .hero-hud { gap:14px; }
  .universe-home .hero-time-readout { width:100%; }
  .universe-home .hero-hud .clock-location { width:100%; }
  .universe-home .hero-tools { gap:12px; }
  .universe-home .hero-hud .clock-open { font-size:.875rem; }
  .universe-home .live-clock-scene { top:54%; }
  .universe-home .dock-app { gap:18px; }
  .universe-home .dock-copy h2 { font-size:1.125rem; }
  .universe-home .app-world { padding:76px 24px 100px; }
  .universe-home .world-app-label { font-size:1.125rem; }
  .universe-home .world-app-label small { letter-spacing:.04em; }
  .universe-home .world-copy h2 { font-size:clamp(48px,14vw,60px); }
  .universe-home .world-next { right:24px; }
  .universe-home .footer-bottom nav { gap:20px 25px; }
}

/* A single live-clock stage with two clear setup routes. */
.clock-room { position:relative; isolation:isolate; overflow:hidden; padding:72px 4% 88px; background:radial-gradient(ellipse at 77% 43%,#26143880,transparent 55%),radial-gradient(ellipse at 45% 80%,#06374635,transparent 58%),#030610; }
.clock-room:before { content:""; position:absolute; z-index:-1; inset:0; background-image:radial-gradient(circle,#bcdfff75 .7px,transparent 1px),radial-gradient(circle,#d2b7ff45 .6px,transparent .9px); background-size:127px 113px,181px 163px; background-position:23px 17px,71px 51px; mask-image:linear-gradient(transparent,#000 30%,transparent 90%); pointer-events:none; }
.clock-room-shell { width:100%; max-width:1400px; margin:auto; }
.clock-room-topline { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; padding-bottom:28px; border-bottom:1px solid #8eadd52b; }
.clock-room-topline .eyebrow { font-size:.875rem; line-height:1.6; letter-spacing:.13em; color:#becde2; margin:0; }
.room-live-label { display:flex; align-items:center; gap:11px; color:#afc9dd; font-size:.75rem; line-height:1.6; letter-spacing:.08em; }
.room-live-label .status-light { width:5px; height:5px; }
.clock-room-stage { display:grid; grid-template-columns:.86fr 1.14fr; align-items:center; gap:3%; min-height:510px; padding:62px 0 64px; }
.clock-room-copy { position:relative; z-index:2; }
.clock-room-copy h2 { font-size:clamp(64px,6.2vw,100px); font-weight:500; letter-spacing:-.065em; line-height:.99; margin:0; }
.clock-room-copy h2>span { color:#d7c2ff; background:linear-gradient(100deg,#a5f2ff,#d6bfff 55%,#ffb7e7); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.clock-room-copy>p { font-size:1.125rem; color:#bdcfe1; line-height:1.7; margin:28px 0 30px; max-width:34ch; }
.universe-home .room-primary { min-width:min(100%,300px); gap:24px; background:linear-gradient(#080d1c,#080d1c) padding-box,linear-gradient(105deg,#6ae7ff,#ac98ff 55%,#fda0e3) border-box; }
.room-clock-canvas { position:relative; isolation:isolate; min-width:0; padding:34px 0 26px; }
.room-clock-canvas:after { content:""; position:absolute; z-index:-1; left:4%; right:0; top:73%; height:32%; background:linear-gradient(90deg,transparent,#52d2f34a 28%,#ce78e252 75%,transparent) top/100% 1px no-repeat,radial-gradient(ellipse at 48% 0,#427bbe26,transparent 72%); transform:perspective(600px) rotateX(35deg); }
.room-clock-glow { position:absolute; z-index:-1; inset:-3% -8% 0; background:radial-gradient(ellipse at 20% 49%,#00cfff19,transparent 48%),radial-gradient(ellipse at 80% 54%,#f248d526,transparent 50%); filter:blur(20px); }
.room-clock-face { aspect-ratio:1000/454; overflow:hidden; width:100%; }
.room-clock-face neon-clock { transform:perspective(1100px) rotateY(-10deg); transform-origin:50% 25%; filter:drop-shadow(0 0 20px #ba69ff2b); }
.room-clock-caption { text-align:center; color:#b7bdd7; font-size:.75rem; line-height:1.7; letter-spacing:.1em; margin:28px 0 0; }
.room-clock-caption>span { margin:0 10px; color:#8886b6; }
.room-guides { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid #8eadd52b; border-bottom:1px solid #8eadd52b; }
.room-guide { display:flex; align-items:center; gap:24px; min-width:0; padding:32px 32px 32px 0; transition:background .2s; }
.room-guide+.room-guide { border-left:1px solid #8eadd52b; padding:32px 0 32px 32px; }
.room-guide-index { color:#79dff3; font-size:1rem; font-variant-numeric:tabular-nums; }
.room-guide:nth-child(2) .room-guide-index { color:#f3a4df; }
.room-guide h3 { font-size:clamp(21px,1.8vw,28px); line-height:1.3; letter-spacing:-.025em; font-weight:500; margin:0 0 10px; }
.room-guide p { color:#b6c6da; font-size:1rem; line-height:1.65; margin:0; max-width:36ch; }
.room-guide-arrow { margin-left:auto; font-size:28px; color:#a9e6fb; transition:transform .2s; }
.room-guide:nth-child(2) .room-guide-arrow { color:#eeb2dd; }
.room-guide:hover h3 { color:#bcefff; }
.room-guide:nth-child(2):hover h3 { color:#f7c8ed; }
.room-guide:hover .room-guide-arrow { transform:translate(3px,-3px); }
@media(max-width:999px) {
  .clock-room { padding:60px 5% 70px; }
  .clock-room-stage { grid-template-columns:1fr; padding:48px 0; gap:34px; }
  .clock-room-copy { max-width:650px; }
  .clock-room-copy h2 { font-size:clamp(64px,9vw,84px); }
  .clock-room-copy>p { max-width:40ch; }
  .room-clock-canvas { width:min(100%,700px); margin:0 auto; padding:10px 0 24px; }
  .room-guide { gap:18px; padding-right:24px; align-items:flex-start; }
  .room-guide+.room-guide { padding-left:24px; }
  .room-guide-index { padding-top:5px; }
}
@media(max-width:699px) {
  .clock-room { padding:45px 24px 55px; }
  .clock-room-topline { align-items:flex-start; gap:14px; padding-bottom:24px; }
  .clock-room-topline .eyebrow { font-size:.75rem; letter-spacing:.08em; }
  .room-live-label { font-size:.75rem; letter-spacing:.04em; }
  .clock-room-stage { padding:38px 0 26px; gap:40px; }
  .clock-room-copy h2 { font-size:clamp(56px,14vw,76px); }
  .clock-room-copy>p { margin:25px 0 28px; }
  .room-clock-canvas { padding-bottom:20px; }
  .room-clock-caption { margin-top:20px; font-size:.75rem; letter-spacing:.02em; }
  .room-clock-caption>span { margin:0 5px; }
  .room-guides { grid-template-columns:1fr; }
  .room-guide,.room-guide+.room-guide { padding:28px 0; gap:16px; }
  .room-guide+.room-guide { border-left:0; border-top:1px solid #8eadd52b; }
  .room-guide h3 { font-size:1.375rem; }
  .room-guide p { line-height:1.65; }
  .room-guide-arrow { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { .room-guide,.room-guide-arrow { transition:none; } }

/* Transparent app sculptures retain their natural proportions and soft shadows. */
.universe-home .dock-image:has(.dock-sculpture){display:block;aspect-ratio:3/2;border:0;background:transparent;box-shadow:none;overflow:visible;border-radius:0}
.universe-home .dock-image .dock-sculpture{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;filter:drop-shadow(0 10px 22px #00cfff16)}