:root{color-scheme:dark;--bg:#0c1120;--panel:#161f33;--muted:#b9c5d9;--text:#f7f9ff;--line:#34425c;--cyan:#83e5f8;--pink:#f6acdb;--orange:#ffd091;--purple:#cbb6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 2% 0%,#17344d 0,transparent 36%),radial-gradient(ellipse at 100% 35%,#2b2147 0,transparent 38%),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a,input,select{touch-action:manipulation}button,input,select{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#000;padding:12px;z-index:5}header,main,footer{max-width:1250px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:850;letter-spacing:-1.3px}.brand span{color:var(--cyan)}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{padding:10px 0;font-size:14px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4.4vw,58px);line-height:1.12;letter-spacing:-2px;max-width:880px;margin-bottom:24px}h2{font-size:28px;line-height:1.25;letter-spacing:-.8px}h3{font-size:18px;line-height:1.4;letter-spacing:-.25px}.eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:2px;color:var(--cyan);display:block;margin-bottom:18px}.lead{font-size:19px;max-width:730px;color:var(--muted)}.hero{padding:45px 0 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}.hero h1 em{font-style:normal;color:var(--cyan)}.glass,.card,.answer,.guide-card{background:linear-gradient(145deg,#24334acc,#141a2ee8);border:1px solid #465771;border-radius:24px;box-shadow:inset 0 1px 1px #ffffff24,0 14px 40px #0003}.feature{padding:26px;border-color:#6e708e;background:linear-gradient(135deg,#263c51,#25203d)}.feature .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature img{background:white;border-radius:15px;width:100%;height:165px;object-fit:contain;padding:16px}.feature h2{font-size:24px;margin:16px 0 10px}.feature p{font-size:14px;color:var(--muted)}.feature small{display:block;color:var(--muted);font-size:12px}.feature .button{margin-top:18px}.button,button{border:1px solid #addbf7;border-radius:999px;background:linear-gradient(145deg,#b0f5fb,#acb7ff);box-shadow:inset 0 2px 1px #fffa,0 4px 16px #49bdff22;color:#14203a;font-weight:750;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;min-height:46px;text-align:center}.button:hover,button:hover{filter:brightness(1.08);text-decoration:none}.secondary{background:#23324b;color:white;border-color:#617494;box-shadow:inset 0 1px #ffffff22}.searchbar{display:flex;gap:12px;max-width:770px;margin:24px 0}.searchbar input{flex:1;min-width:0}input,select{border:1px solid #63718a;background:#10192a;color:#fff;border-radius:13px;padding:12px;min-height:46px;width:100%}label{display:block;font-size:13px;color:var(--muted);margin-bottom:5px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a,.pill{border:1px solid var(--line);border-radius:99px;padding:8px 15px;display:inline-block;color:var(--muted);font-size:13px}.chips a:hover{border-color:var(--cyan);color:var(--cyan);text-decoration:none}.stats{display:flex;gap:35px;flex-wrap:wrap;padding:22px 0;margin:12px 0 35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats strong{font-size:23px}.stats span{display:block;font-size:12px;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:46px 0 22px}.section-head h2{margin:0}.section-head p{font-size:14px;color:var(--muted);max-width:410px;margin:0}.universes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.universe{padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,#27334a,#151d31)}.universe b{display:block;font-size:17px;color:var(--accent)}.universe small{display:block;color:var(--muted);margin-top:8px}.universe:hover{border-color:var(--accent);text-decoration:none;background:#26314b}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-card{padding:24px}.guide-card .number{color:var(--pink);font-size:13px;display:block;margin-bottom:15px}.guide-card h3{font-size:21px}.guide-card span:last-child{font-size:13px;color:var(--cyan)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:15px;min-width:0;display:flex;flex-direction:column;border-radius:20px}.photo{height:220px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:17px}.photo img{width:100%;height:100%;object-fit:contain;padding:18px}.card h3{margin:8px 0 12px}.card .meta{font-size:12px;color:var(--muted);margin-bottom:8px}.card .price{font-size:26px;font-weight:800;letter-spacing:-1px;margin:auto 0 0}.card .button{width:100%;margin-top:12px;font-size:13px;padding:10px}.card .select{display:flex;gap:10px;align-items:center;margin-top:12px;color:var(--muted);font-size:13px}.card input[type=checkbox]{width:19px;min-height:19px;height:19px;accent-color:var(--cyan)}.note,.muted{color:var(--muted)}.note{font-size:13px}.breadcrumbs{font-size:13px;color:var(--muted);margin:8px 0 28px}.filters{display:grid;grid-template-columns:2fr 1.5fr 1fr 1.3fr auto;gap:14px;align-items:end;padding:22px;margin-bottom:25px}.filter-stock{display:flex;gap:10px;align-items:center;margin:8px 0 20px}.filter-stock input{width:20px;min-height:20px}.answer{padding:25px;margin:24px 0;background:linear-gradient(135deg,#163645,#1c233b);border-color:#407081}.answer p:last-child{margin-bottom:0}.answer h2{font-size:23px}.compare-bar{position:sticky;bottom:16px;z-index:2;margin:24px auto 0;display:flex;align-items:center;gap:20px;justify-content:space-between;background:#182137f5;padding:15px 22px;border:1px solid #657893;border-radius:20px;box-shadow:0 10px 30px #0007}.compare-bar p{margin:0;font-size:14px}.pagination{display:flex;gap:15px;align-items:center;justify-content:center;margin:30px 0}.faq{margin:36px 0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:650;min-height:35px}.faq p{max-width:850px;color:var(--muted);margin:15px 0}.product-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:start}.product-layout .photo{height:440px}.product-layout h1{font-size:37px;letter-spacing:-1px}.product-layout .price{font-size:40px;font-weight:800}.product-layout dl{margin:24px 0}.product-layout dl div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0}.table-wrap{overflow:auto;margin:25px 0}table{border-collapse:collapse;width:100%;min-width:650px}td,th{text-align:left;padding:18px;vertical-align:top;border-bottom:1px solid var(--line);min-width:170px}th:first-child{min-width:150px}thead th{background:#1d2c42}table .photo{height:180px}table .button{font-size:13px}.legal{max-width:850px}.legal p{color:var(--muted)}footer{font-size:13px;color:var(--muted);margin-top:60px;border-top:1px solid var(--line)}footer .links{display:flex;gap:20px;flex-wrap:wrap;margin:15px 0}.empty{padding:40px;border:1px solid var(--line);border-radius:20px}.stock{font-size:12px;color:var(--cyan)}@media(max-width:1000px){.grid,.universes{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:1fr 1fr}.hero{gap:24px}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header,main,footer{padding:20px}header{align-items:start;gap:15px;flex-direction:column}nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:24px}.hero h1{font-size:40px}.feature{max-width:100%}.grid,.universes,.guide-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:11px}.photo{height:170px}.card h3{font-size:15px}.card .price{font-size:22px}.card .button{padding:10px 8px;font-size:12px}.section-head{align-items:start;flex-direction:column;gap:10px}.product-layout{grid-template-columns:1fr}.product-layout .photo{height:320px}.searchbar{gap:8px}.searchbar button{padding:12px}.filters{padding:16px}.compare-bar{padding:12px;gap:10px;bottom:8px}.compare-bar p{font-size:12px}.universe{padding:16px}.universe b{font-size:15px}.guide-card{padding:18px}.guide-card h3{font-size:18px}.stats{gap:20px}.stats strong{font-size:19px}.product-layout h1{font-size:30px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
