:root{color-scheme:dark;--green:#90ff4f;--bg:#1f1f1f;--orbit-size:min(76vw,144vh)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{font-family:Arial,Helvetica,sans-serif;color:#fff}button{font:inherit}button:focus-visible,.social:focus-visible{outline:2px solid var(--green);outline-offset:6px}.social{text-decoration:none}
.landing{height:100svh;min-height:560px;position:relative;overflow:hidden;isolation:isolate;background-image:radial-gradient(circle,rgba(144,255,79,.23) 1.8px,transparent 2px);background-size:clamp(24px,1.77vw,38px) clamp(24px,1.77vw,38px);background-position:center 8px}
.brand{position:absolute;top:18.3%;left:50%;transform:translateX(-50%);width:clamp(240px,23vw,480px);z-index:4;animation:brand-in 1.1s cubic-bezier(.16,1,.3,1) both}.brand img{width:100%;height:auto;display:block}
.orbit-stage{position:absolute;width:var(--orbit-size);height:var(--orbit-size);top:34.6%;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none}.orbit{width:100%;height:100%;will-change:transform}.card{position:absolute;display:block;height:auto;opacity:0;will-change:transform,opacity;pointer-events:none;-webkit-user-drag:none}
.message{position:absolute;top:66.5%;left:0;right:0;z-index:3;text-align:center;animation:copy-in 1.2s 1.35s both}h1{margin:0;font-size:clamp(22px,1.78vw,38px);line-height:1.2;letter-spacing:-.025em;font-weight:300;white-space:nowrap}h1 span{font-weight:300}h1 strong{font-weight:750}
.bottom-shade{position:absolute;inset:65% 0 0;z-index:2;pointer-events:none;background:linear-gradient(transparent 0%,rgba(31,31,31,.2) 38%,var(--bg) 100%)}
.footer{position:absolute;bottom:5.6%;left:0;right:0;text-align:center;z-index:4;animation:copy-in 1s 1.7s both}.socials{display:flex;justify-content:center;gap:2px;margin-bottom:13px}.social{position:relative;display:grid;place-items:center;width:43px;height:43px;border:0;background:transparent;border-radius:50%;color:white;cursor:pointer;transition:color .3s,background .3s,box-shadow .3s;isolation:isolate}.social svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .35s cubic-bezier(.16,1,.3,1)}.social .filled{fill:currentColor;stroke:none}.social:hover,.social:focus-visible{color:var(--green);background:rgba(144,255,79,.07);box-shadow:0 0 26px rgba(144,255,79,.09)}.social:hover svg,.social:focus-visible svg{transform:translateY(-3px) rotate(-7deg) scale(1.12)}.tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,8px);white-space:nowrap;color:#1f1f1f;background:var(--green);padding:9px 12px;border-radius:6px;font-size:12px;letter-spacing:.02em;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .3s}.tooltip span{margin-left:8px}.social:hover .tooltip,.social:focus-visible .tooltip{opacity:1;transform:translate(-50%,0)}.copyright{margin:0;color:#e2e2e2;font-size:clamp(10px,.83vw,17px);font-weight:300;line-height:1.45;letter-spacing:.01em}.copyright b{font-weight:700}
.motion-toggle{position:absolute;bottom:24px;right:25px;z-index:6;width:34px;height:34px;padding:7px;border:1px solid #ffffff1c;border-radius:50%;background:#1f1f1f88;color:#aaa;cursor:pointer;transition:color .2s,border-color .2s}.motion-toggle:hover{color:var(--green);border-color:var(--green)}.motion-toggle svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5;fill:none}.notice{position:absolute;bottom:22px;left:50%;transform:translate(-50%,15px);z-index:8;max-width:80vw;padding:12px 18px;background:var(--green);color:var(--bg);font-size:13px;border-radius:8px;opacity:0;pointer-events:none;transition:.3s}.notice.show{opacity:1;transform:translate(-50%,0)}
@keyframes brand-in{from{opacity:0;translate:0 15px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes copy-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:700px){:root{--orbit-size:145vw}.landing{min-height:600px;background-size:25px 25px;background-image:radial-gradient(circle,rgba(144,255,79,.2) 1.3px,transparent 1.8px)}.brand{top:15%;width:64vw;max-width:330px}.orbit-stage{top:34%;}.message{top:64%}h1{font-size:clamp(19px,5.25vw,30px)}.footer{bottom:7%}.copyright{font-size:10px;line-height:1.6}.socials{gap:7px;margin-bottom:12px}.social{width:44px;height:44px}.bottom-shade{top:59%}.motion-toggle{bottom:18px;right:16px}}
@media(max-width:700px) and (min-height:850px){.orbit-stage{top:36%}.message{top:62%}}
@media(prefers-reduced-motion:reduce){.card,.brand,.message,.footer{animation:none;opacity:1}.card{will-change:auto}.social svg,.social,.tooltip,.notice{transition:none}}


/* Decorative images never trigger native selection or HTML image dragging. */
.landing{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.landing img{-webkit-user-drag:none;user-select:none;pointer-events:none}
.orbit-stage{touch-action:none}
.orbit-piece{position:absolute;inset:0;pointer-events:none;will-change:transform}
.landing.is-over-ring{cursor:grab}
.landing.is-dragging{cursor:grabbing}
.orbit-stage{pointer-events:auto}
.orbit{pointer-events:none}
@media(prefers-reduced-motion:reduce){.orbit-piece{will-change:auto}}