*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f0e6;color:#191e27}body{font-family:Arial,Helvetica,sans-serif}.landing{min-height:100vh;min-height:100svh;position:relative;isolation:isolate;overflow:hidden;padding:clamp(25px,4.3vw,80px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 30%,#fffaf3,transparent 65%),#f7f0e6}header{position:relative;z-index:2}.brand{display:block;background:#001a70;width:clamp(150px,15vw,240px);aspect-ratio:4.2;mask:url('assets/logo.png') left center/contain no-repeat;-webkit-mask:url('assets/logo.png') left center/contain no-repeat}.brand img{width:100%;opacity:0}.intro{position:relative;z-index:2;max-width:60%;margin:auto 0;padding:80px 0 110px;pointer-events:none}.status{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.08em;color:#606875;margin-bottom:28px}.status span{width:6px;height:6px;background:#1644dd;border-radius:50%;box-shadow:0 0 0 5px #1644dd0d}h1{font-size:clamp(54px,6.7vw,112px);line-height:1.02;letter-spacing:-.065em;margin:0 0 24px;font-weight:700}.period{color:#1239bc}.subtitle{margin:0;font-size:clamp(20px,2.4vw,36px);line-height:1.45;letter-spacing:-.035em}.domain{margin:55px 0 0;font-size:clamp(17px,1.6vw,25px);letter-spacing:-.02em}.art{position:absolute;inset:-8% -23% -15% 20%;z-index:0;transform:rotate(-12deg);pointer-events:none}.art svg{width:100%;height:100%;overflow:visible}.channel{fill:none;stroke:#1248d9;stroke-width:10;stroke-linecap:round}.signal{fill:none;stroke:#8ec9ff;stroke-width:5;stroke-linecap:round;stroke-dasharray:38 1700;animation:travel 12s linear infinite;filter:drop-shadow(0 0 5px #76b8ff)}.signal-1{animation-delay:-4s}.signal-2{animation-delay:-7s}.signal-3{animation-delay:-9s}.tile{animation:float 9s ease-in-out infinite;animation-delay:var(--delay)}@keyframes travel{to{stroke-dashoffset:-1738}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:900px){.intro{max-width:78%}.art{left:25%;right:-55%;opacity:.7}.intro:before{content:'';position:absolute;inset:-20px -30px;z-index:-1;background:radial-gradient(ellipse at left,#faf5ed 20%,#faf5edc7 50%,transparent 75%)}}
@media(max-width:600px){.landing{min-height:850px;min-height:max(780px,100svh);padding:30px 25px}.brand{width:155px}.intro{margin:68px 0 0;max-width:100%;padding:0}.intro:before{display:none}.status{font-size:10px;letter-spacing:.05em;margin-bottom:24px}h1{font-size:clamp(48px,12vw,72px);margin-bottom:20px}.subtitle{font-size:22px;max-width:23ch}.domain{font-size:18px;margin-top:30px}.art{inset:43% -45% -12% -25%;opacity:1;transform:rotate(-12deg)}}
@media(prefers-reduced-motion:reduce){.tile,.signal{animation:none}}