:root{--ref-teal:#14b8be;--ref-teal-dark:#0e9aa0;--ref-ink:#0b1213;--ref-text:#58666a;--ref-soft:#f4f7f7;--ref-line:#e5eaea}
body{color:var(--ref-ink);font-family:"Noto Sans Thai","Prompt",system-ui,sans-serif;font-size:16px;font-weight:400;line-height:normal}
h1,h2,h3,h4,h5,h6,.overline,.button,.menu,.nav-phone,.nav-cta{font-family:"Prompt",sans-serif}
.shell{width:min(1240px,100%);padding-right:20px;padding-left:20px}
.promo-bar{min-height:37px;padding:8px 16px;gap:10px;color:#fff;background:#0b1213;font-size:13px}.promo-bar>span{width:7px;height:7px;background:var(--ref-teal)}.promo-bar a{color:var(--ref-teal);font-weight:600}
.nav-shell{width:min(1240px,100%);height:64px;min-height:64px;padding:0 20px;gap:18px}.brand{width:auto;height:88px;margin:-26px 0;overflow:hidden}.brand img{width:auto;height:88px}.menu{gap:2px;margin-left:0;flex:1}.menu a{padding:8px 13px;border-radius:999px;font-size:14.5px;font-weight:500}.menu a:after{display:none}.menu a:hover{color:var(--ref-teal-dark);background:#f0f6f6}.nav-actions{gap:18px;margin-left:0}.nav-phone{font-size:14px;font-weight:600}.nav-cta{min-height:0;padding:10px 20px;font-size:14px;font-weight:600;background:var(--ref-teal)}
.hero-v2{padding:0;background:#fff}.hero-v2:before{display:none}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;padding-top:56px;padding-bottom:40px}.hero-copy h1{margin:0 0 16px;font-size:clamp(32px,4.6vw,52px);font-weight:700;line-height:1.15;letter-spacing:normal}.hero-copy h1 span{display:inline;color:var(--ref-teal)}.hero-copy .overline{margin-bottom:14px;font-size:12.5px;font-weight:600;letter-spacing:.16em}.hero-lead{max-width:480px;margin:0 0 26px;color:var(--ref-text);font-size:17px;line-height:1.7}.hero-actions{gap:12px}.button{min-height:0;padding:14px 28px;font-size:16px;font-weight:600}.button.primary{background:var(--ref-teal)}.button.secondary{border:1.5px solid #dce5e5}.hero-proof{display:none}.hero-visual{height:420px;min-height:280px;border-radius:24px;box-shadow:none}.hero-visual img{height:100%;object-fit:cover}.hero-badge{display:none}
.journey{padding:0 0 56px}.journey-grid{grid-template-columns:repeat(4,1fr);gap:14px}.journey-grid>a{min-height:0;padding:22px;border:1px solid var(--ref-line);border-radius:18px;box-shadow:none}.journey-grid>a:hover{border-color:var(--ref-teal);transform:translateY(-2px);box-shadow:0 14px 34px -18px rgba(20,184,190,.45)}.journey-grid b{font-family:Prompt;font-size:26px;font-weight:700;color:var(--ref-teal)}.journey-grid h2{margin:10px 0 6px;font-size:17px;font-weight:600}.journey-grid p{min-height:65px;margin:0 0 12px;color:var(--ref-text);font-size:13.5px;line-height:1.6}.journey-grid span{color:var(--ref-teal-dark);font-family:Prompt;font-size:13.5px;font-weight:600}
.trust-strip{padding:0;color:var(--ref-ink);background:var(--ref-soft);border-top:1px solid #ecf1f1;border-bottom:1px solid #ecf1f1}.trust-grid{grid-template-columns:repeat(4,1fr);gap:18px;padding-top:26px;padding-bottom:26px}.trust-grid>div{gap:12px;padding:0;border:0}.trust-grid strong{display:flex;align-items:center;justify-content:center;min-width:42px;width:42px;height:42px;border:1px solid var(--ref-line);border-radius:12px;color:var(--ref-teal);background:#fff;font-family:Prompt;font-size:15px;font-weight:700}.trust-grid strong span{font-size:12px}.trust-grid p{color:var(--ref-ink);font-size:14.5px;font-weight:600;line-height:1.45}.trust-grid small{color:var(--ref-text);font-size:12.5px;font-weight:400}
.section-v2{padding:64px 0}.section-head{align-items:flex-end;margin-bottom:26px}.section-head .overline{margin-bottom:8px;font-size:12px;letter-spacing:.16em}.section-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:600}.section-head>a{padding:0;color:var(--ref-teal-dark);font-family:Prompt;font-size:14.5px;font-weight:600}.set-grid{gap:18px}.set-card,.set-card.featured{border:1px solid var(--ref-line);border-radius:20px;box-shadow:none}.set-card:hover{border-color:var(--ref-teal);transform:none;box-shadow:0 18px 40px -20px rgba(11,18,19,.25)}.tag{top:12px;left:12px;padding:4px 10px;color:#fff;background:var(--ref-teal);font-family:Prompt;font-size:11.5px;font-weight:600}.tag.alt{background:var(--ref-teal)}.set-image{height:190px;padding:0;background:var(--ref-soft)}.set-image img{height:190px;border-radius:0}.set-body{padding:20px 22px 22px}.set-kicker,.set-body .button{display:none}.set-body h3{margin:0 0 6px;font-size:18px;font-weight:600}.set-body>p:not(.set-kicker){min-height:66px;color:var(--ref-text);font-size:13.5px;line-height:1.6}.price{margin-top:12px}.price b{font-size:22px;font-weight:700}.price del{color:#a5b4b6;font-size:13px}.set-body small{color:#8aa0a2;font-size:12px}
.camera-types{padding:56px 0;background:var(--ref-soft);border-top:1px solid #ecf1f1;border-bottom:1px solid #ecf1f1}.camera-types .section-head{margin-bottom:24px}.camera-types .section-head .overline{display:none}.camera-types .section-head h2{font-size:clamp(24px,3vw,32px)}.type-grid{grid-template-columns:repeat(6,1fr);gap:12px}.type-grid a{min-height:0;padding:18px;border:1px solid var(--ref-line);border-radius:16px}.type-grid a:hover{border-color:var(--ref-teal);transform:none}.type-grid span{display:none}.type-grid h3{margin:0 0 4px;font-size:15px;font-weight:600}.type-grid p{color:var(--ref-text);font-size:12.5px;line-height:1.55}
.brand-story{color:var(--ref-ink);background:#fff}.story-grid{grid-template-columns:repeat(2,1fr);gap:40px;min-height:0;padding-top:64px;padding-bottom:64px}.story-image{height:360px;align-self:auto}.story-image img{height:360px;border-radius:24px;object-fit:cover}.story-copy{padding:0;justify-content:center}.story-copy .overline{margin-bottom:12px;color:var(--ref-teal-dark)}.story-copy blockquote{margin:0 0 16px;font-size:clamp(22px,2.8vw,30px);font-weight:500;line-height:1.45}.story-copy blockquote span{color:inherit}.story-copy>p:not(.overline){margin:0;color:var(--ref-text);font-size:14.5px;line-height:1.6}.story-copy .button{display:none}
.reviews-v2{padding:8px 0 64px}.reviews-v2 .section-head{margin-bottom:24px}.reviews-v2 .section-head .overline{display:none}.reviews-v2 .section-head h2{font-size:clamp(24px,3vw,32px)}.review-grid-v2{gap:16px}.review-grid-v2 article{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:22px;border:1px solid var(--ref-line);border-radius:18px}.review-grid-v2 img{grid-row:1;width:40px;height:40px;border-radius:50%;object-fit:cover;align-self:end}.review-grid-v2 article>div{display:flex;flex-direction:column;padding:0}.review-grid-v2 .stars{display:none}.review-grid-v2 p{order:-1;min-height:100px;margin:0 0 16px;grid-column:1/3;color:#243234;font-size:14.5px;line-height:1.75}.review-grid-v2 strong{font-family:Prompt;font-size:13.5px;font-weight:600}.review-grid-v2 small{color:#8aa0a2;font-size:12px}
.ctv{padding:0;background:#0b1213}.ctv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;padding-top:64px;padding-bottom:64px}.ctv .overline{margin-bottom:12px;color:var(--ref-teal);font-size:12px;letter-spacing:.16em}.ctv h2{margin:0 0 14px;font-size:clamp(26px,3.4vw,38px);font-weight:600;line-height:1.25}.ctv p:not(.overline){max-width:460px;margin:0 0 24px;color:#b7c4c6;font-size:15.5px;line-height:1.75}.ctv-metrics{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:26px}.ctv-metrics div{display:flex;flex-direction:column}.ctv-metrics b{color:var(--ref-teal);font-family:Prompt;font-size:26px}.ctv-metrics span{color:#8aa0a2;font-size:12.5px}.ctv .button{padding:13px 26px;color:#0b1213;font-size:15px}.ctv-visual{height:360px}.ctv-visual img{width:100%;height:100%;border-radius:20px;object-fit:cover}
.faq{padding:64px 0;background:#fff}.faq-grid{display:block;width:min(860px,100%)}.faq-grid>div:first-child{text-align:center}.faq .overline,.faq .button{display:none}.faq h2{margin:0 0 6px;font-size:clamp(24px,3vw,32px);font-weight:600}.faq-grid>div:first-child>p:not(.overline){margin:0 0 26px;color:var(--ref-text);font-size:14.5px}.accordion{display:flex;flex-direction:column;gap:10px}.accordion details{overflow:hidden;border:1px solid var(--ref-line);border-radius:14px}.accordion summary{padding:16px 48px 16px 20px;font-size:15px;font-weight:500}.accordion summary:after{top:12px;right:20px;color:var(--ref-teal)}.accordion details p{padding:0 20px 18px;color:var(--ref-text);font-size:14px;line-height:1.75}
.insights{padding:0 0 72px}.insights .section-head{margin-bottom:24px}.insights .section-head .overline{display:none}.insights .section-head h2{font-size:clamp(24px,3vw,32px)}.insight-grid{gap:16px}.insight-grid article{border:1px solid var(--ref-line);border-radius:18px}.insight-grid article:hover{border-color:var(--ref-teal);transform:none;box-shadow:none}.insight-grid img,.insight-placeholder{height:150px}.insight-body{padding:18px 20px 20px}.insight-body small{font-family:Prompt;font-size:11.5px;font-weight:600}.insight-body h3{min-height:45px;margin:6px 0;font-size:15.5px;font-weight:600;line-height:1.45}.insight-body p{min-height:62px;color:var(--ref-text);font-size:13px;line-height:1.6}.insight-body span{display:none}
.footer{padding:0;color:var(--ref-ink);background:var(--ref-soft);border-top:1px solid #ecf1f1}.footer-main{grid-template-columns:1.3fr .75fr .75fr 1.1fr;gap:40px;padding-top:46px;padding-bottom:34px}.footer-brand img{width:auto;height:70px;margin:-20px 0 -10px -14px;padding:0;background:transparent}.footer-brand p{max-width:310px;color:var(--ref-text);font-size:13px;line-height:1.7}.footer h3{margin:0 0 12px;color:var(--ref-ink);font-size:13px;font-weight:600}.footer-main>div:not(.footer-brand){gap:7px}.footer-main a,.footer-main span{color:var(--ref-text);font-size:12.5px}.footer-contact p{color:var(--ref-text)}.footer-bottom{margin-top:0;padding-top:18px;padding-bottom:18px;border-top:1px solid #dfe7e7;color:#8aa0a2;font-size:11.5px}
@media(max-width:900px){.menu{display:none}.nav-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr 1fr}.journey-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.type-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.shell,.nav-shell{width:100%;padding-right:16px;padding-left:16px}.promo-bar{font-size:11px}.nav-actions{display:flex}.nav-actions .nav-phone{display:none}.nav-actions .nav-cta{display:inline-flex;padding:8px 16px;font-size:13px}.hamb{display:flex;flex-direction:column;justify-content:center;width:40px;height:40px;margin-left:0;border:1px solid #e0e8e8;border-radius:10px}.hamb span{width:16px;margin:2px auto}.hero-grid{grid-template-columns:1fr;padding-top:42px}.hero-visual{height:320px}.journey-grid{grid-template-columns:repeat(2,1fr)}.set-grid,.review-grid-v2,.insight-grid{grid-template-columns:1fr}.story-grid,.ctv-grid{grid-template-columns:1fr}.story-image,.story-image img,.ctv-visual{height:300px}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hero-copy h1{font-size:32px}.hero-lead{font-size:16px}.hero-actions{flex-direction:row}.hero-actions .button{width:auto;padding:12px 18px;font-size:14px}.hero-visual{height:280px}.journey-grid,.trust-grid,.type-grid{grid-template-columns:1fr}.journey-grid>a{min-height:0}.section-v2{padding:52px 0}.story-grid,.ctv-grid{padding-top:52px;padding-bottom:52px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-contact{grid-column:auto}.footer-bottom{padding-bottom:76px}}