:root{font-family:Arial,Helvetica,sans-serif;color:#f7f8fc;background:#07192b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}html{scroll-behavior:smooth}.homepage{position:relative;min-height:100svh;isolation:isolate;overflow:clip}.ambient-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#12344e}.phase-day .ambient-backdrop{background:#347dad}.phase-golden .ambient-backdrop{background:#687e99}.scene{position:relative;isolation:isolate;height:100svh;display:grid;grid-template-rows:clamp(36px,4.6svh,44px) clamp(118px,19svh,185px) minmax(0,1fr) clamp(78px,11.5svh,116px);gap:clamp(5px,1svh,12px);padding:clamp(12px,2svh,24px) clamp(24px,4vw,72px) clamp(18px,2.4svh,30px)}.scene-art,.scene-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene-art{z-index:-2;background:#153550}.scene-art img{object-fit:cover;object-position:center 58%;transition:opacity 3s ease;pointer-events:none}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(#0415260f 0%,transparent 44%,#031c3433 100%)}.light-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at var(--sun-x) var(--sun-y),#ffdec510,transparent 40%);opacity:var(--sun-strength);transition:opacity 3s}.transparent-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 22px;border:1px solid #ffffff55;border-radius:100px;background:#ffffff06;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:clamp(11px,1.45svh,14px);z-index:5}.wordmark{font-size:clamp(11px,1.6svh,15px);letter-spacing:.1em;white-space:nowrap}.transparent-header nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:clamp(24px,4vw,64px);height:100%}.transparent-header nav a{display:grid;align-items:center;padding:0 5px;height:100%;border-radius:6px;transition:color .2s}.transparent-header nav a:hover{color:#c6e5ff}.header-contact{height:calc(100% - 10px);min-height:25px;padding:0 19px;display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#10202b;border:1px solid #ffffff66;border-radius:100px;font-size:clamp(10px,1.3svh,13px);transition:box-shadow .25s}.header-contact:hover{box-shadow:0 0 20px #d5e9ff66}.phase-night .header-contact{color:#fff;background:#07192b80;border-color:#b6dfff}.hero-intro{min-height:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(5px,1svh,12px)}.hero-star{font-size:clamp(12px,1.6svh,19px);line-height:1;text-shadow:0 0 14px #fff}.eyebrow{font-size:10px;letter-spacing:2.6px;display:block;margin-bottom:20px}.hero-intro .eyebrow{font-size:clamp(8px,1.2svh,12px);letter-spacing:4px;margin:0}.hero-intro h1{font:400 clamp(32px,5.8svh,68px)/1.08 Georgia,serif;letter-spacing:-1.4px;margin:0;text-shadow:0 2px 16px #092f4520}.hero-intro em{color:#c0dfff;transition:color 3s}.phase-golden .hero-intro em{color:#ffdfbf}.hero-intro p{font-size:clamp(10px,1.4svh,15px);line-height:1.6;letter-spacing:1.25px;margin:0;max-width:760px;text-shadow:0 1px 6px #112b4550}.showcase{position:relative;min-height:0;width:min(100%,1120px);justify-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,5vw,100px);isolation:isolate}.product-card{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(6px,1.1svh,13px);min-width:0;min-height:0}.phone-stage{min-height:0;display:flex;align-items:center;justify-content:center;padding:3px 0}.product-phone{position:relative;display:block;height:100%;max-height:540px;max-width:100%;aspect-ratio:var(--phone-ratio);perspective:1000px;border-radius:30px;outline-offset:3px!important}.phone-float,.phone-transform{width:100%;height:100%}.phone-float{animation:float 7s ease-in-out infinite}.nuance .phone-float{animation-delay:-2.4s;animation-duration:8.3s}.eventer .phone-float{animation-delay:-4s;animation-duration:7.8s}.phone-transform{position:relative;transform-style:preserve-3d;transform:translate3d(var(--mx,0px),var(--my,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .65s cubic-bezier(.16,1,.3,1),filter .5s;filter:drop-shadow(0 13px 18px #03112630)}.product-phone:hover .phone-transform,.product-phone:focus-visible .phone-transform{transform:translate3d(var(--mx,0px),calc(var(--my,0px) - 3px),8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.015);filter:drop-shadow(0 15px 20px #03112650)}.phone-art{position:absolute;top:0;right:0;bottom:0;left:0}.phone-art img,.preview-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity 3s ease;pointer-events:none}.phone-reflection{position:absolute;top:4%;right:12%;bottom:5%;left:12%;border-radius:30px;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#ffffff28,transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none;mix-blend-mode:screen}.product-phone:hover .phone-reflection{opacity:.65}.phone-hint{position:absolute;bottom:4%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;border:1px solid #ffffff30;border-radius:100px;padding:7px 12px;display:flex;align-items:center;gap:5px;background:#071629b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transition:opacity .3s;pointer-events:none}.product-phone:hover .phone-hint,.product-phone:focus-visible .phone-hint{opacity:1}.product-caption{text-align:center;min-height:clamp(57px,8.2svh,85px);display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.7svh,8px)}.product-name{display:flex;align-items:center;gap:8px}.product-symbol{width:clamp(16px,2.3svh,24px);height:clamp(16px,2.3svh,24px)}.product-caption h2{font:400 clamp(21px,2.9svh,31px)/1.1 Georgia,serif;margin:0}.product-caption p{font-size:clamp(10px,1.3svh,13px);line-height:1.45;margin:0;max-width:225px;text-wrap:balance;text-shadow:0 1px 6px #07192b60}.phase-day .product-caption,.phase-golden .product-caption{color:#092638}.phase-day .product-caption p,.phase-golden .product-caption p{text-shadow:0 1px 8px #ffffffa0}.orbital-effects{position:absolute;top:5%;right:-9%;bottom:22%;left:-9%;pointer-events:none;z-index:-1}.orbital-node{width:4px;height:4px;border-radius:50%;background:#e7f4ff;box-shadow:0 0 10px 2px #b9dbff;position:absolute;offset-path:ellipse(48% 38% at 50% 50%);animation:orbit 45s linear infinite;opacity:.55}.orbital-node.second{animation-delay:-25s;animation-duration:57s;width:3px;height:3px;opacity:.3}.collaboration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1svh,12px);text-align:center;min-height:0}.collaboration h2{font-size:clamp(8px,1svh,11px);letter-spacing:3px;line-height:1.2;margin:0}.collaboration h2:before,.collaboration h2:after{content:"";display:inline-block;width:23px;height:1px;background:#ccdeee99;vertical-align:middle;margin:0 16px}.collaboration p{font-size:clamp(10px,1.25svh,13px);line-height:1.4;margin:0;text-shadow:0 1px 6px #07192b90}.solid-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:100px;background:#fff;color:#10202b;padding:11px 25px;font-size:12px;transition:box-shadow .25s,transform .25s}.solid-button:hover{box-shadow:0 0 24px #b2d6ff66;transform:translateY(-2px)}.collaboration .solid-button{font-size:clamp(10px,1.25svh,13px);padding:clamp(8px,1.1svh,12px) 25px}.time-controller{position:fixed;bottom:14px;right:16px;z-index:8;font-size:10px}.time-trigger{background:#061727b0;border:1px solid #ffffff24;color:#e5effb;border-radius:100px;display:flex;align-items:center;gap:8px;padding:9px 13px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.local-clock{padding-left:8px;border-left:1px solid #ffffff30;font-variant-numeric:tabular-nums;color:#b6c7db}.time-settings{position:absolute;bottom:44px;right:0;width:265px;background:#091c30ed;border:1px solid #ffffff20;border-radius:17px;padding:18px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 16px 60px #0004}.time-settings p{margin:0 0 16px;font:18px Georgia,serif}.phase-options{display:flex;gap:4px}.phase-options button{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;font-size:10px;padding:9px 5px;border:1px solid transparent;border-radius:7px;background:#ffffff08;color:#bfd1e4}.phase-options .selected{background:#badcff20;border-color:#badcff50;color:#fff}.location-button{border:0;border-top:1px solid #ffffff1a;background:none;width:100%;color:#e0e9f4;font-size:11px;display:flex;align-items:center;gap:8px;padding:16px 0 10px;margin-top:13px}.time-settings small{font-size:10px;line-height:1.5;color:#8ca3bc;display:block}.detail-dialog{background:#0a1c2e;color:#f0f5fc;border:1px solid #ffffff26;border-radius:24px;max-width:760px;width:calc(100% - 32px);padding:40px;box-shadow:0 30px 100px #0008;max-height:90svh;overflow:auto}.detail-dialog::backdrop{background:#03101fba;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.close-dialog{position:absolute;top:17px;right:17px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:50%;width:34px;height:34px;color:#fff;display:grid;place-items:center}.preview-layout{display:grid;grid-template-columns:42% 1fr;gap:35px;align-items:center}.preview-art{position:relative;aspect-ratio:.6;width:100%}.preview-art img{position:absolute;width:100%;height:100%;object-fit:contain}.detail-dialog h2{font:400 46px/1.05 Georgia,serif;white-space:pre-line;letter-spacing:-1px;margin:14px 0 20px}.detail-dialog p{font-size:14px;line-height:1.75;color:#acbed1}.detail-dialog .dialog-lead{font-size:18px;color:#e0eaf4;line-height:1.5}.detail-dialog .preview-note{font-size:12px;color:#91a9c1;border-top:1px solid #ffffff18;padding-top:16px;margin-top:20px}.detail-dialog .solid-button{margin-top:14px}.detail-dialog .eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;color:#aac0d8}.status-dot{display:inline-block;width:5px;height:5px;background:#bddaff;border-radius:50%;box-shadow:0 0 9px #bddaff55}.text-dialog{max-width:510px;padding:25px 15px}.coming-soon{font-size:12px;display:flex;align-items:center;gap:9px;margin-top:25px;color:#bfd1e5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes orbit{to{offset-distance:100%}}@media(min-width:801px)and (max-height:650px){.scene{grid-template-rows:34px 100px minmax(0,1fr) 70px;padding-top:10px;padding-bottom:12px;gap:5px}.hero-intro{gap:4px}.hero-intro h1{font-size:32px}.hero-intro .hero-star{display:none}.product-caption{min-height:49px;gap:3px}.product-caption h2{font-size:20px}.product-caption p{font-size:10px}.collaboration{gap:5px}.collaboration .solid-button{padding:7px 22px}.time-trigger .local-clock{display:none}}@media(max-width:800px){.scene{height:auto;min-height:100svh;grid-template-rows:42px auto auto auto;padding:16px 20px 70px;gap:28px}.scene-art{position:fixed;height:100svh}.scene-art img{object-position:center;filter:brightness(.55)}.transparent-header{padding-left:14px;padding-right:6px;font-size:11px}.transparent-header nav{gap:14px}.wordmark{font-size:10px;letter-spacing:0}.header-contact{font-size:0;padding:0 9px;min-width:30px}.header-contact svg{width:14px}.hero-intro{padding:12px 0 0;gap:12px}.hero-intro .hero-star{font-size:18px}.hero-intro h1{font-size:clamp(33px,6.2vw,49px);line-height:1.1;text-wrap:balance}.hero-intro p{max-width:350px;font-size:12px;letter-spacing:.4px}.hero-intro .eyebrow{font-size:9px}.showcase{grid-template-columns:1fr;gap:35px;max-width:420px}.product-card{grid-template-rows:360px auto;gap:10px}.product-phone{max-height:360px}.product-caption{min-height:0;gap:9px}.product-caption h2{font-size:27px}.product-caption p{font-size:12px;max-width:270px}.product-symbol{width:22px;height:22px}.phase-day .product-caption,.phase-golden .product-caption{color:#fff}.phase-day .product-caption p,.phase-golden .product-caption p{text-shadow:0 1px 6px #07192b60}.collaboration{padding-top:8px;gap:14px}.collaboration h2{font-size:9px}.collaboration h2:before,.collaboration h2:after{margin:0 9px;width:15px}.collaboration p{font-size:12px;max-width:300px;line-height:1.6}.collaboration .solid-button{font-size:12px;padding:12px 25px}.time-controller{bottom:12px;right:12px}.detail-dialog{padding:40px 24px 28px}.preview-layout{grid-template-columns:1fr;gap:20px}.preview-art{max-height:260px;width:170px;margin:auto}.detail-dialog h2{font-size:38px}.text-dialog{padding:12px 0}.text-dialog .eyebrow{margin-right:20px}.phone-hint{display:none}}@media(min-width:520px)and (max-width:800px){.showcase{max-width:620px}.product-card{grid-template-columns:1fr 1fr;grid-template-rows:310px;align-items:center;gap:18px}.phone-stage{height:100%}.product-caption{align-items:flex-start;text-align:left}.product-caption p{text-wrap:initial}.product-name{gap:7px}}@media(hover:none){.product-phone:hover .phone-transform{transform:none}.phone-reflection{display:none}.product-phone:active .phone-transform{transform:rotateX(2deg) rotateY(-2deg) scale(.99)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone-transform{transform:none!important}.phone-reflection{display:none}}