/* Shared visual language: dsh/demo/styles.css. */
:root{color-scheme:dark;--bg:#070b09;--panel:#0b1410;--line:rgba(126,255,190,.14);--line-2:rgba(126,255,190,.28);--text:#d9efe3;--text-2:#b9d8c7;--muted:#86a897;--dim:#5f7e6e;--green:#6bffae;--amber:#f4c95d;--mono:"JetBrains Mono","IBM Plex Mono","SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:radial-gradient(1200px 600px at 12% -10%,#29d18419,transparent 60%),linear-gradient(180deg,#07100b,var(--bg) 40%,#060a08);color:var(--text);font:13px/1.65 var(--mono);letter-spacing:.15px;-webkit-font-smoothing:antialiased;min-height:100vh}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,#00000020 0px,#00000020 1px,transparent 1px,transparent 3px);opacity:.35}button,select{font:inherit}button{cursor:pointer}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:1px dashed var(--green);outline-offset:4px}button:disabled{cursor:default;opacity:.45}h1,h2,h3,p{margin:0}.wrap{width:min(1380px,calc(100% - 56px));margin-inline:auto}.header{position:sticky;top:0;z-index:50;background:#070c09f0;backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}.brand{display:flex;align-items:center;gap:12px;color:var(--text)}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:var(--green);border:1px solid #7effbe73;background:linear-gradient(135deg,#6bffae29,#6bffae05);box-shadow:inset 0 0 16px #6bffae1f;font-size:17px}.brand-name{font-size:18px;letter-spacing:2.6px;font-weight:700;line-height:1.2;direction:ltr}.brand-name b{color:var(--green)}.brand-sub{display:block;color:var(--dim);font-size:8.5px;letter-spacing:2.6px;margin-top:5px}.header-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;letter-spacing:1px;margin-inline-end:auto}.dot{display:inline-block;width:6px;height:6px;background:var(--green);box-shadow:0 0 8px #6bffae80}.language{border:1px solid var(--line);background:#09110d;color:var(--text-2);padding:8px 11px;font-size:11px;min-width:112px}.header-nav{display:flex;border-top:1px solid var(--line);align-items:center;min-height:40px}.header-nav a{padding:10px 16px;color:var(--muted);font-size:10px;letter-spacing:1px;white-space:nowrap;border-inline-start:1px solid var(--line)}.header-nav a:first-child{color:var(--green);border-bottom:1px solid var(--green)}.header-nav a:hover{color:var(--green);background:#6bffae08;text-decoration:none}.nav-meta{margin-inline-start:auto;color:var(--dim);font-size:9px}.release-strip{display:flex;align-items:center;gap:28px;overflow:auto;white-space:nowrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.release-strip strong{color:var(--green);font-weight:400}.main{padding-block:26px 40px}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#0e1a14a6,#070b0999);margin-bottom:24px;position:relative}.panel:before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:-1px;width:7px;height:7px;border-block-start:1px solid var(--muted);border-inline-start:1px solid var(--muted);pointer-events:none}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:18px}.idx{font-size:10px;color:var(--amber);letter-spacing:2px}.panel-head h2{font-size:13px;font-weight:500;letter-spacing:1.6px}.panel-sub{font-size:10px;color:var(--dim)}.tag{font-size:9px;letter-spacing:1px;color:var(--green);border:1px solid var(--line-2);padding:3px 7px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.05fr 1fr}.hero-copy{padding:44px 34px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);margin-bottom:19px}.hero h1{font-size:clamp(29px,3.2vw,46px);font-weight:550;line-height:1.3;letter-spacing:-1.2px;max-width:620px}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;margin-top:20px;max-width:550px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 15px;background:#6bffae0f;border:1px solid var(--line-2);color:var(--green);font:11px/1.6 var(--mono);letter-spacing:.35px;border-radius:0}.btn:hover{background:#6bffae24;text-decoration:none}.btn-primary{background:#6bffae21;border-color:#7effbe73;box-shadow:inset 0 0 17px #6bffae09}.text-link{font-size:11px}.hero-media{display:flex;flex-direction:column;justify-content:center;padding:20px;min-width:0}.hero-media img{width:100%;height:auto;display:block;border:1px solid var(--line);aspect-ratio:980/704;object-fit:contain;background:#090d11}.hero-media button{background:none;border:0;padding:0;cursor:zoom-in}.media-meta{display:flex;justify-content:space-between;gap:12px;color:var(--dim);font-size:9px;margin-bottom:10px}.media-meta span:first-child{color:var(--amber)}.hero-facts{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.hero-facts div{padding:12px 20px;color:var(--muted);font-size:10px}.hero-facts div+div{border-inline-start:1px solid var(--line)}.hero-facts span{color:var(--green);margin-inline-end:9px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature-grid article{padding:24px}.feature-grid article+article{border-inline-start:1px solid var(--line)}h3{font-size:13px;font-weight:500}.feature-grid p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:10px}.feature-no{color:var(--dim);font-size:10px;margin-bottom:12px;display:block}.gallery-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line)}.tab{font:10px var(--mono);border:1px solid var(--line);padding:8px 12px;color:var(--muted);background:none;letter-spacing:.8px}.tab[aria-selected=true]{color:var(--green);border-color:var(--line-2);background:#6bffae12}.gallery-stage{padding:20px}.shot-main{width:100%;display:block;max-height:650px;object-fit:contain;border:1px solid var(--line);background:#080e0b}.shot-button{display:block;width:100%;padding:0;background:none;border:0;cursor:zoom-in}.shot-caption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:11px;color:var(--muted)}.shot-caption strong{color:var(--text-2);font-weight:500}.shot-caption p{margin-top:4px;color:var(--dim);font-size:10px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.thumb{padding:8px;background:#09110d;border:1px solid var(--line);text-align:start;color:var(--muted);font:10px var(--mono)}.thumb[aria-pressed=true]{border-color:var(--green);color:var(--green)}.thumb img{display:block;width:100%;height:100px;object-fit:cover;object-position:top;border-bottom:1px solid var(--line);margin-bottom:8px}.install-grid{display:grid;grid-template-columns:repeat(3,1fr)}.install-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.install-card+.install-card{border-inline-start:1px solid var(--line)}.install-card p{font-size:11px;color:var(--muted);line-height:1.9;flex:1}.install-card .state{font-size:9px;color:var(--amber);letter-spacing:1px}.install-card.available .state{color:var(--green)}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:22px}.step+.step{border-inline-start:1px solid var(--line)}.step>span{color:var(--amber);font-size:9px}.step h3{font-size:12px;margin-top:10px}.step p{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.9;overflow-wrap:anywhere}.faq-list{display:grid;grid-template-columns:1fr 1fr}.faq-list details{border-bottom:1px solid var(--line);padding:0 22px}.faq-list details:nth-child(odd){border-inline-end:1px solid var(--line)}.faq-list details:last-child{grid-column:1/-1;border-inline-end:0;border-bottom:0}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:11px;padding:19px 0;color:var(--text-2)}summary::-webkit-details-marker{display:none}summary span{color:var(--green)}details p{font-size:11px;color:var(--muted);line-height:1.9;padding-bottom:20px}details[open] summary span{transform:rotate(45deg)}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--dim);font-size:10px;padding:3px 0 26px}.footer a{color:var(--muted)}.footer-brand{color:var(--green)!important;letter-spacing:2px}.noscript{margin:50px auto;max-width:800px;padding:24px}dialog{width:min(1500px,96vw);max-height:96dvh;background:#080f0b;border:1px solid var(--line-2);color:var(--text);padding:16px}dialog::backdrop{background:#020704e8;backdrop-filter:blur(6px)}.viewer-head,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px}.viewer-head h2{font-size:12px;font-weight:500}.viewer-head button,.viewer-controls button{font:11px var(--mono);background:var(--panel);color:var(--green);border:1px solid var(--line-2);padding:7px 12px}#viewer-image{display:block;width:100%;max-height:calc(96dvh - 135px);object-fit:contain;margin:16px 0;background:#080d11}.viewer-controls{font-size:10px;color:var(--muted)}html[dir=rtl] body{letter-spacing:0}html[dir=rtl] .hero h1{letter-spacing:0}
@media(max-width:1050px){.header-status{display:none}.hero-copy{padding:26px}.hero h1{font-size:34px}.feature-grid article{padding:20px}.nav-meta{display:none}}
@media(max-width:700px){.wrap{width:calc(100% - 28px)}.header-top{min-height:62px;gap:12px}.brand-name{font-size:16px;letter-spacing:2px}.brand-mark{width:30px;height:30px}.brand-sub{font-size:8px}.language{font-size:10px;min-width:100px;padding:7px}.header-nav{overflow-x:auto}.header-nav a{padding:10px 12px;font-size:9px}.release-strip{font-size:9px;gap:20px}.main{padding-top:15px}.panel{margin-bottom:16px}.panel-head{padding:14px}.panel-head h2{font-size:11px;letter-spacing:.4px}.section-label{gap:10px}.panel-sub{display:none}.tag{font-size:8px}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 20px;border-inline-end:0}.hero h1{font-size:33px}.hero-copy>p:not(.eyebrow){font-size:12px}.eyebrow{font-size:9px}.hero-actions{margin-top:22px;gap:16px}.btn{font-size:10px;padding:10px 12px}.hero-media{padding:0 14px 17px}.hero-media img{max-height:330px}.hero-facts div{padding:11px 10px;font-size:9px}.hero-facts span{display:block}.feature-grid,.install-grid,.steps,.faq-list{grid-template-columns:1fr}.feature-grid article+article,.install-card+.install-card,.step+.step{border-inline-start:0;border-top:1px solid var(--line)}.feature-grid article{padding:18px}.feature-no{margin-bottom:7px}.gallery-toolbar{padding:12px;gap:6px}.tab{font-size:9px;padding:7px 9px}.gallery-stage{padding:12px}.thumbs{gap:7px;margin-top:12px}.thumb{padding:5px;font-size:9px}.thumb img{height:58px;margin-bottom:6px}.shot-caption{gap:12px;font-size:10px}.shot-caption p{font-size:9px}.install-card{padding:20px;gap:11px}.step{padding:18px 20px}.faq-list details:nth-child(odd){border-inline-end:0}.faq-list details:last-child{grid-column:auto}.faq-list details{padding-inline:16px}summary{font-size:11px}.footer{flex-wrap:wrap;font-size:9px;gap:12px}.footer p{width:100%;order:3}.viewer-head h2{font-size:10px}.viewer-controls button{font-size:9px;padding:6px}.header .btn{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:after{display:none}}