.pd-top{padding-block:var(--s-6) var(--s-8)}.pd-top .crumbs{margin-bottom:var(--s-6)}.pd-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--s-8);align-items:start}.gallery{position:sticky;top:92px}.door-stage{position:relative;background:var(--surface-2);border:var(--hair);border-radius:var(--r-lg);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden}.door-stage .gr-grid-bg{position:absolute;inset:0}.door{position:relative;width:46%;height:82%;border-radius:4px 4px 3px 3px;background:var(--door-color, #2D4459);box-shadow:var(--shadow-lg),inset 0 0 0 1px #ffffff0f;transition:background var(--dur-slow) var(--ease-mech);display:flex;flex-direction:column;padding:8% 12%;gap:6%}.door .glazing{background:linear-gradient(135deg,#ffffff80,#ffffff26);border:1px solid rgba(255,255,255,.35);border-radius:2px;flex:1.1;backdrop-filter:blur(1px)}.door .panel{background:#00000024;border:1px solid rgba(255,255,255,.08);border-radius:2px;flex:1;box-shadow:inset 0 1px 2px #00000040}.door .handle{position:absolute;right:10%;top:50%;width:6px;height:56px;border-radius:4px;background:linear-gradient(var(--hw,#C9CDD2),#8b9095);transform:translateY(-50%);box-shadow:0 1px 3px #0006}.door[data-glazing=false] .glazing{background:#00000024;border-color:#ffffff14;backdrop-filter:none}.door-stage .note{position:absolute;bottom:var(--s-4);left:var(--s-4);font-family:var(--font-mono);font-size:10px;color:var(--steel-500);letter-spacing:.06em}.door-stage .dimh{position:absolute;left:8%;right:8%;bottom:5%;height:1px;background:var(--steel-300)}.thumbs{display:flex;gap:var(--s-3);margin-top:var(--s-4)}.thumbs .t{flex:1;aspect-ratio:1;border:var(--hair);border-radius:var(--r-sm);background:var(--surface-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.thumbs .t.is-on{border-color:var(--copper-500);box-shadow:0 0 0 1px var(--copper-500)}.thumbs .t span{font-family:var(--font-mono);font-size:9px;color:var(--steel-400)}.buy h1{font-size:clamp(2rem,4vw,var(--t-h2));margin-block:var(--s-2) var(--s-3)}.buy .sub{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-5)}.buy .price{font-family:var(--font-mono);font-size:var(--t-h6);color:var(--text-strong)}.buy .price small{font-size:var(--t-caption);color:var(--steel-400)}.buy .desc{color:var(--text-muted);font-size:var(--t-body);margin-bottom:var(--s-6);max-width:46ch}.cfg{border:var(--hair);border-radius:var(--r-md);padding:var(--s-5);background:var(--paper);margin-bottom:var(--s-5)}.cfg .cfg-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--s-4)}.cfg .cfg-head .gr-label{color:var(--text-muted)}.cfg .cfg-head .val{font-family:var(--font-display);font-weight:600;font-size:var(--t-small)}.sw-row{display:flex;gap:var(--s-3);flex-wrap:wrap}.sw-c{width:34px;height:34px;border-radius:50%;border:1px solid rgba(0,0,0,.15);cursor:pointer;position:relative;transition:transform var(--dur) var(--ease-mech)}.sw-c:hover{transform:scale(1.08)}.sw-c.is-on:after{content:"";position:absolute;inset:-5px;border:2px solid var(--copper-500);border-radius:50%}.seg-row{display:inline-flex;border:1px solid var(--steel-300);border-radius:var(--r-sm);overflow:hidden}.seg-row button{padding:9px 16px;font-family:var(--font-body);font-size:var(--t-small);font-weight:500;background:var(--paper);color:var(--text);border:0;border-right:1px solid var(--steel-300)}.seg-row button:last-child{border-right:0}.seg-row button.is-on{background:var(--ink-800);color:#fff}.buy-actions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-6)}.buy-actions .gr-btn{width:100%}.spec-note{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;color:var(--steel-500);margin-top:var(--s-4)}.pills{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-5)}.pill-b{display:inline-flex;align-items:center;gap:7px;font-size:var(--t-caption);border:var(--hair-strong);border-radius:var(--r-pill);padding:5px 11px;color:var(--text-muted)}.pill-b svg{width:14px;height:14px;color:var(--copper-600)}.explorer{padding-block:clamp(56px,8vw,var(--s-9))}.ex-card{background:var(--ink-800);border-radius:var(--r-lg);overflow:hidden;position:relative}.ex-card .gr-grid-bg--dark{position:absolute;inset:0}.ex-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:0}.ex-head{padding:var(--s-7) var(--s-7) 0;position:relative}.ex-head .gr-eyebrow{color:var(--copper-400)}.ex-head h2{color:#fff;font-size:clamp(1.8rem,3.6vw,var(--t-h3));margin-block:var(--s-3) var(--s-3)}.ex-head p{color:var(--text-on-dark-muted);font-size:var(--t-body);max-width:52ch}.ex-diagram{padding:var(--s-7);display:flex;align-items:center;justify-content:center}.xsection{position:relative;width:100%;max-width:460px}.xsection .ruler{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--steel-500);margin-bottom:8px;letter-spacing:.06em}.xstack{display:flex;height:300px;border:1px solid rgba(255,255,255,.2);border-radius:3px;overflow:hidden;position:relative}.xlayer{position:relative;cursor:pointer;transition:flex var(--dur-slow) var(--ease-mech),filter var(--dur) var(--ease-mech);outline:none;border:0;padding:0}.xlayer:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 var(--copper-500);transition:box-shadow var(--dur) var(--ease-mech)}.xlayer.is-active:after{box-shadow:inset 0 0 0 2px var(--copper-500)}.xlayer.is-active{filter:brightness(1.15)}.xl-skin1{flex:.6;background:#ffffff24}.xl-edge{flex:.4;background:repeating-linear-gradient(90deg,#ffffff38 0 3px,#ffffff14 3px 6px)}.xl-core{flex:2.6;background:repeating-linear-gradient(45deg,#3c8c6e47 0 8px,#3c8c6e14 8px 16px)}.xl-skin2{flex:.6;background:#ffffff24}.xl-seal{flex:.35;background:var(--copper-500);opacity:.85}.xlayer .hs{position:absolute;top:14px;left:50%;transform:translate(-50%);width:24px;height:24px;border-radius:50%;background:#0e101399;border:2px solid rgba(255,255,255,.55);color:#fff;font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;justify-content:center;transition:all var(--dur) var(--ease-mech)}.xlayer.is-active .hs{background:var(--copper-500);border-color:#fff}.xsection .legend{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--font-mono);font-size:10px;color:var(--steel-500)}.xstack .scan{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--copper-400),transparent);pointer-events:none}@media(prefers-reduced-motion:no-preference){.xstack .scan{animation:pdScan 5.5s cubic-bezier(.45,0,.55,1) infinite}.xlayer.is-active .hs{animation:hsGlow 2.2s var(--ease-mech) infinite}}@keyframes pdScan{0%{transform:translateY(0)}50%{transform:translateY(297px)}to{transform:translateY(0)}}@keyframes hsGlow{0%,to{box-shadow:0 0 0 0 var(--copper-glow)}50%{box-shadow:0 0 0 9px transparent}}.ex-detail{padding:var(--s-7) var(--s-7) var(--s-7) 0;align-self:center}@media(max-width:920px){.ex-detail{padding:0 var(--s-7) var(--s-7)}}.ex-tabs{display:flex;gap:6px;margin-bottom:var(--s-5);flex-wrap:wrap}.ex-tab{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-on-dark-muted);background:transparent;border:1px solid var(--ink-600);border-radius:var(--r-pill);padding:6px 12px;cursor:pointer;transition:all var(--dur) var(--ease-mech)}.ex-tab:hover{border-color:var(--steel-500);color:#fff}.ex-tab.is-on{background:var(--copper-500);border-color:var(--copper-500);color:#fff}.ex-panel .idx{font-family:var(--font-mono);font-size:var(--t-mono-label);color:var(--copper-400);letter-spacing:.12em}.ex-panel h3{color:#fff;font-size:var(--t-h4);margin-block:var(--s-2) var(--s-3)}.ex-panel .what{color:var(--text-on-dark-muted);font-size:var(--t-body);margin-bottom:var(--s-5)}.ex-panel .benefit-line{display:flex;align-items:center;gap:10px;color:#fff;font-size:var(--t-small);margin-bottom:var(--s-5)}.ex-panel .benefit-line svg{width:18px;height:18px;color:var(--copper-400);flex-shrink:0}.ex-panel .spec{border-top:1px solid var(--ink-600);padding-top:var(--s-4)}.ex-panel .spec .gr-spec th{color:var(--steel-400)}.ex-panel .spec .gr-spec td{color:#fff}.ex-panel .spec .gr-spec th,.ex-panel .spec .gr-spec td{border-color:var(--ink-600);padding:9px 0}.ex-panel{animation:exfade var(--dur) var(--ease-mech)}@keyframes exfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ex-cta{margin-top:var(--s-6)}.rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4)}.rel{border:var(--hair);border-radius:var(--r-md);overflow:hidden;background:var(--paper);transition:box-shadow var(--dur) var(--ease-mech),transform var(--dur) var(--ease-mech)}.rel:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.rel .b{padding:var(--s-3) var(--s-4) var(--s-4)}.rel .nm{font-family:var(--font-display);font-weight:600;font-size:var(--t-small)}.rel .ty{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;color:var(--steel-400);margin-top:3px}@media(max-width:920px){.pd-grid{grid-template-columns:1fr;gap:var(--s-7)}.gallery{position:static}.ex-inner{grid-template-columns:1fr}.rel-grid{grid-template-columns:1fr 1fr}.spec-tables{grid-template-columns:1fr!important;gap:var(--s-5)!important}}
