:root{color-scheme:dark;--orange:#ff6600;--ink:#101011;--px:50%;--py:30%;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{min-width:280px;background:var(--ink)}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:44px 20px;color:#faf9f7;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--orange);color:#101011}
.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none}.glow{position:absolute;filter:blur(85px);border-radius:50%;opacity:.35;will-change:transform}.glow-one{width:550px;height:550px;background:#cc4700;top:-300px;left:calc(50% - 480px);animation:drift 16s ease-in-out infinite alternate}.glow-two{width:420px;height:420px;background:#872500;bottom:-260px;right:calc(50% - 440px);animation:drift 19s ease-in-out infinite alternate-reverse}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%)}.orbit{position:absolute;width:900px;height:900px;left:calc(50% - 450px);top:calc(50% - 450px);border:1px solid #ff660012;border-radius:50%;animation:orbit 50s linear infinite}.orbit::after{content:'';position:absolute;left:50%;top:-4px;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 25px #ff6600}.orbit-two{width:1100px;height:1100px;left:calc(50% - 550px);top:calc(50% - 550px);animation-direction:reverse;animation-duration:70s;opacity:.5}.ghost{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);font-size:clamp(500px,85vw,1200px);line-height:1;font-weight:900;color:#ffffff01;-webkit-text-stroke:1px #ffffff04;user-select:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.card{position:relative;width:min(100%,510px);padding:28px 32px 24px;background:linear-gradient(145deg,#ffffff05,transparent 50%),#151516e8;border:1px solid #ffffff12;border-radius:28px;box-shadow:0 32px 100px #0006;isolation:isolate;animation:arrival .8s both}.card::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(350px circle at var(--px) var(--py),#ff66000b,transparent 75%)}.card::after{content:'';position:absolute;height:2px;left:30%;right:30%;top:-1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 20px #ff660033}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-label,.signal{font-size:8px;font-weight:700;letter-spacing:1.35px}.mini-label{color:#aaa}.signal{color:#aaa;display:flex;align-items:center;gap:7px;letter-spacing:.65px}.signal i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #ff660012;animation:pulse 3s ease-in-out infinite}
.brand{text-align:center;padding:34px 0 28px}.wordmark{display:block;font-weight:900;letter-spacing:-5px;font-size:68px;line-height:.95}.brand-dot{color:var(--orange)}.brand-caption{display:block;margin-top:10px;letter-spacing:3.1px;font-size:9px;font-weight:700;color:#c1c1c1}.intro{text-align:center}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--orange);margin:4px 0 14px}h1{font-size:38px;line-height:1.08;letter-spacing:-1.7px;font-weight:750;margin:0}h1 em{font-style:normal;color:var(--orange)}.subtitle{font-size:12px;line-height:1.6;color:#aaa;margin:16px 0 28px}
.links{display:grid;gap:10px}.link-card{position:relative;display:flex;align-items:center;gap:13px;min-height:81px;padding:17px 16px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff03;color:inherit;text-decoration:none;overflow:hidden;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;animation:link-arrival .65s both;animation-delay:calc(.15s + var(--i)*.1s);-webkit-tap-highlight-color:transparent}.link-card::before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff06 45%,transparent 70%);transform:translateX(-130%);animation:sweep 8s ease-in-out infinite;animation-delay:calc(var(--i)*1.5s);pointer-events:none}.link-icon{height:39px;width:39px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;background:#ff660013;border:1px solid #ff660020;color:var(--orange)}svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.link-copy{flex:1;min-width:0;display:grid;gap:6px}.link-title{font-size:14px;line-height:1.3;font-weight:700;letter-spacing:-.2px}.link-description{font-size:10px;line-height:1.35;color:#aaa}.arrow{width:27px;height:27px;display:grid;place-items:center;color:#a0a0a0;flex-shrink:0;transition:transform .3s,color .3s}.arrow svg{width:17px;height:17px}.contact{margin-top:4px;background:var(--orange);border-color:var(--orange);color:#14110d;box-shadow:0 5px 25px #ff660016}.contact .link-icon{color:#14110d;background:#00000008;border-color:#00000016}.contact .link-description{color:#472005}.contact .arrow{color:#14110d}.link-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.link-card:active{transform:scale(.985)}
footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;color:#999;font-size:9px;line-height:1.8}footer p{margin:0}.footer-brand{font-size:10px;white-space:nowrap;color:#ccc}.footer-brand span{color:var(--orange);margin-left:3px}.card-bottom{display:flex;align-items:center;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff09;font-size:7px;letter-spacing:1.2px;color:#838383;font-weight:700}.bottom-line{height:1px;flex:1;background:#ffffff0c}
@media(hover:hover) and (pointer:fine){.link-card:hover{transform:translateY(-3px);background:#ff660009;border-color:#ff66005e;box-shadow:0 8px 25px #0002}.link-card:hover .arrow{transform:translate(2px,-2px);color:var(--orange)}.contact:hover{background:#ff7c24;border-color:#ff7c24;box-shadow:0 10px 35px #ff66002a}.contact:hover .arrow{color:#14110d}}
@media(max-width:480px){body{padding:20px 14px}.card{padding:23px 21px 21px;border-radius:23px}.card-top{gap:8px}.mini-label{font-size:7px;letter-spacing:1px}.signal{font-size:6.5px;letter-spacing:.65px}.brand{padding-top:30px;padding-bottom:25px}.wordmark{font-size:62px}h1{font-size:34px}.link-card{padding:15px 13px;gap:11px;min-height:80px}.link-icon{height:36px;width:36px}.link-title{font-size:13px}.link-description{font-size:10px}.subtitle{font-size:11px;margin-bottom:25px}footer{font-size:8px}.footer-brand{font-size:9px}}
@media(max-width:340px){.card{padding:21px 15px}.signal{letter-spacing:.2px;font-size:6px}.link-title{font-size:12px}.link-card{gap:9px;padding:14px 11px}.arrow{width:19px}.link-icon{width:32px;height:32px}h1{font-size:30px}footer{flex-direction:column;align-items:flex-start;gap:7px}}
@keyframes drift{to{transform:translate(100px,80px) scale(1.15)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #ff660009;opacity:.55}}@keyframes arrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes link-arrival{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes sweep{0%,70%{transform:translateX(-130%)}95%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.glow{will-change:auto}}
