/* SolutionSky product experience pages v1.3.2 */
.subpage-main{padding-top:72px}.sub-hero{padding:86px 0 54px;background:radial-gradient(circle at 70% 5%,rgba(99,214,255,.12),transparent 32%)}
.breadcrumbs{display:flex;gap:8px;align-items:center;color:#7896a6;font-size:.82rem;margin-bottom:18px}.breadcrumbs a:hover{color:var(--accent)}
.sub-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:42px;align-items:end}.sub-hero h1{font-size:clamp(3.4rem,7vw,7.2rem);max-width:850px;margin:12px 0 22px}.sub-hero .lead{max-width:760px}.sub-hero-side{border-left:1px solid var(--line);padding-left:26px;color:#9fb9c6;line-height:1.8}.sub-hero-side strong{display:block;color:var(--text);font-size:1.05rem;margin-bottom:7px}.sub-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);font-weight:780}.secondary-btn:hover{border-color:rgba(99,214,255,.42);background:rgba(99,214,255,.07)}
.product-section{padding:80px 0}.product-section.compact{padding-top:20px}.product-head{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:end;margin-bottom:28px}.product-head h2{font-size:clamp(2.5rem,5vw,5.1rem);line-height:.95;letter-spacing:-.06em;margin:9px 0 0}.product-head p{color:var(--muted);line-height:1.8;margin:0;max-width:650px;justify-self:end}
.level-tabs,.scene-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.level-tabs button,.scene-tabs button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);padding:9px 12px;border-radius:999px;cursor:pointer;color:#a9c3cf}.level-tabs button.active,.scene-tabs button.active{border-color:rgba(99,214,255,.6);background:rgba(99,214,255,.1);color:#eafaff}
.experience-shell{border-top:1px solid rgba(99,214,255,.17);border-bottom:1px solid rgba(99,214,255,.17);background:linear-gradient(180deg,rgba(7,29,43,.32),rgba(2,16,24,.70));position:relative;overflow:hidden}.experience-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 20%,rgba(85,215,255,.16) 0 1px,transparent 1.8px),radial-gradient(circle at 76% 28%,rgba(255,255,255,.10) 0 1px,transparent 1.6px);background-size:140px 140px,190px 190px;opacity:.35}
.experience-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.experience-title{font-size:1rem;font-weight:800}.experience-progress{font-size:.82rem;color:#9db8c5;border:1px solid rgba(99,214,255,.18);padding:7px 10px;border-radius:999px}.experience-progress strong{color:var(--accent)}
#ledStage{position:relative;width:100%;min-height:520px;touch-action:pan-y;user-select:none}.led-board{position:absolute;overflow:hidden;background:#020a0f;border:1px solid rgba(92,201,239,.22);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 0 50px rgba(0,0,0,.3)}.led-board .ghost,.led-board .complete-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.led-board .ghost{opacity:.13;filter:saturate(.7) brightness(.72);transition:.25s}.led-board.hint .ghost{opacity:.29;filter:saturate(.82) brightness(.78)}.led-board .complete-img{opacity:0;transform:scale(1.012);transition:opacity .7s ease,transform .9s ease;z-index:8}.led-board.completed .complete-img{opacity:1;transform:scale(1)}.led-board-shine{position:absolute;inset:-35%;z-index:9;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.58) 49%,rgba(85,215,255,.35) 52%,transparent 59%);transform:translateX(-80%) rotate(3deg);opacity:0}.led-board.completed .led-board-shine{animation:ledShine 1.1s .22s ease-out 1}@keyframes ledShine{0%{opacity:0;transform:translateX(-70%) rotate(3deg)}25%{opacity:.8}100%{opacity:0;transform:translateX(72%) rotate(3deg)}}
.led-target{position:absolute;border:1px dashed transparent;pointer-events:none;z-index:1;transition:.15s}.led-target.active{border-color:rgba(85,215,255,.68);background:rgba(85,215,255,.055);box-shadow:inset 0 0 26px rgba(85,215,255,.14)}.led-arrow,.lighting-arrow{position:absolute;color:rgba(113,220,255,.86);font-size:45px;font-weight:300;line-height:1;pointer-events:none;text-shadow:0 0 22px rgba(85,215,255,.22);transform:translate(-50%,-50%)}
.led-piece{position:absolute;z-index:10;transform-origin:top left;filter:drop-shadow(0 10px 11px rgba(0,0,0,.46));cursor:grab;will-change:left,top,transform;transition:filter .18s,opacity .3s}.led-piece:hover{filter:drop-shadow(0 13px 15px rgba(0,0,0,.56)) drop-shadow(0 0 7px rgba(85,215,255,.2))}.led-piece.dragging{z-index:50;cursor:grabbing;transition:none}.led-piece.locked{z-index:5;cursor:default;pointer-events:none}.led-piece svg{display:block;width:100%;height:100%;overflow:visible}.led-piece path.outline{fill:none;stroke:rgba(182,237,255,.5);stroke-width:2;vector-effect:non-scaling-stroke}.led-piece.locked path.outline{stroke:rgba(91,207,245,.18)}.led-piece.fade-after-complete{opacity:0}.snap-flash{position:absolute;width:26px;height:26px;border-radius:50%;border:2px solid var(--accent);pointer-events:none;z-index:60;animation:snapFlash .45s ease-out forwards}@keyframes snapFlash{0%{transform:scale(.2);opacity:1;box-shadow:0 0 0 0 rgba(85,215,255,.8)}100%{transform:scale(2.7);opacity:0;box-shadow:0 0 0 18px rgba(85,215,255,0)}}
.experience-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.experience-actions button{border:1px solid rgba(99,214,255,.24);background:#0a2230;color:#eefaff;border-radius:999px;padding:9px 14px;cursor:pointer;min-height:40px}.experience-actions button.primary-action{background:var(--accent);color:#05202b;border-color:transparent;font-weight:850}.completion-card{margin-top:16px;border:1px solid rgba(99,214,255,.20);background:linear-gradient(135deg,rgba(8,37,52,.9),rgba(4,22,32,.95));border-radius:24px;padding:20px;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;opacity:0;transform:translateY(8px);pointer-events:none;transition:.45s}.completion-card.show{opacity:1;transform:none;pointer-events:auto}.completion-card h3{font-size:clamp(1.7rem,3vw,2.5rem);margin:4px 0}.completion-card p{margin:0;color:var(--muted)}.completion-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-box{padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,rgba(99,214,255,.05),rgba(255,255,255,.01))}.info-box h3{font-size:1.3rem;margin:0 0 8px}.info-box p{color:#9fb9c6;line-height:1.7;margin:0}.evidence-strip{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.evidence-strip img{width:100%;display:block;border-radius:26px;border:1px solid var(--line)}.evidence-copy h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.96;letter-spacing:-.055em}.evidence-copy p{color:var(--muted);line-height:1.8}.faq{display:grid;gap:10px}.faq details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018);padding:0 18px}.faq summary{cursor:pointer;padding:17px 0;font-weight:800}.faq details p{color:#a3bdc9;line-height:1.75;padding:0 0 17px;margin:0}.final-cta{border:1px solid var(--line);border-radius:32px;padding:34px;background:radial-gradient(circle at 85% 25%,rgba(99,214,255,.13),transparent 34%),#081d2b;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.final-cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:.95;letter-spacing:-.05em;margin:5px 0 12px}.final-cta p{color:var(--muted);margin:0}.final-cta-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
/* Lighting interactive */
#lightingGame{position:relative}.lighting-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:22px;align-items:center}.lighting-scene{position:relative;overflow:hidden;border:1px solid rgba(99,214,255,.18);background:#020a0f;isolation:isolate}.lighting-scene img.scene-off,.lighting-scene img.scene-on{display:block;width:100%;height:auto}.lighting-scene img.scene-on{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;pointer-events:none}.lighting-scene.sky-on img.scene-on{opacity:1}.lighting-scene.generic-test img.scene-on{animation:genericFlicker 2.35s ease-in-out 1}@keyframes genericFlicker{0%{opacity:0}10%{opacity:.90}25%{opacity:.90}31%{opacity:.12}37%{opacity:.76}43%{opacity:.06}51%{opacity:.60}61%{opacity:.17}70%{opacity:.43}82%{opacity:.05}100%{opacity:0}}.lighting-drop{position:absolute;z-index:8;inset:7%;border:1px dashed transparent;border-radius:14px;pointer-events:none;transition:.15s}.lighting-drop.active{border-color:rgba(89,221,255,.65);background:rgba(89,221,255,.035);box-shadow:0 0 30px rgba(89,221,255,.09) inset}.lighting-shimmer{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:0;overflow:hidden}.lighting-shimmer::after{content:"";position:absolute;top:-25%;left:-30%;width:12%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg)}.lighting-scene.sky-on .lighting-shimmer{opacity:1}.lighting-scene.sky-on .lighting-shimmer::after{animation:lightingShimmer 2.8s ease .45s 2}@keyframes lightingShimmer{from{left:-30%}to{left:120%}}.lighting-success{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:42px 24px 20px;background:linear-gradient(180deg,transparent,rgba(0,9,14,.8));opacity:0;transform:translateY(8px);transition:.4s ease .25s;pointer-events:none}.lighting-scene.sky-on .lighting-success{opacity:1;transform:none}.lighting-success strong{display:block;font-size:clamp(1.7rem,3vw,2.7rem)}.lighting-success span{display:block;color:#c2dce7;margin-top:4px}.lighting-choices{display:flex;flex-direction:column;gap:14px;justify-content:center;position:relative}.lighting-lamp{position:relative;min-height:120px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(13,47,63,.7),rgba(4,24,34,.8));display:grid;place-items:center;padding:12px;cursor:grab;touch-action:none;user-select:none;transition:.15s}.lighting-lamp:hover{border-color:rgba(99,214,255,.5);transform:translateY(-2px)}.lighting-lamp.dragging{cursor:grabbing;transform:scale(.98)}.lighting-lamp img{display:block;max-width:100%;max-height:95px;object-fit:contain;pointer-events:none}.lighting-lamp.hps img,.lighting-lamp.bulb img{max-height:125px}.lighting-label{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:999px;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;font-weight:800;color:#cce5ee;background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.09)}.lighting-ghost{position:fixed;z-index:9999;display:none;pointer-events:none;width:230px;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 20px rgba(0,0,0,.5))}.lighting-ghost img{width:100%;max-height:200px;object-fit:contain}.lighting-note{font-size:.76rem;color:#718d9b;line-height:1.6;margin-top:12px}.game-toast{position:fixed;left:50%;bottom:22px;z-index:100;transform:translate(-50%,18px);padding:10px 15px;border-radius:999px;background:#0c2939;border:1px solid rgba(85,215,255,.3);color:#eafbff;opacity:0;pointer-events:none;transition:.22s;font-size:.82rem}.game-toast.show{opacity:1;transform:translate(-50%,0)}
.card-link{margin-top:18px;display:inline-flex;width:max-content;color:var(--accent);font-weight:820;position:relative;z-index:2}.card-link:hover{text-decoration:underline}.brand-note{font-size:.82rem;color:#7795a4;margin-top:12px}.brand-note strong{color:#b8d4df}
@media(max-width:980px){.sub-hero-grid,.product-head,.evidence-strip{grid-template-columns:1fr}.sub-hero-side{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.product-head p{justify-self:start}.info-grid{grid-template-columns:1fr}.completion-card,.final-cta{grid-template-columns:1fr}.completion-actions,.final-cta-actions{justify-content:flex-start}.lighting-stage{grid-template-columns:1fr}.lighting-choices{display:grid;grid-template-columns:1fr 1fr}.lighting-arrow{display:none}}
@media(max-width:720px){.subpage-main{padding-top:64px}.sub-hero{padding:58px 0 28px}.product-section{padding:62px 0}#ledStage{min-height:560px}.lighting-choices{gap:10px}.lighting-lamp{min-height:105px}.final-cta{padding:24px}.experience-shell{margin-left:-12px;margin-right:-12px}.experience-shell>.wrap{width:calc(100% - 24px)}}
@media(max-width:520px){.lighting-lamp img{max-height:72px}.lighting-lamp.hps img,.lighting-lamp.bulb img{max-height:95px}.sub-hero h1{font-size:clamp(3rem,15vw,4.7rem)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* ---------- Polish v1.3.2 ---------- */
.sub-hero{padding:74px 0 48px}
.sub-hero-grid.single{grid-template-columns:minmax(0,1fr);max-width:1120px;margin:0 auto}
.sub-hero h1{font-size:clamp(2.9rem,5.7vw,5.55rem);line-height:.94;margin:10px 0 18px;max-width:930px}
.sub-hero .lead{font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.65;max-width:840px}
.sub-hero-side{line-height:1.6}
.product-section{padding:70px 0}
.product-section.compact{padding-top:12px}
.product-head{gap:28px;margin-bottom:24px}
.product-head h2{font-size:clamp(2.25rem,4.25vw,4.15rem);line-height:.98}
.product-head p{line-height:1.65;max-width:590px}
.info-box{padding:20px 22px}
.info-box h3{font-size:1.16rem;margin-bottom:5px}
.info-box p{line-height:1.55}
.evidence-strip{grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:34px}
.evidence-strip img{aspect-ratio:16/9;object-fit:cover;border-radius:24px}
.evidence-copy h2{font-size:clamp(2.15rem,4vw,3.75rem);line-height:1}
.evidence-copy p{line-height:1.65}
.final-cta h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1}
.final-cta p{line-height:1.6;max-width:650px}
.product-section-slim{padding:28px 0 34px;border-top:1px solid rgba(130,211,244,.10);border-bottom:1px solid rgba(130,211,244,.10)}
.lighting-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.lighting-summary p{margin:0;color:#a8c2ce;font-size:1.02rem;letter-spacing:.01em}
.demo-note{margin-top:12px;color:#718d9b;font-size:.74rem;line-height:1.55}
.demo-note summary{cursor:pointer;width:max-content;color:#7f9eac}
.demo-note p{max-width:860px;margin:8px 0 0}

@media(max-width:980px){
  .sub-hero{padding-top:64px}
  .evidence-strip{grid-template-columns:1fr}
  .evidence-strip img{max-width:920px}
}
@media(max-width:720px){
  .sub-hero{padding:48px 0 26px}
  .sub-hero h1{font-size:clamp(2.45rem,12.5vw,4rem)}
  .product-section{padding:54px 0}
  .product-head h2{font-size:clamp(2.1rem,10vw,3.3rem)}
  .lighting-summary{display:block}.lighting-summary p{margin-top:6px}
}