/* Balanced Thai and English typography */
body{font-size:16px;line-height:1.8}
h1,h2,h3,h4,p,button,a,summary{letter-spacing:normal}
.hero h1{font-size:clamp(40px,4.2vw,58px);line-height:1.5;font-weight:600}
.hero-lead{font-size:20px;line-height:1.8}
.hero-desc{font-size:16px;line-height:1.85}
.links,.nav-cta,.btn,.text-link,.footer-links{font-size:15px}
.eyebrow{font-size:11px;letter-spacing:1.7px;line-height:1.8}
.hero-foot,.section-note{font-size:13px;line-height:1.8}
.hero-control b{font-size:15px;line-height:1.7}
.hero-control p{font-size:13px;line-height:1.7}
.visual-index,.image-tag{font-size:11px}
.scope-strip p{font-size:11px}.scope-strip p b,.scope-strip a{font-size:15px}
.section-heading h2,.faq-layout h2,.closing h2{font-size:clamp(28px,2.7vw,36px);line-height:1.65;font-weight:600}
.section-heading>p,.faq-intro,.closing p:not(.eyebrow){font-size:16px;line-height:1.85}
.solution h3{font-size:23px;line-height:1.55;font-weight:600}
.solution h4{font-size:17px;line-height:1.75;font-weight:500}
.solution-audience{font-size:13px;line-height:1.8}
.solution-desc{font-size:16px;line-height:1.85}
.solution .features,.learn{font-size:14px;line-height:1.9}
.solution-body{padding:28px}
.device-story h3{font-size:19px;line-height:1.7}
.device-story p{font-size:15px;line-height:1.9}
.device-story .device-label{font-size:13px}
.residence-heading h2{font-size:clamp(30px,3vw,40px);line-height:1.6;font-weight:600}
.residence-heading p:not(.eyebrow){font-size:16px;line-height:1.85}
.plan-header b{font-size:18px}.plan-header small{font-size:12px;line-height:1.8}
.plan-header>span,.plan-legend,.plan-caption{font-size:12px;line-height:1.8}
.dash-top b{font-size:22px;line-height:1.6}
.sub,.demo-label,.room-tabs .tab{font-size:13px;line-height:1.7}
.device h3{font-size:15px;line-height:1.7}.device-state{font-size:13px}
.sensor-info h3{font-size:15px;line-height:1.7}.sensor-info span,.sensor-test{font-size:12px;line-height:1.8}
.scene-row>span,.scene-btns button{font-size:13px}
.gateway,.live-note,.demo-disclaimer{font-size:12px;line-height:1.9}
.faq-list summary{font-size:17px;line-height:1.8}.faq-list details p{font-size:16px;line-height:1.9}
.foot>div>p,.copyright{font-size:13px;line-height:1.8}
dialog>p,dialog .features{font-size:16px;line-height:1.85}.dialog-note{font-size:13px!important;line-height:1.85}
@media(max-width:1150px){.solution h3{font-size:22px}.solution-body{padding:24px}.device-story h3{font-size:18px}}
@media(max-width:900px){.hero h1{font-size:46px}.hero-control b{font-size:14px}.hero-control p{font-size:12px}.hero-control{padding:16px}.solution h3{font-size:23px}}
@media(max-width:680px){.hero h1{font-size:44px;line-height:1.5}.hero-lead{font-size:18px}.hero-desc{font-size:16px}.hero .btn,.hero .text-link{font-size:14px}.menu{font-size:14px}.hero-copy .eyebrow{font-size:11px;letter-spacing:1px}.hero-foot{font-size:12px}.hero-control b{font-size:14px}.hero-control p{font-size:12px}.section-heading h2,.faq-layout h2,.closing h2{font-size:29px}.section-heading>p{font-size:16px}.solution{grid-template-columns:.65fr 1.35fr}.solution h3{font-size:22px}.solution h4{font-size:17px}.solution-desc{font-size:16px}.solution .features{font-size:14px}.solution-audience{font-size:13px}.solution-body{padding:23px}.residence-heading h2{font-size:32px}.residence-heading p:not(.eyebrow){font-size:16px}.sensor-card{flex-wrap:wrap}.sensor-test{margin-left:46px}.gateway{flex-wrap:wrap}.plan-header{flex-wrap:wrap}.faq-list summary{font-size:16px}.footer-links{font-size:14px}}
@media(max-width:480px){.solution{display:block}.solution-image{height:220px;min-height:0}.hero h1{font-size:39px}.hero .actions{gap:18px}.hero .btn,.hero .text-link{font-size:14px}.solution h3{font-size:23px}.device-stories{grid-template-columns:1fr}.device-story,.device-story:nth-child(even),.device-story:nth-child(4){padding:0;border:0}.device-story:last-child{max-width:none}.device h3{font-size:14px}.device-state{font-size:13px}.dash-top b{font-size:21px}.sensor-info h3{font-size:14px}.sensor-info span{font-size:12px}.scene-btns button{font-size:12px}.plan-header>span{font-size:11px}.plan-legend,.demo-disclaimer{font-size:12px}.plan-header small{font-size:12px}.copyright{font-size:12px}}