/* 2026-10 readability refinement: enlarged text with matching space. */
body{font-size:18px;line-height:1.85}
.desktop-nav a{font-size:16px;white-space:nowrap}
.shop-link,.button.small,.button,.hero-buttons .button,.hero-secondary,.text-link{font-size:16px}
.desktop-nav{gap:25px;margin-right:14px}
.header-inner{gap:28px}
.header-actions{gap:20px}
.hero-buttons{flex-wrap:wrap;gap:20px}
.hero-description{font-size:18px;line-height:1.9;color:#c2d0d6}
.hero-slogan{font-size:22px}
.hero-main{min-height:635px;padding-bottom:65px}
.hero-visual{margin-left:-35px}
.hero-bottom{grid-template-columns:repeat(3,1fr);padding:27px 0}
.hero-bottom>div{justify-content:center;flex-wrap:wrap;gap:10px 16px}
.hero-bottom>div:not(:last-of-type){border-right:1px solid #78909836}
.hero-bottom strong{font-size:18px}
.hero-bottom p{font-size:16px;color:#b8c9d0}
.scroll-cue{display:none}
.hero .eyebrow{font-size:12px;line-height:1.7}
.visual-label{font-size:12px;line-height:1.6}
.visual-label small{font-size:13px;color:#c5d6dc}
.concept-label{font-size:12px;color:#b2c8cf;letter-spacing:0;bottom:0}
.section-intro{max-width:440px}
.section-intro>p,.page-hero p{font-size:18px;line-height:1.9}
.experience-copy>p,.feature-card p,.technology-row p,.solution-detail>div>p,.value-grid p,.steps-grid p,.principles p{font-size:17px;line-height:1.9}
.care-experience{grid-template-columns:minmax(0,40%) minmax(0,60%)}
.experience-copy{padding:38px 28px}
.experience-copy>p br{display:none}
.care-demo{min-width:0;margin:20px}
.demo-top{gap:8px;flex-wrap:wrap;line-height:1.7}
.demo-top>div{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.demo-label{margin-left:3px;padding-left:8px}
.demo-body{grid-template-columns:minmax(0,40%) minmax(0,60%);padding:28px 18px}
.demo-stats{min-width:0;padding-left:18px}
.demo-stats h3{font-size:19px;line-height:1.5}
.demo-stats>p{font-size:15px;line-height:1.85}
.stat-pair{gap:23px;flex-wrap:wrap}
.stat-pair span{font-size:14px;color:#5f7568}
.stat-pair small{font-size:15px;color:#62796a}
.demo-alert{font-size:13px;align-items:flex-start;line-height:1.7}
.demo-alert .icon{margin-top:4px}
.demo-bottom{font-size:12px;line-height:1.8;padding:12px 15px;color:#586e62}
.mat-scale,.mat-view>small{font-size:12px;color:#536d5e}
.mat-scale{gap:5px}
.mat-scale i{width:50px;flex-shrink:0}
.scenario-buttons button{font-size:14px;min-height:42px;padding:9px 13px}
.feature-card h3{font-size:22px;line-height:1.5}
.feature-card p{max-width:none}
.feature-grid{gap:30px}
.flow-item>div>span{font-size:12px}
.flow-item p,.tech-layout>div>p{font-size:17px;color:#bfd0d6;line-height:1.85}
.flow-note{font-size:13px;color:#adcad0}
.solution-text h3{font-size:22px;line-height:1.5}
.solution-text p{font-size:17px;line-height:1.9;max-width:none}
.solution-text>span{font-size:15px}
.solution-art{height:235px}
.photo-art:before,.photo-art:after{display:none}
.photo-art{padding:0;position:relative;isolation:isolate}
.photo-art>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}
.photo-art>span{background:#082b24b5;color:white;opacity:1;padding:3px 9px;border-radius:2px;font-size:13px;top:14px;left:14px}
.photo-badge{position:absolute;left:12px;bottom:12px;padding:4px 8px;color:white;background:#102a32b8;border-radius:2px;font-size:12px;line-height:1.6;font-weight:400;z-index:1}
.solution-detail-art{height:380px}
.everyday-section{background:#f7f7f2;padding:78px 0;border-top:1px solid #e5e9e1}
.everyday-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:65px;align-items:center}
.everyday-photo{min-width:0}
.everyday-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.everyday-photo figcaption{font-size:13px;line-height:1.8;margin-top:11px;color:#5c7062}
.everyday-copy h2{font-size:36px;line-height:1.45}
.everyday-copy>p{font-size:17px;line-height:1.95;color:#526960;margin-top:23px}
.everyday-copy>.text-link{margin-top:21px}
.mission-inner{grid-template-columns:1fr 2.3fr .75fr}
.mission-inner>div>p:not(.mission-english){font-size:17px;line-height:1.95;color:#526b5c}
.mission-english{font-size:17px;color:#5f7c69}
.faq-item summary{font-size:17px;line-height:1.7;padding:25px 0;gap:17px}
.faq-cat{font-size:14px;min-width:28px}
.faq-item>p{font-size:17px;line-height:1.9;color:#536b5b;padding-left:45px}
.faq-item summary>.icon{min-width:20px;width:20px;height:20px}
.support-heading~.faq-list .faq-item summary{font-size:18px}
.support-heading~.faq-list .faq-item>p{font-size:17px;line-height:1.9}
.fineprint{font-size:14px;color:#536d5e;line-height:1.9}
.footer-main .muted,.footer-nav>span,.footer-contact>span{font-size:13px;color:#536c5c}
.footer-main>div>p{font-size:16px}
.footer-nav>a,.footer-contact>a{font-size:16px}
.footer-contact>p{font-size:14px!important;color:#5c7364}
.footer-bottom,.footer-bottom button{font-size:13px;color:#516a5a}
.footer-bottom{flex-wrap:wrap}
.footer-bottom>div{flex-wrap:wrap;gap:12px 22px}
.cta-inner p{font-size:17px;line-height:1.9;color:#d0e6db}
.cta-inner .button{font-size:16px}
.cta-inner{gap:60px}
.info-note,.contact-layout .fineprint{font-size:14px;line-height:1.9;color:#4e6a58}
.contact-layout>div>p,.company-story p:not(.large-body){font-size:17px;line-height:1.95}
.company-info dl>div{font-size:17px}
.check-list li{font-size:16px;line-height:1.8;align-items:flex-start}
.check-list .icon{margin-top:6px}
.search-label input,.faq-filters button{font-size:16px}
.faq-filters button{min-height:44px}
.search-label{width:350px}
#contact-form label{font-size:16px}
#contact-form input,#contact-form select,#contact-form textarea{font-size:16px;line-height:1.7}
#contact-form .button{font-size:16px}
.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.form-note,.form-feedback{font-size:14px;line-height:1.9}
.notices summary{font-size:17px;line-height:1.7}
.notices details>p,dialog p{font-size:17px;line-height:1.9}
.contact-method>span{font-size:19px}
.contact-method small,.copy-email{font-size:14px}
.technology-row,.solution-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:1190px){
 .desktop-nav{display:none}.menu-toggle{display:block}.header-actions{margin-left:auto}
 .hero-main{min-height:595px}.hero-visual{margin-left:-10px}
 .hero-description{font-size:17px}.hero-description br{display:none}
 .label-top{right:18px;top:5px}.label-bottom{left:20px;bottom:40px}
 .hero-bottom>div{display:block;text-align:center}.hero-bottom>div>span{display:none}.hero-bottom p{margin-top:5px}
 .care-experience{display:block}.experience-copy{padding:35px}
 .experience-copy>p{max-width:600px}.care-demo{margin:0 25px 25px}
 .demo-body{grid-template-columns:minmax(0,42%) minmax(0,58%);padding:30px}
 .demo-stats h3{font-size:22px}.demo-stats>p{font-size:16px}
 .demo-alert{font-size:14px}.demo-top>span{display:inline}
 .feature-card h3,.solution-text h3{font-size:21px}
 .feature-card p,.solution-text p{font-size:16px}
 .solution-art{height:215px}.solution-detail-art{height:350px}
 .everyday-layout{gap:40px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
 .everyday-copy h2{font-size:31px}.everyday-copy>p br{display:none}
 .contact-layout{gap:45px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .company-info dl>div{font-size:16px}
}
@media(min-width:991px) and (max-width:1190px){#mobile-nav:not([hidden]){display:block!important}}
@media(min-width:1191px){#mobile-nav{display:none!important}}
@media(max-width:990px){
 .hero-main{min-height:600px}.hero h1{font-size:46px}
 .hero .eyebrow{font-size:11px}.hero-buttons .button{gap:15px}
 .hero-description{font-size:17px}.hero-secondary{font-size:16px}
 .visual-label{font-size:11px}.visual-label small{font-size:12px}
 .concept-label{font-size:12px;bottom:5px;right:12px}
 .label-top{top:20px}.label-bottom{bottom:45px;left:10px}
 .section-intro>p,.page-hero p{font-size:17px}
 .solution-grid{gap:20px}.solution-text h3{font-size:20px}.solution-text p{font-size:16px}
 .solution-art{height:190px}
 .faq-layout{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
 .faq-item summary,.faq-item>p{font-size:16px}
 .faq-cat{font-size:13px}.faq-item summary{gap:10px}.faq-item>p{padding-left:38px}
 .contact-layout{display:block}.contact-layout>div{margin-bottom:35px}
 .contact-method{max-width:100%}.contact-layout .fineprint{font-size:14px}
 .mission-inner>div>p:not(.mission-english){font-size:16px}
 .tech-layout{gap:40px}.tech-flow{padding-left:0}
 .flow-item{gap:20px}.flow-item p,.tech-layout>div>p{font-size:16px}
 .footer-contact>a{font-size:15px}
}
@media(max-width:760px){
 .solution-detail{grid-template-columns:minmax(0,1fr)}
 body{font-size:16px}.hero-main{min-height:0;padding-bottom:0;padding-top:43px}
 .hero h1{font-size:44px}.hero-description{font-size:16px;line-height:1.9}
 .hero-slogan{font-size:20px}.hero-buttons{flex-wrap:wrap;gap:15px 22px}
 .hero-buttons .button{font-size:16px;padding:16px 18px;gap:20px}
 .hero-secondary{font-size:16px;padding:5px 0}.hero .eyebrow{font-size:11px}
 .hero-visual{margin:15px -20px 0;max-height:none;padding-bottom:15px}
 .hero-visual img{max-height:360px}.label-top{top:15px;right:22px}
 .label-bottom{bottom:52px;left:20px}.concept-label{font-size:12px;bottom:0;right:20px;left:20px;text-align:right}
 .hero-bottom{padding:25px 8px}.hero-bottom strong{font-size:16px}
 .hero-bottom p{font-size:13px;margin-top:5px}.hero-bottom>div{padding:0 5px}
 .header-actions{gap:19px}.shop-link{font-size:15px}
 .section-intro>p,.page-hero p{font-size:16px;line-height:1.9}
 .section-heading h2,h2{font-size:31px;line-height:1.45}
 .section-intro>p br{display:none}.section-intro .text-link{margin-top:17px}
 .text-link,.button{font-size:16px;line-height:1.6}
 .experience-copy{padding:28px 22px}.experience-copy>p{font-size:16px}
 .experience-copy h3{font-size:27px}.check-line{font-size:15px;line-height:1.8;align-items:flex-start}
 .check-line .icon{margin-top:5px}.scenario-buttons{gap:7px}
 .scenario-buttons button{font-size:13px;padding:9px 10px;min-height:42px}
 .care-demo{margin:0 10px 15px}.demo-top{padding:14px 12px;gap:7px}
 .demo-top>span{display:none}.demo-label{font-size:12px}
 .demo-body{grid-template-columns:minmax(0,39%) minmax(0,61%);padding:24px 9px}
 .mat-view{padding:0}.mat-grid{width:103px}.pillow{left:23px;right:23px}
 .demo-stats{padding:4px 0 0 10px}.demo-stats h3{font-size:18px;line-height:1.6}
 .demo-stats>p{font-size:14px;line-height:1.85}.demo-stats>p br{display:none}
 .mini-label{font-size:13px}.stat-pair{gap:12px;margin-top:18px;flex-wrap:wrap}
 .stat-pair strong{font-size:25px}.stat-pair span{font-size:13px}.stat-pair small{font-size:14px}
 .demo-alert{font-size:12px;padding:9px 6px;gap:5px;margin-top:17px}
 .demo-bottom{font-size:12px;line-height:1.85;padding:11px 12px}
 .mat-scale,.mat-view>small{font-size:12px}.mat-scale i{width:33px}.mat-scale{gap:3px}
 .feature-card{padding:25px 0 25px 40px}.feature-card h3{font-size:20px}
 .feature-card p{font-size:16px;line-height:1.9}.feature-num{font-size:12px}
 .fineprint,.info-note{font-size:13px;line-height:1.9}
 .tech-layout>div>p,.flow-item p{font-size:16px}.tech-layout>div>p br{display:none}
 .flow-item>div>span{font-size:12px}.flow-note{font-size:13px}
 .solution-art{height:auto;aspect-ratio:3/2}.solution-text h3{font-size:22px}
 .solution-text p{font-size:16px}.solution-text>span{font-size:14px}
 .photo-badge{font-size:12px;left:10px;bottom:10px;max-width:calc(100% - 20px)}
 .solution-detail-art{height:auto;aspect-ratio:3/2}
 .everyday-section{padding:55px 0}.everyday-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}
 .everyday-photo figcaption{font-size:12px}.everyday-copy h2{font-size:30px}
 .everyday-copy>p{font-size:16px;margin-top:20px}.everyday-copy>.text-link{margin-top:20px}
 .mission-inner{display:block}.mission-inner>div>p:not(.mission-english){font-size:16px}
 .mission-inner>div>p:not(.mission-english) br{display:none}.mission-english{font-size:16px}
 .faq-layout{display:block}.faq-item summary{font-size:16px;padding:23px 0;gap:10px}
 .faq-item>p{font-size:16px;padding-left:0;padding-right:0}.faq-cat{font-size:13px;min-width:26px}
 .support-heading~.faq-list .faq-item summary{font-size:16px}
 .support-heading~.faq-list .faq-item>p{font-size:16px;padding-left:0}
 .cta-inner p{font-size:16px;margin-top:24px}.cta-inner .button{font-size:16px}
 .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:30px 20px}
 .footer-nav>a,.footer-contact>a{font-size:14px;overflow-wrap:anywhere}
 .footer-contact>p{font-size:13px!important}.footer-main>div>p{font-size:16px}
 .footer-main .muted{font-size:13px}.footer-nav>span,.footer-contact>span{font-size:12px}
 .footer-bottom,.footer-bottom button{font-size:12px}.footer-bottom>div{gap:12px 17px}
 .technology-row p,.solution-detail>div>p,.value-grid p,.steps-grid p,.principles p{font-size:16px;line-height:1.9}
 .steps-grid h3{font-size:19px}.steps-grid{gap:32px 20px}
 .check-list li{font-size:15px}.tag-row span{font-size:13px}
 .company-story p:not(.large-body),.contact-layout>div>p{font-size:16px}
 .company-info dl>div{font-size:15px;grid-template-columns:80px minmax(0,1fr)}
 .company-info dd{overflow-wrap:anywhere}.company-story .large-body{font-size:21px}
 .contact-layout .fineprint{font-size:13px}.contact-layout>div>p br{display:none}
 .search-label{width:100%}.search-label input{font-size:16px}
 .faq-filters{gap:7px;flex-wrap:wrap}.faq-filters button{font-size:14px;padding:7px 14px}
 .form-row{grid-template-columns:1fr}.form-note,.form-feedback{font-size:13px}
 #contact-form label{font-size:16px}#contact-form input,#contact-form select,#contact-form textarea{font-size:16px}
 #contact-form .button{font-size:16px}.notices summary,.notices details>p,dialog p{font-size:16px}
 .notices summary>.icon{min-width:17px}.product-showcase p{font-size:16px}
 .product-showcase figcaption{font-size:12px;line-height:1.8;padding:5px 20px 10px}
 .product-showcase .button,dialog .button{font-size:16px}
}
@media(max-width:365px){.hero h1{font-size:40px}.demo-stats h3{font-size:16px}.mat-grid{width:94px}.mat-scale{font-size:11px}.hero-buttons .button{font-size:15px}.scenario-buttons button{padding:9px 8px;font-size:12px}.photo-badge{font-size:11px}}

/* Company contact details and official channel links. */
.footer-main{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1.5fr)}
.footer-contact address{font-size:16px;line-height:1.85;font-style:normal;color:#526b5b;word-break:keep-all;overflow-wrap:anywhere;margin-top:10px}
.contact-address{display:flex;align-items:flex-start;gap:20px;margin-top:28px;font-style:normal;font-size:17px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.contact-address>.icon{flex-shrink:0;margin-top:6px;color:#6b8d78}
.contact-address small{display:block;color:#536d5e;font-size:14px;margin-bottom:5px}
.channels-section{background:#f5f8f6;border-top:1px solid #e3ebe6;border-bottom:1px solid #e3ebe6}
.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.channel-card{display:flex;flex-direction:column;min-width:0;padding:30px;background:white;border:1px solid #d9e5df;border-radius:4px;transition:border-color .2s,box-shadow .2s}
a.channel-card:hover{border-color:#548a72;box-shadow:0 8px 24px #163f2810}
.channel-card:focus-visible,.footer-social a:focus-visible{outline:3px solid #16805f;outline-offset:5px}
.channel-card-top{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:28px}
.channel-card-top>span:not(.channel-mark){font-size:12px;letter-spacing:.07em;font-weight:600;color:#597165}
.channel-card-top>.icon{margin-left:auto;flex-shrink:0;width:18px;height:18px;color:#527764}
.channel-mark{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;flex-shrink:0;border-radius:12px;background:#edf5f0;color:#205c44}
.channel-mark b{font-family:Arial,sans-serif;font-size:23px;line-height:1;font-weight:900}
.channel-mark .icon{width:25px;height:25px}
.channel-instagram{background:#f3eff5;color:#715370}
.channel-youtube{background:#f9eeee;color:#a14b48}
.channel-card h3{font-size:24px;line-height:1.5;margin-bottom:12px}
.channel-card p{font-size:17px;line-height:1.85;color:#536b5e;word-break:keep-all;margin-bottom:30px}
.channel-action{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:20px;border-top:1px solid #e5ede7;font-size:16px;font-weight:600;color:#276e50}
.channel-action .icon{width:20px;height:20px}
.channel-card.is-pending{background:#f9fbf9}
.channel-card.is-pending .channel-action{color:#64766c;font-weight:400}
.channel-card-top>.channel-status{margin-left:auto;background:#eaf0ec;padding:3px 8px;border-radius:3px;letter-spacing:0!important}
.footer-social{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d9e3dc;padding:25px 0}
.footer-social>span{font-size:16px;font-weight:600;flex-shrink:0}
.footer-social>div{display:flex;align-items:center;gap:18px 30px;flex-wrap:wrap}
.footer-social a,.channel-pending{display:inline-flex;align-items:center;gap:10px;font-size:15px;min-height:44px}
.footer-social a:hover{color:#24704e}
.footer-social .channel-mark{width:32px;height:32px;border-radius:8px}
.footer-social .channel-mark b{font-size:17px}
.footer-social .channel-mark .icon{width:20px;height:20px}
.footer-social a>.icon{width:15px;height:15px}
.channel-pending{color:#597165}
.channel-pending small{font-size:12px;border:1px solid #d6e1d9;border-radius:3px;padding:1px 5px;white-space:nowrap}
@media(max-width:1190px){.channel-grid{gap:18px}.channel-card{padding:24px}.channel-card-top{gap:10px}.channel-card-top>span:not(.channel-mark){font-size:11px;letter-spacing:0}.channel-card-top>.channel-status{margin-left:0}.footer-social{align-items:flex-start}.footer-social>div{justify-content:flex-end;gap:12px 20px}}
@media(max-width:760px){
 .channel-grid{grid-template-columns:minmax(0,1fr);gap:16px}.channel-card{padding:25px}
 .channel-card-top{margin-bottom:20px}.channel-card-top>span:not(.channel-mark){font-size:12px;letter-spacing:.06em}.channel-card-top>.channel-status{margin-left:auto}
 .channel-card h3{font-size:23px}.channel-card p{font-size:16px;margin-bottom:24px}.channel-action{font-size:16px;padding-top:17px}
 .footer-main{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr)}.footer-contact address{font-size:15px}
 .footer-social{display:block;padding:25px 0}.footer-social>span{display:block;margin-bottom:14px}.footer-social>div{justify-content:flex-start;gap:8px 20px}.footer-social a,.channel-pending{font-size:15px}
 .contact-address{font-size:16px;gap:16px}.contact-address small{font-size:14px}
}

.inline-link{text-decoration:underline;text-underline-offset:4px;color:var(--green);font-weight:600}
.app-detail-link{padding-bottom:12px}

/* Brand films: one player with a deliberate, accessible episode choice. */
.films-section{background:#f7f8f5;border-top:1px solid #e1e8e2}
.film-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:34px;align-items:start}
.film-feature{min-width:0}
.film-screen{background:#081e2c;border-radius:5px;overflow:hidden;aspect-ratio:16/9;box-shadow:0 12px 35px #0d2b1f14}
.film-screen video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:16/9;background:#081e2c}
.film-screen video:focus-visible,.film-choice:focus-visible{outline:3px solid #238465;outline-offset:5px}
.film-caption{padding-top:24px}
.film-caption>span{font-size:13px;font-weight:600;letter-spacing:.08em;color:#597365}
.film-caption h3{font-size:27px;line-height:1.5;margin-top:8px;word-break:keep-all}
.film-caption p{font-size:17px;line-height:1.85;margin-top:9px;color:#536b5e;word-break:keep-all}
.film-playlist{display:flex;flex-direction:column;min-width:0;gap:13px}
.film-list-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:16px;font-weight:600;margin-bottom:3px}
.film-list-label span{font-size:12px;letter-spacing:.1em;font-weight:400;color:#597365}
.film-choice{width:100%;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:16px;align-items:center;background:white;border:1px solid #dbe5dd;border-radius:4px;padding:13px;text-align:left;color:var(--ink);transition:border-color .2s,background .2s}
.film-choice:hover{border-color:#65977e}
.film-choice.is-active{border-color:#357958;background:#edf5ee;box-shadow:inset 3px 0 #357958}
.film-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:#133126}
.film-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.film-duration{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:2px;background:#041811d9;color:white;font-size:12px;line-height:1.5}
.film-choice-copy{display:block;min-width:0}
.film-choice-copy>span:first-child{display:block;font-size:11px;letter-spacing:.09em;color:#526d5e;line-height:1.5}
.film-choice-copy strong{display:block;font-size:17px;line-height:1.55;font-weight:600;word-break:keep-all;margin-top:4px}
.film-choice-action{display:flex;align-items:center;gap:6px;color:#34684d;font-size:13px;margin-top:7px;line-height:1.5}
.film-choice-action .icon{width:14px;height:14px}
.film-help{font-size:14px;line-height:1.8;color:#567060;margin-top:5px}
.film-feedback{font-size:15px;line-height:1.8;padding:14px 17px;margin-top:18px;background:#edf3ed;border:1px solid #ceddce;border-radius:3px}
.film-feedback a,.film-fallback a{text-decoration:underline;text-underline-offset:4px}
.film-fallback{font-size:16px;margin-top:24px}
.company-story .text-link{margin-top:25px}
@media(max-width:1190px){.film-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:26px}.film-choice{gap:12px;padding:11px;grid-template-columns:minmax(0,37%) minmax(0,1fr)}.film-choice-copy strong{font-size:16px}.film-caption h3{font-size:25px}}
@media(max-width:990px){.film-layout{grid-template-columns:minmax(0,1fr);gap:28px}.film-playlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.film-list-label,.film-help{grid-column:1/-1}.film-choice{display:flex;flex-direction:column;align-items:stretch;padding:13px;gap:13px}.film-choice-copy strong{font-size:17px}.film-help br{display:none}}
@media(max-width:760px){.film-layout{gap:27px}.film-caption{padding-top:19px}.film-caption>span{font-size:12px}.film-caption h3{font-size:23px}.film-caption p{font-size:16px;line-height:1.85}.film-playlist{display:flex;gap:12px}.film-choice{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:16px;padding:13px}.film-choice-copy strong{font-size:17px}.film-choice-copy>span:first-child{font-size:12px}.film-choice-action{font-size:14px}.film-help{font-size:13px}.film-list-label{font-size:16px}.film-feedback{font-size:14px}}
@media(max-width:365px){.film-choice{gap:12px;padding:11px}.film-choice-copy strong{font-size:16px}.film-caption h3{font-size:22px}}

/* Official supplied logo. The source PNG and its proportions are preserved. */
.brand{flex-shrink:0;line-height:1;letter-spacing:normal;align-items:center}
.brand-mark{position:relative;display:block;width:164px;aspect-ratio:1233/263;overflow:hidden}
.brand-mark>img{position:absolute;max-width:none;width:113.300891%;height:auto;left:-7.137064%;top:-33.840304%;display:block}
.footer-main .brand-mark{width:180px}
.mat-mark img{display:block;width:58px;height:auto;margin:0 auto;opacity:.5}
.footer-bottom a[data-shop]{display:inline-flex;align-items:center;gap:4px}
@media(max-width:760px){.brand-mark{width:144px}.footer-main .brand-mark{width:170px}}
@media(max-width:365px){.brand-mark{width:124px}.header-inner{gap:16px}.header-actions{gap:14px}}
/* Company brand story: original logo and existing Fmee character artwork. */
.company-story-links{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:25px}
.company-story-links .text-link{margin-top:0}
.brand-story{background:#f8faf9;border-top:1px solid var(--border);scroll-margin-top:90px}
.brand-story-heading{margin-bottom:48px}
.brand-story-heading h2{font-size:42px;line-height:1.4}
.brand-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:64px;align-items:center}
.brand-identity-art{background:#fff;width:70%;justify-self:center;min-width:0;min-height:245px;padding:26.6px 21px;display:flex;flex-direction:column;justify-content:center;border:.7px solid #e0e9e5;border-radius:4.2px;text-align:center}
.brand-identity-label{font-size:8.4px;letter-spacing:.16em;color:#617b70;font-weight:600}
.brand-identity-logo{position:relative;aspect-ratio:1233/263;width:100%;max-width:308px;margin:31.5px auto 25.2px;overflow:hidden}
.brand-identity-logo img{position:absolute;max-width:none;width:113.300891%;height:auto;left:-7.137064%;top:-33.840304%}
.brand-identity-art figcaption{display:flex;flex-direction:column;gap:4.9px}
.brand-identity-art figcaption strong{font-size:16.8px;letter-spacing:.18em;color:var(--green)}
.brand-identity-art figcaption span{font-size:12.6px;color:var(--muted)}
.brand-story-copy{min-width:0}
.brand-story-copy h3{font-size:25px;line-height:1.5}
.brand-story-copy p{font-size:18px;line-height:1.95;color:var(--muted);margin-top:20px}
.brand-story-copy code{font-size:1em;color:var(--green);font-weight:650}
.brand-story-copy strong{font-weight:650;color:var(--ink)}
.brand-story-copy .brand-story-promise{font-size:21px;font-weight:650;color:var(--green);border-left:3px solid #a9cfc2;padding-left:18px;margin:26px 0 15px}
.brand-source-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.7;color:#577167;text-decoration:underline;text-underline-offset:4px;min-height:44px}
.brand-source-link .icon{width:14px;height:14px}
.fmee-story{background:linear-gradient(135deg,#f0faf9,#eaf7f8 55%,#f6fbf9);scroll-margin-top:90px}
.fmee-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:44px;align-items:center}
.fmee-copy{max-width:620px;min-width:0}
.fmee-copy h2{font-size:38px;line-height:1.45}
.fmee-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:17px;font-size:inherit;letter-spacing:-.06em;line-height:1.25;margin:15px 0 24px;color:#123442}
.fmee-name span{font-size:.6em;font-weight:500;letter-spacing:-.02em;color:#0b7d8c}
.fmee-copy>p{font-size:18px;line-height:1.95;color:#49656b;margin-top:19px}
.fmee-tagline{display:inline-block;font-size:17px;font-weight:600;color:var(--green);margin-top:27px;padding-top:20px;border-top:1px solid #c2deda}
.fmee-main-art{width:70%;max-width:364px;margin:auto;background:radial-gradient(ellipse,#d4f1f1 0%,transparent 69%)}
.fmee-main-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.fmee-symbols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:45px 0 0;padding:32px 0;border-top:1px solid #cbe2df;border-bottom:1px solid #cbe2df}
.fmee-symbols>div{padding:0 22px;min-width:0}
.fmee-symbols>div+div{border-left:1px solid #cbe2df}
.fmee-symbols dt{display:flex;align-items:center;gap:16px;font-size:21px;font-weight:650;line-height:1.5}
.fmee-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:56px;height:56px;background:#fff;border-radius:50%;color:#118a96}
.fmee-symbol svg{width:33px;height:33px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fmee-symbols dd{font-size:16px;line-height:1.8;color:#49656b;margin:12px 0 0 72px}
.fmee-gallery-heading{margin:52px 0 26px}
.fmee-gallery-heading h3{font-size:26px}
.fmee-gallery-heading p{font-size:17px;color:#49656b;margin-top:10px}
.fmee-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fmee-gallery figure{background:#ffffffb8;border:1px solid #dcece7;border-radius:6px;padding:18px 15px 24px;min-width:0;text-align:center}
.fmee-gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.fmee-gallery figcaption{font-size:18px;font-weight:600;line-height:1.5;margin-top:14px}
.company-values{background:#fff}
@media(max-width:1000px){
  .brand-story-layout{gap:35px;grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}
  .brand-identity-art{padding:30px 22px;min-height:300px}
  .fmee-intro{gap:20px}
  .fmee-symbols{gap:10px}
  .fmee-symbols>div{padding:0 12px}
  .fmee-symbols dt{gap:10px;font-size:19px}
  .fmee-symbols dd{margin-left:0}
  .fmee-gallery{gap:12px}
}
@media(max-width:760px){
  .brand-story-heading{margin-bottom:30px}
  .brand-story-heading h2,.fmee-copy h2{font-size:32px}
  .brand-story-layout,.fmee-intro{grid-template-columns:minmax(0,1fr);gap:32px}
  .brand-identity-art{min-height:0;padding:21px 15.4px}
  .brand-identity-logo{margin:25.2px auto 19.6px}
  .brand-story-copy h3{font-size:23px}
  .brand-story-copy p,.fmee-copy>p{font-size:16px;line-height:1.9}
  .brand-story-copy .brand-story-promise{font-size:19px}
  .brand-identity-art figcaption span{font-size:11.2px}
  .fmee-name{font-size:inherit;margin:12px 0 22px;gap:13px}
  .fmee-name span{font-size:.6em}
  .fmee-tagline{font-size:16px}
  .fmee-main-art{max-width:266px}
  .fmee-symbols{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:28px;padding:28px 0}
  .fmee-symbols>div{padding:0}
  .fmee-symbols>div+div{border-left:0}
  .fmee-symbols dt{font-size:20px;gap:16px}
  .fmee-symbols dd{margin:0 0 0 72px}
  .fmee-gallery-heading{margin-top:38px}
  .fmee-gallery-heading h3{font-size:24px}
  .fmee-gallery-heading p{font-size:16px;line-height:1.9}
  .fmee-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .fmee-gallery figure{padding:12px 8px 18px}
  .fmee-gallery figcaption{font-size:16px;margin-top:10px}
}

/* Responsive audit: keep product proportions and support touch/landscape use. */
.hero-visual img,.product-showcase figure img{height:auto;object-fit:contain}
.product-showcase figure{min-width:0}
.product-showcase figure img{width:100%}
.menu-toggle{width:44px;min-width:44px;height:44px;padding:5px 11px;flex-shrink:0}
.back-top{width:44px;height:44px}
.dialog-close{min-width:44px;min-height:44px}
#mobile-nav{max-height:calc(100vh - 86px);max-height:calc(100dvh - 86px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:1190px){
 .footer-nav>a,.footer-contact>a{display:flex;align-items:center;min-height:44px}
}
@media(max-width:990px){
 #mobile-nav{max-height:calc(100vh - 74px);max-height:calc(100dvh - 74px)}
}
@media(max-width:760px){
 #mobile-nav{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}
}
@media(max-width:365px){
 .product-showcase figure{margin-inline:-16px}
}

/* Keep the six sensor spots symmetric as the mat becomes narrower. */
.mat-grid .heat{width:40%;left:14%;right:auto}
.mat-grid .heat.h2,.mat-grid .heat.h4,.mat-grid .heat.h6{left:46%}
.care-demo[data-scenario=move] .mat-grid .heat{transform:translateX(18%)}

/* A thumbnail must keep its grid-column width when adjacent text wraps. */
.film-thumb{width:100%;max-width:100%;min-width:0;align-self:center}
.film-choice-copy{overflow-wrap:anywhere}

/* Technology imagery carries the sensing → information → care story. */
.technology-row{gap:64px}
.technology-visual{position:relative;min-width:0;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:14px;background:#0b2933;box-shadow:0 18px 42px #0d332514}
.technology-visual img{display:block;width:100%;height:100%;object-fit:cover}
.technology-visual figcaption{position:absolute;left:22px;bottom:20px;background:#08262dcc;border:1px solid #c1ebdc45;color:#e4fff3;backdrop-filter:blur(8px);padding:7px 12px;border-radius:5px;font-size:12px;font-weight:600;letter-spacing:.12em}
.technology-copy{min-width:0}
.technology-copy p{max-width:none}
.technology-row:nth-child(2) .technology-visual{order:2}
.technology-row:nth-child(2) .technology-copy{order:1}
@media(max-width:1100px){.technology-row{gap:35px}.technology-row h2{font-size:30px}}
@media(max-width:900px){
 .technology-row{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding:45px 0}
 .technology-row:nth-child(2) .technology-visual,.technology-row:nth-child(2) .technology-copy{order:initial}
 .technology-visual{max-width:680px;margin-inline:auto}
 .technology-row h2{font-size:29px}
 .technology-visual figcaption{left:16px;bottom:15px;font-size:11px}
}

/* Separate navigation and contact information on handheld screens. */
@media(max-width:760px){
 .film-choice{align-items:center}
 .footer-main{grid-template-columns:minmax(0,1fr);gap:28px}
 .footer-nav,.footer-contact{min-width:0;border-top:1px solid #cbdad3;padding-top:26px}
 .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:4px}
 .footer-nav>span{grid-column:1/-1}
 .footer-nav>span,.footer-contact>span{font-size:13px;font-weight:650;color:#294f41;letter-spacing:.12em;margin-bottom:10px}
 .footer-nav>a{margin-bottom:0;min-height:44px;font-size:15px}
 .footer-contact>a{font-size:16px}
}