.fl-page{--fl-accent:var(--brand-accent)}
.fl-page .hb-background{object-position:60% center}
.fl-page .hb-section{scroll-margin-top:100px}
.fl-image-caption{font-size:10px;line-height:1.6;letter-spacing:.04em;color:#6c777b;text-align:center}
.fl-page a:focus-visible{outline:2px solid var(--fl-accent);outline-offset:4px}
.fl-page .hb-benefits-section{background:#fff}
.fl-optics{border-top:1px solid #dce3df}
.fl-beam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fl-beam{background:#f4f6f4;border-radius:20px;padding:26px;min-width:0}
.fl-beam svg{display:block;width:100%;height:150px;margin-bottom:24px}
.fl-beam h3{font:400 21px/1.4 Anuphan,sans-serif;margin:0 0 12px}
.fl-beam p{font-size:13px;line-height:1.8;color:#536068;margin:0}
.fl-page .fl-note{font-size:11px;line-height:1.8;color:#69767a;margin-top:20px;max-width:850px}
.fl-use{border-top:1px solid #dce3df}
.fl-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.fl-use-card{min-width:0}
.fl-use-card img{width:100%;height:300px;object-fit:cover;border-radius:20px;display:block}
.fl-use-card h3{font:400 25px/1.4 Anuphan,sans-serif;margin:24px 0 12px}
.fl-use-card p{font-size:14px;line-height:1.8;color:#536068;max-width:500px}
.fl-brief{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:#f4f6f4;border-radius:24px;padding:40px;margin-top:46px}
.fl-brief h3{font:400 29px/1.35 Anuphan,sans-serif;margin:0 0 16px}
.fl-brief p{font-size:14px;line-height:1.8;color:#536068}
.fl-brief ul{padding:0;list-style:none;font-size:14px;line-height:2}
.fl-brief li:before{content:'✓';color:var(--fl-accent);margin-right:10px}
.fl-brief .button{font-size:14px;margin-top:20px}
.fl-page .hb-faq{padding-top:80px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.fl-beam-grid{gap:18px}
.fl-beam{padding:22px}
.fl-beam h3{font-size:19px}
}
@media(max-width:800px){.fl-beam-grid{grid-template-columns:1fr}
.fl-beam{display:grid;grid-template-columns:150px 1fr;gap:0 24px;align-items:center}
.fl-beam svg{grid-row:1/3;margin:0;height:130px}
.fl-beam h3{align-self:end}
.fl-beam p{align-self:start}
.fl-use-card img{height:240px}
.fl-brief{grid-template-columns:1fr;gap:24px;padding:30px}
}
@media(max-width:520px){.fl-beam{grid-template-columns:100px 1fr;gap:0 16px;padding:20px 16px}
.fl-beam svg{height:120px}
.fl-beam h3{font-size:18px}
.fl-beam p{font-size:12px}
.fl-use-grid{grid-template-columns:1fr;gap:32px}
.fl-use-card img{height:240px}
.fl-use-card h3{font-size:23px;margin-top:20px}
.fl-brief{padding:26px 22px;margin-top:36px}
.fl-brief h3{font-size:25px}
.fl-brief .button{font-size:13px}
.fl-page .hb-faq{padding-top:60px}
}
@media(prefers-reduced-motion:reduce){
}
.fl-page .hb-section-heading{display:block}
.fl-page .hb-section-heading h2{max-width:none}
@media(min-width:801px){.fl-page .hb-section-heading h2{white-space:nowrap;font-size:clamp(28px,3.3vw,48px)}
}
@media(min-width:801px){.fl-page:not(.sl-page) #series>.hb-section-heading>p{max-width:none;white-space:nowrap;font-size:clamp(10.5px,1.2vw,15px)}
}
@media(max-width:520px){
}
@media(max-width:520px){
}
@media(prefers-reduced-motion:reduce){
}
@media(max-width:1050px){
}
@media(max-width:600px){
}
@media(max-width:520px){
}
.fl-spec-row--summary::after{content:"";flex:0 0 32px}
@media(max-width:520px){.fl-spec-row--summary::after{flex-basis:28px}
}
.fl-page:not(.sl-page) .fl-layout-heading{margin:46px 0 26px;scroll-margin-top:110px}
.fl-page:not(.sl-page) .fl-layout-heading h3{font:400 clamp(23px,2.2vw,30px)/1.45 Anuphan,sans-serif;margin:0}
.fl-page:not(.sl-page) .outdoor-optic-story h4{font:400 clamp(25px,2.5vw,34px)/1.4 Anuphan,sans-serif;margin:0 0 20px}
@media(min-width:801px){.fl-page:not(.sl-page) #series>.hb-section-heading>p{white-space:normal;font-size:15px}
}
@media(max-width:520px){.fl-page:not(.sl-page) .fl-layout-heading{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){
}
@media(max-width:520px){
}
@media(max-width:360px){
}
@media(min-width:801px) and (max-width:1100px){
}
.fl-page:not(.sl-page) #planning .fl-layout-term{display:block;font:400 14px/1.5 Outfit,Anuphan,sans-serif;color:#657279;margin-top:7px}
.fl-page:not(.sl-page) .fl-use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fl-page:not(.sl-page) .fl-use-card img{height:auto;aspect-ratio:16/10;object-fit:cover}
.fl-page:not(.sl-page) .fl-use-card h3{font-size:clamp(20px,1.8vw,25px)}
.fl-page:not(.sl-page) #faqTitle{white-space:normal}
.fl-page:not(.sl-page) .hb-detail-body ul{padding-left:22px;margin:16px 0;font:400 15px/1.9 Anuphan,sans-serif;color:#536068;max-width:900px}
.fl-page:not(.sl-page) .hb-detail-body li+li{margin-top:10px}
.fl-page:not(.sl-page) .hb-detail-body strong{font-weight:500}
.fl-page:not(.sl-page) figure.fl-photometry{min-width:0;padding:24px}
.fl-photometry-stage{display:grid}
.fl-photometry-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}
.fl-photometry-slide.is-active{opacity:1;visibility:visible}
.fl-page:not(.sl-page) .fl-photometry-slide img{display:block;width:100%;height:310px;object-fit:contain}
.fl-page:not(.sl-page) .fl-photometry figcaption{font-size:12px;margin-top:18px}
.fl-photometry-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.fl-photometry-angles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.fl-photometry-nav button{display:grid;place-items:center;min-width:32px;min-height:44px;padding:4px 6px;border:1px solid #d1dad1;border-radius:8px;background:transparent;color:#1c272d;font:400 12px/1.4 Outfit,Anuphan,sans-serif;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}
.fl-photometry-nav>button{flex:0 0 32px;font-size:20px}
.fl-photometry-nav button:hover,.fl-photometry-nav button[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
.fl-photometry-nav button:focus-visible{outline:2px solid #738b00;outline-offset:3px}
@media(max-width:1100px){.fl-page:not(.sl-page) figure.fl-photometry{padding:20px}
.fl-page:not(.sl-page) .fl-photometry-slide img{height:250px}
}
@media(max-width:800px){.fl-page:not(.sl-page) .fl-use-grid{grid-template-columns:1fr;gap:32px}
.fl-page:not(.sl-page) #planning .fl-layout-term{font-size:13px}
.fl-page:not(.sl-page) .fl-use-card h3{font-size:23px}
.fl-page:not(.sl-page) .fl-photometry-slide img{height:280px}
}
@media(max-width:520px){.fl-page:not(.sl-page) figure.fl-photometry{padding:18px}
.fl-photometry-nav{gap:6px}
.fl-photometry-angles{gap:3px}
.fl-photometry-nav button{padding:4px;font-size:11px}
.fl-photometry-nav>button{font-size:18px}
.fl-page:not(.sl-page) .fl-photometry-slide img{height:250px}
}
@media(prefers-reduced-motion:reduce){.fl-photometry-slide,.fl-photometry-nav button{transition:none}
}