:root{--ink:#f5f7ff;--muted:#9da7c2;--line:#ffffff1c;--cyan:#36d9ff;--violet:#7c5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#080b14;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}main{background:radial-gradient(circle at 50% 24%,#414b9d40,#0000 36%),radial-gradient(circle at 17% 66%,#27b4ff14,#0000 28%),#080b14;min-height:100vh;position:relative;overflow:hidden}main:before{content:"";opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.nav{z-index:2;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1180px;height:82px;margin:auto;padding:0 30px;display:flex;position:relative}.brand{color:#fff;letter-spacing:.18em;align-items:center;gap:12px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#071018;background:linear-gradient(145deg,var(--cyan),#93f6ff);clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);place-items:center;width:32px;height:32px;font-size:17px;font-weight:900;display:grid}.source-link{color:#c2c8d9;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:13px;text-decoration:none;transition:all .2s}.source-link:hover{color:#fff;border-color:#36d9ff73}.hero{z-index:1;text-align:center;width:min(920px,100% - 36px);margin:0 auto;padding:72px 0 58px;position:relative}.eyebrow{color:#aeb7cd;letter-spacing:.22em;align-items:center;gap:9px;font-size:11px;font-weight:700;display:inline-flex}.live-dot{background:#4cff9c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #4cff9c}h1{letter-spacing:-.065em;margin:26px 0 14px;font-size:clamp(38px,7vw,78px);font-weight:900;line-height:.96}h1 span{color:#6e7897;font-style:italic;font-weight:400}.intro{color:var(--muted);margin:0 0 40px;font-size:16px}.category-row{grid-template-columns:1fr 1fr;gap:18px;width:min(720px,100%);margin:0 auto 20px;display:grid}.category-card{border:1px solid var(--line);text-align:left;background:#0c101dc2;border-radius:20px;align-items:center;gap:19px;min-height:126px;padding:22px 25px;display:flex;box-shadow:inset 0 1px #ffffff09}.category-card div{flex-direction:column;display:flex}.category-card small{color:#929db7;letter-spacing:.17em;font-size:9px;font-weight:800}.category-card strong{color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:38px;line-height:1.1}.category-card div span{color:#69748f;font-size:11px}.counter-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#1d223fde,#0d1120e8);border:1px solid #687eff40;border-radius:24px;width:min(620px,100%);margin:auto;padding:29px 34px 31px;box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff0d}.counter-label{color:#aeb8d2;letter-spacing:.24em;font-size:10px;font-weight:800}.counter-number{letter-spacing:-.08em;color:#0000;font-variant-numeric:tabular-nums;background:linear-gradient(#fff 25%,#a9b7dc);-webkit-background-clip:text;background-clip:text;font-size:clamp(74px,15vw,132px);font-weight:800;line-height:1.08}.track{background:#242a42;border-radius:10px;height:4px;overflow:hidden}.track-fill{background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:10px;height:100%;transition:width .12s linear;box-shadow:0 0 12px #36d9ff80}.range{color:#66718f;font:11px var(--font-geist-mono),monospace;justify-content:space-between;margin-top:8px;display:flex}.gap-caption{color:#8994af;margin:-3px 0 24px;font-size:12px}.gap-caption strong{color:var(--cyan);letter-spacing:.1em}.comparison-bar{background:#20263c;border-radius:20px;gap:3px;height:7px;display:flex;overflow:hidden}.bar-web{background:linear-gradient(90deg,#24b9f4,#55e7ff);transition:flex .5s}.bar-gaming{background:linear-gradient(90deg,#9f83ff,#7053f6);transition:flex .5s}.bar-labels{color:#68738f;letter-spacing:.12em;justify-content:space-between;margin-top:9px;font-size:9px;font-weight:800;display:flex}.result{opacity:1;justify-content:center;align-items:center;gap:15px;margin-top:19px;transition:all .25s;display:flex}.result.waiting{opacity:.42}.result-number{color:var(--cyan);font-size:37px;font-weight:900;line-height:1}.result-copy{text-align:left;color:#8f99b3;font-size:11px;line-height:1.5}.result-copy strong{color:#e7ebf8;letter-spacing:.13em;font-size:10px;display:block}.values-grid{grid-template-columns:1fr 42px 1fr;align-items:center;gap:12px;width:min(720px,100%);margin:28px auto 20px;display:grid}.value-card{border:1px solid var(--line);text-align:left;background:#0c101db8;border-radius:18px;align-items:center;gap:16px;min-height:112px;padding:20px;transition:all .2s;display:flex}.value-card:focus-within{border-color:#36d9ff75;transform:translateY(-2px)}.value-icon{color:#0a1120;border-radius:13px;flex:none;place-items:center;width:45px;height:45px;font-weight:900;display:grid}.web-card .value-icon{background:linear-gradient(145deg,#77ecff,#31b9ff)}.gaming-card .value-icon{color:#fff;background:linear-gradient(145deg,#b39aff,#7758ff)}.value-content{flex-direction:column;flex:1;min-width:0;display:flex}.value-content small{color:#919bb5;letter-spacing:.15em;font-size:9px;font-weight:800}.value-content input{color:#fff;appearance:textfield;background:0 0;border:0;outline:0;width:100%;padding:2px 0 0;font-size:31px;font-weight:800}.value-content input::-webkit-inner-spin-button{appearance:none}.percentage{color:#727c98;font:12px var(--font-geist-mono),monospace}.minus{color:#4b5571;font-size:29px}.restart{color:#9fa9c1;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;padding:12px 16px;font-size:12px}.restart:disabled{opacity:.45;cursor:wait}.restart:hover{color:#fff}.restart span{color:var(--cyan);margin-right:7px;font-size:18px}.status-line{color:#707b96;justify-content:center;align-items:center;gap:8px;margin:21px auto 0;font-size:11px;display:flex}.status-dot{background:#4cff9c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #4cff9cb3}.status-dot.error{background:#ff6d84;box-shadow:0 0 9px #ff6d84b3}footer{z-index:1;border-top:1px solid var(--line);color:#68728d;letter-spacing:.05em;justify-content:space-between;max-width:1180px;margin:auto;padding:26px 30px 34px;font-size:11px;display:flex;position:relative}footer strong{color:var(--cyan)}@media (width<=650px){.nav{height:70px;padding:0 18px}.source-link{font-size:0}.source-link span{font-size:15px}.hero{padding-top:52px}.category-row{grid-template-columns:1fr;gap:10px}.category-card{min-height:96px;padding:17px 20px}.category-card strong{font-size:31px}.counter-card{padding:26px 22px}.counter-number{font-size:86px}footer{flex-direction:column;align-items:center;gap:15px;padding:23px 18px}.intro{font-size:14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}