/* Use the complete brand mark instead of cropping a fixed-size image. */
.brandmark{flex-shrink:0;aspect-ratio:1;height:auto}
.brandmark img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal}
.header-action-icon{display:none}
/* Keep the four filters and three service categories aligned on touch layouts. */
@media(max-width:1024px){
 .catalog-bar .tabs{display:grid;grid-template-columns:1.3fr 1.1fr 1.3fr .75fr;gap:6px;width:100%;min-width:0}
 .catalog-bar .tabs button{min-width:0;min-height:44px;padding:10px 4px;font-size:clamp(10.5px,2.9vw,13px);line-height:1.4;white-space:nowrap;letter-spacing:0}
 /* A separate close-button row leaves the complete artwork at full width. */
 :is(#productDialog,#resellerCheckoutDialog)>.close{float:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 0 12px auto;flex-shrink:0}
 :is(#productDialog,#resellerCheckoutDialog) .detail-tile{width:100%;margin-top:0}
 .home-service-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;align-items:stretch;gap:18px 0;padding:24px 0;text-align:center}
 .home-service-line>span{grid-column:1/-1;max-width:none;font-size:9px;letter-spacing:1.5px;margin:0}
 .home-service-line>i{display:none}
 .home-service-line>b{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px;font-size:clamp(10.5px,2.9vw,13px);line-height:1.6;text-wrap:balance}
 .home-service-line>b~b{border-left:1px solid #dce6f3}
}
/* Keep Vision and Mission together without squeezing the desktop layout. */
@media(max-width:800px){
 .home-purpose .purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
 .home-purpose .purpose-grid article{min-width:0;display:flex;flex-direction:column;padding:24px}
 .home-purpose .purpose-grid ul{display:grid;grid-template-rows:repeat(3,1fr);flex:1}
 .home-purpose .purpose-grid h3{font-size:22px;line-height:1.4}
}
@media(max-width:640px){
 html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
 .announcement{font-size:10px;line-height:1.5;padding:8px 12px;letter-spacing:0}
 .site-header{height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:14px 16px 16px}
 .site-header .brand{font-size:13px;gap:7px;letter-spacing:-.6px;white-space:nowrap}
 .site-header .brandmark{width:32px;height:32px;border-radius:9px}
 .site-header .brand>span small{font-size:6px;letter-spacing:.3px;margin-top:4px}
 .site-header .header-actions{display:flex;gap:5px;margin:0}
 .header-actions .outline{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:40px;min-height:44px;padding:9px;color:#345574;border-radius:11px}
 .header-actions .header-action-label{display:none}
 .header-action-icon{display:block;width:20px;height:20px;flex-shrink:0}
 #accountButton{width:40px;padding:9px}
 #cartCount{font-size:11px;line-height:18px;min-width:18px;padding:0 4px;margin:0}
 .site-header .site-nav{display:flex;justify-content:space-between;gap:4px;grid-column:1/-1;min-width:0;width:100%;padding:4px 0 0;margin:0;overflow:visible}
 .site-header .site-nav .nav-trigger{flex:0 0 auto;justify-content:center;min-width:0;min-height:44px;font-size:12px;line-height:1.4;padding:10px 6px;letter-spacing:0;border:0;border-radius:10px;box-shadow:none}
 .site-header .site-nav .nav-trigger.active{background:#e8f1ff;color:#1269ef;box-shadow:none}
 .home-hero{border-radius:20px}.home-hero-copy{padding:26px 22px 10px}.home-hero h1{font-size:clamp(30px,8.5vw,38px);line-height:1.14;letter-spacing:-1.4px}
 .home-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
 .home-actions .primary{min-width:0;min-height:46px;gap:10px;padding:12px 10px;font-size:12px;white-space:nowrap}
 .home-secondary{align-items:center;justify-content:center;min-height:44px;gap:8px;font-size:11px;white-space:nowrap}
 .home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin-top:26px;padding-top:20px}
 .home-stats>div{min-width:0;padding:0 6px;text-align:center}
 .home-stats>div+div{padding-left:6px}
 .home-stats strong{font-size:clamp(20px,6vw,26px);line-height:1.25;letter-spacing:-.7px;white-space:nowrap}
 .home-stats small{font-size:9px;line-height:1.5;margin-top:6px}
 /* Keep the brand illustration clear, with service labels in their own row. */
 .home-universe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:190px auto auto;gap:12px 8px;height:auto;min-height:0;padding:12px 20px 22px;margin-top:8px}
 .home-universe .universe-grid{display:none}
 .home-universe .home-planet{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr);justify-self:center;width:174px;height:174px}
 .home-universe .planet-brand{width:220px;padding:18px 12px;backdrop-filter:none;box-shadow:0 10px 28px #0004}
 .home-universe .orbit{left:50%;max-width:calc(100% - 24px)}
 .home-universe .orbit-one{top:0;width:220px;height:220px;transform:translateX(-50%)}
 .home-universe .orbit-two{top:48px;width:270px;height:130px;transform:translateX(-50%) rotate(-25deg)}
 .home-universe .orbit-three{top:58px;width:240px;height:110px;transform:translateX(-50%) rotate(35deg)}
 .home-universe .orbit-label{position:static;grid-row:2;min-width:0;min-height:68px;flex-direction:column;justify-content:center;gap:5px;padding:10px 4px;transform:none;text-align:center;border-radius:12px;background:#102c50;box-shadow:none;backdrop-filter:none}
 .home-universe .orbit-label>span{font-size:20px;line-height:1}
 .home-universe .orbit-label small{display:none}
 .home-universe .orbit-label b{display:block;font-size:clamp(9px,2.6vw,11px);line-height:1.5;white-space:nowrap}
 .home-universe .universe-caption{position:static;grid-column:1/-1;grid-row:3;font-size:7px;letter-spacing:1.3px;line-height:1.8;text-align:center}
 /* Compact editorial cards: two columns, plain dividers and no emoji bullets. */
 .home-purpose{padding-block:32px}
 .home-purpose .purpose-heading{margin-bottom:22px}
 .home-purpose .purpose-heading>.eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.8px}
 .home-purpose .purpose-heading h2{font-size:clamp(20px,5.5vw,24px);line-height:1.35;letter-spacing:-.75px;margin:10px 0 0;text-wrap:balance}
 .home-purpose .purpose-heading h2>span{display:inline-block;font-size:.88em;font-weight:600;letter-spacing:-.4px;margin-top:3px}
 .home-purpose .purpose-grid{gap:12px}
 .home-purpose .purpose-grid article{padding:clamp(12px,3.8vw,22px);border-radius:18px;box-shadow:0 4px 14px #17375505}
 .home-purpose .vision-panel{background:linear-gradient(155deg,#173c66,#102a4a 70%);border-color:#23496f}
 .home-purpose .mission-panel{background:linear-gradient(155deg,#fff,#f7faff);border-color:#d4e1f0}
 .home-purpose .purpose-top{height:34px;gap:8px}
 .home-purpose .purpose-top>span:first-child{display:none}
 .home-purpose .purpose-top::after{content:'01';display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid #ffffff24;border-radius:8px;font-size:9px;font-weight:600;letter-spacing:1px;color:#b9d1eb}
 .home-purpose .mission-panel .purpose-top::after{content:'02';border-color:#dbe7f6;color:#6584a7;background:#f0f6fd}
 .home-purpose .purpose-top img{width:30px;height:34px;flex:0 0 30px}
 .home-purpose .purpose-top .mission-logo{width:28px;height:28px;flex:0 0 28px;background-color:#2c5685}
 .home-purpose .purpose-grid h3{font-size:clamp(13px,3.8vw,19px);line-height:1.4;letter-spacing:-.45px;margin:13px 0 16px}
 .home-purpose .purpose-grid li{font-size:clamp(11.5px,3.08vw,13px);line-height:1.65;padding:11px 0;overflow-wrap:break-word;text-wrap:pretty}
 .home-purpose .purpose-grid li::before{content:none}
 .home-purpose .vision-panel li{color:#d5e3f2;border-color:#ffffff17}
 .home-purpose .mission-panel li{color:#4e6682;border-color:#dfe8f4}
 .home-purpose .purpose-grid li:last-child{padding-bottom:0}
 .reseller-page{padding-bottom:32px}
 .reseller-hero{padding:22px;gap:22px;border-radius:20px;background:linear-gradient(140deg,#fff,#edf5ff);box-shadow:none}
 .reseller-status{font-size:8px;letter-spacing:1.2px;padding:7px 10px}
 .reseller-copy>.eyebrow{font-size:9px;letter-spacing:1.5px;margin-top:22px}
 .reseller-copy h1{font-size:clamp(28px,8vw,34px);line-height:1.15;letter-spacing:-1.2px;margin:12px 0 16px}
 .reseller-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;margin:0}
 .reseller-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;align-items:center}
 .reseller-actions a{font-size:11px;text-align:center}
 .reseller-actions a.primary{min-height:44px;padding:12px 14px;font-size:13px}
 .reseller-pass{padding:18px;border-radius:16px;transform:none;box-shadow:none}
 .reseller-pass-top,.reseller-pass-bottom{font-size:7px;letter-spacing:1px;gap:8px}
 .reseller-pass-top{padding-bottom:13px}.reseller-pass-bottom{padding-top:13px}
 .reseller-discount{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:18px;padding:16px 0;align-items:center}
 .reseller-discount>span{font-size:8px;letter-spacing:1.5px;grid-column:1;align-self:end}
 .reseller-discount strong{grid-column:1;font-size:62px;letter-spacing:-4px;line-height:1.1}
 .reseller-discount strong span{font-size:36px;letter-spacing:-2px}
 .reseller-discount p{grid-column:2;grid-row:1/3;font-size:11px;line-height:1.65;margin:0}
 .reseller-benefits{padding:28px 0 22px}.reseller-benefits>.eyebrow{font-size:9px}.reseller-benefits h2{font-size:23px;line-height:1.3;letter-spacing:-.7px;margin:10px 0}
 .reseller-intro{font-size:13px;line-height:1.65;margin:0}
 .reseller-grid{grid-template-columns:1fr;gap:10px;margin-top:18px}
 .reseller-grid article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px 12px;padding:16px;border-radius:13px}
 .reseller-icon{grid-row:1/3;width:34px;height:34px;font-size:21px;border-radius:10px}
 .reseller-grid h3{font-size:14px;margin:0;line-height:1.5}.reseller-grid p{font-size:12px;line-height:1.65;margin:0}
 .reseller-notice{padding:18px;gap:12px;border-radius:14px}.reseller-notice h3{font-size:14px;line-height:1.5}.reseller-notice p{font-size:12px;line-height:1.65}.reseller-notice .reseller-soon{display:none}
 .reseller-back{margin-top:8px;font-size:12px;min-height:36px;display:inline-flex;align-items:center}
 .reseller-registration{margin:12px auto;padding:22px 18px;border-radius:18px;gap:22px}
 .reseller-registration-heading h1{font-size:26px;margin:12px 0}.reseller-registration-heading .reseller-registration-intro{font-size:13px;line-height:1.7}
 .reseller-registration-details>h2,.reseller-registration-form>h2{font-size:16px;margin-bottom:14px}
 .reseller-bonus{padding:16px;border-radius:12px}.reseller-bonus-label{font-size:8px;letter-spacing:1px}.reseller-bonus h3{font-size:20px}.reseller-bonus p{font-size:12px;line-height:1.65}
 .reseller-detail-list li{padding:14px 0;gap:10px}.reseller-detail-list p{font-size:12px;line-height:1.65}.reseller-detail-list h3{font-size:13px}.reseller-detail-mark{width:26px;height:26px;flex-basis:26px;font-size:14px}
 .reseller-registration-sidebar{padding:18px;border-radius:12px}.reseller-fee>span{font-size:12px}.reseller-fee strong{font-size:28px}.reseller-registration select{font-size:16px;min-height:44px}
 .wa-widget{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.wa-toggle{width:46px;height:46px;box-shadow:0 3px 12px #0d51352b}.wa-toggle svg{width:26px;height:26px}
}
@media(max-width:360px){
 .catalog-bar .tabs{gap:4px}
 .catalog-bar .tabs button{padding-inline:3px;font-size:10px}
 .site-header{padding-inline:12px;column-gap:6px}.site-header .brand{font-size:11px;gap:5px}.site-header .brandmark{width:30px;height:30px}.site-header .brand>span small{font-size:5px}
 .site-header .header-actions{gap:3px}.header-actions .outline{padding:8px;min-width:38px}#accountButton{width:38px}.site-header .site-nav .nav-trigger{font-size:11px}
 .home-actions{grid-template-columns:1fr;gap:4px}.home-secondary{justify-self:center}
 .reseller-hero{padding:18px}.reseller-pass{padding:14px}.reseller-discount{column-gap:12px}.reseller-pass-top,.reseller-pass-bottom{font-size:6px}
}