:root{color-scheme:dark;--night:#060911;--cyan:#00d9ff;--pink:#ff266e;--white:#f4f9ff}
*{box-sizing:border-box}
html{min-height:100%;background:var(--night)}
body{margin:0;min-height:100svh;color:var(--white);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 50% 42%,#09224966 0,transparent 62%),var(--night)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#00d9ff06 50%,transparent 50.1%);z-index:0}
.landing{position:relative;min-height:100svh;max-width:900px;margin:0 auto;padding:48px 24px 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}
.brand{display:block;width:min(100%,530px);height:auto;flex:none;filter:drop-shadow(0 0 30px #008cff17)}
nav{width:min(100%,330px)}
.tool-link{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:25px;min-height:72px;padding:18px 26px;color:var(--white);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:22px;font-weight:850;font-style:italic;background:linear-gradient(115deg,#00d9ff80,#244d83 40%,#ff266eaa);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:filter .18s,transform .18s}
.tool-link::before{content:"";position:absolute;inset:1px;z-index:-1;background:linear-gradient(110deg,#0b1c30,#101120);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
.tool-link::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:linear-gradient(90deg,var(--cyan) 0 34%,transparent 34% 52%,var(--pink) 52% 85%,transparent 85%)}
.tool-label{text-shadow:-1px 0 #00d9ff99,1px 0 #ff266e88}
.arrow{color:var(--cyan);flex:none;filter:drop-shadow(2px 0 #ff266e88);transition:transform .18s}
.tool-link:hover{filter:brightness(1.25);transform:translateY(-2px)}
.tool-link:hover .arrow{transform:translateX(4px)}
.tool-link:focus-visible{outline:none;background:#fff;filter:brightness(1.3)}
.tool-link:focus-visible::before{inset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:520px){.landing{padding:32px 20px 48px;gap:26px}.brand{width:100%}nav{max-width:290px}.tool-link{font-size:19px;min-height:66px}}
@media(prefers-reduced-motion:reduce){.tool-link,.arrow{transition:none}.tool-link:hover,.tool-link:hover .arrow{transform:none}}

nav{display:grid;gap:12px}
.dev-link{font-size:20px;min-height:64px}
@media(max-width:520px){.dev-link{font-size:18px;min-height:60px}}