/* Door automation solution: shared site components, page-specific presentation. */
.door-page h1{font-size:clamp(2.6rem,4.6vw,4.25rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;max-width:760px;text-wrap:balance}
.door-hero{padding:48px 0 64px;background:linear-gradient(155deg,#f2f7ff 0%,#fff 65%)}
.door-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:center;gap:64px}
.door-lead{font-size:1.3rem;line-height:1.5;font-weight:600;max-width:660px;margin:0 0 16px}
.door-hero .muted{max-width:660px;margin:0 0 28px}
.door-facts{background:var(--navy);color:white;padding:32px;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 18px 50px #132b431a}
.door-facts:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff16;border-radius:50%;right:-65px;top:-65px;pointer-events:none}
.door-facts-label{font-size:.75rem;letter-spacing:.1em;color:#a9c7e5;margin:0 0 24px}
.door-big-fact strong{font-size:5.5rem;line-height:1;letter-spacing:-.06em;font-weight:600}
.door-big-fact strong span{font-size:1.75rem;letter-spacing:0;color:#a9c7e5}
.door-big-fact p{color:#c8d7e6;margin:12px 0 28px}
.door-facts dl{margin:0}.door-facts dl div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #ffffff26}
.door-facts dt{color:#c8d7e6}.door-facts dd{margin:0;font-weight:600;text-align:right}
.door-facts-footer{font-size:.875rem;color:#c8d7e6;border-top:1px solid #ffffff26;padding-top:18px;margin:0}
.door-document-note{font-size:.875rem;color:var(--muted);margin:16px 0 0}
.door-anchor-nav{display:flex;flex-wrap:wrap;gap:8px 30px;border-block:1px solid var(--line);padding-block:16px}
.door-anchor-nav a{font-size:.9375rem;font-weight:600;text-decoration:none;min-height:32px;display:flex;align-items:center}
.door-page .section h2{max-width:850px;text-wrap:balance;margin-bottom:28px}
.door-cards{margin-top:28px}.door-cards h3{font-size:1.25rem;line-height:1.3;margin:0 0 14px}.door-cards p{margin:0;color:var(--muted)}
.door-number{display:block;color:var(--blue);font-weight:700;font-size:.875rem;margin-bottom:24px}
.door-mode{border-top:3px solid var(--blue)}.door-mode-day{border-top-color:#16836c}.door-mode-alarm{border-top-color:#c44736}.door-mode-night{border-top-color:var(--navy)}
.door-cards .eyebrow{margin-bottom:18px;color:var(--blue)}
.door-alert{margin-top:24px;padding:24px 28px;border-left:4px solid #c44736;background:#fff4f0;border-radius:0 6px 6px 0}
.door-alert h3{font-size:1rem;margin:0 0 8px;color:#853324}.door-alert p{margin:0;color:#693e35}
.door-section-lead{max-width:840px;color:var(--muted);font-size:1.0625rem;margin:0 0 28px}
.door-diagram{margin:28px 0 0}.door-diagram a{display:block;border:1px solid var(--line);border-radius:8px;padding:20px;background:white}.door-diagram a:hover{border-color:var(--blue)}
.door-diagram img{display:block;width:100%;height:auto;max-width:1000px;margin:auto}.door-diagram figcaption{font-size:.875rem;color:var(--muted);margin-top:12px;text-align:center}
.door-subheading{font-size:1.5rem;margin:48px 0 16px;line-height:1.3}
.door-table-caption{text-align:left;padding:0 0 16px;font-weight:700;color:var(--blue)}
.door-page .table-scroll{background:white;padding:24px;border:1px solid var(--line);border-radius:8px}
.door-page .specs{margin:0}.door-page .specs th{width:34%}.door-page .specs td{overflow-wrap:anywhere}.door-page #specifications .link-arrow{margin-top:24px}
.door-steps{list-style:none;counter-reset:door-step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:0}
.door-steps li{counter-increment:door-step;border-top:1px solid var(--line);padding-top:22px}.door-steps li:before{content:"0" counter(door-step);color:var(--blue);font-weight:700;font-size:.875rem}
.door-steps h3{font-size:1.15rem;line-height:1.35;margin:18px 0 12px}.door-steps p{font-size:.9375rem;color:var(--muted);margin:0}
.door-final{padding-top:0}.door-page .cta h2{margin-bottom:12px}.door-page .cta .button{flex-shrink:0}
@media(max-width:1000px){.door-hero-grid{gap:32px}.door-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.door-hero{padding:28px 0 36px}.door-hero-grid{grid-template-columns:1fr}.door-page h1{font-size:2.55rem}.door-lead{font-size:1.15rem}.door-facts{padding:26px}.door-big-fact strong{font-size:4.5rem}.door-anchor-nav{gap:8px 20px}.door-diagram a{padding:6px}.door-alert{padding:20px}.door-page .table-scroll{padding:12px}.door-page .specs th{width:40%}.door-steps{gap:24px}.door-page .section h2{margin-bottom:22px}}
@media(max-width:400px){.door-steps{grid-template-columns:1fr}.door-page h1{font-size:2.2rem}.door-facts dl div{font-size:.9375rem}}
@media print{.door-anchor-nav{display:none}.door-facts{background:white;color:var(--ink);box-shadow:none;border:1px solid var(--line)}.door-facts p,.door-facts dt,.door-facts strong span{color:var(--ink)}.door-hero-grid{display:block}.door-diagram{break-inside:avoid}.door-steps{display:block}}
.door-safety{align-items:center;gap:40px}.door-safety ul{padding-left:22px;margin:0}.door-safety li{padding:0 0 12px 4px;color:var(--muted)}.door-safety li::marker{color:var(--blue)}.door-safety h3{font-size:1.25rem;line-height:1.3;margin:0 0 16px}.door-safety .specs th{width:30%}.door-faq{max-width:900px}.door-faq details{padding:22px 0}.door-faq summary{min-height:32px}.door-faq details p{margin-top:16px}
