@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090e1b;--panel:#111a2b;--panel2:#151f32;--line:#283347;--text:#f1f5ff;--muted:#98a7be;--cyan:#56e8ef;--violet:#9679ff;--green:#9cf7d2;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.6}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.shell{width:min(1170px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;z-index:500;background:white;color:black;padding:10px}.header{position:sticky;top:0;z-index:20;background:#0b1120eb;backdrop-filter:blur(18px);border-bottom:1px solid #273146}.nav{min-height:76px;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-.6px;font-size:20px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--cyan);transform:skew(-9deg);font-size:15px;color:var(--cyan);letter-spacing:-4px;padding-right:4px;box-shadow:0 0 24px #56e8ef20}.brand-mark span{color:white}.accent{color:var(--cyan)}nav{display:flex;align-items:center;gap:26px;margin-left:auto}nav a{font-size:13px;font-weight:700;color:#a5b1c5;transition:.2s}nav a:hover,nav a.current{color:var(--cyan)}.nav-cta{background:#1c2d3f;color:var(--cyan);font-size:12px;font-weight:800;padding:11px 16px;border:1px solid #33586a;border-radius:8px}.menu-toggle{display:none}.count{background:#26384d;color:var(--cyan);padding:1px 6px;border-radius:8px;font-size:10px}.page{display:none}.page.active{display:block}.hero{overflow:hidden;background:radial-gradient(ellipse at 82% 32%,#243451 0%,transparent 46%),linear-gradient(135deg,#0d1629,#0b1120 70%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:55px;min-height:560px;padding:70px 0 80px}.eyebrow,.kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2.3px;text-transform:uppercase}.eyebrow{border:1px solid #28556a;border-radius:30px;padding:9px 15px;display:inline-block;background:#122637;font-size:10px}.hero h1,.page-heading h1{font:700 clamp(43px,5vw,76px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:25px 0}.gradient{background:linear-gradient(100deg,var(--cyan),#8a9aff 65%,#be8dff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:16px;max-width:510px;color:#acbad0;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid #344058;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:800;transition:transform .18s,filter .18s;background:transparent;color:#eaf2ff}.btn:hover{transform:translateY(-2px);filter:brightness(1.12)}.btn.primary{background:linear-gradient(105deg,#57dfe8,#77c5ff);border-color:transparent;color:#071425}.btn.ghost{background:#182336}.full{width:100%}.hero-stats{display:flex;gap:34px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:21px;font-family:'Space Grotesk'}.hero-stats small{font-size:11px;color:var(--muted)}.hero-visual{height:420px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border-radius:50%;border:1px solid #54dbed2d}.orb1{width:430px;height:430px}.orb2{width:320px;height:320px;box-shadow:0 0 100px #2199d31b}.hero-screen{width:90%;height:286px;background:linear-gradient(145deg,#122e4b,#0b1429 60%);border:1px solid #5086aa;transform:perspective(1000px) rotateY(-9deg) rotateX(5deg) rotateZ(-3deg);box-shadow:0 0 45px #1bc2eb36,18px 26px 0 -12px #182337,20px 29px 0 -12px #5be5f2;position:relative;border-radius:10px;overflow:hidden}.screen-top{height:32px;border-bottom:1px solid #315573;display:flex;align-items:center;padding:0 15px;gap:5px}.screen-top i{width:6px;height:6px;border-radius:50%;background:#47718c}.screen-top span{margin-left:auto;letter-spacing:2px;font-size:8px;color:#69b6cf}.screen-main{height:calc(100% - 32px);padding:25px;position:relative;overflow:hidden;background:radial-gradient(ellipse at right center,#2b507b80,transparent 50%),repeating-linear-gradient(0deg,transparent,transparent 19px,#60bcf308 20px)}.screen-label,.screen-footer{font:700 9px 'Space Grotesk';letter-spacing:2px;color:#6ef1ef}.screen-title{display:block;font:700 clamp(34px,5vw,58px)/1 'Space Grotesk';letter-spacing:-3px;margin:25px 0 15px;text-shadow:0 0 32px #6ad2ff55}.screen-title span{color:var(--cyan)}.chart-bars{display:flex;gap:7px;height:48px;align-items:end}.chart-bars b{width:19px;height:35%;background:linear-gradient(var(--cyan),#346de4);opacity:.65}.chart-bars b:nth-child(2){height:65%}.chart-bars b:nth-child(3){height:45%}.chart-bars b:nth-child(4){height:100%}.chart-bars b:nth-child(5){height:70%}.chart-bars b:nth-child(6){height:90%}.chart-bars b:nth-child(7){height:50%}.chart-bars b:nth-child(8){height:80%}.screen-footer{position:absolute;bottom:16px;font-size:7px;color:#9bc2d4}.float-tag{position:absolute;background:#14243a;border:1px solid #36536d;padding:10px 16px;font-size:10px;font-weight:800;letter-spacing:1.2px;border-radius:7px;box-shadow:0 15px 30px #0008}.float-tag.top{top:38px;right:0;color:var(--cyan)}.float-tag.bottom{bottom:28px;left:-12px;color:#c1aeff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:72px 0 24px}.section-head h2,.promo h2{font:700 clamp(25px,3vw,37px) 'Space Grotesk';letter-spacing:-1px;margin:5px 0}.section-head p,.promo p{color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-card{border:1px solid var(--line);background:linear-gradient(145deg,#182337,#101a2a);padding:22px;border-radius:var(--radius);transition:.2s;cursor:pointer}.category-card:hover,.product:hover,.guide-card:hover{border-color:#5486a0;transform:translateY(-3px)}.category-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:14px;background:#244660;color:var(--cyan);font-size:35px;margin-bottom:26px}.category-card.purple .category-icon{color:#c1a4ff;background:#392d58}.category-card.pink .category-icon{color:#feb0dc;background:#512a49}.category-card.green .category-icon{color:#a6f6ce;background:#234b45}.category-card h3{font-size:16px;margin:0 0 4px}.category-card p{font-size:12px;color:var(--muted);margin:0 0 15px}.arrow{color:var(--cyan)}.promo{border:1px solid #2a6172;border-radius:var(--radius);background:radial-gradient(ellipse at right,#1f5268,#13283d 45%,#121d31);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px;margin-top:65px}.text-link{color:var(--cyan);font-weight:800;font-size:13px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:80px}.guide-card{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:var(--radius);transition:.2s;display:flex;flex-direction:column;gap:9px}.guide-icon{height:65px;font-size:47px;color:var(--cyan)}.guide-card:nth-child(even) .guide-icon{color:#b9a0ff}.guide-card h3{font:700 20px/1.3 'Space Grotesk';margin:0}.guide-card p{font-size:13px;color:var(--muted);flex:1}.guide-meta{display:flex;justify-content:space-between;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.5px}.inner{padding:60px 0 105px;min-height:65vh}.page-heading{margin-bottom:36px}.page-heading h1{font-size:clamp(38px,5vw,62px);margin:14px 0}.page-heading p{color:var(--muted);max-width:730px}.finder-layout{display:grid;grid-template-columns:275px 1fr;gap:26px;align-items:start}.filter-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:12px}.panel-title{font-size:13px;font-weight:800;border-bottom:1px solid var(--line);padding-bottom:15px;letter-spacing:1px}.filter-panel label{font-size:12px;font-weight:700;margin-top:12px;display:flex;justify-content:space-between}.filter-panel select,.filter-panel input[type=search],#sort{background:#0c1525;color:var(--text);border:1px solid #34445e;border-radius:8px;padding:12px;width:100%;outline-offset:3px}.filter-panel input[type=range]{accent-color:var(--cyan);width:100%}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.disclaimer{font-size:11px;color:var(--muted);line-height:1.6}.results-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.results-top h2{font:700 24px 'Space Grotesk';margin:0}.muted{color:var(--muted);font-size:12px}#sort{width:auto;font-size:12px}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.2s}.product-art{height:160px;background:radial-gradient(circle at 50% 60%,#234e6e,#101a2d 70%);display:grid;place-items:center;position:relative;font-size:80px;color:#61e2ed;text-shadow:0 0 25px #55dae980}.product-art.headset{background:radial-gradient(circle,#493267,#111a2e 70%);color:#c0a2ff}.product-art.keyboard{background:radial-gradient(circle,#533452,#111a2e 70%);color:#ffb1df}.product-art.simracing{background:radial-gradient(circle,#2c534d,#111a2e 70%);color:#a4f5c5}.product-tag{position:absolute;left:14px;top:13px;font-size:9px;letter-spacing:1px;border:1px solid #5a8c9d;background:#0d1d30;padding:5px 9px;border-radius:5px;color:var(--cyan);font-weight:800;text-shadow:none}.product-content{padding:19px;flex:1;display:flex;flex-direction:column}.product-type{font-size:10px;letter-spacing:1.5px;color:var(--cyan);font-weight:800}.product h3{font:700 21px 'Space Grotesk';margin:4px 0}.product-desc{color:var(--muted);font-size:12px;margin:0}.spec-chips{display:flex;flex-wrap:wrap;gap:5px;margin:17px 0}.spec-chips span{border:1px solid #30435a;border-radius:5px;color:#bed0e7;font-size:10px;padding:4px 6px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}.product-price{font:700 25px 'Space Grotesk'}.product-price small{display:block;color:var(--muted);font:400 10px 'DM Sans'}.score{border:1px solid #2d6254;color:var(--green);background:#19352f;padding:5px 7px;font-size:11px;border-radius:7px;font-weight:700}.product-actions{display:flex;gap:8px;margin-top:15px}.product-actions button{flex:1}.product-actions .add{border:1px solid #46617d;background:#1b2e43;color:var(--cyan);border-radius:8px;padding:10px;font-size:12px;font-weight:700}.product-actions .add.selected{border-color:#6bdac2;color:#adffdb}.empty,.notice{padding:26px;border:1px dashed #36516a;color:var(--muted);border-radius:12px;background:var(--panel);font-size:13px}.hidden{display:none!important}.compare-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:15px;overflow:hidden}.compare-table th,.compare-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);vertical-align:top;font-size:13px}.compare-table th{background:#17243a}.compare-table td{background:#101a2c}.compare-table th:first-child,.compare-table td:first-child{width:170px;color:var(--muted)}.compare-wrap{overflow-x:auto;margin-bottom:20px}.remove{background:#3c2735;color:#fbb4cd;border:1px solid #78455d;border-radius:6px;padding:5px 8px;margin-top:10px}.compare-table small{color:var(--muted)}.article{max-width:800px;margin:auto}.article h1{font:700 clamp(32px,5vw,54px)/1.1 'Space Grotesk';letter-spacing:-2px}.article p{color:#b7c3d5;line-height:1.9}.article h2{font:700 24px 'Space Grotesk';margin-top:38px}.article .back{color:var(--cyan);font-size:13px;font-weight:800}.article .article-intro{font-size:18px}.article-cta{padding:25px;border:1px solid #355b6b;background:#132638;border-radius:14px;margin-top:38px}footer{background:#0c1322;border-top:1px solid var(--line);padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid p{max-width:350px;color:var(--muted);font-size:12px}.footer-grid h4{font-size:13px}.footer-grid div:not(:first-child) a{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.footer-grid div:not(:first-child) a:hover{color:var(--cyan)}.footer-bottom{margin-top:35px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:11px}dialog{background:#142137;color:var(--text);border:1px solid #476479;border-radius:16px;max-width:570px;width:calc(100% - 36px)}dialog::backdrop{background:#020712bc}.dialog-body{position:relative;padding:15px}.dialog-body p{color:var(--muted);font-size:13px}.close{position:absolute;right:8px;top:0;background:none;border:0;color:white;font-size:30px}
@media(max-width:970px){.hero-grid{gap:18px}.hero-screen{height:245px}.category-grid{grid-template-columns:repeat(2,1fr)}nav{gap:15px}.nav-cta{display:none}}@media(max-width:740px){.shell{width:min(100% - 30px,1170px)}.header .nav{min-height:66px}.menu-toggle{display:block;margin-left:auto;border:1px solid #3c5068;background:#142036;color:white;border-radius:8px;padding:6px 11px;font-size:20px}nav{display:none;position:absolute;top:65px;left:0;right:0;flex-direction:column;background:#0d1728;border-bottom:1px solid var(--line);padding:16px;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px;border-bottom:1px solid #253448}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:60px 0 30px}.hero h1{font-size:clamp(43px,11vw,65px)}.hero-visual{height:310px}.hero-screen{width:85%;height:235px}.orb1{width:305px;height:305px}.orb2{width:230px;height:230px}.screen-title{font-size:42px}.float-tag{font-size:8px}.hero-stats{gap:20px}.section-head{align-items:start;margin-top:46px}.section-head p{display:none}.promo{flex-direction:column;align-items:start;padding:28px}.guide-grid{grid-template-columns:1fr 1fr}.finder-layout{grid-template-columns:1fr}.filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.filter-panel .panel-title,.filter-panel .disclaimer{grid-column:1/-1}.filter-panel label{align-self:end}.filter-panel input[type=range]{align-self:center}.filter-panel .range-label{display:none}.products{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.inner{padding:40px 0 70px}}@media(max-width:510px){.category-grid,.guide-grid,.products{grid-template-columns:1fr}.hero-screen{width:96%}.hero-visual{height:275px}.hero-stats{justify-content:space-between}.float-tag.bottom{left:0}.filter-panel{display:flex}.filter-panel .range-label{display:flex}.results-top{flex-direction:column;align-items:stretch}.results-top select{width:100%!important}.section-head h2{font-size:29px}.compare-table{min-width:610px}.article h1{letter-spacing:-1px}}

/* SetupForge V2 product images and storefront links */
.product-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#161f38,#202944)!important;min-height:195px}.product-art img{width:100%;height:190px;object-fit:contain;display:block;padding:20px;background:radial-gradient(circle,#f8f9fd 0%,#e8edf7 88%)}.product-art .product-tag{z-index:2;position:absolute;top:14px;left:14px}.product-art .image-fallback{font-size:65px}.store-offers{margin:10px 0 15px;padding:12px;border:1px solid rgba(150,170,215,.2);border-radius:12px;background:rgba(8,15,30,.3)}.store-offers strong{font-size:12px;display:block;margin-bottom:8px;letter-spacing:.06em;text-transform:uppercase}.shop-link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;color:#bcd6ff;text-decoration:none;border-top:1px solid rgba(150,170,215,.15);font-size:13px}.shop-link:hover{color:white}.store-offers small{display:block;line-height:1.5;color:#98a6c1;font-size:11px;margin-top:8px}.catalog-notice{margin:55px 0 20px;padding:14px 18px;background:rgba(27,205,196,.08);border:1px solid rgba(27,205,196,.28);border-radius:14px;color:#b7e8e5;font-size:13px}.product-price small{white-space:normal}.products .product{min-width:0}

.cloud-alert{background:#7b2d18;color:#fff;padding:12px 24px;text-align:center;font-weight:600}

/* SetupForge V5 — Productdetail */
.product-detail{max-width:none}.detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:28px 0 45px}.detail-art{min-height:330px;background:#e8edf6;border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-art img{max-height:340px;max-width:95%;object-fit:contain}.detail-icon{font-size:110px;color:#33d9ef}.detail-summary{padding:18px 0}.detail-summary h1{font-size:clamp(2rem,4vw,3.7rem);line-height:1.12;overflow-wrap:anywhere}.detail-summary>p{color:#a3b2d1;line-height:1.8}.detail-price{font-size:2.2rem;font-weight:800;margin:22px 0 16px}.detail-price small{display:block;font-weight:400;font-size:.75rem;color:#a3b2d1}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:50px}.detail-columns>div{border:1px solid #273651;background:#111a2c;padding:24px;border-radius:16px}.detail-columns h2{margin:0 0 20px}.detail-specs{margin:0}.detail-spec{display:grid;grid-template-columns:43% 1fr;gap:12px;padding:13px 0;border-bottom:1px solid #273651}.detail-spec dt{color:#a3b2d1}.detail-spec dd{margin:0;overflow-wrap:anywhere}.detail-shop{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #314563;padding:14px;margin:10px 0;border-radius:10px;color:#eff5ff;text-decoration:none}.detail-shop:hover{border-color:#55d5ee}.detail-shop small{display:block;color:#9daeca;font-size:.76rem;margin-top:5px}.detail-disclosure{color:#9daeca;font-size:.78rem;line-height:1.5}.product-name-link{color:inherit;text-decoration:none}.product-name-link:hover{color:#55d5ee}.detail-card-link{color:#73def5;text-decoration:none;display:inline-flex;align-items:center;margin-right:10px;font-size:.82rem;font-weight:700}.detail-card-link:hover{text-decoration:underline}@media(max-width:760px){.detail-hero,.detail-columns{grid-template-columns:1fr}.detail-art{min-height:230px}.detail-columns>div{padding:18px}}

/* V6 duidelijke vermelding bij commerciële verwijzingen */
.affiliate-label{display:inline-block;margin-left:6px;padding:3px 6px;border-radius:5px;background:rgba(57,210,210,.15);color:#61e3e3;font-size:10px;font-weight:800;vertical-align:middle;letter-spacing:.02em}.shop-link span:first-child{line-height:1.5}