:root{color-scheme:dark;--bg:#090a09;--ink:#f0f1e9;--lime:#dfff43;--muted:#969b90;font-family:"Avenir Next","Segoe UI",Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--lime);outline-offset:7px}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;left:20px;top:-80px;padding:12px 20px;background:var(--lime);color:var(--bg);z-index:3}.skip:focus{top:16px}
.page{max-width:1600px;min-height:100svh;margin:0 auto;padding:0 clamp(24px,6vw,100px);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 78% 47%,#20251a44 0,transparent 43%)}
.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;position:relative;z-index:1}.brand{display:inline-flex;align-items:center;gap:13px;font-size:22px;font-weight:800;letter-spacing:-.8px}.mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #dfff435c;border-radius:50%;font-size:25px;color:var(--lime)}.status{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.5px;color:#b2b7aa;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 14px #dfff4344}
main{position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:640px;padding:90px 0 100px}.overline{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;letter-spacing:2.8px;color:#b1b7a8}.line{height:1px;width:30px;background:var(--lime)}h1{position:relative;z-index:1;margin:29px 0 23px;font-size:clamp(64px,7.7vw,115px);line-height:1.01;letter-spacing:-.075em;font-weight:600}h1 em{font-style:normal;color:var(--lime)}.intro{position:relative;z-index:1;margin:0;color:#a5aa9e;font-size:16px;line-height:1.8;letter-spacing:-.2px}.contact{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:space-between;gap:53px;margin-top:34px;min-height:52px;padding:15px 21px;background:var(--lime);color:#14170c;border-radius:3px;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.contact:hover{background:#ecff9b;transform:translateY(-2px)}.contact span{font-size:19px;font-weight:400}
.visual{position:absolute;right:-5%;top:50%;width:55%;aspect-ratio:1;transform:translateY(-49%);display:grid;place-items:center;pointer-events:none}.orbit{position:absolute;width:100%;height:100%;border:1px solid #c7d4a015;border-radius:50%}.orbit-outer:before{content:"";width:5px;height:5px;position:absolute;left:14.5%;top:14.5%;background:#dfff4377;border-radius:50%}.orbit-middle{width:81%;height:81%;border-style:dashed;border-color:#c7d4a019;animation:turn 100s linear infinite}.orbit-inner{width:62%;height:62%;border-color:#dfff4326}.disc{position:absolute;width:44%;height:44%;border-radius:50%;border:1px solid #dfff4347;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,#0d100b 0,#0d100b 6px,#252d1960 7px,#0d100b 8px);box-shadow:0 0 95px #b5d3310a,inset 0 0 40px #0009;transform:rotate(-13deg)}.disc:after{content:"";position:absolute;inset:14%;border:1px solid #dfff4329;border-radius:50%}.disc>span{font-size:clamp(60px,7.5vw,113px);font-weight:700;letter-spacing:-.07em;color:#dfff43e3;transform:translateX(-4px)}.disc>i{position:absolute;right:19%;top:25%;width:4px;height:4px;background:var(--lime);border-radius:50%}.signal{position:absolute;bottom:14%;display:flex;align-items:center;gap:5px;height:23px}.signal span{width:2px;background:#dfff4359;height:5px;animation:signal 2.5s ease-in-out infinite alternate}.signal span:nth-child(2n){height:13px;animation-delay:-.8s}.signal span:nth-child(3n){height:23px;animation-delay:-1.4s}.coordinate{position:absolute;bottom:4%;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2.5px;color:#7e8e666e}
footer{min-height:88px;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:1;font-size:10px;color:#969c8e}.footer-note{font-size:12px;color:#b9bfb0}footer>a{padding:14px 0;font-size:11px;color:#bdc2b5}footer>a span{margin-left:10px;color:var(--lime)}.credit{font-size:9px}.credit span{margin:0 9px;color:#4c5344}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes signal{to{transform:scaleY(.4)}}
@media(min-width:1500px){.visual{right:-2%;width:53%}}@media(max-width:1000px) and (min-width:701px){.visual{right:-14%;width:62%;opacity:.75}h1{font-size:80px}footer{gap:12px}.footer-note{font-size:11px}.credit{font-size:8px}}
@media(max-width:700px){.page{padding:0 24px}.header{height:89px}.brand{font-size:20px}.mark{width:34px;height:34px;font-size:23px}.status{font-size:8px;letter-spacing:1px;gap:7px}main{min-height:0;padding:57px 0 23px;justify-content:flex-start}.overline{font-size:9px;letter-spacing:2px}h1{font-size:clamp(56px,12.9vw,88px);margin:25px 0 20px;line-height:1.04;letter-spacing:-.065em}.intro{font-size:14px;line-height:1.8}.contact{margin-top:25px;min-height:48px;padding:12px 18px}.visual{position:relative;align-self:center;right:auto;top:auto;width:min(85%,360px);margin:6px 0 -9px;transform:none}.disc>span{font-size:64px}.coordinate{font-size:7px;letter-spacing:1.5px}footer{display:grid;grid-template-columns:1fr auto;padding:20px 0;gap:4px 10px;min-height:95px}.footer-note{font-size:11px}footer>a{font-size:10px;padding:10px 0}.credit{grid-column:1/-1;font-size:8px;margin-top:1px}.signal{gap:4px;bottom:13%;transform:scale(.8)}}
@media(max-width:360px){.page{padding:0 20px}.status{font-size:7px}h1{font-size:54px}.footer-note{font-size:10px}footer>a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}