@import url('/font.css');
:root{color-scheme:dark;--bg:#0b1210;--ink:#f5f7ee;--lime:#d5ff77;--muted:#a9b5ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;min-height:100svh;overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#c9ff5b10,transparent 48%)}header,footer{display:flex;align-items:center;justify-content:space-between;position:relative;max-width:1500px;margin:auto;padding:30px 6vw}header{border-bottom:1px solid #ffffff12}header img{width:130px;height:55px;object-fit:contain;filter:invert(1)}header>span{font-size:10px;letter-spacing:.16em;color:var(--muted);display:flex;align-items:center;gap:15px}header i{width:5px;height:5px;border-radius:50%;background:var(--lime)}main{max-width:1500px;margin:auto;min-height:calc(100svh - 180px);display:grid;grid-template-columns:1.07fr 1fr;align-items:center;padding:50px 6vw;gap:4vw}.message{position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--lime);display:flex;gap:10px;align-items:center}.eyebrow span{height:6px;width:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px #d5ff7770}h1{font-size:clamp(40px,4.9vw,76px);letter-spacing:-.065em;line-height:1.06;font-weight:800;margin:28px 0}h1 em{font-style:normal;color:var(--lime)}.intro{color:var(--muted);font-size:clamp(16px,1.3vw,19px);line-height:1.65;max-width:470px}.soon{font-size:14px;margin:24px 0 30px}.visit{display:flex;align-items:center;justify-content:space-between;max-width:360px;padding:18px 22px;border:1px solid #ffffff25;border-radius:16px;color:var(--ink);text-decoration:none;background:#ffffff04;transition:transform .25s,border-color .25s,background .25s}.visit:hover{transform:translateY(-3px);background:#d5ff7710;border-color:var(--lime)}.visit:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.visit span{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.13em;color:var(--muted)}.visit strong{font-size:22px;letter-spacing:-.03em;color:var(--ink)}.visit small{font-size:13px;letter-spacing:0}.visit b{font-size:32px;color:var(--lime)}.visual{height:520px;position:relative;display:flex;align-items:center;justify-content:center}.visual svg{width:112%;position:relative;overflow:visible;animation:breathe 7s ease-in-out infinite}.wheel{fill:none;stroke:#e0edca;stroke-width:5}.wheel .inner{stroke:#d5ff7730;stroke-width:1}.wheel path{stroke:#d5ff7730;stroke-width:1}.frame{fill:none;stroke:var(--lime);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.ring{position:absolute;width:450px;height:450px;border:1px solid #d5ff7712;border-radius:50%}.ring.two{width:560px;height:560px;border-style:dashed;border-color:#d5ff770c;animation:turn 100s linear infinite}.visual-caption{position:absolute;top:0;right:12px;font-size:10px;letter-spacing:.17em;line-height:1.7;color:var(--muted)}.visual-number{position:absolute;bottom:5px;left:10px;font-size:10px;color:var(--muted);letter-spacing:.15em}.road{position:absolute;bottom:66px;left:0;right:0;border-bottom:1px solid #d5ff7725}.road:after{content:'';display:block;width:50px;height:2px;background:var(--lime);animation:travel 8s ease-in-out infinite}footer{border-top:1px solid #ffffff12;font-size:11px;color:var(--muted)}footer strong{color:var(--ink)}@keyframes breathe{50%{transform:translateY(-6px)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes travel{0%,100%{transform:translateX(0);opacity:0}30%,70%{opacity:.7}90%{transform:translateX(400px)}}@media(max-width:760px){header,footer{padding:22px 24px}header img{width:110px}header>span{max-width:150px;text-align:right;line-height:1.6;font-size:8px}header i{display:none}main{grid-template-columns:1fr;padding:38px 24px 20px;gap:30px}.eyebrow{font-size:8px;letter-spacing:.15em}h1{font-size:clamp(39px,8.4vw,62px)}.intro{font-size:16px}.visual{height:260px;margin:0 10px}.visual svg{max-width:400px}.ring{width:220px;height:220px}.ring.two{width:290px;height:290px}.road{bottom:28px}.visual-caption{font-size:8px}.visual-number{font-size:8px}footer{gap:20px;font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
