/* Language, theme, and replaceable product-image enhancements. */
.header-actions{display:flex;align-items:center;gap:9px;margin-left:auto;margin-right:16px}
.language-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel)}
.language-switch a{min-width:34px;padding:6px 8px;color:var(--muted);font:600 11px 'Chakra Petch',sans-serif;text-align:center;text-decoration:none}
.language-switch a.active{color:#00151a;background:var(--cyan)}
.theme-toggle{width:36px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-size:18px;cursor:pointer}
[data-theme="dark"] .theme-light,[data-theme="light"] .theme-dark{display:none}

.image-slot{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,var(--panel),var(--bg2));color:var(--muted)}
.image-slot img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}
.image-slot figcaption{position:absolute;left:50%;top:50%;z-index:0;transform:translate(-50%,-50%);width:90%;font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.06em;text-align:center;color:var(--muted)}
.image-slot img{z-index:1}
.image-slot.missing img{display:none}
.image-slot.loaded figcaption{display:none}
.hero-image-slot{width:min(100%,620px);aspect-ratio:1/1;margin:0;border-radius:24px;box-shadow:0 35px 80px rgba(0,0,0,.42);transform:perspective(900px) rotateY(-4deg) rotateX(1deg)}
.hero-image-slot:before{content:"";position:absolute;inset:12px;border:1px solid rgba(0,229,255,.25);border-radius:16px;z-index:2;pointer-events:none}
.compatibility-note{display:grid;grid-template-columns:66px 1fr;gap:12px;align-items:center;margin:20px 0 0!important;padding:10px 14px;border-left:3px solid var(--orange);background:rgba(255,159,28,.08);font-size:12px!important;line-height:1.55}
.compatibility-note p{margin:0!important;font-size:12px!important;line-height:1.55}
.compatibility-note b{color:var(--orange)}
.elm-module-thumb{width:62px;aspect-ratio:1/1;margin:0;border-radius:8px;background:transparent}
.elm-module-thumb figcaption{font-size:8px;line-height:1.15;word-break:break-all}

.dashboard-feature{min-height:350px}
.dashboard-stack{position:relative;min-height:280px;width:100%}
.dashboard-shot{position:absolute;width:56%;aspect-ratio:1/1;margin:0;border-radius:12px;box-shadow:0 18px 36px rgba(0,0,0,.35)}
.dashboard-shot.shot-back{left:0;top:0;transform:rotate(-3deg)}
.dashboard-shot.shot-front{right:0;bottom:0;transform:rotate(3deg);z-index:2}

