@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(./dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(./dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(./dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(./dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(./dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(./dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(./dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(./dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(./dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./dm-sans-latin-ext-800-normal-m9aqBDDI.woff2) format("woff2"),url(./dm-sans-latin-ext-800-normal-DOQ-4In_.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(./dm-sans-latin-800-normal-C2H8778U.woff2) format("woff2"),url(./dm-sans-latin-800-normal-BwbkPQqB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-ext-600-normal-B85nYjL1.woff2) format("woff2"),url(./outfit-latin-ext-600-normal-CWJcPgd7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(./outfit-latin-600-normal-B7SfZ07L.woff2) format("woff2"),url(./outfit-latin-600-normal-BEfTtDA7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-ext-700-normal-CI4iH74K.woff2) format("woff2"),url(./outfit-latin-ext-700-normal-fjS8-Gm7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-700-normal-Cu9v6i1X.woff2) format("woff2"),url(./outfit-latin-700-normal-D4itBLBr.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-ext-800-normal-DRv2ic_2.woff2) format("woff2"),url(./outfit-latin-ext-800-normal-DyhPHUt-.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-800-normal-CQna6-G7.woff2) format("woff2"),url(./outfit-latin-800-normal-BRHLSPcU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans,Arial,sans-serif;color:#f4f5fa;background:#0c0f16;font-synthesis:none;line-height:1.48;font-weight:400;--bg:#0c0f16;--surface:#1b1d26;--surface2:#20232d;--line:#353742;--muted:#9fa6b7;--white:#f4f5fa;--cyan:#00d7eb;--purple:#7c38ff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.4}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,DM Sans,sans-serif;font-weight:600;line-height:1.08;letter-spacing:-.035em}::selection{background:var(--purple);color:#fff}.wrap{width:min(1220px,calc(100% - 72px));margin-inline:auto}.site-header{height:88px;border-bottom:1px solid #2c303c;background:#0c0f16eb;position:relative;z-index:20}.header-content{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{padding:0;border:0;background:transparent;color:var(--white);display:flex;align-items:center;gap:11px;text-align:left}.brand-chip{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:var(--cyan);border:1px solid rgba(0,215,235,.56);background:linear-gradient(145deg,#202331,#131923)}.brand-wordmark{display:flex;flex-direction:column;font-family:Outfit,sans-serif;font-style:italic;font-size:16px;line-height:.91;letter-spacing:.015em}.brand-wordmark b{color:var(--cyan);font-size:18px}.brand-wordmark strong{font-size:21px}.brand-wordmark strong span,.accent-dot{color:var(--purple)}.site-nav{display:flex;align-items:center;gap:34px}.site-nav>button:not(.nav-cta){border:0;background:none;color:#acb1c0;font-size:13px;font-weight:700;padding:12px 0}.site-nav>button:not(.nav-cta).active,.site-nav>button:not(.nav-cta):hover{color:#fff}.nav-cta{display:flex;align-items:center;gap:12px;padding:13px 19px;border-radius:9px;background:var(--purple);border:1px solid var(--purple);color:#fff;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.nav-cta:hover{transform:translateY(-2px);background:#8c4eff}.menu-toggle{display:none;background:none;border:0;color:#fff}.eyebrow,.eyebrow-row{font-size:11px;letter-spacing:.17em;font-weight:800;color:var(--cyan)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #00d7eb99}.line-fade{display:inline-block;width:60px;height:1px;background:linear-gradient(to right,#5f687c,transparent)}.hero{min-height:620px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:28px;padding-block:56px 54px;position:relative}.hero-copy{position:relative;z-index:1}.eyebrow-row{display:flex;align-items:center;gap:13px;margin-bottom:26px}.hero h1{font-size:clamp(53px,5.1vw,80px);max-width:650px;margin-bottom:25px}.hero h1 span{background:linear-gradient(90deg,#f7f7fb 8%,#ad7bff 51%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:16px;color:#b5bac6;line-height:1.8;max-width:530px;margin-bottom:30px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 19px;font-weight:800;font-size:13px;min-height:46px;transition:transform .2s,border-color .2s,background .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.button.big{padding:16px 22px;min-height:55px}.button.primary{background:var(--cyan);color:#061218}.button.primary:hover{background:#42e8f4}.button.secondary{background:#242834;border:1px solid #404654;color:#fff}.button.secondary:hover{border-color:#7b849c}.button.ghost{border-color:#495062;color:#fff;background:#181d28}.button.ghost:hover{border-color:var(--purple)}.hero-features{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px;color:#a4acbd;font-size:12px}.hero-features span{display:flex;align-items:center;gap:7px}.hero-features svg{color:var(--cyan)}.hero-visual{position:relative;min-height:510px;display:flex;align-items:center;justify-content:center}.hero-halo{position:absolute;border-radius:50%;filter:blur(80px)}.hero-halo-one{width:330px;height:360px;background:#601dc438;top:24px;right:35px}.hero-halo-two{width:180px;height:280px;background:#00d2e626;bottom:25px;left:95px}.floating-label{position:absolute;background:#131722d6;border:1px solid #414052;border-radius:12px;padding:13px 17px;display:flex;flex-direction:column;gap:3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-label span{font-size:9px;letter-spacing:.15em;color:#979eb1}.floating-label strong{font-size:14px;letter-spacing:.08em}.floating-label.one{top:22%;left:0}.floating-label.two{right:0;bottom:17%}.floating-label.two strong{color:var(--cyan)}.pc-art{position:relative;width:min(92%,450px);height:455px;display:flex;justify-content:center;align-items:center;perspective:900px}.pc-art-glow{position:absolute;width:72%;height:56%;background:radial-gradient(ellipse,rgba(116,33,255,.32),transparent 68%);filter:blur(35px)}.pc-art-case{width:274px;height:385px;position:relative;background:linear-gradient(125deg,#313543,#10151e 20%,#131821 90%);border:5px solid #272e3d;border-radius:16px 20px 16px 14px;box-shadow:-15px 20px 45px #000a,0 0 0 1px #565572aa,inset 0 0 35px #000;transform:rotateY(-16deg) rotateX(2deg) rotate(-1deg)}.pc-art-case:after{content:"";position:absolute;top:15px;right:9px;bottom:18px;left:13px;border:1px solid rgba(114,97,179,.5);border-radius:5px;pointer-events:none;box-shadow:inset 0 0 35px #3d1d7438}.pc-art-top{position:absolute;top:6px;right:12px;width:36px;height:3px;background:#666d78;border-radius:3px}.pc-art-inside{position:absolute;top:24px;right:17px;bottom:27px;left:17px;overflow:hidden;background:radial-gradient(circle at 75% 28%,#3c1d6a,#11151b 55%);border-radius:4px}.pc-art-motherboard{position:absolute;top:20px;right:68px;bottom:105px;left:18px;border:2px solid #343849;background:repeating-linear-gradient(0deg,transparent,transparent 12px,#233140 13px,#151924 15px)}.pc-art-rams{position:absolute;top:86px;left:137px;height:85px;display:flex;gap:5px;transform:rotate(3deg)}.pc-art-rams i{width:10px;background:linear-gradient(to bottom,#ff5ce8,#743aff 75%,#0dbce8);box-shadow:0 0 14px #ae37ff}.pc-art-cooler{position:absolute;top:71px;left:44px;width:73px;height:73px;border:7px solid #20283b;border-radius:13px;background:radial-gradient(circle,#8d43ff,#331564 70%);box-shadow:0 0 12px #a545f9,0 0 45px #7137f999}.pc-art-cooler span{display:grid;place-items:center;width:100%;height:100%;font-family:Outfit,sans-serif;font-weight:800;color:#e1d3f2}.pc-art-gpu{position:absolute;left:12px;right:30px;top:200px;height:55px;border:3px solid #394253;background:linear-gradient(#171b25,#2f3441,#101820);transform:skewY(-2deg);display:flex;align-items:center;padding-left:20px;box-shadow:0 8px 8px #000a}.pc-art-gpu span{font-size:11px;letter-spacing:.2em;font-weight:800;color:#e5e1f8}.pc-art-gpu i{position:absolute;bottom:0;left:12px;right:8px;height:3px;background:linear-gradient(to right,#09e2f5,#7c38ff,#ea47d0);box-shadow:0 0 14px #b339f6}.pc-art-fans{position:absolute;right:-17px;top:13px;display:flex;flex-direction:column;gap:12px}.pc-art-fans i,.preset-tower i{display:block;width:76px;height:76px;border-radius:50%;border:7px solid rgba(50,54,75,.8);background:repeating-conic-gradient(from 15deg,#302454,#402b7a 38deg,#132333 70deg,#302454 90deg);box-shadow:inset 0 0 0 7px #1d2330,inset 0 0 0 12px #7c38ff,0 0 20px #8030ff66}.pc-art-fans i:nth-child(2){box-shadow:inset 0 0 0 7px #1d2330,inset 0 0 0 12px var(--cyan),0 0 20px #00d7eb66}.pc-art-cables{position:absolute;width:110px;height:110px;border-left:8px solid #55546b;border-bottom:8px solid #55546b;border-radius:0 0 0 55px;left:92px;top:165px;transform:rotate(-12deg);opacity:.6}.pc-art-foot{position:absolute;bottom:-12px;left:20px;right:20px;height:10px;background:#0c101a;border-radius:50%;box-shadow:0 0 22px #000}.art-decor{position:absolute;border:1px solid #42355f;transform:rotate(45deg);opacity:.4}.art-decor-a{height:310px;width:310px;z-index:-1}.art-decor-b{height:390px;width:390px;z-index:-2;border-color:#183e4a}.pc-art.compact{transform:scale(.54);transform-origin:center;min-width:330px;height:265px;margin:-70px auto;width:380px}.pc-art.compact .pc-art-case{box-shadow:-8px 15px 20px #0009,0 0 0 1px #565572aa}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2b303c;border-radius:12px;background:#151922;margin-bottom:90px}.quick-stats>div{padding:26px;display:grid;grid-template-columns:24px auto;gap:4px 14px;border-right:1px solid #2b303c}.quick-stats>div:last-child{border-right:0}.quick-stats svg{grid-row:span 2;color:var(--cyan);margin-top:4px}.quick-stats span{font-size:10px;color:#818b9f;letter-spacing:.17em;font-weight:800}.quick-stats strong{font-size:12px;color:#d1d5de;font-weight:600}.profile-section{padding:88px 0 105px;border-top:1px solid #262b37;background:linear-gradient(180deg,#151820,#0c0f16 90%)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-heading h2,.how-left h2{font-size:clamp(38px,4.1vw,57px);margin:16px 0}.section-heading h2 span,.how-left h2 span{color:var(--purple)}.section-heading p,.how-left p{color:#aab1bf;font-size:15px;max-width:540px;line-height:1.7;margin:0}.section-number{font-family:Outfit,sans-serif;font-size:14px;color:#697388;letter-spacing:.13em}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.preset-card{position:relative;border:1px solid #343646;border-radius:15px;overflow:hidden;background:#1b1e27;transition:transform .2s,border-color .2s}.preset-card:hover{transform:translateY(-5px);border-color:#7960b3}.preset-card-2{border-color:#803afa}.preset-topline{display:flex;justify-content:space-between;padding:20px 24px;position:absolute;inset:0 0 auto;z-index:2;font-size:10px;font-weight:700;color:#d1d6e6;letter-spacing:.13em}.preset-symbol{color:#a4a1b4}.preset-illustration{height:190px;display:grid;place-items:center;background:radial-gradient(circle at 50% 100%,#1e264d,#12151e 70%);border-bottom:1px solid #303442;overflow:hidden}.preset-card-1 .preset-illustration{background:radial-gradient(circle at 50% 100%,#31363f,#14171d 70%)}.preset-card-3 .preset-illustration{background:radial-gradient(circle at 50% 100%,#4c4f89,#1c1d31 73%)}.preset-tower{height:175px;width:128px;border:5px solid #454554;border-radius:10px 10px 3px 3px;background:#151a22;transform:perspective(500px) rotateY(-15deg) rotateX(5deg) translateY(35px);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;padding:8px 10px;box-shadow:0 0 30px #000a}.preset-tower i{width:43px;height:43px;border-width:5px;box-shadow:inset 0 0 0 5px #1d2330,inset 0 0 0 7px #a242f9,0 0 10px #8030ff66}.preset-card-1 .preset-tower i{filter:grayscale(1);opacity:.45}.preset-card-3 .preset-tower{border-color:#dee0ed;background:#bdc0d4}.preset-info{padding:26px 24px 25px}.preset-info h3{font-size:30px;margin:14px 0 12px}.preset-info h3 span{color:#b5a9d2}.preset-info p{color:#aab0c0;font-size:13px;line-height:1.65;min-height:44px}.preset-spec{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0 22px}.preset-spec span{font-size:11px;border:1px solid #3c4353;padding:6px 9px;border-radius:6px;color:#c7ccdb}.preset-button{width:100%;display:flex;justify-content:space-between;align-items:center;background:transparent;border:1px solid #565166;border-radius:8px;color:#f3f3f7;padding:13px 14px;font-size:12px;font-weight:800}.preset-button:hover{background:var(--cyan);color:#071218;border-color:var(--cyan)}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:95px 0 122px}.how-left p{margin-bottom:28px}.text-link{display:inline-flex;gap:14px;align-items:center;border:0;background:none;color:var(--cyan);padding:0;font-size:13px;font-weight:800}.text-link:hover{color:#fff}.how-steps>div{position:relative;padding:19px 0 21px 70px;border-bottom:1px solid #343848}.how-steps>div:first-child{border-top:1px solid #343848}.how-steps>div>span{position:absolute;top:21px;left:0;color:var(--purple);font-family:Outfit,sans-serif;font-weight:700;font-size:18px}.how-steps strong{font-size:16px;font-weight:800}.how-steps p{color:#98a0b0;font-size:13px;margin:6px 0 0}.site-footer{border-top:1px solid #2f3543;background:#0b0e14}.footer-top{padding:45px 0 36px;display:flex;justify-content:space-between;align-items:center}.footer-logo{font-family:Outfit,sans-serif;font-weight:800;font-size:24px;color:var(--cyan)}.footer-logo span{color:#f5f4fa}.footer-top p{font-size:12px;color:#99a1b1;margin:5px 0 0}.footer-bottom{padding:20px 0;border-top:1px solid #282d38;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;color:#828b9d}.builder-page{padding-top:25px;padding-bottom:100px}.builder-breadcrumb{display:flex;align-items:center;gap:9px;font-size:11px;color:#818a9d}.builder-breadcrumb button{background:none;border:0;color:#9aa2b3;padding:0}.builder-breadcrumb span{color:var(--cyan)}.builder-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:43px 0 32px}.builder-header .eyebrow{display:flex;align-items:center;gap:10px}.builder-header h1{font-size:clamp(36px,4.1vw,60px);margin:15px 0 11px}.builder-header h1 em{font-style:normal;color:var(--purple)}.builder-header p{font-size:14px;color:#a2abba;margin:0}.builder-mode-tag{align-self:flex-start;display:flex;gap:10px;align-items:center;padding:11px 14px;border:1px solid #4b435f;border-radius:9px;background:#1e1b2d;color:#c2b0eb;font-size:10px;letter-spacing:.09em;font-weight:800;white-space:nowrap}.wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #343947;background:#151922;border-radius:12px;margin-bottom:23px;overflow:hidden}.wizard-steps button{background:transparent;color:#798297;border:0;border-right:1px solid #343947;min-height:74px;padding:13px 9px;display:flex;gap:11px;justify-content:center;align-items:center;font-weight:800;font-size:12px}.wizard-steps button:last-child{border-right:0}.wizard-steps button.current{background:#1d2330;color:#fff;box-shadow:inset 0 -3px var(--cyan)}.wizard-steps button.past{color:#cad1dd}.step-index{width:27px;height:27px;border:1px solid #525c6d;border-radius:8px;display:grid;place-items:center;font-size:10px;color:#8490a5}.current .step-index{border-color:var(--cyan);background:var(--cyan);color:#0b1519}.past .step-index{border-color:#3d7a7e;color:var(--cyan)}.wizard-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px}.wizard-main{border:1px solid #343a49;border-radius:14px;background:#151820;min-width:0;overflow:hidden}.step-body{padding:34px 35px}.step-title{margin-bottom:34px}.micro-chip{display:inline-flex;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.14em;border:1px solid #166b79;padding:7px 10px;border-radius:5px;background:#10242a}.micro-chip.purple{color:#c3a1ff;border-color:#563a8e;background:#241b35}.micro-chip.muted{color:#8f9baf;border-color:#384253;background:#212632}.step-title h2{font-size:clamp(30px,3vw,42px);margin:19px 0 10px}.step-title>p{color:#a4abb9;font-size:14px;max-width:650px;line-height:1.7;margin:0}.field-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:16px}.field-heading h3{font-family:DM Sans,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;display:inline}.field-heading p{font-size:12px;color:#939db1;line-height:1.6;margin:7px 0 0;max-width:590px}.field-number{display:inline-flex;font-size:10px;color:var(--purple);margin-right:10px;letter-spacing:.1em;font-weight:800}.section-divider{height:1px;background:#333847;margin:31px 0}.options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.options-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.options-grid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.option-tile{min-height:94px;border:1px solid #3a4050;border-radius:9px;background:#20232d;color:#f2f3f8;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:17px 15px;gap:8px;transition:border-color .15s,background .15s}.option-tile:hover{border-color:#8a73b8;background:#282733}.option-tile.selected{border-color:var(--purple);background:linear-gradient(115deg,#29223c,#23232f);box-shadow:inset 0 0 0 1px #7c38ff22}.option-content{display:flex;flex-direction:column;gap:4px}.option-title{font-size:13px;font-weight:800;line-height:1.3;padding-right:14px}.option-detail{color:#a6aec0;font-size:11px;line-height:1.5;max-width:230px}.option-tag{position:absolute;right:12px;top:10px;border:1px solid #4b4f67;color:#9fa8bd;font-size:8px;font-weight:900;letter-spacing:.05em;border-radius:3px;padding:2px 5px}.option-check{position:absolute;right:11px;bottom:11px;display:grid;place-items:center;width:16px;height:16px;border:1px solid #4b5364;color:transparent;border-radius:50%}.selected .option-check{border-color:var(--cyan);background:var(--cyan);color:#0b111a}.option-icon{color:var(--cyan);height:26px;display:grid;align-items:center}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode-grid .option-tile{min-height:138px;padding:21px 20px}.mode-grid .option-title{font-size:16px}.mode-grid .option-detail{font-size:12px}.option-swatch{width:35px;height:35px;border-radius:50%;display:block;border:2px solid #616779;box-shadow:0 1px 7px #0008}.option-swatch.black{background:#101218}.option-swatch.white{background:linear-gradient(135deg,#fff,#d0d0dc)}.option-swatch.custom{background:conic-gradient(#00cbe6,#8331ee,#f640a5,#08c7dc)}.advanced-divider{display:flex;align-items:center;gap:9px;color:#c0a8f4;font-size:11px;font-weight:800;letter-spacing:.11em;margin-bottom:20px}.budget-value{white-space:nowrap;font-size:17px;color:var(--cyan);font-family:Outfit,sans-serif}.budget-box{border:1px solid #3e4657;border-radius:10px;background:#1e232d;padding:23px}.budget-box input{width:100%;accent-color:var(--cyan);cursor:pointer}.budget-scale{display:flex;justify-content:space-between;color:#8993a6;font-size:11px;margin-top:7px}.choice-subheading{display:flex;align-items:center;gap:12px;margin:21px 0 11px}.choice-subheading span{font-size:10px;color:#b698fb;font-weight:900;letter-spacing:.14em}.choice-subheading small{font-size:10px;color:#8792a6}.connector-box{border:1px solid #4b3b7d;border-radius:10px;background:#252239;padding:18px 20px;margin-top:17px;display:flex;gap:20px;align-items:center;justify-content:space-between}.connector-box strong{font-size:13px}.connector-box p{color:#b4aecb;font-size:11px;line-height:1.6;max-width:390px;margin:5px 0 0}.segment-group{display:flex;flex-shrink:0;border:1px solid #52506c;border-radius:8px;overflow:hidden}.segment-group button{background:#1c1e2a;color:#afb6c7;border:0;border-right:1px solid #52506c;font-size:11px;padding:11px 12px;font-weight:800}.segment-group button:last-child{border-right:0}.segment-group button.selected{background:var(--cyan);color:#111820}.form-field{display:flex;flex-direction:column;gap:9px;font-weight:700;font-size:12px;color:#ccd1dc}.form-field input,.form-field textarea{width:100%;min-height:44px;padding:12px 14px;border:1px solid #505568;border-radius:8px;background:#242836;color:#fff;resize:vertical}.form-field input::placeholder,.form-field textarea::placeholder{color:#838fa2}.compact-field{margin-top:15px;max-width:410px}.check-row{display:flex;align-items:center;gap:12px;border:1px solid #424656;background:#21252f;border-radius:9px;padding:15px 17px;font-size:12px;color:#d6dae3;margin-top:14px}.check-row input{width:18px;height:18px;accent-color:var(--cyan)}.check-row svg{color:var(--cyan)}.hint-line{display:flex;align-items:center;gap:10px;font-size:11px;color:#a3aec1;margin-top:18px;border-left:2px solid var(--purple);background:#242033;padding:13px 16px;line-height:1.5}.hint-line svg{color:#bf9aff;flex-shrink:0}.wizard-controls{padding:24px 35px;border-top:1px solid #363b49;display:flex;justify-content:space-between;align-items:center;gap:20px}.wizard-controls>span{font-size:11px;color:#8994a7}.build-sidebar{position:sticky;top:18px;border:1px solid #3b4050;border-radius:14px;padding:22px;background:#1b1e27;min-width:0}.side-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.side-top .eyebrow{font-size:9px}.side-top h3{font-size:23px;margin:8px 0 14px}.side-save{display:flex;align-items:center;gap:6px;color:#abb6c4;white-space:nowrap;font-size:10px}.side-save .status-dot{width:5px;height:5px}.sidebar-visual{height:175px;background:radial-gradient(ellipse at 50% 70%,#392861,#121821 72%);position:relative;border:1px solid #343c4a;border-radius:9px;overflow:hidden}.sidebar-visual-badge{position:absolute;left:12px;top:12px;z-index:2;font-size:9px;display:flex;gap:6px;align-items:center;color:#bcb6d9;letter-spacing:.07em}.sidebar-art{height:175px;overflow:hidden;display:grid;place-items:center;position:relative;top:38px}.sidebar-color{position:absolute;right:12px;bottom:9px;display:flex;align-items:center;gap:7px;font-size:10px;color:#d2d6e2;z-index:2}.color-dot{width:8px;height:8px;border-radius:50%;background:#111;border:1px solid #8893a4}.color-dot.white{background:#fff}.color-dot.custom{background:linear-gradient(90deg,#0ff,#9133fe,#f3b)}.sidebar-parts{margin:22px 0 0}.sidebar-row{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #353a49;padding:13px 0}.sidebar-row:first-child{padding-top:0}.sidebar-row>span{display:flex;align-items:center;gap:8px;font-size:11px;color:#8f9aaa;flex-shrink:0}.sidebar-row svg{color:#9d82e7}.sidebar-row strong{font-size:11px;text-align:right;font-weight:800;max-width:145px;line-height:1.35}.sidebar-pricing{padding:19px 0 21px}.sidebar-pricing>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-pricing span{font-size:11px;color:#a0aabe}.sidebar-pricing strong{font-size:20px;color:var(--cyan);font-family:Outfit,sans-serif}.sidebar-pricing p{color:#c4c9d6;font-size:11px;margin:12px 0 2px}.sidebar-pricing small{color:#8191a2;font-size:10px}.side-summary-button{width:100%;border:1px solid var(--cyan);border-radius:8px;background:var(--cyan);color:#0a1621;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800}.side-summary-button:hover{background:#4debf4}.builder-bottom-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:25px;color:#7f899b}.builder-bottom-note svg{color:#7c6f9a;flex-shrink:0}.builder-bottom-note p{font-size:11px;line-height:1.6;margin:0}.summary-status{display:flex;align-items:center;gap:14px;border:1px solid #1e6b65;border-radius:10px;background:#122c2c;padding:17px;margin:18px 0 26px}.summary-status-icon{display:grid;place-items:center;color:#42d4b4}.summary-status strong{font-size:13px}.summary-status p{font-size:11px;color:#a4c6bd;margin:4px 0 0}.summary-status>svg:last-child{margin-left:auto;color:#72dbb7;flex-shrink:0}.summary-spec-heading{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em;color:#9da5bc;margin:26px 0 10px}.spec-list{margin:0}.spec-list>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #383e4d}.spec-list dt{color:#96a1b3;font-size:12px}.spec-list dd{font-size:12px;font-weight:800;text-align:right;margin:0}.spec-list.full>div{padding:12px 3px}.spec-list.full dt,.spec-list.full dd{font-size:13px}.review-note{border:1px solid #725c36;background:#302b25;border-radius:9px;padding:16px;margin-top:24px}.review-note strong{font-size:12px;color:#f2cd92;display:flex;align-items:center;gap:9px}.review-note ul{color:#cfbfa4;font-size:11px;line-height:1.8;padding-left:25px;margin-bottom:0}.note-field{margin-top:24px}.summary-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}.copy-message{color:var(--cyan);font-size:12px;margin:13px 0}.future-banner{background:#212235;border-left:3px solid var(--purple);display:flex;gap:14px;padding:18px;margin-top:25px;border-radius:0 8px 8px 0}.future-banner svg{color:#a67cff;flex-shrink:0}.future-banner strong{font-size:13px}.future-banner p{font-size:11px;color:#b1b2c5;margin:6px 0 0;line-height:1.7}@media(max-width:1100px){.hero{grid-template-columns:1.1fr .85fr}.hero-visual{transform:scale(.82);transform-origin:center}.quick-stats>div{padding:21px 15px;gap:4px 10px}.wizard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.build-sidebar{padding:18px}.step-body{padding:30px 25px}.wizard-controls{padding:24px 25px}.wizard-steps button{font-size:11px;gap:6px}.connector-box{flex-direction:column;align-items:stretch}}@media(max-width:850px){.wrap{width:min(100% - 40px,730px)}.site-header{height:74px}.site-nav{gap:18px}.site-nav>button:not(.nav-cta){font-size:12px}.nav-cta{padding:11px 12px}.hero{grid-template-columns:1fr;text-align:center;padding-top:65px;gap:0}.hero h1{margin-inline:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-features,.eyebrow-row{justify-content:center}.hero-visual{min-height:400px;transform:scale(.77);margin-top:-30px}.quick-stats{grid-template-columns:1fr 1fr;margin-bottom:45px}.quick-stats>div:nth-child(2){border-right:0}.quick-stats>div:nth-child(-n+2){border-bottom:1px solid #2b303c}.preset-grid{grid-template-columns:1fr 1fr}.preset-card:last-child{grid-column:span 2}.preset-card:last-child .preset-illustration{height:135px}.how-section{gap:35px;grid-template-columns:1fr 1fr;padding:65px 0}.builder-header{margin:30px 0}.builder-header h1{font-size:42px}.wizard-grid{grid-template-columns:1fr}.build-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.side-top{grid-column:span 2}.sidebar-visual{height:180px;grid-row:span 2}.sidebar-parts{margin-top:0}.sidebar-pricing{grid-column:2;padding:10px 0 0}.side-summary-button{grid-column:span 2;margin-top:18px}.wizard-steps button{min-height:65px}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.site-header{height:70px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:69px;left:0;right:0;padding:16px;background:#171b26;border-bottom:1px solid #404456;box-shadow:0 20px 30px #0007;flex-direction:column;align-items:stretch;gap:8px}.site-nav.open{display:flex}.site-nav>button:not(.nav-cta){text-align:left;padding:12px;font-size:13px}.site-nav .nav-cta{justify-content:space-between}.brand-wordmark strong{font-size:17px}.brand-wordmark b{font-size:15px}.brand-chip{width:35px;height:35px}.hero{min-height:unset;padding-top:52px;padding-bottom:20px}.hero h1{font-size:clamp(44px,11vw,66px)}.hero-copy>p{font-size:14px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.hero-features{gap:12px;margin-top:26px}.hero-features span{font-size:10px}.hero-visual{margin-top:-38px;margin-bottom:-35px;min-height:360px;transform:scale(.65)}.floating-label.one{left:-11%}.floating-label.two{right:-10%}.quick-stats{grid-template-columns:1fr 1fr;margin-top:0;margin-bottom:30px}.quick-stats>div{padding:16px 13px;grid-template-columns:18px 1fr;gap:2px 7px}.quick-stats svg{width:17px}.quick-stats strong{font-size:10px}.quick-stats span{font-size:9px}.profile-section{padding:60px 0 65px}.section-heading h2,.how-left h2{font-size:41px}.section-heading p{font-size:13px}.section-number{display:none}.preset-grid{grid-template-columns:1fr}.preset-card:last-child{grid-column:auto}.preset-card:last-child .preset-illustration{height:190px}.preset-illustration{height:160px}.preset-info{padding:20px}.preset-info h3{font-size:28px}.how-section{grid-template-columns:1fr;padding:65px 0;gap:30px}.footer-top{padding:33px 0;gap:20px}.footer-logo{font-size:20px}.footer-top .text-link{font-size:11px}.footer-bottom{flex-wrap:wrap;gap:7px}.footer-bottom span:last-child{flex-basis:100%}.builder-header{display:block}.builder-header h1{font-size:36px}.builder-header p{font-size:13px}.builder-mode-tag{display:inline-flex;margin-top:18px}.wizard-steps button{flex-direction:column;gap:5px;padding:9px 2px;min-height:60px;font-size:9px}.wizard-steps button .step-index{width:24px;height:24px}.wizard-steps button>span:last-child{max-width:67px;text-align:center}.step-body{padding:25px 16px}.step-title h2{font-size:32px}.step-title>p{font-size:12px}.field-heading h3{font-size:14px}.field-heading p{font-size:11px}.options-grid,.options-grid.columns-3,.options-grid.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-grid{grid-template-columns:1fr}.mode-grid .option-tile{min-height:105px}.option-tile{min-height:98px;padding:15px 12px}.option-title{font-size:12px}.option-detail{font-size:10px}.budget-value{font-size:14px}.field-heading:has(.budget-value){flex-direction:column}.connector-box{padding:15px}.wizard-controls{padding:20px 16px;gap:8px}.wizard-controls .button{font-size:11px;padding:10px;min-height:43px}.wizard-controls>span{font-size:10px;white-space:nowrap}.build-sidebar{grid-template-columns:1fr}.side-top,.sidebar-pricing,.side-summary-button{grid-column:1}.sidebar-visual{grid-row:auto;margin-bottom:20px}.sidebar-parts{margin-top:0}.sidebar-pricing{padding-top:18px}.summary-spec-heading{font-size:8px}.spec-list.full dt,.spec-list.full dd{font-size:11px}.summary-buttons .button{width:100%}.builder-bottom-note{align-items:start}.builder-bottom-note p{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.preset-card,.nav-cta{transition:none}}:root{--bg: #0e1016;--surface: #191c26;--cyan: #16bdff;--purple: #ad35fa;--green: #83f500}body{background:radial-gradient(ellipse 720px 350px at 66% -190px,#38205755,transparent),#0e1016}.site-header{height:76px;background:#10121af2;border-bottom-color:#333440}.brand{gap:8px}.brand-mark{width:45px;height:45px;object-fit:contain}.brand-logo{width:clamp(160px,17vw,235px);height:54px;object-fit:contain}.header-identity{display:flex;align-items:center;gap:10px;color:#f3f3fa}.header-identity strong{font-family:Outfit,sans-serif;font-size:17px;letter-spacing:-.02em}.header-identity>span:last-child{border-left:1px solid #454a5b;padding-left:12px;margin-left:3px;font-size:11px;color:#a5afc4}.header-identity .status-dot{background:var(--green);box-shadow:0 0 9px #83f50099}.builder-page{padding-top:0;padding-bottom:60px}.builder-header{margin:29px 0 19px}.builder-header h1{margin:8px 0;font-size:clamp(30px,3.6vw,49px)}.builder-header h1 em{color:#b955ff}.builder-header .eyebrow{color:#61d5ff}.builder-header p{max-width:730px}.mode-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 15px}.mode-switch button{display:inline-flex;align-items:center;gap:7px;border:1px solid #41465a;border-radius:9px;background:#171a23;color:#c8cdd8;padding:11px 16px;font-weight:750;font-size:12px;transition:border-color .15s,background .15s}.mode-switch button:hover{border-color:var(--cyan)}.mode-switch button.active{color:#f9fbff;background:#243047;border-color:var(--cyan);box-shadow:inset 0 -2px #16bdff}.mode-switch>span{font-size:11px;color:#96a5b8;margin-left:4px}.style-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 19px}.style-card{position:relative;padding:7px;border-radius:12px;border:1px solid #454358;background:#1b1d2a;color:#f0f2fa;display:flex;flex-direction:column;min-width:0;text-align:left;transition:border-color .15s,transform .15s}.style-card:hover{border-color:#a879e3;transform:translateY(-2px)}.style-card.selected{border-color:var(--green);background:#202738;box-shadow:0 0 0 1px #83f50050}.style-preview{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(130px,15vw,185px);overflow:hidden;border-radius:8px;background:linear-gradient(150deg,#222937,#080b11)}.style-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.style-preview.apex{background:radial-gradient(circle at 60% 48%,#7134b970,transparent 63%),linear-gradient(150deg,#24233e,#0c111c)}.style-preview.pearl{background:radial-gradient(circle at 60% 48%,#4e98f471,transparent 65%),linear-gradient(150deg,#38425d,#171d2a)}.style-case{width:67px;height:92px;border:3px solid #4e596a;border-radius:7px;transform:skewY(-3deg);background:linear-gradient(120deg,#161a23,#05090f);box-shadow:12px 9px 18px #04060a77}.apex .style-case{border-color:#7746cf;box-shadow:0 0 20px #ae38fb8c,12px 9px 18px #04060a77}.pearl .style-case{border-color:#f7f9ff;background:linear-gradient(120deg,#eef4ff,#9fb5d3);box-shadow:0 0 18px #c47bffab,12px 9px 18px #04060a77}.style-photo-note{position:absolute;bottom:7px;left:9px;color:#e2e8f4;font-size:8px;font-weight:750;letter-spacing:.1em;background:#090e18b9;border-radius:3px;padding:3px 5px}.pearl .style-photo-note{color:#ddeaff}.style-caption{display:flex;flex-direction:column;gap:4px;padding:11px 7px 7px}.style-caption strong{font-family:Outfit,sans-serif;font-size:16px;letter-spacing:-.02em}.style-caption small{color:#75d3ff;font-weight:800;font-size:9px;letter-spacing:.1em}.style-caption>span{color:#aeb6c7;font-size:10px;line-height:1.55}.style-selected{position:absolute;right:11px;top:12px;display:inline-flex;align-items:center;gap:4px;border-radius:50px;padding:4px 7px;color:#101b0c;font-size:9px;font-weight:800;background:var(--green)}.easy-upgrades{padding:18px;border:1px solid #47546a;border-radius:11px;background:#19212e;margin-top:15px}.upgrade-intro{display:flex;align-items:flex-start;gap:14px;padding:5px 3px 16px}.upgrade-intro>svg{flex-shrink:0;color:var(--green)}.upgrade-intro h3{font-size:21px;margin:0 0 6px}.upgrade-intro p{color:#b4c5d5;font-size:12px;line-height:1.65;margin:0}.easy-upgrades .field-heading{margin-top:13px}.ram-oc-choice{margin-top:13px;border:1px solid #52527d;background:#242339;border-radius:9px;padding:4px 12px 12px}.ram-oc-choice .check-row{margin:0}.ram-oc-choice .check-row svg{color:var(--green);flex-shrink:0}.ram-oc-choice p{color:#b7b9d1;margin:0 0 0 25px;font-size:11px;line-height:1.65}.upgrade-footnote{font-size:11px;line-height:1.6;color:#9eb2c8;margin:17px 2px 2px}.sff-reference{width:min(100%,490px);margin:19px auto 0;border:1px solid #3c6978;border-radius:10px;background:#13212b;overflow:hidden}.sff-reference img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.sff-reference figcaption{padding:10px 13px;color:#b5c7d6;font-size:10px;line-height:1.6}.mega-showcase{display:flow-root;margin-top:25px;border:1px solid #8051ad;background:radial-gradient(circle at 88% 5%,#7442ba52,transparent 38%),linear-gradient(145deg,#2a1f3b,#151c2b);padding:clamp(21px,4vw,38px);border-radius:14px;box-shadow:0 15px 45px #05071142}.mega-feature-photo{float:right;position:relative;width:35%;margin:0 0 20px 22px;overflow:hidden;border:1px solid #2ba99b;border-radius:11px;background:#071d24;box-shadow:0 10px 25px #0008}.mega-feature-photo img{width:100%;height:340px;object-fit:cover;object-position:center 50%;display:block}.mega-feature-photo figcaption{padding:8px 10px;color:#8defe3;font-size:9px;text-align:center;font-weight:700}.mega-symbol{display:grid;place-items:center;border-radius:12px;width:57px;height:57px;margin-bottom:18px;background:#a44aff2a;border:1px solid #9e58f688;color:var(--green)}.mega-showcase .eyebrow{color:#b3d4ff;letter-spacing:.15em}.mega-showcase h3{font-family:Outfit,sans-serif;line-height:1.09;font-weight:850;font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;margin:12px 0 15px}.mega-showcase h3 em{color:#be78ff}.mega-showcase>p{color:#d5dbea;max-width:700px;line-height:1.8;font-size:13px}.mega-highlights{display:flex;flex-wrap:wrap;gap:9px;margin:23px 0 12px}.mega-highlights span{padding:9px 12px;color:#dff8ff;background:#172f3c;border:1px solid #3b6671;border-radius:7px;font-size:11px;font-weight:750}.mega-showcase>.mega-fineprint{font-size:10px;color:#afb7c9;margin:12px 0 24px}.mega-summary-button{display:inline-flex;align-items:center;gap:10px}.preset-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 17px}.preset-strip>span{margin-right:5px;color:#a1acc0;font-size:12px;font-weight:700}.preset-strip button{padding:8px 13px;color:#e0ddea;font-size:11px;font-weight:700;border:1px solid #48445c;border-radius:40px;background:#231f2e}.preset-strip button:hover,.preset-strip button.active{border-color:var(--purple);background:#39274b}.preset-strip button.active:before{content:"✓ ";color:var(--green)}.wizard-steps button.current{box-shadow:inset 0 -3px var(--green)}.current .step-index{border-color:var(--green);background:var(--green);color:#10161b}.step-index{border-radius:8px}.option-tile.selected{border-color:#b84bff}.selected .option-check{background:var(--green);border-color:var(--green)}.button.primary,.side-summary-button{background:var(--cyan);border-color:var(--cyan)}.sidebar-visual{height:225px;background:radial-gradient(ellipse at 50% 85%,#263d56 0,#262043 41%,#111823 80%)}.sidebar-art{height:205px;top:0;overflow:hidden}.sidebar-art img{height:206px;width:auto;max-width:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 6px 12px #0007)}.sidebar-visual.has-pc-preview{background:#08191e}.sidebar-art.pc-photo{width:100%;height:100%;top:0}.sidebar-art.pc-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%;filter:none}.sidebar-color{border-radius:5px;padding:4px 6px;background:#131722c9}.preview-disclaimer{color:#8592a9;margin:7px 3px 0;font-size:9px;text-align:center}.sidebar-parts{margin-top:18px}.sidebar-pricing strong{font-size:17px}.pricing-details{background:#1c202b;border:1px solid #3e485a;border-radius:12px;padding:18px;margin-top:26px}.pricing-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}.pricing-heading h3{margin:6px 0 0;font-size:22px}.pricing-heading .button{min-height:38px;padding:8px 12px;white-space:nowrap;font-size:11px}.price-total{margin-top:16px;border:1px solid #30506a;background:#142732;padding:16px;border-radius:9px}.price-total>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.price-total strong{font-size:14px}.price-total span{color:#46d5ff;font-family:Outfit,sans-serif;font-size:17px;font-weight:700}.price-total p{margin:8px 0 0;font-size:11px;color:#a3bdcd;line-height:1.65}.compat-check{border-radius:9px;margin-top:14px;padding:15px;border:1px solid #625240;background:#2b2827}.compat-check>strong{display:flex;align-items:center;gap:7px;font-size:12px;color:#ffdcaa}.compat-check p{color:#ddc9a9}.compat-check ul{margin:12px 0 0;padding-left:18px;color:#ddc9b0;line-height:1.6;font-size:11px}.compat-check li{padding:2px 0}.compat-check li.conflict{color:#ff8d8d;font-weight:800}.catalog-error{padding:14px;border:1px solid #b76565;color:#ffb9b9;background:#392326;border-radius:8px;font-size:12px}.price-muted{color:#b0b6c8;font-size:12px}.psu-recommendation{display:flex;gap:14px;margin-top:14px;padding:16px;border:1px solid #494174;background:linear-gradient(125deg,#231c37,#171e2b);border-radius:10px}.psu-recommendation>svg{flex-shrink:0;color:var(--green)}.psu-recommendation span{display:block;color:#a7a0c9;font-size:10px;font-weight:800;letter-spacing:.12em}.psu-recommendation strong{display:block;margin-top:5px;font-family:Outfit,sans-serif;font-size:27px;color:#f4f4ff}.psu-recommendation p{font-size:11px;color:#b5b1c9;line-height:1.55;margin:7px 0 0}.site-footer{background:#0c0e15}.compact-footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:20px 0;color:#a1a9b7;font-size:11px}@media(max-width:850px){.sidebar-visual{height:205px}.sidebar-art{height:188px}.sidebar-art img{height:190px}}@media(max-width:620px){.site-header{height:67px}.brand-mark{height:37px;width:37px}.brand-logo{width:clamp(120px,36vw,180px);height:43px}.header-identity>span:last-child{display:none}.header-identity strong{font-size:13px}.builder-header{margin:23px 0 15px}.builder-header h1{font-size:32px}.builder-mode-tag{margin-top:12px}.mode-switch>span{width:100%}.mode-switch button{flex:1;justify-content:center;padding:10px}.style-cards{gap:7px}.style-card{padding:4px}.style-preview{height:120px}.style-case{width:41px;height:62px}.style-caption{padding:8px 3px}.style-caption strong{font-size:12px}.style-caption small{font-size:8px}.style-caption>span{font-size:9px}.style-photo-note{font-size:6px;left:4px;bottom:5px}.easy-upgrades{padding:11px}.mega-showcase{padding:21px}.mega-feature-photo{float:none;width:min(100%,320px);margin:0 auto 22px}.mega-feature-photo img{height:315px}.preset-strip>span{width:100%}.sidebar-visual{height:215px}.sidebar-art{height:198px}.sidebar-art img{height:200px}.pricing-details{padding:12px}.pricing-heading{flex-direction:column;align-items:flex-start}.price-row{gap:8px}.price-row strong{font-size:11px}.price-row>span{font-size:11px}.price-total>div{align-items:flex-start;flex-direction:column}}
