@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0a10;--panel:#12111a;--panel2:#171520;--line:#282532;--text:#f7f6fb;--muted:#a09bab;--purple:#9d6cff;--purple2:#7142db;--green:#86efac;--radius:22px;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.16;border-radius:50%;z-index:-1}.ambient-one{width:450px;height:450px;background:#7c3aed;top:80px;left:-260px}.ambient-two{width:420px;height:420px;background:#4c1d95;top:620px;right:-300px}.section-wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto}.topbar{height:82px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.brand-light{font-weight:500;color:#aaa4b6}.brand-mark{height:30px;width:30px;display:flex;align-items:center;justify-content:center;gap:2px;transform:skew(-13deg)}.brand-mark span{display:block;width:6px;border-radius:2px;background:linear-gradient(180deg,#c4a7ff,#7b42e8)}.brand-mark span:nth-child(1){height:13px}.brand-mark span:nth-child(2){height:23px}.brand-mark span:nth-child(3){height:17px}.nav{display:flex;gap:32px;color:#c4bfce;font-size:13px}.nav a:hover,.footer-links a:hover{color:#fff}.top-actions{display:flex;align-items:center;gap:12px}.language-button{border:0;background:transparent;color:#d4d0dc;font-size:12px;font-weight:800;padding:10px}.language-button span{color:var(--muted);margin-left:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:11px;padding:14px 19px;font-weight:800;font-size:13px;transition:.2s ease;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#a780ff,#7545dd);color:white;box-shadow:0 10px 35px #824be32b}.button-primary:hover{box-shadow:0 14px 38px #824be34a}.button-outline{border-color:#3a3548;background:#15131e;color:#e8e4f0}.button-small{padding:10px 14px;font-size:12px}.button-ghost{color:#d4cfdf;border-color:#302b3b;background:#14121c}.arrow{font-size:17px}.menu-toggle{display:none;background:transparent;color:white;border:0;font-size:22px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center;padding-top:82px;padding-bottom:78px;min-height:590px}.eyebrow{display:flex;align-items:center;gap:9px;color:#b4a0ef;font-size:10px;letter-spacing:.17em;font-weight:800}.live-dot{width:7px;height:7px;border-radius:50%;background:#a78bfa;box-shadow:0 0 13px #a78bfa;display:inline-block}.hero h1{font-size:clamp(44px,5.3vw,70px);letter-spacing:-.065em;line-height:1.04;margin:22px 0 22px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#c5adff 4%,#9768ff 50%,#7742d8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{max-width:500px;color:var(--muted);font-size:15px;line-height:1.85}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-stats{display:flex;gap:35px;margin-top:44px}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-size:23px;letter-spacing:-.04em}.hero-stats strong span{color:#b39aff;font-size:15px;margin-left:2px}.hero-stats small{color:#817b8e;font-size:10px}.hero-visual{position:relative;padding:15px 0}.visual-glow{position:absolute;width:340px;height:340px;left:50%;top:50%;transform:translate(-50%,-50%);background:#7c3aed;filter:blur(100px);opacity:.2}.pc-card{position:relative;background:linear-gradient(150deg,#1b1926,#111018 72%);border:1px solid #302a40;border-radius:22px;padding:21px;box-shadow:0 25px 80px #0008;overflow:hidden}.pc-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#a78bfa0b,transparent 42%);pointer-events:none}.pc-card-top,.pc-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}.tiny-label{font-size:9px;font-weight:800;letter-spacing:.17em;color:#9e97ad}.status-pill{display:flex;align-items:center;gap:6px;border:1px solid #344337;color:#b7e9c5;border-radius:20px;padding:5px 9px;font-size:9px}.status-pill>span:first-child,.result-badge>span:first-child{height:5px;width:5px;border-radius:50%;background:#7de6a2}.pc-render{height:310px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.pc-case{width:228px;height:255px;position:relative;transform:rotateY(-14deg) rotateX(2deg);filter:drop-shadow(15px 25px 25px #0008)}.case-front{position:absolute;left:0;top:0;width:78px;height:235px;background:linear-gradient(100deg,#24212e,#111018);border:1px solid #494158;transform:skewY(-2deg);border-radius:7px 2px 2px 7px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:10px 0}.case-front:after{content:"";position:absolute;inset:5px;border:1px solid #302b3b;border-radius:4px}.fan{width:52px;height:52px;border-radius:50%;border:3px solid #6c4cb5;box-shadow:0 0 16px #8b5cf655,inset 0 0 12px #8b5cf633;display:grid;place-items:center;position:relative;z-index:1}.fan:before,.fan:after{content:"";position:absolute;border-radius:50%;border:1px solid #a78bfa88;inset:7px}.fan:after{inset:15px;background:#a78bfa}.fan i{width:36px;height:36px;border:2px dotted #b9a2ff;border-radius:50%}.case-side{position:absolute;left:77px;top:0;width:151px;height:235px;background:linear-gradient(135deg,#272332d9,#14121cde);border:1px solid #51455e;transform:skewY(-2deg);border-radius:2px 7px 7px 2px;overflow:hidden;box-shadow:inset 0 0 35px #8b5cf617}.case-side:before{content:"";position:absolute;inset:7px;border:1px solid #65587544;border-radius:4px}.gpu{position:absolute;left:16px;top:94px;width:119px;height:48px;background:linear-gradient(90deg,#24202d,#373043);border:1px solid #8c6ad2;border-radius:4px;box-shadow:0 0 15px #8b5cf633;display:flex;align-items:center;justify-content:space-around;font-size:9px;letter-spacing:.15em;color:#bba7ff;font-weight:800}.gpu i{width:28px;height:28px;border:3px solid #9070d8;border-radius:50%;box-shadow:inset 0 0 0 4px #24202d}.ram-stick{position:absolute;right:17px;top:24px;width:7px;height:55px;background:#9a77ee;border-radius:2px;box-shadow:0 0 13px #9a77ee88}.motherboard{position:absolute;left:20px;top:20px;width:74px;height:60px;border:1px solid #5b4b73;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 9px,#4b3b6222 10px 11px),repeating-linear-gradient(90deg,transparent 0 9px,#4b3b6222 10px 11px)}.case-top{position:absolute;top:-9px;left:8px;width:213px;height:12px;background:#37313f;transform:skewX(-42deg);border:1px solid #62536e;border-radius:3px}.case-base{position:absolute;bottom:0;left:-8px;width:245px;height:12px;background:#282332;border:1px solid #4a4059;transform:skewX(-35deg);border-radius:3px}.floating-tag{position:absolute;background:#201b2d;border:1px solid #55416f;box-shadow:0 12px 35px #0005;border-radius:12px;padding:12px 14px;display:flex;gap:9px;align-items:center}.tag-fps{top:44px;right:0;flex-direction:column;align-items:flex-start;gap:0}.tag-fps strong{font-size:24px;letter-spacing:-.04em}.tag-fps span{font-size:8px;color:#b7a2ee;letter-spacing:.12em}.tag-gpu{left:-7px;bottom:38px;font-size:9px;color:#aaa2b8}.tag-gpu b{font-size:11px;color:#fff}.tag-icon{font-size:23px;color:#b49aff}.pc-card-bottom{padding-top:17px;border-top:1px solid #302b3b}.pc-card-bottom div{display:flex;flex-direction:column;gap:5px}.pc-card-bottom div span{font-size:10px;color:#9992a7}.pc-card-bottom strong{font-size:13px}.price{font-size:15px;font-weight:800;color:#c3aaff;white-space:nowrap}.visual-note{font-size:9px;color:#777181;text-align:center;margin:13px 0 0}.trust-strip{border-block:1px solid #27232f;display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0;gap:15px}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#b9b4c3}.trust-icon{color:#b79aff;font-size:20px}.section-block{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.eyebrow-line{height:1px;width:22px;background:#9b73f5;display:inline-block}.section-heading h2,.contact-inner h2{font-size:clamp(32px,4vw,46px);letter-spacing:-.055em;line-height:1.12;margin:15px 0 12px}.section-heading p,.contact-inner p{color:var(--muted);font-size:13px;max-width:570px;line-height:1.8;margin:0}.text-link{font-size:11px;font-weight:800;color:#c9b8ff;white-space:nowrap;padding-bottom:5px}.text-link b{font-size:16px;margin-left:8px}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter-chip{border:1px solid #302b3b;border-radius:30px;padding:9px 14px;background:#12111a;color:#aaa4b5;font-size:10px;font-weight:700}.filter-chip.active,.filter-chip:hover{background:#282039;border-color:#7654b3;color:#e2d5ff}.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.build-card{background:linear-gradient(145deg,#171520,#111018);border:1px solid #2c2738;border-radius:17px;overflow:hidden;transition:.2s}.build-card:hover{transform:translateY(-4px);border-color:#5d477e}.build-art{height:185px;position:relative;background:radial-gradient(ellipse at 50% 80%,#7c3aed33,transparent 60%),linear-gradient(135deg,#1d1a29,#111018);display:grid;place-items:center;overflow:hidden}.build-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff08,transparent 60%)}.mini-pc{width:115px;height:130px;position:relative;transform:perspective(400px) rotateY(-12deg)}.mini-front{position:absolute;left:0;top:0;width:37px;height:120px;background:#272331;border:1px solid #665477;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.mini-front:after{content:"";position:absolute;inset:3px;border:1px solid #8b5cf655}.mini-fan{width:25px;height:25px;border:2px solid var(--glow,#9d6cff);border-radius:50%;box-shadow:0 0 9px var(--glow,#9d6cff);position:relative;z-index:1}.mini-fan:after{content:"";position:absolute;inset:6px;background:var(--glow,#9d6cff);border-radius:50%}.mini-side{position:absolute;left:37px;top:0;width:78px;height:120px;background:linear-gradient(135deg,#292434,#15121d);border:1px solid #655577;border-radius:0 4px 4px 0}.mini-side:after{content:"";position:absolute;inset:5px;border:1px solid #66547755}.mini-gpu{position:absolute;left:8px;top:54px;width:62px;height:25px;background:#332b40;border:1px solid var(--glow,#9d6cff);border-radius:2px;z-index:1}.build-tag{position:absolute;top:13px;left:13px;font-size:9px;font-weight:800;color:#d7c9ff;background:#382653aa;border:1px solid #65488c;border-radius:20px;padding:5px 9px}.build-fps{position:absolute;right:13px;top:13px;color:#c1b3df;font-size:10px}.build-body{padding:18px}.build-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.build-title-row h3{margin:0;font-size:17px;letter-spacing:-.03em}.build-category{font-size:9px;color:#a99ebd;margin-top:4px;display:block}.build-price{font-weight:800;font-size:17px;white-space:nowrap;color:#d0bdff}.build-desc{color:#938ca1;font-size:11px;line-height:1.7;min-height:38px;margin:14px 0}.spec-pills{display:flex;gap:6px;flex-wrap:wrap}.spec-pills span{font-size:9px;border:1px solid #302b3b;background:#1a1722;color:#c5bfce;padding:6px 8px;border-radius:6px}.build-footer{border-top:1px solid #2a2533;margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.build-footer small{color:#8f879b;font-size:10px}.build-footer button{background:transparent;border:0;color:#c7b3ff;font-size:11px;font-weight:800}.demo-note{font-size:10px;color:#8d859a;margin-top:22px;display:flex;gap:8px;align-items:flex-start}.demo-note span:first-child{color:#bba0ff}.config-section{background:linear-gradient(180deg,#100e17,#0e0c14);border-block:1px solid #25212f}.config-section .section-block{padding-top:85px;padding-bottom:90px}.config-live{display:flex;align-items:center;gap:8px;font-size:10px;color:#a9a2b5;border:1px solid #302b3b;border-radius:20px;padding:8px 11px;white-space:nowrap}.config-layout{display:grid;grid-template-columns:1fr .88fr;gap:18px;align-items:start}.config-controls{display:grid;gap:13px}.control-card,.config-result{background:linear-gradient(145deg,#191722,#13111a);border:1px solid #302b3b;border-radius:16px;padding:21px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:800;margin-bottom:18px}.control-label strong{font-size:18px;color:#cbb7ff}.range-labels{display:flex;justify-content:space-between;color:#80798e;font-size:9px;margin-top:8px}input[type=range]{width:100%;accent-color:#9b72f2;cursor:pointer}.priority-options{display:grid;gap:8px}.priority-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;border:1px solid #302b3b;background:#15131d;border-radius:10px;color:#d8d3e0}.priority-option.selected{border-color:#805bd0;background:#271e38}.priority-icon{font-size:21px;color:#b89aff;width:28px;text-align:center}.priority-option>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.priority-option b{font-size:11px}.priority-option small{font-size:9px;color:#8f879b}.radio-dot{width:13px;height:13px;border:1px solid #62576f;border-radius:50%;position:relative}.selected .radio-dot{border-color:#b99aff}.selected .radio-dot:after{content:"";position:absolute;inset:3px;background:#b99aff;border-radius:50%}.market-options{display:flex;gap:9px;flex-wrap:wrap}.market-options label{display:flex;align-items:center;gap:7px;border:1px solid #302b3b;background:#15131d;border-radius:9px;padding:10px 12px;font-size:10px;color:#c3bdce}.market-options input{accent-color:#a78bfa}.field-hint{font-size:9px;color:#7f788d;line-height:1.6;margin:13px 0 0}.config-result{padding:23px}.result-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-header h3{font-size:22px;letter-spacing:-.04em;margin:5px 0 0}.result-badge{display:flex;align-items:center;gap:6px;font-size:9px;color:#a5d8b3;background:#1b2b22;border:1px solid #2d4938;border-radius:20px;padding:6px 8px;white-space:nowrap}.result-performance{display:flex;align-items:center;gap:14px;border-block:1px solid #2b2635;padding:19px 0;margin:19px 0}.performance-ring{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a78bfa 0deg 280deg,#32283e 280deg 360deg);position:relative;flex-shrink:0}.performance-ring:before{content:"";position:absolute;inset:5px;background:#191622;border-radius:50%}.performance-ring>div{position:relative;display:flex;align-items:baseline;gap:1px}.performance-ring strong{font-size:19px}.performance-ring small{font-size:8px;color:#8f879b}.result-performance>div:last-child>span{font-size:10px;font-weight:800}.result-performance p{font-size:9px;color:#938ca1;margin:5px 0 0;line-height:1.6}.parts-list{display:grid;gap:0}.part-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid #282330}.part-row:last-child{border-bottom:0}.part-info{display:flex;flex-direction:column;gap:3px}.part-info strong{font-size:10px}.part-info span{font-size:9px;color:#81798f}.part-price{font-size:10px;font-weight:800;white-space:nowrap}.part-source{color:#a88df0!important}.result-total{border-top:1px solid #393044;margin-top:12px;padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.result-total div{display:flex;flex-direction:column;gap:4px}.result-total div span{font-size:10px;font-weight:800}.result-total small{font-size:9px;color:#837b91}.result-total>strong{font-size:24px;letter-spacing:-.05em;color:#d1bdff;white-space:nowrap}.button-full{width:100%;margin-top:17px}.result-footnote{font-size:9px;color:#7e778a;line-height:1.6;margin:12px 0 0}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{position:relative;background:#13111a;border:1px solid #2a2534;border-radius:15px;padding:22px;min-height:190px}.step-number{position:absolute;top:17px;right:18px;font-size:10px;color:#62576f;font-weight:800;letter-spacing:.1em}.step-icon{color:#b69aff;font-size:25px;margin-bottom:25px}.step-card h3{font-size:14px;margin:0 0 8px}.step-card p{font-size:10px;color:#928a9e;line-height:1.8;margin:0}.contact-section{border-block:1px solid #2c2539;background:radial-gradient(ellipse at 80% 50%,#6d35c522,transparent 55%),#111018}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:55px;padding-bottom:55px}.contact-inner h2{margin-top:13px}.contact-inner p{max-width:500px}.contact-inner .button{flex-shrink:0}.footer{padding-top:30px;padding-bottom:35px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:15px;align-items:center}.footer p{color:#81798f;font-size:10px}.footer-links{display:flex;gap:18px;justify-content:center;color:#a39bad;font-size:10px}.footer>small{grid-column:1/-1;color:#625c6e;font-size:9px;border-top:1px solid #24212c;padding-top:20px;margin-top:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#211b2e;border:1px solid #7051a6;color:#eee7ff;border-radius:12px;padding:13px 17px;font-size:12px;box-shadow:0 15px 40px #0007;transition:.25s;z-index:10;max-width:calc(100% - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.nav{gap:17px}.hero{gap:20px;padding-top:60px}.hero h1{font-size:52px}.hero-stats{gap:20px}.build-grid{grid-template-columns:repeat(2,1fr)}.config-layout{grid-template-columns:1fr 1fr}.config-result{padding:17px}.result-header{align-items:flex-start;flex-direction:column}.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.section-wrap{width:calc(100% - 32px)}.topbar{width:calc(100% - 32px);height:70px}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px;background:#14111d;border:1px solid #302b3b;border-radius:0 0 14px 14px;flex-direction:column;gap:17px}.nav.open{display:flex}.top-actions{gap:5px}.top-actions>.button{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:45px;gap:22px}.hero h1{font-size:clamp(43px,12vw,60px)}.hero-subtitle{font-size:13px}.hero-stats{justify-content:space-between;gap:10px;margin-top:32px}.hero-stats strong{font-size:20px}.hero-stats small{font-size:8px}.hero-visual{max-width:480px;width:100%;margin:auto}.pc-render{height:285px}.pc-card{padding:16px}.pc-case{transform:scale(.88) rotateY(-14deg) rotateX(2deg)}.tag-fps{right:-4px}.tag-gpu{left:-4px}.trust-strip{grid-template-columns:repeat(2,1fr);padding:19px 0}.trust-strip>div{justify-content:flex-start;font-size:10px}.section-block{padding-top:65px;padding-bottom:65px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}.section-heading h2,.contact-inner h2{font-size:34px}.section-heading p{font-size:12px}.text-link{padding:0}.build-grid{grid-template-columns:1fr}.build-art{height:175px}.build-desc{min-height:0}.config-section .section-block{padding-top:60px;padding-bottom:65px}.config-layout{grid-template-columns:1fr}.config-live{white-space:normal}.control-card{padding:17px}.config-result{padding:19px}.result-header{flex-direction:row;align-items:center}.result-header h3{font-size:20px}.result-badge{font-size:8px}.steps-grid{gap:10px}.step-card{padding:17px;min-height:175px}.step-icon{margin-bottom:20px}.contact-inner{padding-top:42px;padding-bottom:42px;align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr;gap:10px}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer>small{grid-column:auto}.footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}