:root{color-scheme:dark;--bg:#171b20;--panel:#222a32;--green:#b7ff3c;--blue:#3478f6;--white:#fff;--muted:#adbbc8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;padding:0 28px;margin:auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:86px}.brand{font-size:24px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}.brand-mark{color:var(--green);font-size:29px;vertical-align:middle}.nav nav{display:flex;gap:30px;font-size:14px;color:#d3dce4}.nav nav a:hover{color:var(--green)}.btn{display:inline-block;background:var(--green);color:#121b14;border:1px solid var(--green);padding:13px 22px;border-radius:9px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 28px #b7ff3c3d}.btn-small{padding:10px 17px}.btn.outline{background:transparent;color:#fff;border-color:#4a5967}.hero{text-align:center;padding-top:86px;padding-bottom:66px;background:radial-gradient(ellipse at 50% 70%,#3478f619,transparent 62%)}.eyebrow{color:var(--green);font-size:11px;letter-spacing:2.2px;font-weight:800}.hero h1{font-size:clamp(48px,6.2vw,82px);letter-spacing:-3.8px;line-height:1.09;margin:27px 0 20px}.hero h1 span,.access h2 span{color:var(--green)}.hero>p{color:var(--muted);max-width:650px;margin:0 auto;font-size:16px}.actions{display:flex;justify-content:center;gap:12px;margin:27px 0 21px}.hero .micro{font-size:12px;color:#8c9eab}.studio{border:1px solid #3b5160;border-radius:20px;padding:23px;background:linear-gradient(135deg,#202c36,#1b242e);box-shadow:0 25px 70px #0004}.studio-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #3b4b59;padding-bottom:17px;margin-bottom:17px;gap:12px}.pill{display:inline-block;color:var(--green);border:1px solid #587a3c;border-radius:99px;padding:5px 10px;font-size:10px;letter-spacing:1px}.studio-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:17px}.room,.panels article{background:#131c26;border:1px solid #344453;border-radius:12px}.room{padding:15px}.room-label{font-size:12px;color:#c6d5e2;display:flex;justify-content:space-between}.room-label span{color:#8fa1b0}.room svg{display:block;width:100%;height:auto;margin:14px 0 4px}.legend{display:flex;gap:16px;color:#a9bbc9;font-size:11px}.legend span:nth-child(2){color:var(--green)}.panels{display:grid;gap:12px;grid-template-rows:1.4fr 1fr auto}.panels article{padding:16px}.panels h3{font-size:14px;margin:0 0 10px}.panels p{color:#aebfcd;font-size:12px;margin:8px 0}.panels small{font-size:10px;color:var(--green)}.panels h3 small{float:right;color:#8fa1b0}.qty{display:grid;grid-template-columns:1fr auto;gap:4px;color:#aebfcd;font-size:11px}.qty b{color:#fff}.signal{display:flex;align-items:center;gap:8px;color:var(--green)}.signal span{border:1px solid #3478f6;padding:5px 10px;border-radius:5px;color:#d4e2f0;font-size:10px}.disclaimer{color:#8d9dab;font-size:11px;margin:16px 0 0}.section{padding-top:115px;padding-bottom:115px}.section h2{font-size:clamp(32px,4vw,49px);letter-spacing:-1.5px;line-height:1.15;margin:14px 0 22px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:40px}.four article{border-top:1px solid #485662;padding-top:20px}.step{font-size:12px;color:var(--green);font-weight:800}.four h3,.cards h3{font-size:18px;margin:14px 0 10px}.four p,.cards p,.intro,.access p{font-size:14px;color:var(--muted)}.section-alt{background:#1e252c}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.cards article{background:#28323d;border:1px solid #3b4c5b;border-radius:13px;padding:22px;min-height:205px}.cards article:nth-child(2),.cards article:nth-child(5){background:#263249}.glyph{font-size:27px;color:var(--green)}.glyph.blue{color:#63a2ff}.solution article{background:#222d37;border:1px solid #3d4f5d;border-radius:12px;padding:20px}.solution article h3{margin-top:0}.access{background:linear-gradient(110deg,#26313c,#18232e)}.access-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.access-card{border:1px solid #50616c;border-radius:18px;background:#1d2933;padding:30px}.access-card h3{font-size:24px;margin-top:0}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:34px!important;padding-bottom:34px!important;color:#a5b6c4;font-size:12px}footer .brand{color:white;font-size:19px}@media(max-width:850px){.nav nav{display:none}.studio-grid{grid-template-columns:1fr}.panels{grid-template-columns:1fr 1fr;grid-template-rows:auto}.panels article:first-child{grid-column:1/-1}.cards{grid-template-columns:repeat(2,1fr)}.four{grid-template-columns:repeat(2,1fr)}.access-inner{grid-template-columns:1fr}}@media(max-width:560px){.wrap{padding-left:18px;padding-right:18px}.nav{min-height:72px}.brand{font-size:20px}.nav .btn{font-size:11px;padding:9px 11px}.hero{padding-top:64px;padding-bottom:40px}.hero h1{letter-spacing:-2px;font-size:44px}.hero>p{font-size:14px}.actions{flex-direction:column;align-items:stretch}.studio{padding:13px}.studio-head{font-size:11px}.room{padding:8px}.panels{grid-template-columns:1fr}.panels article:first-child{grid-column:auto}.four,.cards{grid-template-columns:1fr}.section{padding-top:72px;padding-bottom:72px}.cards article{min-height:unset}.access-inner{gap:22px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}


/* DYOM Bright V2: more white space, brighter panels, green and blue accents */
:root{--bg:#f6f9fc;--panel:#fff;--muted:#526171;color-scheme:light}
body{background:var(--bg);color:#15212b}
header{background:#fff}
.nav nav{color:#304353}
.nav nav a:hover{color:#2274e9}
.brand{color:#17232d}
.btn.outline{color:#192a38;border-color:#bac8d4;background:#fff}
.hero{background:radial-gradient(ellipse at 50% 40%,#b7ff3c30,transparent 45%),linear-gradient(180deg,#ffffff 0%,#edf6fb 100%)}
.hero .micro{color:#607485}
.eyebrow{color:#397f13}
.hero h1 span,.access h2 span{color:#408b13}
.studio{background:linear-gradient(135deg,#202b36,#111b25);border-color:#4c6978;box-shadow:0 24px 55px #17314a24;color:#fff}
.studio .eyebrow,.studio .step{color:#b7ff3c}
.section{background:#fff}
.section-alt{background:#eef5f9}
.section h2{color:#182b3a}
.four article{border-top:2px solid #b7d5e8}
.step{color:#3478f6}
.four h3,.cards h3{color:#172c3b}
.four p,.cards p,.intro{color:#526171}
.cards article,.cards article:nth-child(2),.cards article:nth-child(5){background:#fff;border:1px solid #d7e4ec;box-shadow:0 8px 22px #163d5810}
.cards article:nth-child(2),.cards article:nth-child(5){border-top:3px solid #3478f6}
.glyph{color:#398c1d}
.glyph.blue{color:#3478f6}
.solution article{background:#fff;border-color:#d7e4ec;box-shadow:0 8px 22px #163d5810}
.access{background:linear-gradient(110deg,#eaf9f0,#e9f3ff)}
.access p{color:#4d6372}
.access-card{background:#fff;border-color:#c9dce6;box-shadow:0 12px 32px #173b5815}
.access-card h3{color:#1a2b37}
footer{background:#fff;color:#5d6e7c}
footer .brand{color:#182a35}
@media(max-width:560px){.hero{padding-top:55px}.studio{box-shadow:0 12px 32px #17314a20}}