/* V5 — official brand assets, balanced layout, motion system */
:root{--brand-orange:#f7a52e;--brand-sky:#45a5e7;--brand-deep:#06183a}
.site-header.premium-header{background:linear-gradient(100deg,rgba(3,17,44,.98),rgba(5,39,87,.96));border-bottom:1px solid rgba(119,188,255,.18)}
.site-header .nav{min-height:88px;gap:clamp(14px,2vw,32px)}
.brand.brand-lockup{display:inline-flex;align-items:center;gap:clamp(8px,1vw,12px);width:clamp(190px,22vw,285px);max-width:100%;min-width:0;flex-shrink:0;transform:translateZ(0)}
.brand-lockup .brand-icon-official{width:clamp(47px,5.2vw,64px);height:auto;aspect-ratio:113/130;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 4px 11px #1a9bff35)}
.brand-lockup .brand-type-official{width:auto;max-width:calc(100% - 59px);height:auto;aspect-ratio:270/78;object-fit:contain;flex:1 1 auto;filter:drop-shadow(0 4px 10px #06133255)}
.site-header .menu{gap:clamp(10px,1.55vw,24px);font-size:clamp(11px,.93vw,13px)}
.site-header .nav-cta{white-space:nowrap}
.footer .brand-lockup{width:265px}.footer .brand-lockup .brand-icon-official{width:60px}.footer .brand-lockup .brand-type-official{max-width:calc(100% - 72px)}
.hero{overflow:hidden;min-height:690px;background:radial-gradient(ellipse at 77% 42%,#0e63ba88 0,transparent 47%),linear-gradient(132deg,#04112f,#072966 58%,#063b85)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(12px,3vw,52px);align-items:center;min-height:660px;padding-block:60px 38px}
.hero-copy{min-width:0}.hero h1{font-size:clamp(43px,4.8vw,73px);line-height:1.06;letter-spacing:-.055em;overflow-wrap:normal}.hero-sub{max-width:540px}
.hero-stage{min-width:0;width:100%;height:min(48vw,610px);min-height:470px;max-height:610px;transform:translate3d(var(--stage-x,0px),var(--stage-y,0px),0);transition:transform .28s ease-out}
.hero-mascot{width:min(93%,520px);max-height:100%;bottom:-2%;left:50%;animation:mascotFloat 5.4s ease-in-out infinite;transform-origin:50% 80%}
.hero-beam{position:absolute;pointer-events:none;width:60vw;height:2px;top:28%;left:-10%;background:linear-gradient(90deg,transparent,#55d8ffb0,transparent);transform:rotate(-22deg);opacity:.4;animation:beamPulse 8s ease-in-out infinite}.beam-two{top:77%;left:52%;transform:rotate(24deg);animation-delay:-4s}
.hero-noise{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#b5e9ff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-grid-glow{position:absolute;right:-12%;top:3%;width:50%;height:70%;background:radial-gradient(circle,#28b6ff30,transparent 70%);pointer-events:none}
.intro-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#61eac1;box-shadow:0 0 0 4px #61eac133;animation:dotBreathe 2.4s ease-in-out infinite}
.float-chip{backdrop-filter:blur(10px);background:#ffffffed;transition:box-shadow .3s}.float-chip:hover{box-shadow:0 14px 38px #00194d88;animation-play-state:paused}.chip-router{left:0}.chip-ai{right:0}.chip-sec{right:1%}
.network-disc{animation:discSpin 48s linear infinite}.network-disc svg{animation:discSpin 36s linear infinite reverse;transform-origin:center}
.device-universe{position:relative;overflow:hidden;background:linear-gradient(145deg,#e6f7ff 0%,#f7fcff 40%,#fff9e9 100%)}.device-universe::before{content:'';position:absolute;inset:-40% auto auto -20%;width:70%;aspect-ratio:1;background:radial-gradient(circle,#2e9aff1a,transparent 70%);pointer-events:none}
.device-tile{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;background:#fff}.device-tile:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 24px 44px #074da32c}.device-tile:nth-child(even):hover{transform:translateY(-9px) rotate(1deg)}
.device-illustration{animation:deviceBob 5s ease-in-out infinite}.device-tile:nth-child(2) .device-illustration{animation-delay:-1s}.device-tile:nth-child(3) .device-illustration{animation-delay:-2s}.device-tile:nth-child(4) .device-illustration{animation-delay:-3s}.device-tile:nth-child(5) .device-illustration{animation-delay:-4s}
.service-card{transition:transform .3s,box-shadow .3s;transform-style:preserve-3d}.service-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px #0a378c28}.service-card .card-art img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.service-card:hover .card-art img{transform:scale(1.055)}
.experience{position:relative;overflow:hidden}.experience::before{content:'';position:absolute;width:500px;height:500px;right:-250px;top:0;border:1px solid #56d5ff33;border-radius:50%;box-shadow:0 0 0 80px #56d5ff0a,0 0 0 160px #56d5ff08;animation:halo 9s ease-in-out infinite;pointer-events:none}
.package-section{background:radial-gradient(ellipse at 80% 15%,#1264c0,#051435 65%)}.promo-section{position:relative;overflow:hidden}.promo-ambient{position:absolute;width:440px;height:440px;right:-120px;top:-200px;border:45px solid #ffb3271e;border-radius:50%;pointer-events:none;animation:halo 8s ease-in-out infinite}
.identity-section{position:relative;overflow:hidden}.identity-layout{position:relative}.identity-ambient{position:absolute;width:550px;height:550px;right:-180px;bottom:-300px;background:radial-gradient(circle,#0aa7ff26,transparent 70%);pointer-events:none}
.identity-premium-mark{gap:12px;padding:24px;justify-content:center;align-items:center}.identity-premium-mark .identity-icon-official{width:clamp(85px,35%,145px);max-height:none;height:auto;object-fit:contain}.identity-premium-mark .identity-type-official{width:min(86%,265px);max-height:none;height:auto;object-fit:contain;filter:drop-shadow(0 5px 10px #001a4c88)}
.brand-break-inner img{animation:breakBob 6s ease-in-out infinite;transform-origin:center bottom}
@keyframes beamPulse{0%,100%{opacity:.12;filter:blur(3px)}50%{opacity:.55;filter:blur(0)}}@keyframes dotBreathe{50%{box-shadow:0 0 0 9px #61eac100}}@keyframes deviceBob{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes halo{50%{scale:1.12;opacity:.6}}@keyframes breakBob{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(1deg) translateY(-12px)}}
@media(max-width:1100px){.site-header .nav{gap:12px}.brand.brand-lockup{width:210px}.brand-lockup .brand-icon-official{width:51px}.brand-lockup .brand-type-official{max-width:calc(100% - 60px)}.site-header .menu{gap:12px;font-size:11px}.hero h1{font-size:clamp(42px,5vw,62px)}.hero-stage{min-height:460px}}
@media(max-width:850px){.site-header .nav{min-height:76px}.site-header .menu-btn{display:block}.site-header .menu{display:none;position:absolute;top:100%;left:0;right:0;background:#071f50;padding:16px 20px;flex-direction:column;align-items:stretch;gap:6px}.site-header .menu.open{display:flex}.site-header .menu a{padding:12px}.brand.brand-lockup{width:230px}.hero-layout{grid-template-columns:1fr;min-height:0;padding-block:64px 30px;gap:0}.hero-copy{text-align:center}.hero-sub{margin-inline:auto}.hero-buttons,.hero-chips{justify-content:center}.hero h1{font-size:clamp(42px,7vw,68px)}.hero-stage{height:540px;min-height:0;max-width:570px;margin:20px auto 0}.hero-mascot{width:min(85%,465px)}.hero-grid-glow{width:90%;height:40%;top:45%}}
@media(max-width:540px){.site-header .nav{min-height:70px}.brand.brand-lockup{width:184px;gap:7px}.brand-lockup .brand-icon-official{width:43px}.brand-lockup .brand-type-official{max-width:calc(100% - 50px)}.announcement{font-size:8px}.hero-layout{padding-top:43px}.hero h1{font-size:clamp(37px,9.2vw,51px);letter-spacing:-.045em}.hero-stage{height:385px;max-width:420px;margin-top:22px}.hero-mascot{width:88%;max-height:385px;bottom:0}.network-disc{inset:7% 7% 9%}.float-chip{padding:6px 8px}.chip-router{top:7%;left:0}.chip-ai{top:32%;right:-1%}.chip-sec{bottom:9%;right:0}.hero-stamp{left:0;bottom:18%}.identity-premium-mark .identity-icon-official{width:100px}.identity-premium-mark .identity-type-official{width:225px}.footer .brand-lockup{width:230px}}
@media(max-width:365px){.brand.brand-lockup{width:166px}.brand-lockup .brand-icon-official{width:37px}.hero-stage{height:330px}.float-chip small{display:none}.hero-stamp{scale:.83;transform-origin:left bottom}}
@media(prefers-reduced-motion:reduce){.hero-stage{transition:none!important}.hero-beam,.intro-dot,.device-illustration,.brand-break-inner img,.experience::before,.promo-ambient{animation:none!important}.service-card,.device-tile{transition:none!important}}
@media(prefers-reduced-motion:no-preference){[data-stagger]>.v5-in-view{animation:v5Enter .6s cubic-bezier(.18,.8,.25,1) both;animation-delay:calc(var(--v5-order)*75ms)}@keyframes v5Enter{from{opacity:.4;translate:0 15px}to{opacity:1;translate:0 0}}}