.capability-with-image{grid-template-columns:80px minmax(0,1fr) minmax(250px,390px);gap:30px;align-items:center}
.feature-image-slot{width:100%;aspect-ratio:16/9;margin:0;border-radius:12px}
.compatibility-banner{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin:0 0 34px;padding:22px 26px;border:1px solid rgba(255,159,28,.35);background:rgba(255,159,28,.07)}
.compatibility-banner strong{font:700 22px 'Chakra Petch',sans-serif;color:var(--orange)}
.compatibility-banner span{color:var(--muted)}
.photo-frame.video-frame video{display:block;width:100%;height:560px;object-fit:cover;background:#02060a}
.photo-frame.video-frame span{pointer-events:none}
.developer-contact{padding:32px!important;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,24,37,.9),rgba(6,10,17,.9))}
.developer-contact h2{margin:10px 0 12px!important}
.developer-contact p{max-width:680px;color:var(--muted)}
.developer-contact .button{margin-top:12px}
.hardware-support-section{padding-top:40px}
.hardware-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hardware-card{position:relative;overflow:hidden;min-height:285px;padding:32px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,24,37,.96),rgba(5,9,15,.96))}
.hardware-card:after{content:"";position:absolute;right:-70px;bottom:-70px;width:190px;height:190px;border:1px solid rgba(0,229,255,.13);border-radius:50%}
.hardware-card.is-supported{border-color:rgba(60,255,154,.4)}
.hardware-card.is-coming{border-color:rgba(255,159,28,.4)}
.hardware-status{display:inline-flex;padding:5px 10px;border:1px solid currentColor;border-radius:999px;color:var(--green);font:700 10px 'Chakra Petch',sans-serif;letter-spacing:.14em}
.is-coming .hardware-status{color:var(--orange)}
.hardware-card>strong{display:block;margin-top:24px;color:var(--cyan);font:600 13px 'Chakra Petch',sans-serif;letter-spacing:.12em}
.hardware-card h3{margin:8px 0 18px;font-size:31px}
.hardware-card p,.hardware-card li,.hardware-note{color:var(--muted)}
.hardware-card ul{margin:0;padding-left:20px}
.hardware-card li{padding:4px 0}
.hardware-note{margin:18px 0 0;font-size:13px}
.board-selector{margin:30px 0 0;padding:0;border:0}
.board-selector legend,.installer-step{display:flex;align-items:center;gap:10px;color:var(--text);font:600 14px 'Chakra Petch','Prompt',sans-serif}
.board-selector legend b,.installer-step b{width:25px;height:25px;display:inline-grid;place-items:center;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:12px}
.board-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.board-option{position:relative;min-height:92px;display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:10px;background:rgba(5,9,15,.55);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.board-option:hover{transform:translateY(-1px);border-color:var(--cyan)}
.board-option input{position:absolute;opacity:0;pointer-events:none}
.board-radio{width:18px;height:18px;border:2px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 4px var(--panel)}
.board-option input:checked+.board-radio{border-color:var(--green);background:var(--green)}
.board-option strong,.board-option small{display:block}
.board-option strong{font:600 17px 'Chakra Petch',sans-serif;color:var(--text)}
.board-option small{margin-top:5px;color:var(--muted);font-size:11px}
.board-option em{grid-column:2;margin-top:-7px;color:var(--green);font:700 9px 'Chakra Petch',sans-serif;letter-spacing:.12em;font-style:normal}
.board-option.is-selected{border-color:rgba(60,255,154,.5);background:rgba(60,255,154,.05)}
.board-option.is-disabled{opacity:.58;cursor:not-allowed}
.board-option.is-disabled:hover{transform:none;border-color:var(--line)}
.board-option.is-disabled em{color:var(--orange)}
.installer-step{margin-top:24px}
.web-installer{margin-top:17px!important}

.error-page{min-height:calc(100vh - 76px);display:grid;align-items:center;padding:70px 0;background:radial-gradient(circle at 50% 35%,rgba(0,229,255,.08),transparent 36%)}
.error-shell{display:flex;justify-content:center}
.error-panel{position:relative;overflow:hidden;width:min(100%,760px);padding:58px;text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,24,37,.96),rgba(5,9,15,.96));box-shadow:0 30px 80px rgba(0,0,0,.35)}
.error-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(0,229,255,.05) 50%,transparent 58%);pointer-events:none}
.error-code{display:block;margin:18px 0 4px;font:700 clamp(92px,18vw,180px)/.9 'Chakra Petch',sans-serif;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:2px var(--cyan);text-shadow:0 0 34px rgba(0,229,255,.2)}
.error-panel h1{font-size:clamp(34px,5vw,56px);margin:16px 0}
.error-panel p{max-width:580px;margin:0 auto;color:var(--muted);font-size:16px}
.error-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}

