:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#192238;--orange:#f56818;--ink:#111a2b;--muted:#6e7890;--line:#e1e6ee;--blue:#1285c5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f5f7fa}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff9b56;outline-offset:2px}button:disabled{cursor:not-allowed}.container{max-width:1490px;margin:auto;padding-inline:30px}.site-header{height:80px;background:#11192a;border-bottom:1px solid #283349;color:#f5f7ff}.header-inner{max-width:1530px;padding:0 30px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:8px;min-width:280px}.brand img{height:59px;width:173px;object-fit:contain}.brand-caption{font-size:9px;line-height:1.5;color:#cbd5e4;letter-spacing:1.5px;font-weight:800;max-width:82px}.header-nav{display:flex;gap:28px;align-items:center;white-space:nowrap;font-size:13px;font-weight:700;color:#d5dae5}.header-nav .selected{background:#fa6a19;border-radius:7px;padding:13px 15px;color:white;box-shadow:0 0 17px #ed5e1933}.demo-pill{font-size:11px;white-space:nowrap;border:1px solid #4d5a72;border-radius:30px;padding:9px 11px;color:#c9d6e7}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#31d99b;margin-right:6px;box-shadow:0 0 0 4px #2ad58c15}.hero{color:white;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 80%,#421d28 0%,transparent 45%),linear-gradient(120deg,#121a2c,#161b31 68%,#281923);min-height:246px}.hero-inner{position:relative;z-index:1;padding-block:40px 46px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#eea87b;display:flex;gap:10px;align-items:center}.eyebrow-line{height:2px;width:25px;background:var(--orange)}h1{font-size:clamp(30px,3.55vw,51px);letter-spacing:-1.9px;margin:15px 0 8px;line-height:1.13}h1 em{font-style:normal;color:#ff7a27}.hero p{color:#cdd4e2;font-size:19px;margin:0}.hero-pills{margin-top:20px;display:flex;gap:20px;color:#adb8cb;font-size:12px;font-weight:700}.hero-glow{position:absolute;width:500px;height:240px;right:0;top:0;opacity:.38;background:repeating-radial-gradient(circle at center,#ff3b31 0 3px,transparent 4px 13px);filter:blur(1.8px);transform:rotate(-20deg) skew(13deg);mask-image:linear-gradient(90deg,transparent,#000)}.workspace{display:grid;grid-template-columns:388px minmax(0,1fr);align-items:start;gap:16px;margin-top:-18px;position:relative;z-index:2;padding-bottom:52px}.controls-card,.preview-card,.stat,.notice,.request-box{border:1px solid var(--line);box-shadow:0 9px 32px #2539510b;background:white;border-radius:16px}.controls-card{padding:26px 25px}.card-heading{display:flex;gap:11px;align-items:center}.card-heading h2,.request-head h2{margin:0 0 3px;font-size:19px;letter-spacing:-.3px}.card-heading p,.request-head p{font-size:11px;color:var(--muted);margin:0}.heading-icon{color:var(--orange);font-size:25px}.divider{border-top:1px solid #e8ebf1;margin:20px 0}.field{margin-top:17px}.field label{display:block;font-weight:750;font-size:12px;margin-bottom:8px;color:#253049}.fields-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.fields-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}input[type=number],select,textarea{width:100%;border:1px solid #d8dfe9;border-radius:8px;background:#fff;padding:12px 11px;color:#1a263d;min-height:44px;font-weight:650;font-size:13px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M1 2l4 4 4-4' fill='none' stroke='%23617186' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 13px) center;padding-right:28px}.input-note{font-size:10px;color:#7b889c;margin:7px 0 0}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-label-row label{margin-bottom:8px}.small-muted{font-size:9px;color:#93a0b0}.color-options{display:flex;flex-wrap:wrap;gap:6px}.color-choice{display:inline-flex;align-items:center;gap:5px;border:1px solid #d9dee8;background:white;border-radius:8px;padding:10px 9px;font-size:11px;font-weight:750;color:#3c4a5d;transition:.15s}.color-choice.active{border-color:#ff792d;background:#fff2e9;color:#dc5710;box-shadow:inset 0 0 0 1px #ff7b33}.swatch{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--swatch);border:1px solid #c0c5cf;box-shadow:0 0 0 2px #eee8}.rainbow{background:conic-gradient(red,yellow,lime,cyan,blue,magenta,red)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segmented button{padding:11px 5px;background:#f8f9fb;border:1px solid #dce2ec;border-radius:8px;color:#546078;font-size:12px;font-weight:750}.segmented button.active{background:#fff0e7;border-color:#ff792e;color:#eb6218}.sample-words{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.sample-words button{border:1px solid #e6e9ee;background:#f7f8fb;color:#708096;border-radius:14px;padding:5px 8px;font-size:10px}.slider-field input[type=range]{width:100%;accent-color:var(--orange);cursor:pointer}.slider-field output{font-size:10px;font-weight:800;color:#ed6b20;background:#fff0e9;border-radius:12px;padding:4px 9px}.reset-button{width:100%;border:0;background:transparent;color:#617087;font-size:12px;font-weight:800;margin-top:20px;padding:11px}.reset-button:hover{background:#f3f5f8}.preview-col{display:flex;flex-direction:column;gap:14px}.preview-card{overflow:hidden}.preview-top{padding:21px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px}.label-overline{color:#8b98aa;letter-spacing:1.7px;font-size:9px;font-weight:850}.preview-top h2{font-size:17px;margin:7px 0 0;letter-spacing:-.2px}.live-label{font-size:10px;font-weight:800;white-space:nowrap;border:1px solid #caf3e2;background:#f0fff7;color:#129d6b;border-radius:20px;padding:8px}.preview-stage{margin:0 20px;height:350px;background:radial-gradient(ellipse at 50% 65%,#4b3443 0%,#2b3246 40%,#131c30 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #59647a;isolation:isolate}.stage-light{position:absolute;inset:45% 10% -34%;background:radial-gradient(ellipse at center,#f834273b,transparent 67%);filter:blur(13px)}.hardware-case{width:92%;max-height:75%;aspect-ratio:4/1.07;position:relative;display:flex;align-items:stretch;background:linear-gradient(100deg,#0b0e15,#30343d 3%,#0d0e13 8%,#13151e 89%,#31323c 97%,#0a0c13);padding:11px 10px;border-radius:8px;border:2px solid #646974;box-shadow:0 6px 5px #030508,0 12px 25px #030509bf,inset 0 0 0 3px #080b10,0 35px 65px #ed2d241a;z-index:2}.led-inner{background:#09070a;box-shadow:inset 0 0 6px 4px #000;position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #252026}.led-inner canvas{display:block;width:100%;height:100%}.mount-point{position:absolute;z-index:-1;width:31px;height:21px;border-radius:8px 8px 0 0;border:1px solid #555c6a;background:linear-gradient(#090b10,#30333b);top:-21px}.mount-point:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#05080e;border:1px solid #626978;margin:6px auto}.mount-left{left:17%}.mount-right{right:17%}.case-side{height:7px;position:absolute;left:6px;right:6px;bottom:-5px;border:1px solid #222a34;border-radius:0 0 5px 5px;background:#111219}.stage-shadow{position:absolute;bottom:10%;height:16px;width:77%;background:#0008;border-radius:50%;filter:blur(17px);z-index:1}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:18px 24px;color:#768397;font-size:11px}.preview-bottom strong{font-size:11px;color:#4a586b}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff6a23;margin-right:6px}.preview-actions{display:flex;gap:7px;align-items:center}.preview-actions button{border:1px solid #dce2ed;color:#586982;background:white;border-radius:7px;padding:8px 11px;font-weight:750;font-size:10px}.preview-actions button:hover,.secondary-btn:hover{background:#f5f7fa}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{display:flex;align-items:center;gap:11px;padding:19px 13px;min-height:109px;border-radius:13px}.stat-icon{display:grid;place-items:center;font-size:25px;color:#f47722;width:39px;height:45px;flex:0 0 auto}.stat span:not(.stat-icon){display:block;font-size:11px;color:#66748a;font-weight:750;white-space:nowrap}.stat strong{display:block;font-size:21px;letter-spacing:-.7px;margin:5px 0;color:#101b31;white-space:nowrap}.stat small{display:block;font-size:9px;color:#9ca7b8;white-space:nowrap}.notice{display:flex;gap:13px;padding:17px 20px;color:#69778e;font-size:11px;line-height:1.5;background:#f6f9ff;border-color:#d8e5f7;box-shadow:none}.notice strong{color:#324765}.notice-icon{color:#498fcb;font-size:20px}.request-box{padding:22px 24px}.request-head{display:flex;justify-content:space-between;gap:9px;align-items:center}.request-head h2{font-size:19px}.request-head p{font-size:12px}.request-badge{font-size:10px;white-space:nowrap;border-radius:20px;background:#fff4e7;color:#a65b18;padding:8px 11px}.request-buttons{display:grid;grid-template-columns:1.35fr 1fr;gap:10px;margin-top:19px}.primary-btn{border:none;border-radius:9px;background:linear-gradient(100deg,#ef640d,#ff7f19);color:white;font-weight:850;padding:16px 18px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:9px;box-shadow:0 4px 15px #f7701f21}.primary-btn:hover{filter:brightness(1.05)}.secondary-btn{border:1px solid #d7dfe9;border-radius:9px;color:#455368;font-weight:750;font-size:12px;background:white}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:18px 3px}.features>div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:7px;align-items:center}.features span{grid-row:1/3;font-size:26px;color:#f47722}.features b{font-size:10px;color:#36435a}.features small{font-size:9px;color:#94a0b3}.site-footer{padding:25px 35px;display:flex;justify-content:space-between;gap:15px;background:#11192a;color:#8e9db1;font-size:11px}.custom-fields[hidden],.color-choice[hidden]{display:none}dialog{border:1px solid #dce3ed;border-radius:16px;padding:0;width:min(530px,calc(100vw - 28px));box-shadow:0 12px 64px #101a2c77}dialog::backdrop{background:#0710228a}.dialog-inner{padding:24px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{margin:0;font-size:22px}.dialog-close{border:0;background:#f1f3f7;font-size:24px;border-radius:10px;width:34px;height:34px}.dialog-note{font-size:12px;color:#6b788a}.dialog-inner pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;padding:18px;border-radius:10px;background:#f5f7fa;line-height:1.6}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.dialog-actions button{padding:12px 15px;border-radius:8px;border:1px solid #dadfe8;background:white;font-size:12px;font-weight:800}.dialog-actions .primary-btn{color:white;background:#f56818;border:none}.dialog-inner small{color:#158a60;display:block;margin-top:9px}
@media(max-width:1250px){.header-nav{gap:12px}.container{padding-inline:20px}.workspace{grid-template-columns:355px minmax(0,1fr)}.controls-card{padding:22px 18px}.stat{gap:4px;padding:14px 8px}.stat-icon{width:25px;font-size:20px}.stat strong{font-size:17px}.stat span:not(.stat-icon){font-size:10px}.stat small{font-size:8px}.preview-stage{height:310px}}
@media(max-width:990px){.header-nav{display:none}.workspace{grid-template-columns:1fr}.controls-card{order:1}.preview-col{order:2}.controls-card{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.controls-card>.card-heading,.controls-card>.divider,.controls-card>.fields-two,.controls-card>.input-note,.controls-card>.reset-button{grid-column:1/-1}.hero{min-height:250px}.preview-stage{height:340px}.brand{min-width:0}}
@media(max-width:650px){.site-header{height:68px}.header-inner{padding:0 14px}.brand img{width:137px;height:48px}.brand-caption{font-size:7px}.demo-pill{font-size:9px;padding:7px 8px}.container{padding-inline:12px}.hero{min-height:228px}.hero-inner{padding-block:29px 51px}.eyebrow{font-size:9px}.hero h1{font-size:32px;letter-spacing:-1.1px}.hero p{font-size:14px}.hero-pills{gap:12px;flex-wrap:wrap;font-size:10px}.workspace{margin-top:-23px;gap:12px;padding-bottom:25px}.controls-card{display:block;padding:20px 16px;border-radius:13px}.card-heading h2{font-size:19px}.preview-top{padding:17px 15px;align-items:start}.preview-top h2{font-size:14px;line-height:1.35}.preview-stage{height:220px;margin:0 10px;border-radius:11px}.hardware-case{width:95%;padding:7px 6px;border-radius:5px}.mount-point{height:14px;width:22px;top:-15px}.mount-point:after{height:5px;width:5px;margin:3px auto}.preview-bottom{padding:13px 12px;align-items:flex-start;gap:12px}.preview-bottom>span{max-width:150px;line-height:1.6}.preview-actions{flex-wrap:wrap;justify-content:flex-end}.preview-actions button{padding:8px 7px;font-size:10px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat{min-height:88px;padding:12px 7px;gap:5px}.stat:nth-child(3){grid-column:span 2}.stat:nth-child(3) strong{font-size:20px}.stat strong{font-size:17px}.notice{font-size:10px;padding:13px 12px}.request-box{padding:17px}.request-head{display:block}.request-badge{display:inline-block;margin-top:12px}.request-buttons{grid-template-columns:1fr}.secondary-btn{min-height:46px}.features{gap:7px}.features>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.features span{font-size:20px}.features b{font-size:9px}.features small{font-size:8px}.site-footer{padding:20px;flex-direction:column}.color-choice{padding:9px 7px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Approved first-concept visual refinement: dramatic LED showroom */
.hero{background:radial-gradient(ellipse at 84% 75%,#591b20 0%,transparent 42%),linear-gradient(115deg,#101827,#1b1c31 73%,#3a141e)}
.hero-glow{opacity:.6;filter:blur(1px)}
.preview-card{background:linear-gradient(#f9fbff,#fff)}
.preview-stage{height:385px;background:radial-gradient(ellipse at 50% 100%,#5b2837 0%,#303548 34%,#111b2e 85%);box-shadow:inset 0 0 45px #090d20a8}
.hardware-case{width:95%;box-shadow:0 9px 7px #030508,0 15px 32px #030509df,inset 0 0 0 3px #080b10,0 30px 72px #fa332b45}
.stage-light{inset:52% 7% -34%;background:radial-gradient(ellipse at center,#ff3d3655,transparent 70%)}
.primary-btn{background:linear-gradient(90deg,#f56c0c,#ff8618)}
@media(max-width:650px){.preview-stage{height:230px}}