/* Planned smart-home editorial page; the shared brand remains unchanged. */
.smart-page {padding-top:36px;padding-bottom:80px}
.smart-page h1,.smart-page h2,.smart-page h3 {color:var(--heading)}
.smart-page a {text-decoration-line:underline}
.smart-back {font-size:15px}
.smart-hero {display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;padding:48px 0 58px}
.smart-stage {font-size:13px;letter-spacing:.025em}
.smart-hero h1 {font-size:clamp(34px,4vw,57px);line-height:1.08;letter-spacing:-.045em;margin:24px 0}
.smart-hero p,.smart-lead {font-size:18px;line-height:1.65;color:var(--muted);max-width:850px}
.smart-hero .text-link {margin-top:24px;font-size:16px;gap:12px}
.smart-art {margin:0;min-width:0}
.smart-art img {display:block;width:100%;height:auto}
.smart-art figcaption {font-size:12px;line-height:1.5;color:var(--muted);margin-top:12px}
.smart-section {padding:52px 0;border-top:1px solid var(--line)}
.smart-section h2 {font-size:clamp(27px,3vw,38px);line-height:1.18;letter-spacing:-.035em;margin:0 0 22px;max-width:850px}
.smart-section h3 {font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:0 0 14px}
.smart-products {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px}
.smart-product {min-width:0}
.smart-product figure {margin:0 0 24px}
.smart-product img {display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f3f7fa}
.smart-product figcaption {font-size:12px;line-height:1.7;margin-top:10px;color:var(--muted)}
.smart-product p {color:var(--muted);font-size:16px;line-height:1.65;margin:0}
.smart-credits {font-size:12px;line-height:1.6;color:var(--muted);max-width:900px;margin:26px 0 0}
.smart-scenarios {margin-top:36px}
.smart-scenarios article {display:grid;grid-template-columns:1fr 2fr;gap:56px;border-top:1px solid var(--line);padding:28px 0}
.smart-scenarios article:last-child {padding-bottom:0}
.smart-scenarios p,.smart-integration p {margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.smart-scenarios ul {padding-left:19px;margin:16px 0 0;line-height:1.65;font-size:15px;color:var(--muted)}
.smart-scenarios li {padding-left:5px;margin-top:5px}
.smart-scenarios li::marker {color:#009eed}
.smart-vision > div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:30px}
.smart-index {font-size:14px;color:#0078ae;display:block;margin-bottom:20px}
.smart-vision p {font-size:17px;line-height:1.65;color:var(--muted);margin:0}
.smart-integration {display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.smart-integration ol {padding:0;list-style:none;counter-reset:steps;margin:30px 0 0}
.smart-integration li {counter-increment:steps;position:relative;padding-left:38px;margin-top:24px}
.smart-integration li::before {content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:3px;font-size:13px;color:#0078ae}
.smart-integration h3 {font-size:19px;margin-bottom:8px}
.smart-integration p {font-size:16px}
.smart-boundaries {padding-bottom:0;max-width:920px}
.smart-boundaries ul {padding-left:20px;margin:0 0 28px;color:var(--muted);line-height:1.65;font-size:16px}
.smart-boundaries li {padding-left:5px;margin:12px 0}
.smart-boundaries .text-link {gap:12px;font-size:17px}
@media(max-width:900px){
 .smart-hero{gap:26px;grid-template-columns:1.1fr 1fr}
 .smart-hero h1{font-size:40px}
 .smart-products{gap:22px}
 .smart-product h3{font-size:19px}
 .smart-integration{gap:30px}
 .smart-scenarios article{gap:30px}
}
@media(max-width:680px){
 .smart-page{padding-top:24px;padding-bottom:50px}
 .smart-hero{grid-template-columns:1fr;padding:30px 0 38px;gap:32px}
 .smart-hero h1{font-size:39px;margin:22px 0}
 .smart-hero p,.smart-lead{font-size:17px}
 .smart-section{padding:36px 0}
 .smart-products,.smart-vision>div{grid-template-columns:1fr;gap:34px}
 .smart-product figure{margin-bottom:20px}
 .smart-product h3{font-size:23px}
 .smart-scenarios article{grid-template-columns:1fr;gap:2px;padding:25px 0}
 .smart-integration{grid-template-columns:1fr;gap:36px}
 .smart-index{margin-bottom:12px}
 .smart-boundaries{padding-bottom:0}
}
@media(max-width:360px){.smart-hero h1{font-size:34px}}