/* Studio V4 — unified premium dark UI, applied after all legacy styles */
:root{color-scheme:dark;--navy:#070d19;--navy2:#101d33;--ink:#f3f7ff;--muted:#a8b8d0;--line:#263a54;--bg:#070c16;--card:#101a2a;--blue:#229bff;--blue-soft:#142f50;--green:#48d8b0;--green-soft:#123a36;--warn-soft:#3c2b13;--err-soft:#401e2b;--radius:16px;--shadow:0 16px 44px #0005}
body{background:radial-gradient(ellipse 65% 30% at 50% 37%,#10223a 0%,transparent 100%),#070c16!important;color:var(--ink)!important}
body .topbar{background:#080e19!important;border-bottom:1px solid #20334c!important;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}
body .topbar .wrap{min-height:72px}body .topbar .brand span{color:#8ea9c7}body .topbar .contact a{color:#cce5ff}
.v3-announcement{background:linear-gradient(90deg,#0c3360,#174c82,#0c3360)!important}
body .hero{border-bottom:1px solid #233951}body .hero h1 em{background:linear-gradient(95deg,#38baff,#9c78ff 75%,#e36eff);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
.v3-categories{background:transparent!important}.v3-category{border-radius:18px!important;border-color:#2e527a!important;box-shadow:0 20px 50px #0004}.v3-category:hover{border-color:#50b9ff!important}.v3-value-strip{border-radius:14px;overflow:hidden;background:#0d1727}
body main.wrap{padding-top:64px!important}body .wizard-intro h2,body .v3-section-head h2,body .sec-head h2{color:#fff!important}body .wizard-intro p,body .sec-head .sub,body .sub{color:#a9bbd2!important}
body .panel{background:#101a2a!important;color:#f2f7ff!important;border:1px solid #2b405c!important;box-shadow:0 20px 55px #0004!important;border-radius:16px!important}
body #wizard{background:#0f1929!important;border:1px solid #345477!important}body #wizard:before{background:linear-gradient(90deg,#0d3e71,#14233c)!important;color:#bfe6ff!important}
body .steps{background:#0b1422!important;border-bottom:1px solid #2a3c54!important}body .steps button{color:#9db0cb!important}body .steps button.active{background:#1a304a!important;color:#fff!important;box-shadow:inset 0 -3px #36aeff!important}body .steps .n{background:#1b2d44!important;color:#bcd2ec!important}body .steps button.active .n,body .steps button.done .n{background:linear-gradient(135deg,#168eff,#8a54e9)!important;color:#fff!important}body .steps .t small{color:#92a8c3!important}
body .stepbody h2,body .stepbody h3,body .stepbody h4{color:#fff!important}body .stepbody .sub{color:#a9bdd5!important}
body .choice{background:linear-gradient(145deg,#14243a,#0c1728)!important;color:#eef5ff!important;border:1px solid #304b69!important;border-radius:14px!important;box-shadow:none!important}body .choice:hover{border-color:#49b6ff!important;background:linear-gradient(145deg,#1b3453,#112038)!important;box-shadow:0 10px 30px #0005!important}body .choice.sel{border:2px solid #46b4ff!important;background:linear-gradient(145deg,#153b60,#162342)!important;box-shadow:0 0 0 3px #1c70b344!important}body .choice p{color:#aebed4!important}body .choice .ico{background:#18385a!important;color:#65c6ff!important}
body .btn-primary,body .hero-main-link{background:linear-gradient(115deg,#087cfa,#1458e4)!important;color:#fff!important;border:1px solid #329eff!important;border-radius:10px!important;box-shadow:0 9px 24px #0068e42e!important}body .btn-primary:hover,body .hero-main-link:hover{background:linear-gradient(115deg,#1ea7ff,#386df1)!important}body .btn-ghost{background:#1a2a41!important;color:#dbeaff!important;border:1px solid #35516e!important}body .btn-ghost:hover{background:#223a57!important}
body input:not([type=checkbox]):not([type=range]):not([type=radio]),body select,body textarea{background:#0a1525!important;border:1px solid #36506d!important;color:#f3f7ff!important;box-shadow:none!important}body input::placeholder,body textarea::placeholder{color:#849ab7}body input:focus-visible,body select:focus-visible,body textarea:focus-visible,body button:focus-visible,body a:focus-visible{outline:2px solid #65caff!important;outline-offset:3px}body label.f{color:#c4d6eb!important}body .toggle{background:#122238!important;color:#d7e6f9!important;border-color:#304d6b!important}body .note,body .muted,body .spec{color:#a5b8d2!important}
body .breakdown,body .budget-box .breakdown{background:#15263c!important;border:1px solid #304c6b!important;color:#e9f3ff!important}body .money-in{background:#0a1525!important;border:1px solid #375c7f!important}body .money-in span{color:#8abfe7!important}body .chips button{background:#1a3049!important;color:#cce9ff!important;border:1px solid #375c7f!important}
body .res-grid .summary{background:linear-gradient(160deg,#173457,#111d30)!important;border-color:#38618a!important}body .summary .total{color:#fff!important}body .ptable th{color:#a6c2df!important}body .ptable td{border-top-color:#2a3c55!important;color:#e7f0ff!important}body .ptable tr:hover{background:#152940}body .upg,body .extras,body .compat,body .tiers{border-color:#2c415c!important}body .upg-list button,body .quick button{background:#1a3553!important;color:#d4ecff!important;border:1px solid #37638d!important}body .tcard{background:#12233a!important;border:1px solid #304c69!important;color:#f1f7ff!important}body .tcard.cur{border-color:#4db7ff!important;box-shadow:0 0 0 2px #1c84dc66!important}
/* The six build cards: strong contrast, product photography and consistent alignment */
#popular{margin-top:96px!important}#popular .sec-head{margin-bottom:28px!important}#popular .sec-head h2{font-size:clamp(30px,3vw,44px)!important;letter-spacing:-.05em!important}#popular .sec-head h2:before{content:'READY-TO-BUILD SYSTEMS';display:block;color:#bd81ff;font-size:11px;letter-spacing:.2em;font-weight:800;margin-bottom:12px}#popular .sec-head p{font-size:14px!important}#popular .seg{background:#101f34!important;border:1px solid #345579!important;border-radius:12px!important;padding:5px!important}#popular .seg button{color:#a9c5e2!important;border-radius:8px!important;padding:10px 22px!important}#popular .seg button.on{color:#fff!important;background:linear-gradient(120deg,#215eea,#9236cf)!important;box-shadow:0 5px 20px #6227c455!important}
#popular .pcards{gap:22px!important;align-items:stretch}#popular .pcard{padding:0!important;background:linear-gradient(155deg,#122742,#0b1729 76%)!important;border:1px solid #345f8d!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 14px 35px #0005!important;transition:transform .25s,border-color .25s,box-shadow .25s}#popular .pcard:hover{transform:translateY(-5px);border-color:#4fbaff!important;box-shadow:0 22px 50px #0008,0 0 24px #187bdb25!important}#popular .pcard.featured{border-color:#ba56ff!important;box-shadow:0 0 0 1px #b652f7,0 12px 40px #8021c52b!important}#popular .pcard .preset-art{height:190px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#174b86 0%,#0d2036 58%,#0a1423 100%);border-bottom:1px solid #284a70}#popular .pcard .preset-art img{height:100%;width:100%;object-fit:cover;object-position:65% 47%;opacity:.92;filter:contrast(1.06) saturate(1.18);transition:transform .45s}#popular .pcard:hover .preset-art img{transform:scale(1.065)}#popular .pcard .preset-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b1b2e66,transparent 75%),linear-gradient(0deg,#0d1b2e,transparent 45%)}#popular .pcard .preset-art .preset-index{position:absolute;top:16px;left:18px;z-index:2;color:#b5d5f4;font-size:10px;letter-spacing:.18em;font-weight:800}#popular .pcard .preset-feature{position:absolute;top:13px;right:13px;z-index:2;background:linear-gradient(120deg,#8b37db,#ce4fdb);color:#fff;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.07em}#popular .pcard h3{padding:22px 22px 0!important;font-size:21px!important;letter-spacing:-.035em!important;color:#fff!important;line-height:1.2}#popular .pcard p{padding:0 22px!important;margin:9px 0 18px!important;line-height:1.55!important;color:#adbfda!important;min-height:44px}#popular .pcard ul{padding:0 22px!important;margin-bottom:24px!important;gap:9px!important}#popular .pcard li{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:10px!important;align-items:start!important;font-size:12.5px!important;line-height:1.45!important;color:#e2edfc!important;overflow-wrap:anywhere}#popular .pcard li span{color:#69bfff!important;font-size:11px!important;font-weight:800!important;letter-spacing:.035em}#popular .pcard .foot{padding:17px 22px 20px!important;margin:0 22px 0!important;padding-left:0!important;padding-right:0!important;border-top:1px solid #35516e!important;gap:10px!important}#popular .pcard .price{font-size:29px!important;color:#fff!important;line-height:1.1!important;white-space:nowrap}#popular .pcard .price small{font-size:10px!important;margin-top:6px!important;color:#9db6d1!important}#popular .pcard .btn{padding:12px 15px!important;font-size:12px!important;white-space:nowrap}
body .service{background:#101d30!important}body .service .dark{background:linear-gradient(145deg,#15395c,#0c1c31)!important}body .service h2,body .faq h2{color:#fff!important}body .service p{color:#b3c5dc!important}body .fee-card div{background:#0a1b2e!important;border-color:#365677!important}body .fee-card small{color:#aabdd5!important}body .faq{background:#101a2a!important}body .faq button{color:#e8f4ff!important}body .faq p{color:#b4c8df!important}body .request .nsteps{color:#b5c8e0!important}body footer{background:#080e19!important;border-top:1px solid #2a405b!important;color:#9fb5ce!important}body footer .foot-upd{color:#b6cce5!important}
@media(max-width:1000px){#popular .pcards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .res-grid{grid-template-columns:minmax(0,1fr)!important}body .summary{position:static!important}}
@media(max-width:680px){body .topbar{position:relative}#popular{margin-top:62px!important}#popular .pcards{grid-template-columns:1fr!important}#popular .pcard .preset-art{height:220px}#popular .sec-head{align-items:start!important}#popular .pcard p{min-height:0}body .service{grid-template-columns:1fr!important}body .fee-card{flex-direction:column!important}body .ptable{display:block;overflow-x:auto}body .stepbody{padding:23px 17px!important}body .budget-box{grid-template-columns:1fr!important}body .tgrid{grid-template-columns:1fr!important}body .fg{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){#popular .pcard,#popular .pcard .preset-art img{transition:none!important}}
