:root{color-scheme:dark;--bg:#080b17;--panel:#101525;--panel2:#171d31;--ink:#f7f9ff;--muted:#9ca9c2;--violet:#8f7cff;--cyan:#39d2ff;--green:#66e6a3;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden}body::before{content:"";position:fixed;inset:-35%;z-index:-2;background:radial-gradient(circle at 25% 15%,#765dff38,transparent 25%),radial-gradient(circle at 80% 45%,#00b9e92b,transparent 22%),conic-gradient(from 120deg at 50% 45%,#080b17,#111631,#080b17,#1b102d,#080b17);animation:drift 18s ease-in-out infinite alternate}.stars,.stars::before,.stars::after{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff8c 0 1px,transparent 1.5px);background-size:79px 79px;opacity:.13;animation:stars 28s linear infinite}.stars::before{transform:scale(1.3) rotate(12deg);opacity:.09}.stars::after{transform:scale(.72) rotate(-8deg);opacity:.16}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 36px));margin:auto;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;font-size:25px;font-weight:850;letter-spacing:-.04em}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:2px;border:1px solid #a99cff80;border-radius:11px;background:#8f7cff20;color:#c8c0ff}.live{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.live i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);animation:pulse 1.7s infinite}main{width:min(1180px,calc(100% - 36px));margin:auto}.hero{min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 0 70px}.donkey{position:relative;width:122px;height:110px;margin-bottom:42px;animation:float 3.6s ease-in-out infinite}.ear{position:absolute;top:0;width:30px;height:70px;border:2px solid #ffffff85;border-radius:65% 65% 38% 38%;background:linear-gradient(#8f7cff48,#080b1708);box-shadow:0 0 30px #8f7cff34}.ear.left{left:21px;transform:rotate(-13deg)}.ear.right{right:21px;transform:rotate(13deg)}.face{position:absolute;left:14px;right:14px;bottom:0;height:78px;border:2px solid #ffffff85;border-radius:52% 52% 44% 44%;background:#0b0f20cc;display:flex;justify-content:space-around;align-items:center;padding:0 25px}.face i{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 16px #8f7cff;animation:blink 4.5s infinite}.orbit{position:absolute;inset:15px -5px -5px;border:1px solid #ffffff24;border-radius:50%;animation:spin 9s linear infinite}.orbit::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);left:9px;top:16px;box-shadow:0 0 18px var(--cyan)}.eyebrow{margin:0 0 16px;color:#b4aaff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(52px,9vw,112px);line-height:.88;letter-spacing:-.075em}.hero h1 span{color:transparent;background:linear-gradient(90deg,#a99cff,#54d6ff);background-clip:text}.lead{max-width:820px;margin:34px auto 0;color:#bdc7da;font-size:clamp(18px,2.3vw,24px);line-height:1.55}.handoff{max-width:760px;margin-top:30px;padding:17px 22px;border:1px solid #66e6a340;border-radius:16px;background:#66e6a30c;color:#bdd3ca;line-height:1.55}.handoff b{color:var(--green)}section:not(.hero){margin:0 0 26px;padding:42px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#111627e8,#0d1221df);box-shadow:0 22px 60px #00000028;backdrop-filter:blur(14px)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-head h2,.checker h2,.method h2{margin:0;font-size:clamp(30px,4vw,48px);letter-spacing:-.045em}.section-head>p{max-width:430px;margin:0;color:var(--muted);line-height:1.5;text-align:right}.stat-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px}.stat{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:21px;background:var(--panel2);display:flex;flex-direction:column}.stat.primary{background:linear-gradient(145deg,#6755ff,#3c35a5);border-color:#9f93ff75}.stat span{color:#c4cbe0;font-size:13px}.stat strong{margin:auto 0 4px;font-size:clamp(42px,5vw,68px);letter-spacing:-.06em}.stat small{color:#aeb8cc;line-height:1.4}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sample{padding:17px 18px;border:1px solid var(--line);border-radius:16px;background:#090d1b;color:#e8ecf7;font:700 16px ui-monospace,SFMono-Regular,Consolas,monospace}.sample small{display:block;margin-top:8px;color:#77849c;font:600 10px Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em}.skeleton{height:72px;border-radius:16px;background:linear-gradient(90deg,#ffffff08,#ffffff15,#ffffff08);background-size:200% 100%;animation:shimmer 1.3s infinite}.checker{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.checker>div>p:last-child{color:var(--muted);line-height:1.65}.checker form{padding:26px;border:1px solid #8f7cff40;border-radius:22px;background:#8f7cff0c}.checker label{display:block;margin-bottom:10px;color:#cfd5e4;font-size:13px;font-weight:700}.input-row{display:flex;gap:10px}.input-row input{min-width:0;flex:1;border:1px solid #ffffff25;border-radius:13px;background:#070a14;color:#fff;padding:15px 16px;font:600 17px ui-monospace,monospace;outline:none}.input-row input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #8f7cff25}.input-row button{border:0;border-radius:13px;background:linear-gradient(135deg,#8f7cff,#5b4be2);color:#fff;padding:0 24px;font-weight:800;cursor:pointer}.input-row button:disabled{opacity:.55;cursor:wait}output{display:none;margin-top:14px;padding:15px;border-radius:13px;line-height:1.45}output.show{display:block}output.yes{background:#66e6a314;border:1px solid #66e6a34f;color:#aaf0ce}output.no{background:#ffffff09;border:1px solid #ffffff17;color:#bdc6d8}output.error{background:#ff6f7d12;border:1px solid #ff6f7d40;color:#ffb9bf}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.method article{padding:24px;border-top:1px solid var(--line);background:#ffffff03}.method article>b{color:var(--cyan);font:800 12px ui-monospace,monospace}.method h3{margin:25px 0 12px;font-size:19px}.method article p{margin:0;color:var(--muted);line-height:1.6}footer{width:min(1180px,calc(100% - 36px));margin:55px auto 35px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#6f7b92;font-size:12px}@keyframes drift{to{transform:translate3d(4%,-3%,0) rotate(7deg) scale(1.04)}}@keyframes stars{to{background-position:79px 158px}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,44%,54%,100%{transform:scaleY(1)}49%{transform:scaleY(.08)}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:900px){.hero{min-height:650px}.stat-grid{grid-template-columns:1fr 1fr}.sample-grid{grid-template-columns:1fr 1fr}.checker{grid-template-columns:1fr;gap:26px}.method-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.section-head>p{text-align:left}}@media(max-width:560px){main,.topbar,footer{width:min(100% - 22px,1180px)}.topbar{height:64px}.live{font-size:10px}.hero{padding:65px 0;min-height:590px}.hero h1{font-size:49px}.lead{font-size:17px}.handoff{font-size:14px}section:not(.hero){padding:26px 18px;border-radius:22px}.stat-grid,.sample-grid{grid-template-columns:1fr}.stat{min-height:148px}.input-row{flex-direction:column}.input-row button{padding:15px}.method h2,.section-head h2,.checker h2{font-size:32px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}