/* BimaBuddy 1.5 — a deliberate mobile composition, rather than a scaled desktop. */
@media(max-width:600px){
 :root{--section-space:34px}
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:78px}
 .container{padding-left:20px;padding-right:20px}
 .announcement{display:none}
 .nav-shell{height:64px;gap:8px}
 .logo-slot .brand{font-size:24px;gap:7px;letter-spacing:-1.1px}
 .logo-slot .brand small{display:none}
 .logo-slot .brand-mark{width:30px;height:32px}
 .logo-slot .brand-mark .buddy-logo-icon{width:30px;height:30px}
 .header-contact-links{gap:3px}
 .header-contact-icon,.menu-toggle{width:40px;height:40px;min-width:40px}
 .header-contact-icon{background:transparent;border-color:#dce2d7}
 .whatsapp-icon{background:#edf1e5}
 .header-contact-icon .icon{width:18px;height:18px}
 .primary-nav{padding:14px 20px 20px;border-radius:0 0 14px 14px}
 .nav-links a{padding:13px 0;font-size:14px}
 .primary-nav .nav-cta{min-height:46px}
 .hero-grid{display:flex;flex-direction:column;gap:14px;padding-top:25px;padding-bottom:12px}
 .hero-copy{width:100%;text-align:center}
 .hero .eyebrow{font-size:9px;letter-spacing:1.15px;margin:0 0 12px;line-height:1.5}
 .status-dot{width:5px;height:5px;margin-right:5px}
 .hero h1{font-size:clamp(31px,8.2vw,36px);line-height:1.13;letter-spacing:-1px;max-width:370px;margin:0 auto 14px;text-wrap:balance}
 .hero h1 em{display:inline;font-weight:400}
 .hero-description{font-size:14px;line-height:1.65;max-width:355px;margin:0 auto 18px;text-wrap:pretty}
 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;max-width:380px;margin:0 auto}
 .hero-actions .button,.hero-actions .text-link{min-height:46px;border-radius:7px;padding:12px 10px;justify-content:center;gap:9px;font-size:12px;font-weight:600;line-height:1.3}
 .hero-actions .text-link{border:1px solid #cdd7c7;background:#fffdf8}
 .hero-actions .button .icon,.hero-actions .text-link .icon{width:17px;height:17px}
 .hero-proof{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.6;margin:15px 0 0}
 .hero-proof .icon{width:12px;height:12px;margin-right:3px}
 .hero-art{width:100%;max-width:222px;margin:0 auto;justify-self:auto}
 .family-art{width:100%;height:auto;aspect-ratio:620/540}
 .hero-art .art-note,.hero-art .human-chip,.hero-art .protection-chip,.hero-art .art-spark{display:none}
 .hero-bottom{display:flex;justify-content:center;min-height:35px;padding-top:7px;padding-bottom:7px;border-top:0}
 .hero-bottom>span,.hero-bottom>a{display:none}
 .motion-toggle{font-size:10px;border-color:transparent;padding:4px 10px;color:#66765a}
 .section-heading{text-align:left;margin-bottom:19px}
 .section-heading h2,h2{font-size:29px;line-height:1.18;letter-spacing:-.7px}
 .section-heading .eyebrow,.philosophy-copy .eyebrow,.faq-grid .eyebrow{font-size:8px;letter-spacing:1.25px;margin-bottom:9px}
 .section-heading>p{font-size:13px;line-height:1.6;margin-top:10px;margin-bottom:0}
 .insurance-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}
 .insurance-card{padding:16px;min-height:170px;border-radius:13px;box-shadow:none}
 .card-top{margin-bottom:10px}.category-icon{width:32px;height:32px;border-radius:9px}.category-icon .icon{width:21px;height:21px}
 .card-arrow{width:22px;height:22px}.card-arrow .icon{width:17px;height:17px}
 .insurance-card h3{font-size:16px;line-height:1.3;margin-bottom:7px;letter-spacing:-.2px}
 .insurance-card p{font-size:12px;line-height:1.5;margin-bottom:12px}
 .card-link{font-size:9px;letter-spacing:.6px}
 .not-sure{display:block;text-align:center;font-size:12px;line-height:1.7;margin-top:17px}.not-sure a{display:block}
 .philosophy-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .philosophy-copy{order:0}.clarity-visual{order:1;display:block;padding:21px 22px 10px;border-radius:13px}
 .clarity-visual:after{display:none}
 .clarity-visual .small-label{font-size:8px;letter-spacing:1.25px;margin-bottom:12px}
 .clarity-heading{font-size:25px;line-height:1.25;margin-bottom:17px}
 .clarity-visual .check-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:12px 0;margin:0}
 .clarity-visual .check-row strong{font-size:13px;line-height:1.4}.clarity-visual .check-row small{font-size:12px;line-height:1.5;margin-top:2px}
 .clarity-visual .check-row>span{flex-shrink:0}
 .philosophy-copy h2{font-size:30px;line-height:1.2;margin-bottom:14px}.philosophy-copy h2 br{display:none}
 .philosophy-copy>p:not(.eyebrow){font-size:14px;line-height:1.65;margin-bottom:12px}.philosophy-copy .text-link{font-size:13px}
 .steps{gap:18px;margin-top:22px}.steps article{padding-top:15px;grid-template-columns:34px minmax(0,1fr);column-gap:12px}
 .step-number{font-size:26px}.steps h3{font-size:16px}.steps p{font-size:14px;line-height:1.6}
 .contact-copy h2{font-size:30px;line-height:1.2}.contact-copy h2 br{display:none}.contact-copy>p{font-size:14px}.contact-grid{gap:20px}
 .contact-copy .contact-note{font-size:11px;line-height:1.6}.contact-panel{padding:21px;border-radius:12px}.contact-panel h3{font-size:26px}.contact-panel .contact-submit{min-height:46px}
 .faq-grid h2{font-size:29px}.faq-grid h2 br{display:none}.faq-list summary{font-size:14px;line-height:1.5;padding:17px 0}.faq-list details p{font-size:14px;line-height:1.65}
 .footer-top{grid-template-columns:1fr 1fr;gap:24px 16px}.footer-top h3{font-size:12px}.footer-top .contact-channels{flex-direction:column;align-items:flex-start;gap:7px;font-size:11px}.footer-top .contact-channels a{padding:7px 9px}
 .footer-bottom p{font-size:10px;line-height:1.6}.page-title{font-size:32px;line-height:1.2}.guide-tagline{font-size:19px;line-height:1.45}.guide-layout .entry-content{font-size:15px;line-height:1.7}.guide-sidebar h2{font-size:27px}
 .enquiry-dialog h2{font-size:26px;line-height:1.2}.enquiry-dialog{border-radius:15px;padding:24px 20px}.dialog-intro{font-size:13px}
}
@media(max-width:370px){
 .container{padding-left:16px;padding-right:16px}.nav-shell{gap:5px}.logo-slot .brand{font-size:21px;gap:5px}.logo-slot .brand-mark,.logo-slot .brand-mark .buddy-logo-icon{width:26px;height:26px}.header-contact-icon,.menu-toggle{width:36px;height:38px;min-width:36px}.header-contact-links{gap:3px}
 .hero-grid{padding-top:23px}.hero h1{font-size:31px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-description{font-size:14px}.hero-proof{font-size:9px;gap:8px}.hero-actions{gap:8px}.hero-actions .button,.hero-actions .text-link{font-size:11px;gap:6px;padding:12px 8px}.hero-art{max-width:205px}
 .insurance-card{padding:14px 12px}.insurance-card h3{font-size:15px}.insurance-card p{font-size:12px}
}