[data-theme="light"]{
  --bg:#f3f7fa;--bg2:#e9f0f5;--panel:#fff;--line:#c7d7e1;
  --text:#102633;--muted:#627987;--cyan:#006b80;--blue:#225d9c;
  --orange:#a75500;--green:#147a4b;--red:#b4233b;
}
[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] body:before{background:radial-gradient(circle at 75% 10%,rgba(0,174,204,.10),transparent 30%),radial-gradient(circle at 10% 70%,rgba(22,143,255,.07),transparent 32%)}
[data-theme="light"] .site-noise{opacity:.012}
[data-theme="light"] .site-header{background:rgba(247,250,252,.88);border-color:#cbdbe4}
[data-theme="light"] .brand{color:#102633}
[data-theme="light"] .brand-mark{background:#eaf2f6;border-color:#bfd2dd}
[data-theme="light"] .main-nav a{color:#546c79}
[data-theme="light"] .main-nav a:hover,[data-theme="light"] .main-nav a.active{color:#09202c;background:rgba(0,180,210,.11)}
[data-theme="light"] .hero,[data-theme="light"] .signal-strip,[data-theme="light"] .page-hero{border-color:#cbdbe4}
[data-theme="light"] .signal-strip,[data-theme="light"] .photo-story,[data-theme="light"] .muted-section{background:#eaf1f5;border-color:#cbdbe4}
[data-theme="light"] .hero-copy>p,[data-theme="light"] .page-hero p,[data-theme="light"] .section-heading p,[data-theme="light"] .feature-card p,[data-theme="light"] .story-copy p,[data-theme="light"] .capability p,[data-theme="light"] .step p,[data-theme="light"] .info-list p,[data-theme="light"] .method-grid p,[data-theme="light"] .faq-list details p{color:#5e7481}
[data-theme="light"] .feature-card,[data-theme="light"] .method-grid article,[data-theme="light"] .install-panel,[data-theme="light"] .release-card,[data-theme="light"] .photo-pair figure{background:#fff;border-color:#c6d7e1}
[data-theme="light"] .button.ghost{background:#fff;border-color:#b8cdd9;color:#193440}
[data-theme="light"] .button.primary{color:#fff;box-shadow:0 0 18px rgba(0,107,128,.16)}
[data-theme="light"] .language-switch a.active{color:#fff}
[data-theme="light"] .cta-panel{background:linear-gradient(115deg,rgba(0,190,220,.10),transparent 55%),#fff;border-color:#8dc9d8}
[data-theme="light"] .site-footer{background:#e3ebf0;border-color:#bfd0db}
[data-theme="light"] .footer-grid a:not(.brand){color:#536c79}
[data-theme="light"] .capability,[data-theme="light"] .step,[data-theme="light"] .faq-list details,[data-theme="light"] .info-list>div{border-color:#c6d7e1}
[data-theme="light"] .photo-frame{background:#fff;border-color:#afc8d5}
[data-theme="light"] .menu-toggle span{background:#15313e}
[data-theme="light"] .error-panel{background:#fff}
[data-theme="light"] .developer-contact{background:#fff;border-color:#c6d7e1}
[data-theme="light"] .hardware-card{background:#fff}
[data-theme="light"] .board-option{background:#f7fafc}
[data-theme="light"] .board-option.is-selected{background:rgba(20,122,75,.06)}

@media(max-width:900px){
  .hero:before{display:none}
  .header-inner{position:relative}
  .header-actions{margin-left:auto;margin-right:0}
  .main-nav{z-index:10}
  [data-theme="light"] .main-nav{background:#f4f8fa;border-color:#c7d7e1}
  .capability-with-image{grid-template-columns:65px 1fr}
  .feature-image-slot{grid-column:2;margin-top:8px}
  .dashboard-feature{grid-template-columns:1fr}
  .dashboard-stack{margin-top:25px}
  .photo-frame.video-frame video{height:460px}
}
@media(max-width:620px){
  .header-actions{gap:5px}
  .language-switch a{min-width:29px;padding:5px}
  .theme-toggle{width:32px;height:32px}
  .dashboard-stack{min-height:220px}
  .dashboard-shot{width:57%}
  .compatibility-banner{grid-template-columns:1fr;gap:8px}
  .capability-with-image{grid-template-columns:48px 1fr;gap:12px}
  .photo-frame.video-frame video{height:390px}
  .hardware-support-grid{grid-template-columns:1fr}
  .hardware-card{min-height:0;padding:25px}
  .board-options{grid-template-columns:1fr}
  .error-page{min-height:calc(100vh - 68px);padding:34px 0}
  .error-panel{padding:40px 22px}
  .error-actions{flex-direction:column}
}
.firmware-layout-single{grid-template-columns:1fr}
.manual-bin-download{width:100%;margin-top:18px}
.shopee-product-button{display:inline-flex;align-items:center;justify-content:center;margin-top:auto;padding:11px 18px;border:1px solid #ee4d2d;border-radius:10px;background:#ee4d2d;color:#fff;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.shopee-product-button:hover{background:#ff5a36;color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(238,77,45,.28)}
.hardware-card{display:flex;flex-direction:column}