:root{--bg-canvas:#1e2530;--bg-surface:#2b333d;--bg-surface-hover:#343e48;--text-primary:#fff;--text-muted:#cbd0d4;--accent-primary:#a3e635;--accent-secondary:#c7f283;--border-subtle:#59616a;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px #a3e63533;--glass-backdrop:blur(16px) saturate(180%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font:18px/1.75 Charter,Cambria,Georgia,serif;overflow-wrap:anywhere;hyphens:auto}h1,h2,h3,p,figure{margin:0 0 1.1rem}h1,h2,h3{line-height:1.14;font-weight:500}h1{font-size:clamp(2.5rem,6vw,4.8rem);max-width:18ch}h2{font-size:clamp(1.9rem,3.5vw,3rem)}h3{font-size:1.45rem}a{color:var(--accent-secondary);text-underline-offset:5px}a:hover{color:#fff}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover;border-radius:20px}figure figcaption,.small{font-size:.88rem;color:var(--text-muted)}figure figcaption{margin-top:.7rem}strong{color:#fff}header{position:relative;padding:22px 26px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;gap:30px;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;white-space:nowrap;font-size:1.05rem}.brand-mark{display:inline-grid;place-items:center;width:32px;height:38px;border:1px solid var(--accent-primary);border-radius:13px 13px 5px 5px;color:var(--accent-primary)}nav{display:flex;justify-content:space-between;gap:24px;flex:1}nav .nav-group{display:flex;gap:22px;align-items:center}nav a{font-size:.88rem;color:#fff;text-decoration:none;white-space:nowrap}nav a:hover,nav a[aria-current=page]{color:var(--accent-primary)}.menu-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:#fff;border-radius:10px;width:42px;height:44px;font-size:1.7rem}.skip{position:absolute;top:-100px;left:20px;background:var(--accent-primary);color:#17200f;padding:10px;z-index:20}.skip:focus{top:10px}.wrap{width:min(1100px,calc(100% - 48px));margin:0 auto}.band{padding:76px 0}.band:nth-of-type(even),.band.slate{background:#252e38}.eyebrow{font-variant:small-caps;letter-spacing:.12em;color:var(--accent-primary);font-size:.88rem;margin-bottom:16px}.intro{font-size:1.2rem;color:#e0e4e6;max-width:64ch}.hero{padding:66px 0 80px}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;align-items:center}.hero-visual{position:relative;padding-bottom:110px}.hero-visual>img{aspect-ratio:4/5;height:auto}.fact-panel{position:absolute;bottom:0;left:-32px;right:24px;background:var(--bg-surface);border-radius:20px;padding:25px;box-shadow:var(--shadow-elevation)}.fact-panel h2{font-size:1.5rem}.fact-panel ol{margin:0;padding-left:1.3em;font-size:.95rem}.fact-panel li+li{margin-top:8px}.button{display:inline-block;background:var(--accent-primary);color:#192210;border:0;border-radius:8px;padding:12px 21px;text-decoration:none;font-weight:bold;box-shadow:4px 4px 0 #0e1319;transition:transform .3s var(--ease-kinetic),box-shadow .3s var(--ease-kinetic)}.button:hover{color:#192210;transform:translate(2px,2px);box-shadow:2px 2px 0 #0e1319}.button.secondary{background:#dce2e5;color:#1e2530}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:25px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.split.reverse .visual{order:2}.visual img{aspect-ratio:4/3;height:auto}.panel,.card{background:var(--bg-surface);border-radius:20px;padding:30px;box-shadow:var(--shadow-elevation)}.card{transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card img{aspect-ratio:4/3;height:auto;margin-bottom:23px}.thumb{display:flex;gap:20px;align-items:center}.thumb img{width:92px;height:92px;aspect-ratio:1}.thumb p{margin:0}.steps{counter-reset:steps;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.steps article{border-top:1px solid var(--border-subtle);padding-top:22px}.steps article:before{counter-increment:steps;content:"0" counter(steps);color:var(--accent-primary);display:block;margin-bottom:15px}.page-heading{padding:64px 0 52px}.page-heading h1{max-width:23ch}.article-cover{aspect-ratio:16/9;height:auto;max-height:510px}.prose{max-width:70ch;margin:0 auto}.prose h2{font-size:2rem;margin-top:2.3rem}.prose h3{margin-top:1.8rem}.prose p,.prose ul,.prose ol{margin-bottom:1.35rem}.prose li+li{margin-top:.6rem}.prose .panel{margin:30px 0}.table-scroll{overflow-x:auto;margin:28px 0}table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:570px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:15px}th{color:var(--accent-secondary)}caption{text-align:left;padding:12px 0;color:var(--text-muted)}details{background:var(--bg-surface);border-radius:20px;padding:22px 26px;margin:18px 0}summary{cursor:pointer;color:#fff;font-size:1.14rem}details[open] summary{margin-bottom:16px}details p:last-child{margin-bottom:0}.note{border-left:3px solid var(--accent-primary);padding:10px 0 10px 23px;color:var(--text-muted)}.placement-diagram{height:320px;position:relative;background:#202730;border-radius:20px;padding:24px;box-shadow:var(--shadow-elevation);font-size:.85rem}.case-outline{position:absolute;inset:55px 45px 45px;border:2px solid #8b969f;border-radius:20px;display:flex;align-items:center;justify-content:center}.ceramic-form{width:86px;height:125px;border-radius:25px 25px 42px 42px;background:#c7bba4;box-shadow:inset -15px -5px 0 #a99b84,8px 15px 20px #0004}.sensor-dot{width:16px;height:16px;background:var(--accent-primary);border-radius:50%;position:absolute;left:25px;top:70px}.case-label{position:absolute;left:22px;bottom:12px}.room-label{position:absolute;right:20px;top:12px;color:var(--accent-secondary)}.diagram-caption{position:absolute;bottom:10px;left:22px;color:var(--text-muted);font-size:.75rem}.desk label{display:block;margin:16px 0 5px}.desk input,.desk textarea,.desk select{width:100%;background:#1e2530;color:#fff;border:1px solid #77818a;border-radius:10px;padding:12px}.desk textarea{min-height:160px;resize:vertical}.desk .preview{min-height:240px}.status{min-height:1.8em;color:var(--accent-secondary);margin-top:16px}.contact-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:start}.footer{background:#171d25;padding:52px 0 25px;font-size:.95rem}.footer-brand{max-width:65ch;margin-bottom:30px}.footer-brand>a{font-size:1.35rem;color:#fff}.footer-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-bottom:30px}.footer h2{font-size:1.15rem;color:var(--accent-secondary)}.footer ul{list-style:none;margin:0;padding:0}.footer li{margin:5px 0}.company{border-top:1px solid var(--border-subtle);padding-top:23px;color:var(--text-muted);font-size:.85rem}.company p{margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js .reveal-visible{opacity:1;transform:translateY(0)}@media(min-width:1025px){.hero{padding-top:80px}.hero-visual{margin-left:10px}}@media(min-width:769px) and (max-width:1024px){header{gap:20px;padding:20px 18px}.brand{font-size:.88rem}nav .nav-group{gap:12px}nav a{font-size:.78rem}.hero-layout,.split{gap:30px}.fact-panel{left:-12px}.contact-grid{grid-template-columns:1.4fr 1fr}}@media(max-width:768px){header{justify-content:space-between;padding:16px 20px}.menu-toggle{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#2b333d;padding:22px;box-shadow:var(--shadow-elevation);border-radius:0 0 20px 20px}nav.is-open{display:block}nav .nav-group{display:flex;flex-direction:column;align-items:flex-start;gap:0}nav a{padding:9px 0;font-size:1rem}.hero-layout,.split,.contact-grid{grid-template-columns:1fr}.hero-visual{max-width:580px;margin-top:12px}.hero-visual>img{aspect-ratio:4/3}.fact-panel{left:20px;right:20px}.split.reverse .visual{order:0}.band{padding:52px 0}.hero{padding:46px 0}.footer-columns{gap:25px}.page-heading{padding:48px 0 36px}}@media(max-width:480px){body{font-size:17px}.wrap{width:calc(100% - 32px)}.brand{font-size:.92rem}.hero-layout{gap:28px}.hero-visual{padding-bottom:165px}.fact-panel{left:10px;right:10px;padding:22px}.grid{grid-template-columns:minmax(0,1fr)}.panel,.card{padding:23px}.footer-columns{grid-template-columns:1fr 1fr;gap:18px}.placement-diagram{height:290px}.case-outline{inset:55px 20px 45px}.actions .button{flex-grow:1;text-align:center}.thumb{align-items:flex-start}.page-heading h1{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}