:root{--g:linear-gradient(120deg,#ff4fd8,#ff7ab6,#b388ff,#5ee7ff,#9dffb0,#ff4fd8)}
*{box-sizing:border-box}body{margin:0;background:#000;color:#eaeaf0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid #1a1a1f}nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.brand{font-weight:700;letter-spacing:.04em;text-decoration:none;background:var(--g);-webkit-background-clip:text;color:transparent}
nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}nav ul a{text-decoration:none;opacity:.75}nav ul a:hover,nav ul a.on{opacity:1}
.hero{padding:90px 0 60px;position:relative}.hero:before{content:"";position:absolute;inset:-40px 20% auto;height:260px;background:radial-gradient(closest-side,#ff4fd855,#b388ff22,transparent);filter:blur(40px);z-index:-1}
h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 16px}.grad{background:var(--g);background-size:200%;-webkit-background-clip:text;color:transparent;animation:sh 8s linear infinite}
@keyframes sh{to{background-position:200%}}.lead{max-width:640px;opacity:.75;font-size:1.1rem}
.btn{display:inline-block;padding:10px 18px;border-radius:999px;text-decoration:none;font-weight:600;color:#000;background:var(--g);background-size:200%;box-shadow:0 0 18px #ff4fd855;transition:.3s}.btn:hover{box-shadow:0 0 28px #ff4fd8aa,0 0 50px #5ee7ff44;background-position:100%}
.btn.ghost{background:#000;color:#fff;border:1px solid #ff4fd8}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:24px 0 60px}
.card{position:relative;padding:22px;border-radius:16px;background:#08080b;border:1px solid #1d1d24;transition:.3s}
.card:hover{border-color:transparent;box-shadow:0 0 0 1px #ff4fd8,0 0 30px #ff4fd833,0 0 60px #5ee7ff1a}
.card h3{margin:0 0 4px;font-size:1.2rem;word-break:break-word}.price{font-size:1.4rem;font-weight:700;margin:8px 0 16px}
.tag{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55}
.tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
input,select{background:#0b0b10;color:#fff;border:1px solid #2a2a33;border-radius:10px;padding:10px 14px;font:inherit}input{flex:1;min-width:200px}input:focus,select:focus{outline:none;border-color:#ff4fd8;box-shadow:0 0 12px #ff4fd855}
footer{border-top:1px solid #1a1a1f;padding:24px 0;opacity:.5;font-size:.9rem}
@media(max-width:600px){nav ul{gap:12px;font-size:.9rem}.hero{padding:56px 0 30px}}
.copy{max-width:760px;margin:0 0 60px;opacity:.85}.copy h2{font-size:1.3rem}.short{padding-bottom:0}.cur{font-size:.8rem;opacity:.5;font-weight:400}[hidden]{display:none!important}
/* --- hero v2 --- */
.nav2{justify-content:center;gap:40px}.nav2 ul{gap:28px}header{border-bottom:0}
.hero2{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:min(88vh,820px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
#hands{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-in{position:relative;z-index:1;padding:0 20px;max-width:620px}
.eyebrow{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin:0 0 14px}
.hero2 h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:600;letter-spacing:-.02em;margin:0 0 18px}
.muted{color:#7d7d88}.sub{opacity:.7;margin:0 auto 32px;max-width:440px;font-size:1.02rem}
.pill{position:relative;display:inline-block;padding:13px 28px;border-radius:999px;background:#0d0d10;color:#fff;text-decoration:none;font-weight:600;border:1px solid #2a2a33;isolation:isolate}
.pill:after{content:"";position:absolute;left:12%;right:12%;bottom:-10px;height:22px;border-radius:50%;background:var(--g);background-size:200%;filter:blur(14px);opacity:.9;z-index:-1;animation:sh 6s linear infinite}
.pill:hover{border-color:#ff4fd8;box-shadow:0 0 24px #ff4fd855}
.scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:1;font-size:.9rem;text-decoration:none;opacity:.65;letter-spacing:.06em}.scroll:hover{opacity:1}
.lists{scroll-margin-top:20px;padding-top:40px}.center{text-align:center;margin:0 auto 30px}.lead a{color:#ff7ab6}
.tld{margin-top:30px}.tld-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #1a1a1f;padding-bottom:8px}
.tld-head h2{margin:0;font-size:1.6rem}.tld-head .n{opacity:.5;font-size:.9rem}.tld .grid{margin-bottom:20px}
@media(max-width:600px){.nav2{gap:16px}.nav2 ul{gap:12px}.hero2{min-height:640px}}
@media (prefers-reduced-motion:reduce){.grad,.pill:after{animation:none}}
.hero-in{max-width:900px}.hero2 h1 .muted{white-space:nowrap}
.hero-in{background:radial-gradient(closest-side,#000 55%,#0000);padding:40px 60px}
.hero2{justify-content:flex-start;padding-top:clamp(70px,11vh,120px)}
.hero-in{background:none;padding:0 20px}
.hero2 h1{text-shadow:0 0 30px #000,0 0 12px #000}
.hero2 h1{text-shadow:none}.hero2 h1 .muted{text-shadow:0 0 24px #000}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.intro{max-width:720px;margin:0 auto 28px;text-align:center;opacity:.8}
/* hero v3 */
.pill:after{content:none}
.pill{margin-top:4px;box-shadow:0 0 0 1px #ff4fd844,0 0 18px #ff4fd833,0 0 36px #b388ff1f}
.pill:hover{box-shadow:0 0 0 1px #ff4fd8,0 0 26px #ff4fd855,0 0 50px #5ee7ff2a}
.hero2 h1{margin-bottom:26px}
.spark{position:absolute;z-index:1;width:var(--s,48px);height:var(--s,48px);transform:translate(-50%,-50%);pointer-events:none}
.spark:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 40%,#ff4fd8 0,#ff4fd800 55%),radial-gradient(circle at 65% 55%,#5ee7ff 0,#5ee7ff00 50%),radial-gradient(circle at 50% 70%,#b388ff 0,#b388ff00 55%);filter:blur(6px);opacity:.95;animation:breathe 4s ease-in-out infinite}
.spark:after{content:"";position:absolute;left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 10px 3px #ffd6f5,0 0 22px 8px #ff4fd888}
.spark i{position:absolute;left:50%;top:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff;animation:orbit 5s linear infinite}
.spark i:nth-child(2){animation-duration:7s;animation-direction:reverse;background:#5ee7ff;box-shadow:0 0 6px #5ee7ff}
.spark i:nth-child(3){animation-duration:9s;background:#ff9be6;box-shadow:0 0 6px #ff4fd8}
@keyframes orbit{from{transform:rotate(0) translateX(calc(var(--s,48px)*.42)) rotate(0)}to{transform:rotate(360deg) translateX(calc(var(--s,48px)*.42)) rotate(-360deg)}}
@keyframes breathe{50%{transform:scale(1.15);opacity:.75}}
@keyframes hue{to{filter:blur(6px) hue-rotate(360deg)}}
.spark:before{animation:breathe 4s ease-in-out infinite,hue 8s linear infinite}
@media (prefers-reduced-motion:reduce){.spark:before,.spark i{animation:none}.spark i:nth-child(1){transform:translate(14px,-6px)}.spark i:nth-child(2){transform:translate(-12px,8px)}.spark i:nth-child(3){transform:translate(4px,14px)}}
@media(max-width:600px){.hero2{min-height:430px}.lists{padding-top:0}}
/* pill v4: rest = border only; hover = cursor-tracking iridescent glow */
.pill,.pill:hover{box-shadow:none;border-color:#ff4fd855;overflow:hidden}
.pill:before{content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:-1;opacity:0;transition:opacity .35s ease;
 background:radial-gradient(120px circle at var(--x,50%) var(--y,50%),#fff6 0,#0000 60%),var(--g);background-size:100% 100%,200% 100%;animation:sh 8s linear infinite;
 -webkit-mask:radial-gradient(140px circle at var(--x,50%) var(--y,50%),#000 0,#0008 45%,#0000 75%);mask:radial-gradient(140px circle at var(--x,50%) var(--y,50%),#000 0,#0008 45%,#0000 75%)}
.pill.glow:before{opacity:.85}
.pill{background:#0d0d10cc}
.ripple{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;pointer-events:none;background:var(--g);background-size:200%;animation:rip .6s ease-out forwards;mix-blend-mode:screen}
@keyframes rip{from{transform:scale(0);opacity:.9}to{transform:scale(26);opacity:0}}
@media (prefers-reduced-motion:reduce){.pill:before{animation:none;transition:none}}
/* vivid iridescent v5 */
:root{--g:linear-gradient(120deg,#ff2bd6 0%,#c63bff 22%,#7b5cff 38%,#00d4ff 58%,#2bffb4 76%,#ff2bd6 100%)}
.grad{filter:saturate(1.25) drop-shadow(0 0 14px #ff2bd640)}
.pill.glow:before{opacity:1;filter:saturate(1.35) brightness(1.1)}
.pill.glow{box-shadow:0 0 22px #ff2bd655,0 0 44px #00d4ff2a;border-color:#ff2bd6aa}
.ripple{filter:saturate(1.4)}
.btn{box-shadow:0 0 18px #ff2bd666,0 0 34px #7b5cff22}
.btn:hover{box-shadow:0 0 26px #ff2bd6aa,0 0 54px #00d4ff55}
.card:hover{box-shadow:0 0 0 1px #ff2bd6,0 0 30px #ff2bd640,0 0 64px #00d4ff26}
.spark:before{background:radial-gradient(circle at 35% 40%,#ff2bd6 0,#ff2bd600 58%),radial-gradient(circle at 66% 55%,#00d4ff 0,#00d4ff00 52%),radial-gradient(circle at 50% 72%,#c63bff 0,#c63bff00 56%),radial-gradient(circle at 45% 30%,#2bffb4aa 0,#2bffb400 40%);filter:blur(6px) saturate(1.4);opacity:1}
.spark:after{box-shadow:0 0 12px 4px #ffd0f5,0 0 28px 12px #ff2bd699,0 0 46px 18px #7b5cff55}
.spark i{background:#fff;box-shadow:0 0 8px #fff,0 0 12px #ff2bd6}
.spark i:nth-child(2){background:#00d4ff;box-shadow:0 0 10px #00d4ff}
.spark i:nth-child(3){background:#2bffb4;box-shadow:0 0 10px #2bffb4}
.tld-head h2 .grad,.brand{filter:saturate(1.3)}
.brand{background:var(--g);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 8s linear infinite;filter:saturate(1.25) drop-shadow(0 0 10px #ff2bd633)}
@media (prefers-reduced-motion:reduce){.brand,.grad{animation:none}}

/* v6: centered logo + hamburger, single-screen home, 101 spark */
.nav3{position:relative;justify-content:center;height:64px}
.burger{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #2a2a33;border-radius:12px;background:#0b0b10;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:#eaeaf0;transition:.25s}
.burger:hover,.burger:focus-visible{border-color:#ff2bd6;box-shadow:0 0 14px #ff2bd655;outline:none}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger[aria-expanded=true] span:nth-child(2){opacity:0}.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu{position:absolute;right:20px;top:58px;z-index:20;flex-direction:column;gap:0;min-width:220px;padding:8px;border:1px solid #2a2a33;border-radius:14px;background:#0b0b10f2;box-shadow:0 10px 40px #000,0 0 24px #ff2bd622;backdrop-filter:blur(8px)}
.nav3 .menu{display:flex}.nav3 .menu[hidden]{display:none!important}
.menu a{display:block;padding:12px 14px;border-radius:10px;opacity:.85;text-decoration:none}.menu a:hover,.menu a:focus-visible{opacity:1;background:#16161d;outline:none}.menu a[aria-current]{opacity:1;color:#ff7ab6}
.bots{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;margin-right:6px}
footer{opacity:.7}
html.one,html.one body{height:100%;overflow:hidden}
html.one body{display:flex;flex-direction:column;height:100svh}
html.one main.home{flex:1;min-height:0;max-width:none;padding:0;display:flex}
html.one .hero2{flex:1;min-height:0;width:100%;margin:0;padding-top:clamp(20px,6vh,70px)}
html.one footer{padding:12px 0;text-align:center;font-size:.85rem}
.desc{position:absolute;z-index:1;bottom:clamp(10px,3vh,28px);left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 40px));margin:0;text-align:center;opacity:.8;font-size:clamp(.88rem,1.6vh,1rem);line-height:1.5;text-shadow:0 0 18px #000,0 0 8px #000}
.tagline{font-weight:600;margin:-4px 0 18px}.tagline{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.soon{font-size:1.4rem;font-weight:700;margin:24px 0 4px}
.spark i{width:auto;height:auto;margin:0;background:none!important;border-radius:0;font:700 calc(var(--s,48px)*.22)/1 ui-monospace,Menlo,monospace;translate:-50% -50%}
.spark i:nth-child(1){color:#ff2bd6;text-shadow:0 0 8px #ff2bd6,0 0 2px #fff;box-shadow:none}
.spark i:nth-child(2){color:#00d4ff;text-shadow:0 0 8px #00d4ff,0 0 2px #fff;box-shadow:none}
.spark i:nth-child(3){color:#2bffb4;text-shadow:0 0 8px #2bffb4,0 0 2px #fff;box-shadow:none}
@media(max-width:600px){html.one .hero2{min-height:0}}
.spark i{font-size:max(12px,calc(var(--s,48px)*.3))}
.flink{color:inherit;opacity:.75;text-decoration:none;border-bottom:1px solid #ff2bd655}.flink:hover{opacity:1;border-color:#ff2bd6}
.issues{list-style:none;padding:0;margin:8px 0 20px}.issues li{padding:14px 0;border-bottom:1px solid #1d1d24;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.issues a{font-weight:600;text-decoration:none}.issues a:hover{color:#ff7ab6}.ino{color:#ff7ab6;margin-right:6px}.issues time{opacity:.55;font-size:.9rem}
.issue{max-width:720px;margin:0 auto;padding:40px 0 60px;font-size:1.08rem;line-height:1.75}.issue h1{font-size:clamp(1.9rem,5vw,2.8rem)}.issue p{opacity:.88}
.issue a{color:#ff7ab6}.crumb{font-size:.9rem;opacity:.6!important}.crumb a{color:inherit;text-decoration:none}
/* v9 desktop: tighter composition */
@media(min-width:700px){html.one .hero2{padding-top:clamp(12px,3vh,36px)}html.one .hero2 h1{font-size:clamp(2.4rem,min(6vw,8.5vh),4.6rem);margin-bottom:0}html.one .desc{bottom:clamp(8px,2vh,20px)}}
@media(min-width:700px){html.one main.home{width:100%;margin:0}}
/* v10: menu button on the left */
.burger{right:auto;left:20px}.menu{right:auto;left:20px}
/* v11: desktop menu button in the window corner */
@media(min-width:700px){.nav3{max-width:none}.burger{left:22px;top:20px;transform:none}.menu{left:22px;top:72px}}
/* v12: iOS tap robustness */
.burger{z-index:30;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}.burger span{pointer-events:none}
header{position:relative;z-index:25}
@media(max-width:699px){.spark i{font-size:12px}}
html.one main.home{width:100%;margin:0;padding:0}html.one .hero2{width:100vw;margin:0}
/* v14: trademark */
.brand{position:relative}.brand .tm{position:absolute;left:100%;top:-.1em;margin-left:1px;font-size:.55em;line-height:1;background:var(--g);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 8s linear infinite}
.tm{font-size:.6em;line-height:0;vertical-align:super;opacity:.85}

html,body{overflow-x:hidden;max-width:100%}#hands{max-width:100vw}