:root{color-scheme:dark;--navy:#061d32;--navy-deep:#041523;--cyan:#00d2eb;--cyan-soft:#72e6f4;--text:#f0f7fc;--muted:#99b0c2;--line:rgba(144,202,232,.16);--px:0px;--py:0px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:var(--cyan);color:var(--navy)}.skip-link{position:fixed;top:10px;left:15px;z-index:20;background:var(--cyan);color:var(--navy);padding:12px 20px;transform:translateY(-160%)}.skip-link:focus{transform:none}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 79% 38%,#0a3447 0,transparent 48%),linear-gradient(125deg,#071e35,#041523 80%);z-index:-1}.aurora{position:absolute;border-radius:50%;opacity:.34;filter:blur(64px);will-change:transform}.aurora-one{width:60vw;height:50vw;top:-36vw;left:10vw;background:#075791}.aurora-two{width:40vw;height:40vw;right:-22vw;top:35%;background:#037e91;opacity:.18}.dot-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(143,199,223,.19) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(110deg,transparent 22%,#000 90%)}
.page-shell{max-width:1320px;margin:0 auto;padding:0 60px}.site-header{min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:block;position:relative;overflow:hidden;background:#fff;width:39px;height:39px;border-radius:11px}.brand-mark img{position:absolute;width:97px;height:auto;left:-29px;top:-9px}.brand-name{display:block;width:184px;height:auto;flex-shrink:0}.header-right{display:flex;gap:21px;align-items:center}.header-note{font-size:13px;color:var(--muted)}.icon-button{display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:50%;color:var(--muted);transition:color .2s,border-color .2s}.icon-button:hover{color:var(--cyan);border-color:var(--cyan)}.icon-button svg{width:19px;height:19px}.play-icon{display:none}
.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:16px;min-height:562px;padding:57px 0 49px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.1px;font-weight:600;color:var(--cyan-soft);margin-bottom:25px}.eyebrow-line{height:1px;width:28px;background:var(--cyan)}h1{font-size:clamp(68px,6.7vw,96px);line-height:1.08;letter-spacing:-5px;margin:0 0 23px;font-weight:700}.headline-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.headline-line>span{display:block}.cyan-text{color:var(--cyan);background:linear-gradient(115deg,#70eef2 0%,#00cce8 57%,#008eff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro{font-size:17px;line-height:1.8;color:#a9bfce;margin:0;max-width:430px}.intro em{font-style:normal;font-weight:700}.welcome-note{font-size:12px;color:#7896ac;margin:18px 0 0;letter-spacing:.15px}
.brand-universe{position:relative;min-width:0;aspect-ratio:1/1;isolation:isolate}.universe-inner{position:absolute;inset:0;transform:translate(var(--px),var(--py));transition:transform .7s var(--ease)}.orbit{position:absolute;border:1px solid rgba(94,202,229,.16);border-radius:50%;inset:1%}.orbit-one{transform:rotate(-29deg);border-color:rgba(90,198,228,.21)}.orbit-two{inset:9%;border-style:dashed;border-color:rgba(96,195,223,.12);transform:rotate(38deg)}.orbit-three{inset:18%;border-color:rgba(75,168,208,.11)}.orbit>span{position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 17px var(--cyan)}.orbit-two>span{width:5px;height:5px;top:-3px;opacity:.5}.axis{position:absolute;background:rgba(117,203,226,.09)}.axis-horizontal{left:-4%;right:-4%;height:1px;top:50%}.axis-vertical{top:-3%;bottom:-3%;width:1px;left:50%}.logo-float{position:absolute;left:17%;top:21%;width:68%;height:56%;transform:rotate(-7deg)}.logo-card{position:relative;width:100%;height:100%;overflow:hidden;border-radius:22px;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 26px 60px rgba(0,9,24,.32),0 0 45px rgba(0,210,235,.04)}.logo-card img{position:absolute;width:104%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}.logo-backplate{position:absolute;inset:10px -11px -11px 10px;border-radius:24px;border:1px solid rgba(89,228,243,.38);background:linear-gradient(140deg,rgba(0,208,237,.13),rgba(0,119,193,.03));transform:rotate(9deg)}.logo-shadow{position:absolute;inset:30% 0 -15%;background:rgba(0,206,225,.14);filter:blur(42px);border-radius:50%}.card-sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.55) 45%,transparent 65%);transform:translateX(-160%)}.home-accent{position:absolute;width:38px;height:38px;color:var(--cyan-soft);opacity:.8;pointer-events:none}.accent-apartment{left:6%;top:17%;width:42px;height:42px;opacity:.9}.accent-house{right:4%;top:19%}.accent-sofa{left:9%;bottom:14%;width:42px;height:42px;color:#5bb5d4}.accent-lamp{right:8%;bottom:13%;width:38px;height:38px;color:#5bb5d4;opacity:.8}
.launch-panel{display:grid;grid-template-columns:.95fr 1.2fr;border:1px solid var(--line);border-radius:13px;background:linear-gradient(105deg,rgba(25,60,86,.35),rgba(13,44,63,.15));margin-bottom:40px;overflow:hidden}.build-status{padding:27px 34px 25px}.section-label{font-size:11px;letter-spacing:1.65px;font-weight:600;color:#8dabbf}.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:18px;margin-top:14px}.loading-dots{display:flex;gap:4px}.loading-dots i{width:4px;height:4px;background:var(--cyan);border-radius:50%}.progress-track{height:3px;background:rgba(101,176,208,.17);border-radius:3px;margin-top:19px;overflow:hidden;position:relative}.progress-track>span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--cyan));border-radius:3px;box-shadow:0 0 14px var(--cyan)}.build-status p{font-size:12px;line-height:1.6;margin:12px 0 0;color:#7896ac}.countdown-block{border-left:1px solid var(--line);padding:27px 34px 25px}.countdown-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.countdown-heading>span:last-child{font-size:11px;color:#6f91a6}.countdown{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:19px}.countdown>div{text-align:center;min-width:47px}.count-value{display:block;font-size:37px;line-height:1.15;letter-spacing:2px;font-variant-numeric:tabular-nums;font-weight:400;color:#d6e9f4}.count-label{display:block;font-size:9px;letter-spacing:1.6px;color:#779bae;margin-top:9px}.count-separator{font-size:24px;color:#396177;line-height:1.6}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:25px 0 31px;font-size:11px;color:#7894a8}.site-footer p{margin:0}.footer-tagline{font-size:10px;letter-spacing:2.3px}.footer-tagline>span{color:var(--cyan);margin:0 8px}.footer-right{display:flex;align-items:center;gap:8px}.footer-right svg{width:13px;height:13px;color:var(--cyan)}
.noscript-note{font-size:14px;padding:16px;text-align:center;background:#0b2940;color:#adc4d4}
@media(min-width:1550px){.page-shell{padding-top:14px}.hero{min-height:650px}}@media(max-width:1100px){.page-shell{padding:0 35px}.hero{gap:10px;min-height:530px}h1{font-size:78px}.countdown-heading{align-items:flex-start;flex-direction:column;gap:7px}.build-status,.countdown-block{padding-left:27px;padding-right:27px}.countdown{margin-top:13px}.count-value{font-size:34px}}
@media(max-width:760px){.page-shell{padding:0 25px}.site-header{min-height:96px}.header-note{display:none}.brand-name{width:170px}.hero{grid-template-columns:1fr;gap:9px;padding:48px 0 25px;min-height:0}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:10px;letter-spacing:1.8px;margin-bottom:22px}h1{font-size:clamp(61px,12vw,86px);letter-spacing:-3.5px;line-height:1.09;margin-bottom:21px}.intro{margin:0 auto;font-size:16px;max-width:370px}.welcome-note{font-size:11px;margin-top:16px}.brand-universe{width:min(100%,415px);margin:12px auto 0}.logo-card{border-radius:18px}.launch-panel{grid-template-columns:1fr;margin-bottom:31px}.build-status{padding:25px 25px 23px}.countdown-block{border-left:0;border-top:1px solid var(--line);padding:25px}.countdown-heading{flex-direction:row;align-items:center}.countdown-heading>span:last-child{font-size:10px;text-align:right;max-width:145px}.countdown{margin-top:21px;justify-content:space-around}.count-value{font-size:33px}.site-footer{flex-wrap:wrap;padding:23px 0 25px;gap:18px 15px;font-size:10px}.footer-tagline{font-size:9px;letter-spacing:1.5px}.footer-right{flex-basis:100%;justify-content:center}.aurora-one{width:120vw;height:110vw;top:-80vw;left:-30vw}.aurora-two{width:100vw;height:100vw;right:-70vw;top:30%}}
@media(max-width:380px){.page-shell{padding:0 19px}.brand-universe{margin-top:2px}.countdown-heading{align-items:flex-start;flex-direction:column;gap:8px}.countdown-heading>span:last-child{max-width:none}.countdown-block,.build-status{padding:23px 20px}.site-footer{justify-content:center}.footer-right{margin-top:0}}

/* Motion: ưu tiên transform + opacity, không dùng thư viện hay canvas loop. */
.site-header{animation:fade-down .85s var(--ease) both}.headline-line>span{animation:headline-in 1.1s var(--ease) .16s both}.headline-line:nth-child(2)>span{animation-delay:.3s}.reveal{animation:fade-up .9s var(--ease) .15s both}.intro.reveal{animation-delay:.43s}.welcome-note.reveal{animation-delay:.65s}.launch-panel.reveal{animation-delay:.72s}.brand-universe{animation:logo-in 1.45s var(--ease) .2s both}.aurora-one{animation:aurora-drift 22s ease-in-out infinite alternate}.aurora-two{animation:aurora-drift 28s ease-in-out -13s infinite alternate-reverse}.orbit-one{animation:orbit-turn 65s linear infinite}.orbit-two{animation:orbit-turn 92s linear infinite reverse}.logo-float{animation:logo-float 7s ease-in-out infinite}.card-sheen{animation:sheen 11s ease-in-out 2s infinite}.accent-apartment{animation:home-drift 8s ease-in-out -1s infinite}.accent-house{animation:home-drift 7s ease-in-out infinite}.accent-sofa{animation:home-drift 8s ease-in-out -3s infinite}.accent-lamp{animation:home-drift 9s ease-in-out -5s infinite}.progress-track>span{animation:progress-sweep 3.8s cubic-bezier(.45,0,.3,1) infinite}.loading-dots i{animation:loading-dot 1.6s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}.particle{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#6ee6f2;opacity:0;animation:particle-drift var(--duration) linear var(--delay) infinite}.count-value.tick{animation:digit-in .3s var(--ease)}
@keyframes fade-down{from{opacity:0;transform:translateY(-13px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes headline-in{from{transform:translateY(108%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes logo-in{from{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes aurora-drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(9vw,8vw) scale(1.2)}}@keyframes orbit-turn{from{transform:rotate(-29deg)}to{transform:rotate(331deg)}}@keyframes logo-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-4deg)}}@keyframes sheen{0%,65%,100%{transform:translateX(-160%)}85%{transform:translateX(160%)}}@keyframes home-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes progress-sweep{from{transform:translateX(-105%)}to{transform:translateX(340%)}}@keyframes loading-dot{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes particle-drift{0%{opacity:0;transform:translate(0,30px)}20%,75%{opacity:.38}100%{opacity:0;transform:translate(var(--drift),-110px)}}@keyframes digit-in{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
:root[data-motion="off"] *,:root[data-motion="off"] *::before,:root[data-motion="off"] *::after{animation:none!important;scroll-behavior:auto!important}:root[data-motion="off"] .particle{opacity:.25}:root[data-motion="off"] .play-icon{display:block}:root[data-motion="off"] .pause-icon{display:none}:root[data-page-hidden="true"] *{animation-play-state:paused!important}:root[data-motion="off"] .universe-inner{transform:none;transition:none}
/* Nhãn nhỏ vẫn đủ rõ trên điện thoại. */
.brand-mark img{top:-6px;clip-path:inset(0 0 45% 0)}
.brand-universe{overflow:clip}
.section-label,.count-label,.countdown-heading>span:last-child,.welcome-note,.site-footer,.footer-tagline{font-size:12px}.count-label{letter-spacing:1px}.section-label{letter-spacing:1.35px}.countdown-heading{flex-wrap:wrap;gap:8px 15px}.footer-tagline{letter-spacing:1.4px}.footer-right{font-size:12px}.brand-universe{max-width:100%}.countdown>div{min-width:0}.count-value{font-size:clamp(25px,3vw,37px)}
@media(max-width:760px){.countdown-heading>span:last-child{max-width:none;text-align:left}.countdown-heading{gap:9px 15px}.eyebrow{font-size:12px;letter-spacing:1.2px}.welcome-note{line-height:1.6}.footer-right{font-size:12px}.site-footer{justify-content:center;text-align:center}.footer-tagline{margin-left:auto}.count-value{font-size:34px}.particle:nth-child(n+11){display:none}.aurora{filter:blur(45px)}}
@media(max-width:380px){.footer-tagline{margin-left:0}.eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.universe-inner{transform:none!important}.particle{opacity:.2}.play-icon{display:block}.pause-icon{display:none}}
.headline-line{overflow:visible;padding-bottom:.3em;margin-bottom:-.2em}
.headline-line>span{padding-bottom:.18em;margin-bottom:-.18em}

/* Desktop: reserve room for browser chrome on Full HD displays.
   Keep normal document flow so zoom and short windows can still scroll. */
.page-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
.page-shell>main{flex:1 0 auto}
.site-header,.site-footer{flex-shrink:0}
.site-footer{margin-top:auto}
@media(min-width:761px){
  .page-shell{max-width:1440px;padding-top:0}
  .page-shell>main{display:flex;flex-direction:column}
  .site-header{min-height:96px}
  .hero{flex:0 0 auto;min-height:0;padding:22px 0 26px}
  .brand-universe{width:min(100%,clamp(352px,52.8svh,506px));justify-self:center}
  .eyebrow{margin-bottom:20px}
  h1{font-size:clamp(56px,5.4vw,84px);margin-bottom:16px}
  .welcome-note{margin-top:12px}
  .launch-panel{flex-shrink:0;margin-bottom:24px}
  .build-status,.countdown-block{padding:22px 31px}
  .progress-heading{margin-top:10px}
  .progress-track{margin-top:14px}
  .countdown{margin-top:14px}
  .count-label{margin-top:7px}
  .site-footer{padding:18px 0 20px}
}
@media(min-width:761px) and (max-height:800px){
  .site-header{min-height:84px}
  .hero{padding:16px 0 20px}
  .brand-universe{width:min(100%,clamp(308px,50.6svh,396px))}
  h1{font-size:clamp(54px,min(5.4vw,8.8svh),76px)}
  .launch-panel{margin-bottom:20px}
  .site-footer{padding:16px 0 18px}
}