.quick-nav{position:sticky;top:67px;z-index:45;background:rgba(10,10,12,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.quick-nav-toggle{display:none}.quick-nav-links{max-width:1160px;margin:auto;padding:10px 24px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.quick-nav a{color:var(--muted);font:500 .68rem 'JetBrains Mono',monospace;text-transform:uppercase}.quick-nav a:hover,.quick-nav a:focus-visible{color:var(--red)}@media(min-width:1320px){.computers-quick-nav{position:fixed;left:14px;top:50%;transform:translateY(-50%);width:122px;border:1px solid var(--border);background:rgba(10,10,12,.94)}.computers-quick-nav .quick-nav-links{padding:7px;display:grid;gap:2px}.computers-quick-nav a{padding:7px 6px;border-left:1px solid transparent}.computers-quick-nav a:hover,.computers-quick-nav a:focus-visible{border-left-color:var(--red);background:rgba(237,28,36,.05)}}
.computers-hero{padding:88px 0 76px;min-height:650px;display:flex;align-items:center;overflow:hidden}.computers-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:70px;align-items:center}.computers-hero-copy h1{font-size:clamp(3rem,6vw,5.3rem);line-height:.96;max-width:780px;margin:12px 0 24px}.computers-hero-copy h1 em{display:block;color:var(--red);font-style:normal}.computers-hero-copy>p{max-width:680px;color:var(--muted);font-size:1.05rem}.computers-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.computers-btn-ghost{border-color:var(--border);background:rgba(17,17,20,.65);color:var(--text)}.hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:var(--muted);font-size:.63rem}.hero-meta span{display:flex;align-items:center;gap:7px}.hero-meta i{width:6px;height:6px;background:#3ecf6a;box-shadow:0 0 8px rgba(62,207,106,.7)}
.cpu-visual{min-height:410px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(237,28,36,.05),rgba(17,17,20,.9));display:grid;place-items:center;position:relative}.cpu-visual:before{content:'';position:absolute;inset:28px;background:linear-gradient(90deg,transparent 49.7%,rgba(237,28,36,.12) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(237,28,36,.12) 50%,transparent 50.3%)}.cpu-core{width:190px;height:190px;border:1px solid rgba(237,28,36,.65);background:#0a0a0c;box-shadow:0 0 45px rgba(237,28,36,.13);display:grid;place-content:center;text-align:center;position:relative;z-index:2}.cpu-core b{font:700 4.7rem/1 'Chakra Petch',sans-serif}.cpu-core small,.cpu-core span{font-size:.54rem;color:var(--red)}.cpu-readout{position:absolute;left:20px;right:20px;bottom:16px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:.55rem;color:var(--muted)}.cpu-readout strong{color:#3ecf6a}.cpu-pin{position:absolute;background:var(--red);opacity:.6}.cpu-pin.p1,.cpu-pin.p2{width:70px;height:1px;top:32%}.cpu-pin.p1{left:0}.cpu-pin.p2{right:0}.cpu-pin.p3,.cpu-pin.p4{height:70px;width:1px;left:50%}.cpu-pin.p3{top:0}.cpu-pin.p4{bottom:0}
.computer-section{padding:82px 0;scroll-margin-top:125px}.section-alt{background:rgba(17,17,20,.58);border-block:1px solid var(--border)}.section-title{max-width:720px;margin-bottom:34px}.section-title h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:6px 0 12px}.section-title p{color:var(--muted)}.computer-card-grid{display:grid;gap:14px}.computer-card-grid.three{grid-template-columns:repeat(3,1fr)}.computer-card-grid.two{grid-template-columns:repeat(2,1fr)}.computer-service-card,.computer-package{position:relative;border:1px solid var(--border);background:var(--bg-2);padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s}.computer-service-card:hover,.computer-package:hover{transform:translateY(-4px);border-color:rgba(237,28,36,.55);box-shadow:0 18px 45px rgba(0,0,0,.25)}.computer-service-card.featured,.computer-package.featured{border-color:var(--red);background:linear-gradient(145deg,rgba(237,28,36,.08),var(--bg-2) 55%)}.card-tag{position:absolute;right:15px;top:15px;background:var(--red);color:#fff;padding:4px 7px;font-size:.55rem}.card-index{display:block;color:rgba(237,28,36,.6);font-size:.65rem;margin-bottom:18px}.computer-service-card h3,.computer-package h3{font-size:1.25rem;margin-bottom:8px}.service-price,.computer-package>strong{display:block;color:var(--red);font:700 1.65rem 'Chakra Petch',sans-serif;margin-bottom:15px}.computer-service-card p{color:var(--muted);font-size:.88rem}.computer-service-card ul,.computer-package ul{list-style:none;display:grid;gap:8px;color:var(--muted);font-size:.84rem}.computer-service-card li:before,.computer-package li:before{content:'+';color:var(--red);margin-right:9px;font-family:'JetBrains Mono',monospace}.premium-note{margin-top:14px;border:1px solid rgba(237,28,36,.45);background:rgba(237,28,36,.045);padding:20px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.premium-note>span{color:var(--red);font-size:.68rem}.premium-note h3{font-size:1.05rem}.premium-note p,.care-note{color:var(--muted);font-size:.82rem}.premium-note>strong{color:var(--red);font:700 1.5rem 'Chakra Petch',sans-serif}.care-note{margin-top:12px}.parts-warning{display:inline-block;margin-top:14px;color:#d6b96a;border:1px solid rgba(214,185,106,.35);padding:5px 8px;font-size:.58rem}.service-list{grid-template-columns:1fr}.service-list .computer-service-card{display:grid;grid-template-columns:42px 1fr auto;align-items:start;gap:16px}.service-list .service-price{white-space:nowrap;margin:0}.package-grid .computer-package{display:flex;flex-direction:column;min-height:330px}.computer-package>strong{font-size:2rem}.computer-package ul{margin-bottom:25px}.computer-package a{margin-top:auto;color:var(--red);font-weight:700;font-size:.82rem}.computer-final-cta{padding:78px 0;margin-bottom:-60px;background:linear-gradient(90deg,rgba(237,28,36,.12),rgba(17,17,20,.9));border-block:1px solid rgba(237,28,36,.3)}.computer-final-cta .wrap{display:flex;justify-content:space-between;gap:35px;align-items:center}.computer-final-cta h2{font-size:clamp(2rem,4vw,3.2rem)}.computer-final-cta p{color:var(--muted);max-width:680px}.computer-final-cta .computers-actions{margin-top:0;flex:0 0 auto}
@media(max-width:960px){.computers-hero-grid{grid-template-columns:1fr}.cpu-visual{min-height:330px;max-width:520px;width:100%}.computer-card-grid.three{grid-template-columns:1fr}.computer-final-cta .wrap{display:block}.computer-final-cta .computers-actions{margin-top:25px}}@media(max-width:720px){.quick-nav{top:67px}.quick-nav-toggle{display:flex;width:100%;justify-content:space-between;padding:11px 18px;background:var(--bg-2);border:0;color:var(--text);font:600 .68rem 'JetBrains Mono',monospace}.quick-nav-links{display:none;position:absolute;left:10px;right:10px;top:100%;padding:8px;background:rgba(17,17,20,.98);border:1px solid var(--border)}.quick-nav.open .quick-nav-links{display:grid;grid-template-columns:1fr 1fr}.quick-nav a{padding:9px}.computers-hero{padding:58px 0}.computers-hero-grid{gap:38px}.computers-hero-copy h1{font-size:clamp(2.6rem,14vw,4rem)}.computer-section{padding:62px 0}.computer-card-grid.two{grid-template-columns:1fr}.premium-note{grid-template-columns:1fr}.service-list .computer-service-card{grid-template-columns:32px 1fr}.service-list .service-price{grid-column:2}.computer-final-cta{padding:60px 0}.cpu-core{width:160px;height:160px}.cpu-core b{font-size:3.8rem}}@media(max-width:480px){.computers-actions{flex-direction:column}.computers-actions .btn{justify-content:center}.hero-meta{gap:12px}.cpu-visual{min-height:290px}.quick-nav.open .quick-nav-links{grid-template-columns:1fr}}