/* SPARKLIGHT · LABORATOIRE DU CIEL V1 — standalone component */
.sky-lab{position:relative;overflow:hidden;padding-top:clamp(74px,8vw,124px);padding-bottom:clamp(78px,8vw,120px);background:radial-gradient(ellipse at 22% 24%,rgba(52,74,155,.14),transparent 52%),radial-gradient(ellipse at 93% 60%,rgba(128,64,153,.12),transparent 47%),#060a16}
.sky-lab::before{content:"";pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(circle at 7% 18%,#a9d8ff66 0 1px,transparent 2px),radial-gradient(circle at 88% 12%,#e9c2ff66 0 1px,transparent 2px),radial-gradient(circle at 66% 88%,#d2c7ff44 0 1px,transparent 2px);opacity:.64}
.sky-lab>.container{position:relative;z-index:1}
.sky-lab-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:45px;align-items:end;margin-bottom:40px}
.sky-lab-heading .display-title{margin-bottom:0;font-size:clamp(40px,4.7vw,72px)}
.sky-lab-heading .display-title em{color:#c7b6ff}
.sky-lab-heading>p{font-size:14px;line-height:1.85;max-width:400px;margin:0 0 7px auto;color:#b0bdd6}
.sky-lab-grid{display:grid;grid-template-columns:minmax(0,1.31fr) minmax(350px,.77fr);gap:19px;align-items:stretch}
.sky-lab-stage,.sky-lab-options{min-width:0;border:1px solid rgba(184,197,245,.2);border-radius:24px;box-shadow:0 26px 90px #01030b66;overflow:hidden}
.sky-lab-stage{position:relative;padding:clamp(19px,2.1vw,31px);background:linear-gradient(155deg,rgba(18,28,58,.96),rgba(9,16,36,.97) 71%);isolation:isolate}
.sky-lab-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 77% 20%,rgba(111,100,239,.16),transparent 38%)}
.sky-lab-topline{display:flex;justify-content:space-between;align-items:center;gap:18px}
.sky-lab-live,.sky-lab-scene-caption,.sky-lab-density-label{font-size:9px;letter-spacing:.15em;font-weight:800;color:#a7b9d8}
.sky-lab-live{display:inline-flex;gap:8px;align-items:center;color:#bbd8ff}
.sky-lab-live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#85d9fb;box-shadow:0 0 10px #83cdfc}
.sky-lab-scene-caption{color:#c4baff}
.sky-lab-stage-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:19px 0 0}
.sky-lab-number strong{display:block;font-family:Manrope,Arial,sans-serif;font-size:clamp(58px,7.4vw,99px);font-weight:700;line-height:.99;letter-spacing:-.085em;color:#f6f7ff;font-variant-numeric:tabular-nums}
.sky-lab-number>span{font-size:11px;letter-spacing:.13em;color:#8de4fa;font-weight:800;display:block;margin-top:8px}
.sky-lab-density{text-align:right;padding-bottom:7px;max-width:190px}
.sky-lab-density strong{display:block;font-size:13px;color:#eef0ff;margin-top:8px}
.sky-lab-canvas-wrap{position:relative;margin:14px -10px 0;min-height:265px;aspect-ratio:1.72;border-radius:15px;background:radial-gradient(ellipse at 50% 49%,#111d41 0%,#080f24 52%,#060b1b 85%);overflow:hidden}
.sky-lab-canvas-wrap::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 14% 72%,rgba(189,211,255,.17) 0 1px,transparent 2px),radial-gradient(circle at 80% 34%,rgba(173,218,255,.22) 0 1px,transparent 2px),radial-gradient(circle at 36% 18%,rgba(196,190,255,.18) 0 1px,transparent 2px)}
#sky-lab-canvas{position:relative;display:block;width:100%;height:100%;aspect-ratio:1.72;z-index:1;touch-action:pan-y}
.sky-lab-canvas-shine{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,26,.04),transparent 23%,rgba(5,8,20,.07))}
.sky-lab-scene-badge{position:absolute;left:18px;bottom:14px;z-index:3;padding:7px 10px;border-radius:7px;background:rgba(6,12,28,.64);border:1px solid rgba(190,216,255,.12);font-size:9px;letter-spacing:.11em;font-weight:800;color:#afcde8}
.sky-lab-figure-control{margin:23px 0 0;border:0;padding:0;min-width:0}
.sky-lab-figure-control legend,.sky-lab-options-list legend{font-size:11px;font-weight:800;color:#f0f3ff;letter-spacing:.02em;margin-bottom:12px}
.sky-lab-preset-buttons{display:flex;gap:7px;flex-wrap:wrap}
.sky-lab-chip{border:1px solid rgba(145,163,213,.34);background:#131e3b;color:#b7c5e0;border-radius:100px;padding:9px 13px;font-size:11px;font-weight:800;line-height:1.3;transition:border-color .2s,background .2s,transform .2s,color .2s}
.sky-lab-chip>span{display:inline-block;color:#9baeed;margin-right:4px}
.sky-lab-chip:hover{border-color:#8ee0ff;color:#fff;transform:translateY(-1px)}
.sky-lab-chip.is-selected{background:linear-gradient(110deg,#bceeff,#bdb2ff);color:#0b1631;border-color:transparent}
.sky-lab-chip.is-selected>span{color:#293b71}
.sky-lab-count-control{margin-top:24px;padding-top:18px;border-top:1px solid rgba(173,188,224,.15)}
.sky-lab-range-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.sky-lab-range-head label{font-weight:800;font-size:11px;color:#e0eaff}
.sky-lab-range-head>span{color:#94a4c0;font-size:10px}
#sky-lab-range{width:100%;display:block;margin:22px 0 14px;accent-color:#8ceaff;cursor:pointer;min-height:17px}
#sky-lab-range::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(90deg,#7ed7fc var(--sky-progress,25%),#3a486e var(--sky-progress,25%))}
#sky-lab-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;border:5px solid #dff7ff;background:#58c7f8;margin-top:-8px;box-shadow:0 0 0 5px #75dfff2a,0 0 23px #75dfff99}
#sky-lab-range{-webkit-appearance:none;appearance:none;background:transparent}
#sky-lab-range::-moz-range-track{height:5px;background:#3a486e;border-radius:99px}
#sky-lab-range::-moz-range-progress{height:5px;background:#8ceaff}
#sky-lab-range::-moz-range-thumb{height:14px;width:14px;background:#6ed1fd;border:5px solid #dff7ff;border-radius:50%}
.sky-lab-count-buttons{display:flex;justify-content:space-between;gap:5px;align-items:center}
.sky-lab-count-buttons button{background:transparent;border:1px solid transparent;border-radius:7px;padding:6px 5px;color:#9ba9c8;min-width:34px;font-size:11px;font-weight:800;cursor:pointer}
.sky-lab-count-buttons button:hover{color:#fff}
.sky-lab-count-buttons button.is-selected{color:#f6f8ff;background:#213355;border-color:#5b80a9}
.sky-lab-stage-footer{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:18px}
.sky-lab-stage-footer p{margin:0;color:#91a2c0;max-width:540px;font-size:10px;line-height:1.6}
.sky-lab-motion{display:flex;align-items:center;gap:5px;border:1px solid rgba(177,193,230,.3);border-radius:100px;background:#151f39;padding:8px 12px;color:#c6d9fa;white-space:nowrap;font-size:10px;font-weight:700}
.sky-lab-motion span{font-size:14px}
.sky-lab-options{padding:clamp(23px,2.3vw,38px);background:linear-gradient(150deg,rgba(15,22,43,.97),rgba(8,14,31,.98))}
.sky-lab-side-overline{display:block;color:#8edbff;letter-spacing:.15em;font-weight:800;font-size:10px}
.sky-lab-options h3{font-family:Manrope,Arial,sans-serif;color:#f8f8ff;letter-spacing:-.045em;font-size:clamp(29px,2.7vw,39px);line-height:1.16;margin:12px 0 13px}
.sky-lab-options h3 em{font-style:normal;color:#bcb2ff}
.sky-lab-side-intro{margin:0 0 25px;color:#aebcda;font-size:12px;line-height:1.8;min-height:45px}
.sky-lab-options-list{padding:0;border:0;margin:0;display:grid;gap:9px}
.sky-lab-options-list legend{padding:0 0 10px;margin-bottom:3px}
.sky-lab-option{position:relative;display:flex;align-items:center;gap:11px;min-height:73px;padding:13px;border:1px solid #334162;border-radius:12px;background:rgba(19,29,56,.67);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.sky-lab-option:hover{background:#192849;border-color:#6a8bb4;transform:translateY(-1px)}
.sky-lab-option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;z-index:2}
.sky-lab-option:focus-within{outline:2px solid #94e0ff;outline-offset:2px}
.sky-lab-option:has(input:checked){border-color:#9bcbef;background:linear-gradient(105deg,rgba(37,67,101,.76),rgba(35,36,78,.82))}
.sky-lab-option-featured{border-color:#8572aa;background:linear-gradient(110deg,rgba(65,45,89,.52),rgba(28,26,62,.68))}
.sky-lab-option-icon{flex:0 0 36px;height:36px;border-radius:11px;background:#253456;color:#b4deff;display:grid;place-items:center;font-size:20px;font-weight:800}
.sky-lab-option-featured .sky-lab-option-icon{color:#f7c7e9;background:#513861}
.sky-lab-option>span:nth-of-type(2){flex:1;min-width:0}
.sky-lab-option strong{display:block;font-size:11.5px;color:#e8f0ff;font-weight:800;line-height:1.35}
.sky-lab-option small{font-size:10px;display:block;color:#a7b4cc;line-height:1.5;margin-top:4px}
.sky-lab-option-check{height:21px;width:21px;flex:0 0 21px;border:1px solid #7184ae;border-radius:7px;display:grid;place-items:center;color:transparent;font-size:12px}
.sky-lab-option input:checked~.sky-lab-option-check{background:#b2e9ff;border-color:#b2e9ff;color:#142844}
.sky-lab-quote-card{margin-top:24px;padding:21px;border:1px solid rgba(171,196,238,.2);border-radius:15px;background:radial-gradient(circle at 85% 0%,rgba(116,110,234,.22),transparent 58%),#121f3b}
.sky-lab-quote-card>span{font-size:10px;letter-spacing:.13em;color:#a8c2ea;font-weight:800}
.sky-lab-quote-card>strong{display:block;font:700 clamp(26px,3vw,35px)/1.25 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:9px 0 4px;color:#fff}
.sky-lab-quote-card p,.sky-lab-feasibility{font-size:10.5px;line-height:1.7;color:#a4b4d1}
.sky-lab-quote-card p{margin:0 0 17px}
.sky-lab-quote-btn{width:100%;text-align:left;justify-content:space-between;gap:10px;padding:13px 17px;font-size:11px}
.sky-lab-feasibility{margin:17px 0 0}
@media(max-width:1100px){.sky-lab-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.sky-lab-options{padding:20px}.sky-lab-option{padding:10px}.sky-lab-option strong{font-size:11px}}
@media(max-width:900px){.sky-lab-heading{grid-template-columns:1fr;gap:16px}.sky-lab-heading>p{margin:0;max-width:650px}.sky-lab-grid{grid-template-columns:1fr}.sky-lab-options-list{grid-template-columns:1fr 1fr}.sky-lab-options-list legend{grid-column:1/-1}.sky-lab-quote-card{max-width:none}.sky-lab-canvas-wrap{min-height:310px}}
@media(max-width:600px){.sky-lab-heading .display-title{font-size:clamp(38px,11vw,53px)}.sky-lab-stage,.sky-lab-options{border-radius:17px}.sky-lab-stage{padding:15px}.sky-lab-stage-head{margin-top:17px}.sky-lab-number strong{font-size:62px}.sky-lab-density strong{font-size:10px}.sky-lab-density-label{font-size:8px}.sky-lab-canvas-wrap{min-height:0;aspect-ratio:1.33;margin:13px -7px 0}.sky-lab-canvas-wrap #sky-lab-canvas{aspect-ratio:1.33}.sky-lab-preset-buttons{gap:6px}.sky-lab-chip{font-size:10px;padding:9px 10px}.sky-lab-options-list{grid-template-columns:1fr}.sky-lab-count-buttons button{font-size:10px}.sky-lab-stage-footer{align-items:flex-start}.sky-lab-stage-footer p{font-size:9px}.sky-lab-options h3{font-size:32px}.sky-lab-option{min-height:65px}.sky-lab-quote-card{padding:17px}}
@media(prefers-reduced-motion:reduce){.sky-lab-chip,.sky-lab-option{transition:none}}