/* Keep the landscape as the introduction; show the real app in the feature section. */
.hero,.hero-inner{min-height:660px}
.hero-inner{display:flex;align-items:center;padding-block:82px 110px}
.hero-copy{max-width:760px}
.hero-photo{opacity:.88;object-position:center 62%}
.hero-shade{background:linear-gradient(90deg,rgba(7,30,44,.94) 0%,rgba(9,33,48,.83) 31%,rgba(9,33,48,.48) 59%,rgba(9,33,48,.13) 100%)}
.hero-intro{max-width:470px}
.hero h1{white-space:normal;font-size:clamp(52px,5.7vw,80px)}
.hero-bottom{padding-top:20px}
.hero-bottom>span{padding:3px 8px;border-radius:3px;background:rgba(9,31,46,.62);color:#fff;font-size:11px}
.hero-photo{left:24%;width:76%;opacity:1;object-position:58% 67%}
.hero-shade{background:linear-gradient(90deg,#091f2e 0%,#091f2e 22%,rgba(9,31,46,.91) 34%,rgba(9,31,46,.45) 57%,rgba(9,31,46,.08) 100%)}
.tool-icon{display:flex;width:44px;height:44px;align-items:center;justify-content:center;margin-bottom:24px}
.tool-icon>img{width:44px;height:44px;opacity:.85}
.observation-sprite{position:relative;display:block;width:40px;height:45.5px;overflow:hidden;mix-blend-mode:multiply;transform:scale(.9)}
.observation-sprite img{position:absolute;max-width:none;width:621px;height:1104px;left:-290px;top:-1036px}
.app-explorer{grid-template-columns:.95fr 1.05fr;min-height:710px;background:#f5f7f7}
.explorer-image{min-height:710px;padding:36px 28px;background:#eaf0f2;overflow:hidden}
.app-screen{margin:0;width:284px;max-width:100%;position:relative}
.app-screen img{width:100%;height:auto;border-radius:7px;border:1px solid #cad7df;box-shadow:0 16px 32px #17334315;background:#fff}
.app-screen figcaption{margin-top:17px;text-align:center;color:#697e88;font-size:11px;letter-spacing:.015em}
.explorer-content{padding:42px 48px;justify-content:center}
.feature-tabs{margin-bottom:40px;gap:22px}
.feature-tabs button{font-size:12px;line-height:1.5;white-space:normal;padding-bottom:17px}
#feature-panel{padding:0}
.feature-count{margin-bottom:18px}
#feature-title{max-width:390px;font-size:39px}
#feature-text{font-size:15px;line-height:1.85;max-width:390px}
.feature-points li{font-size:13px}
.example-note{display:block;max-width:760px;margin:17px auto 0;text-align:center;color:#75858c;font-size:11px;line-height:1.7}
@media(min-width:1450px){.hero,.hero-inner{min-height:700px}.hero h1{font-size:84px}}
@media(max-width:1160px){.explorer-content{padding-inline:36px}.app-screen{width:270px}.feature-tabs{gap:16px}.feature-tabs button{font-size:11px}}
@media(max-width:980px){
 .hero-photo{left:0;width:100%;object-position:60% 66%}
 .hero,.hero-inner{min-height:610px}
 .hero-inner{padding-block:74px 100px}
 .hero-copy{max-width:620px}
 .hero h1{font-size:64px}
 .hero-intro{font-size:15px;max-width:440px}
 .hero-shade{background:linear-gradient(90deg,#092234ed 0%,#092234c9 45%,#09223440 100%)}
 .app-explorer{grid-template-columns:.95fr 1.05fr;min-height:660px}
 .explorer-image{min-height:660px;padding:30px 24px}
 .app-screen{width:250px}
 .explorer-content{padding:32px}
 .feature-tabs{gap:12px;margin-bottom:30px}
 .feature-tabs button{font-size:10px}
 #feature-title{font-size:32px}
 #feature-text{font-size:13px}
 .feature-points li{font-size:11px}
}
@media(max-width:700px){
 .hero,.hero-inner{min-height:600px}
 .hero-inner{padding-block:54px 86px}
 .hero-copy{max-width:none}
 .hero h1{font-size:clamp(43px,8.9vw,61px)}
 .hero .eyebrow{margin-bottom:22px}
 .hero-intro{max-width:350px;font-size:14px;margin-block:23px 27px}
 .hero-photo{left:0;width:100%;object-position:59% 66%;opacity:.88}
 .hero-shade{background:linear-gradient(90deg,#092336e8 0%,#092336c9 60%,#09233673 100%)}
 .hero-bottom{bottom:23px}
 .hero-bottom>span{display:inline;font-size:10px;color:#cbd6dc}
 .hero-bottom>a{width:auto}
 .app-explorer{display:flex;min-height:0}
 .explorer-content{padding:27px 24px 30px}
 .feature-tabs{gap:15px;margin-bottom:25px}
 .feature-tabs button{font-size:11px;padding-bottom:16px}
 #feature-title{font-size:32px}
 #feature-text{font-size:14px;max-width:none}
 .feature-points li{font-size:12px}
 .explorer-image{min-height:0;padding:31px 24px 25px}
 .app-screen{width:252px}
 .app-screen img{border-radius:6px}
 .app-screen figcaption{font-size:10px;margin-top:16px}
 .example-note{font-size:10px;line-height:1.8;margin-top:15px;text-align:left}
}
@media(max-width:360px){.feature-tabs{gap:11px}.feature-tabs button{font-size:10px}.hero,.hero-inner{min-height:620px}}

/* Stable feature navigation and a consistent reading size throughout the site. */
.desktop-nav a{font-size:14px}
.language-switch{font-size:12px}
.header-download{font-size:14px;gap:0}
.button,.text-link{gap:0}
.eyebrow,.hero .eyebrow{font-size:12px;letter-spacing:.12em}
.hero-intro{font-size:18px;line-height:1.75;max-width:490px}
.hero-bottom{font-size:12px}
.free-note{font-size:12px;line-height:1.6}
.store-badge{min-height:60px}
.store-badge small{font-size:11px}
.supporter .eyebrow,.strip-operator .eyebrow{font-size:10px}
.strip-message p{font-size:14px;line-height:1.65}
.section-lead{font-size:18px;line-height:1.75}
.explorer-content{justify-content:flex-start;align-self:stretch;padding-top:42px}
.feature-tabs{flex:none;align-items:stretch;min-height:68px;margin-bottom:36px}
.feature-tabs button{font-size:15px;min-width:0;line-height:1.5}
.feature-tabs button>span,.feature-count{font-size:11px}
#feature-title{font-size:38px;line-height:1.14}
#feature-text{font-size:16px;line-height:1.8}
.feature-points{padding-left:19px;list-style:disc}
.feature-points li{display:list-item;font-size:15px;line-height:1.7;padding-left:2px}
.feature-points li:before{content:none}
.explorer-content .text-link{font-size:15px}
.app-screen figcaption,.example-note{font-size:12px;line-height:1.7}
.tools-heading h3{font-size:28px}
.tools-heading .eyebrow{font-size:11px}
.tool h3{font-size:20px;line-height:1.3;letter-spacing:-.025em}
.tool p{font-size:15px;line-height:1.75;max-width:240px}
.tools-note{font-size:12px;line-height:1.75}
.season-copy .eyebrow{font-size:11px}
.season-copy>p:last-child{font-size:16px;line-height:1.8;max-width:430px}
.season-art-word{font-size:11px}
.knowledge-copy .section-lead{font-size:17px;line-height:1.8}
.knowledge-list h3{font-size:22px;line-height:1.25}
.knowledge-list p{font-size:15px;line-height:1.75}
.knowledge-list li>span{font-size:11px}
.partner-card .eyebrow{font-size:10px;line-height:1.7}
.partner-card>p:last-child{font-size:15px;line-height:1.8}
.lwd-brand h3{font-size:16px}
.faq-heading>p:not(.eyebrow){font-size:16px;line-height:1.75}
.faq-heading .text-link{font-size:15px}
.faq-list summary{font-size:17px;line-height:1.5}
.faq-answer p{font-size:16px;line-height:1.8}
.download-section .eyebrow{font-size:11px;line-height:1.8}
.download-section p:not(.eyebrow):not(.free-note){font-size:17px;line-height:1.75}
.safety-note p{font-size:12px;line-height:1.8}
.footer-top p{font-size:14px;line-height:1.7}
.footer-contact>span{font-size:12px}
.footer-bottom{font-size:12px;line-height:1.8}
.back-link{font-size:15px}
.legal-content p{font-size:16px;line-height:1.85}
@media(max-width:1160px){
 .desktop-nav{gap:22px;margin-right:10px}
 .header-actions{gap:18px}
 .header-download{padding-inline:17px;font-size:13px}
 .feature-tabs button{font-size:14px}
}
@media(max-width:980px){
 .hero-intro{font-size:17px}
 .section-lead{font-size:16px}
 .explorer-content{padding-top:32px}
 .feature-tabs{gap:12px;min-height:64px;margin-bottom:30px}
 .feature-tabs button{font-size:13px}
 #feature-title{font-size:32px}
 #feature-text{font-size:15px}
 .feature-points li{font-size:14px}
 .tool h3{font-size:18px}
 .tool p,.knowledge-list p,.partner-card>p:last-child{font-size:14px}
 .season-copy>p:last-child,.knowledge-copy .section-lead{font-size:16px}
 .partner-card .eyebrow{font-size:9px}
 .lwd-brand h3{font-size:14px}
}
@media(max-width:700px){
 .hero,.hero-inner{min-height:620px}
 .hero .eyebrow{font-size:11px;line-height:1.7}
 .hero-intro{font-size:16px;line-height:1.75}
 .free-note{font-size:12px}
 .hero-bottom{font-size:12px}
 .store-badge{min-width:143px;min-height:56px}
 .store-badge small{font-size:10px}
 .store-badge strong{font-size:18px}
 .supporter .eyebrow,.strip-operator .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.08em}
 .partner-strip-inner{gap:16px}
 .eyebrow{font-size:11px}
 .section-heading .section-lead{font-size:16px;line-height:1.8}
 .explorer-content{padding-top:27px}
 .feature-tabs{gap:16px;min-height:64px;margin-bottom:27px}
 .feature-tabs button{font-size:14px}
 .feature-tabs button>span,.feature-count{font-size:11px}
 #feature-title{font-size:31px;line-height:1.15}
 #feature-text{font-size:16px;line-height:1.8}
 .feature-points li{font-size:14px}
 .explorer-content .text-link{font-size:15px}
 .app-screen figcaption,.example-note{font-size:12px;line-height:1.75}
 .tools-heading h3{font-size:26px}
 .tools-heading .eyebrow{font-size:10px}
 .tool h3{font-size:18px}
 .tool p{font-size:14px;line-height:1.75}
 .tools-note{font-size:12px}
 .season-copy .eyebrow{font-size:11px}
 .season-copy>p:last-child,.knowledge-copy .section-lead{font-size:16px;line-height:1.8}
 .knowledge-list h3{font-size:20px}
 .knowledge-list p{font-size:15px}
 .partner-card .eyebrow{font-size:10px}
 .partner-card>p:last-child{font-size:15px;line-height:1.8}
 .lwd-brand h3{font-size:15px}
 .faq-heading>p:not(.eyebrow){font-size:15px}
 .faq-heading .text-link{font-size:15px}
 .faq-list summary{font-size:16px;line-height:1.55}
 .faq-answer p{font-size:15px;line-height:1.8}
 .download-section .eyebrow{font-size:10px;line-height:1.8}
 .download-section p:not(.eyebrow):not(.free-note){font-size:16px}
 .safety-note p{font-size:12px;line-height:1.8}
 .footer-top p{font-size:14px}
 .footer-contact>span{font-size:12px}
 .footer-bottom{font-size:12px}
 .legal-content p{font-size:16px}
}