:root{
  --phywe:#00517d;
  --phywe-dark:#003b5d;
  --phywe-deep:#002b46;
  --phywe-mid:#247ca4;
  --phywe-light:#dfeaf0;
  --phywe-pale:#f1f5f7;
  --accent:#28a3c4;
  --ink:#26384b;
  --muted:#667688;
  --line:#d8e0e5;
  --white:#fff;
  --max:1260px;
  --shadow:0 14px 36px rgba(0,59,93,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.5}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 42px));margin:auto}
.skip{position:fixed;left:12px;top:-60px;background:#fff;color:var(--phywe-dark);padding:10px 14px;z-index:9999}
.skip:focus{top:12px}

/* TOP / HEADER */
.topline{height:34px;background:var(--phywe-deep);color:#fff;font-size:11px}
.topline .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topline-links{display:flex;align-items:center;gap:22px}
.topline a{opacity:.84}.topline a:hover{opacity:1}
.site-header{position:sticky;top:0;z-index:120;background:#fff;box-shadow:0 1px 0 var(--line)}
.header-main{height:82px;display:grid;grid-template-columns:245px minmax(280px,1fr) auto;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;color:var(--phywe);font-size:24px;font-weight:900;letter-spacing:1px}
.brand-symbol{width:45px;height:45px;background:var(--phywe);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:900;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.brand small{display:block;font-size:7px;letter-spacing:2px;color:#8694a2;margin-top:-1px}
.header-search{height:42px;display:flex;border:1px solid #bccbd4;background:#fff}
.header-search input{min-width:0;flex:1;border:0;padding:0 14px;color:var(--ink);outline:none;font-size:12px}
.header-search button{width:48px;border:0;background:var(--phywe);color:#fff;display:grid;place-items:center;cursor:pointer}
.header-search button:hover{background:var(--phywe-dark)}
.header-actions{display:flex;align-items:center;gap:0}
.head-action{height:42px;padding:0 13px;border:1px solid #cbd6dd;border-left:0;background:#fff;color:var(--phywe);display:flex;align-items:center;gap:7px;cursor:pointer;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;position:relative}
.head-action:first-child{border-left:1px solid #cbd6dd}
.head-action:hover{background:var(--phywe-pale)}
.count{position:absolute;right:3px;top:-6px;background:var(--accent);color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:9px}
.mobile-toggle{display:none}
.category-nav{height:48px;background:var(--phywe);color:#fff}
.category-nav .container{height:100%;display:flex;align-items:stretch}
.category-nav a,.category-nav button{border:0;border-right:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;padding:0 20px;display:flex;align-items:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;cursor:pointer}
.category-nav button:first-child,.category-nav a:first-child{border-left:1px solid rgba(255,255,255,.18)}
.category-nav a:hover,.category-nav button:hover{background:rgba(0,0,0,.12)}
.category-nav .products-btn{background:var(--phywe-dark);padding-right:28px}

/* MEGA NAV */
.mega{position:fixed;left:0;right:0;top:164px;background:#fff;z-index:110;box-shadow:0 20px 45px rgba(0,43,70,.22);border-top:5px solid var(--accent);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.16s ease}
.mega.open{opacity:1;visibility:visible;transform:none}
.mega-inner{display:grid;grid-template-columns:260px repeat(4,1fr);gap:34px;padding:30px 0 38px}
.mega-intro{background:var(--phywe-dark);color:#fff;padding:24px}
.mega-intro h3{font-size:23px;line-height:1.05;text-transform:uppercase;margin:8px 0 12px}
.mega-intro p{font-size:12px;color:#c9d8e3}
.mega-col h4{font-size:11px;color:var(--phywe);text-transform:uppercase;letter-spacing:.7px;border-bottom:3px solid var(--phywe-light);padding-bottom:9px;margin:0 0 8px}
.mega-col a{display:block;padding:5px 0;color:#5c6c7e;font-size:12px}.mega-col a:hover{color:var(--accent)}
.mobile-nav{display:none}

/* COMMON */
.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:900;color:var(--accent)}
.btn{min-height:42px;padding:0 19px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;cursor:pointer}
.btn-blue{background:var(--phywe);color:#fff}.btn-blue:hover{background:var(--phywe-dark)}
.btn-dark{background:var(--phywe-dark);color:#fff}.btn-dark:hover{background:var(--phywe-deep)}
.btn-white{background:#fff;color:var(--phywe)}.btn-white:hover{background:var(--phywe-pale)}
.btn-outline{background:#fff;color:var(--phywe);border-color:var(--phywe)}.btn-outline:hover{background:var(--phywe-pale)}
.text-link{display:inline-flex;align-items:center;gap:9px;margin-top:9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.65px;color:var(--phywe)}
.text-link:after{content:"→";font-size:18px;color:var(--accent)}
.breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#8a99a7;margin-bottom:15px}

/* HOME HERO — geometric, technical, blue */
.home-hero{min-height:520px;position:relative;overflow:hidden;background:#eef3f6}
.hero-image{position:absolute;inset:0 0 0 33%;background:url("vision-hero.webp") center 45%/cover no-repeat}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,59,93,.22),rgba(0,59,93,0) 48%)}
.hero-shape-1,.hero-shape-2,.hero-shape-3{position:absolute;top:0;bottom:0;pointer-events:none}
.hero-shape-1{left:0;width:53%;background:var(--phywe-dark);clip-path:polygon(0 0,68% 0,100% 50%,68% 100%,0 100%)}
.hero-shape-2{left:30%;width:25%;background:#527e9b;opacity:.85;clip-path:polygon(0 0,25% 0,100% 50%,25% 100%,0 100%,75% 50%)}
.hero-shape-3{left:37%;width:18%;background:#a9c0cf;opacity:.78;clip-path:polygon(0 0,22% 0,100% 50%,22% 100%,0 100%,78% 50%)}
.hero-content{position:relative;z-index:3;min-height:520px;display:flex;align-items:center}
.hero-copy{width:46%;color:#fff;padding:58px 0}
.hero-copy .eyebrow{color:#70d4e7}
.hero-copy h1{font-size:clamp(42px,5vw,68px);line-height:.98;text-transform:uppercase;letter-spacing:-2px;margin:8px 0 17px}
.hero-copy p{max-width:500px;color:#d8e4ec;font-size:17px;margin:0 0 24px}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}

/* HOME editorial */
.home-intro{padding:72px 0}
.home-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.home-intro h2{font-size:43px;line-height:1.03;letter-spacing:-1.4px;text-transform:uppercase;color:var(--phywe);margin:7px 0 0}
.home-intro .lead{font-size:20px;color:#3e5268;margin:0 0 17px}
.home-intro p{font-size:14px;color:var(--muted)}
.home-intro-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}

/* Product topic navigation */
.topic-nav{background:var(--phywe-pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0}
.topic-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}
.topic-title h2{font-size:30px;text-transform:uppercase;color:var(--phywe);margin:6px 0 0}
.topic-title p{font-size:12px;color:var(--muted);max-width:530px;margin:0}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid #cad6dd;border-top:1px solid #cad6dd}
.topic-card{min-height:155px;background:#fff;border-right:1px solid #cad6dd;border-bottom:1px solid #cad6dd;padding:22px;display:flex;flex-direction:column;justify-content:space-between}
.topic-icon{width:38px;height:7px;background:var(--accent)}
.topic-card h3{margin:11px 0 5px;color:var(--phywe);font-size:16px;text-transform:uppercase}
.topic-card p{font-size:11px;color:var(--muted);margin:0}.topic-card:hover{background:#f9fbfc}

/* editorial image + content */
.editorial-row{display:grid;grid-template-columns:1fr 1fr;min-height:500px;border-bottom:1px solid var(--line)}
.editorial-row.reverse .ed-photo{order:2}.editorial-row.reverse .ed-copy{order:1}
.ed-photo{min-height:500px;background:center/cover no-repeat}
.ed-photo.testimonial{background-image:url("vision-inclusive.webp")}
.ed-photo.future{background-image:url("vision-stem.webp")}
.ed-photo.company{background-image:url("vision-rehab.webp")}
.ed-copy{padding:64px 70px;display:flex;flex-direction:column;justify-content:center}
.ed-copy.dark{background:var(--phywe);color:#fff}
.ed-copy h2{font-size:38px;line-height:1.03;letter-spacing:-1.2px;text-transform:uppercase;color:var(--phywe);margin:8px 0 17px}
.ed-copy.dark h2{color:#fff}.ed-copy.dark .eyebrow{color:#71d1e3}
.ed-copy p{font-size:14px;color:var(--muted);max-width:590px}
.ed-copy.dark p{color:#d4e1ea}
.quote-mark{font-size:70px;line-height:.5;color:#72d3e3;font-weight:900;margin-bottom:25px}
.quote-text{font-size:20px!important;line-height:1.42;color:#fff!important}
.quote-author{margin-top:17px;font-size:11px!important;text-transform:uppercase;letter-spacing:.7px;color:#bcd0dd!important}

/* SDG */
.sdg-band{padding:68px 0;background:#fff}
.sdg-grid{display:grid;grid-template-columns:270px 1fr;gap:66px;align-items:stretch}
.sdg-tile{background:var(--phywe);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px}
.sdg-tile .goal{font-size:78px;font-weight:900;line-height:.8}.sdg-tile span{font-size:12px;text-transform:uppercase;letter-spacing:1px}
.sdg-copy h2{font-size:39px;color:var(--phywe);text-transform:uppercase;line-height:1.05;letter-spacing:-1.2px;margin:7px 0 16px}
.sdg-copy p{font-size:14px;color:var(--muted)}
.sdg-copy blockquote{margin:21px 0 0;border-left:5px solid var(--accent);padding:4px 0 4px 18px;color:#3c5066;font-size:17px}

/* numbers */
.numbers{background:var(--phywe-dark);color:#fff;padding:52px 0}
.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.number{padding:10px 28px;border-right:1px solid rgba(255,255,255,.2)}
.number:last-child{border-right:0}.number strong{display:block;font-size:46px;line-height:1;color:#fff}
.number span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#bcd0dd;margin-top:9px}

/* institution logos */
.institution-strip{padding:66px 0;background:#f6f8f9;border-top:1px solid var(--line)}
.institution-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end;margin-bottom:27px}
.institution-head h2{font-size:33px;text-transform:uppercase;color:var(--phywe);line-height:1.04;margin:6px 0 0}
.institution-head p{margin:0;font-size:12px;color:var(--muted)}
.institution-logos{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line);background:#fff}
.institution-logos a{height:100px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;display:flex;align-items:center;justify-content:center}
.institution-logos img{height:55px;width:100%;object-fit:contain;filter:grayscale(1);opacity:.55;transition:.16s}
.institution-logos a:hover img{filter:none;opacity:1}
.institution-disclaimer{font-size:9.5px;color:#8996a4;margin-top:12px}

/* home product highlights */
.highlights{padding:64px 0}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}
.section-heading h2{font-size:32px;color:var(--phywe);text-transform:uppercase;margin:6px 0 0}
.section-heading p{font-size:12px;color:var(--muted);max-width:520px;margin:0}

/* inner page hero */
.page-hero{background:linear-gradient(110deg,var(--phywe-dark),var(--phywe));color:#fff;padding:50px 0 44px;border-bottom:6px solid var(--accent)}
.page-hero .breadcrumbs{color:#a7bcc9}
.page-hero h1{font-size:49px;line-height:1;text-transform:uppercase;letter-spacing:-1.6px;margin:0 0 13px}
.page-hero p{font-size:14px;color:#d7e3eb;max-width:780px;margin:0}

/* solutions */
.solutions-grid{padding:56px 0 78px}
.solution-cards{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.solution-card{min-height:270px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px;background:#fff}
.solution-card .num{color:var(--accent);font-weight:900;font-size:11px}
.solution-card h2{font-size:22px;text-transform:uppercase;line-height:1.05;color:var(--phywe);margin:10px 0 12px}
.solution-card p{font-size:12px;color:var(--muted)}

/* service */
.service-grid{padding:58px 0 80px}
.service-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.service-card{border-top:5px solid var(--phywe);background:var(--phywe-pale);padding:30px;min-height:230px}
.service-card h2{font-size:22px;color:var(--phywe);text-transform:uppercase;margin:8px 0 10px}
.service-card p{font-size:12px;color:var(--muted)}

/* catalog */
.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:34px;padding:48px 0 78px}
.filters{align-self:start}
.filter-group{border-top:4px solid var(--phywe);padding-top:12px;margin-bottom:23px}
.filter-group h4{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--phywe);margin:0 0 9px}
.filter-group label{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:11px;color:#5d6f82}
.catalog-search{display:flex;margin-bottom:12px}.catalog-search input{width:100%;height:42px;border:1px solid var(--line);padding:0 12px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.catalog-toolbar span{font-size:10px;color:var(--muted);text-transform:uppercase}
.catalog-toolbar select{height:38px;border:1px solid var(--line);background:#fff;padding:0 10px;font-size:11px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.product-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff}
.product-media{height:205px;background:linear-gradient(140deg,#eef3f6,#dfe7ec);position:relative;display:grid;place-items:center;overflow:hidden}
.product-media:before{content:"";width:112px;height:112px;border:1px solid #c8d5dd;background:#fff;box-shadow:0 13px 25px rgba(0,59,93,.11);transform:rotate(-2deg)}
.product-media:after{content:"";position:absolute;width:66px;height:66px;border-radius:50%;background:linear-gradient(135deg,var(--phywe),var(--accent))}
.card-label{position:absolute;left:0;top:0;background:var(--phywe);color:#fff;padding:6px 9px;font-size:8px;font-weight:900;text-transform:uppercase;z-index:2}
.product-body{padding:15px;display:flex;flex-direction:column;flex:1}
.article{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#8794a2}
.product-body h3{font-size:15px;line-height:1.22;color:var(--phywe);margin:7px 0 8px}
.product-body p{font-size:11px;color:var(--muted);margin:0 0 13px}
.product-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:11px;margin-top:auto}
.offer{font-size:9px;font-weight:900;text-transform:uppercase;color:var(--phywe)}
.cart-plus{width:34px;height:34px;border:0;background:var(--phywe);color:#fff;font-size:18px;cursor:pointer}.cart-plus:hover{background:var(--accent)}
.empty{grid-column:1/-1;padding:40px;border:1px dashed #c8d4dc;text-align:center;color:var(--muted)}

/* product detail */
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:52px 0 74px}
.product-gallery{align-self:start}
.zoom-note{text-align:right;font-size:9px;color:#8795a4;margin-bottom:8px}
.product-main-media{height:505px;background:linear-gradient(145deg,#f0f4f6,#dfe7ec);display:grid;place-items:center;position:relative;overflow:hidden}
.product-main-media:before{content:"";width:255px;height:235px;background:#fff;border:1px solid #c9d5dd;box-shadow:0 20px 38px rgba(0,59,93,.12);transition:transform .25s}
.product-main-media:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--phywe),var(--accent));transition:transform .25s}
.product-main-media:hover:before,.product-main-media:hover:after{transform:scale(1.08)}
.product-copy h1{font-size:36px;line-height:1.03;text-transform:uppercase;color:var(--phywe);letter-spacing:-1px;margin:8px 0 13px}
.product-meta-line{font-size:10px;color:#758698;text-transform:uppercase}
.product-lead{font-size:14px;color:var(--muted)}
.product-tag{display:inline-block;background:var(--phywe);color:#fff;padding:6px 8px;font-size:8px;text-transform:uppercase;font-weight:900;margin:6px 0}
.request-box{border:1px solid var(--line);border-top:5px solid var(--accent);padding:18px;margin:22px 0}
.request-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.request-title{font-size:20px;font-weight:900;color:var(--phywe);text-transform:uppercase}
.request-title small{display:block;color:#7c8b99;font-size:9px;letter-spacing:.7px}
.qty{display:flex;border:1px solid var(--line)}.qty button{width:34px;border:0;background:#fff}.qty input{width:42px;border:0;text-align:center}
.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}
.tabs{margin-top:25px}.tab-nav{display:flex;gap:0;border-bottom:1px solid var(--line);overflow:auto}
.tab-nav button{border:0;background:#fff;padding:12px 17px;font-size:9px;white-space:nowrap;text-transform:uppercase;font-weight:900;color:#778796;cursor:pointer}
.tab-nav button.active{background:var(--phywe);color:#fff}
.tab-panel{padding:19px 0;font-size:12px;color:#596b7e}.tab-panel[hidden]{display:none}
.spec-table{border-top:3px solid var(--phywe)}
.spec-row{display:grid;grid-template-columns:170px 1fr;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}
.spec-row strong{color:var(--phywe)}
.related{padding:45px 0 70px;background:var(--phywe-pale)}
.related h2{font-size:27px;text-transform:uppercase;color:var(--phywe);margin:0 0 20px}

/* content / contact / policies */
.content{padding:58px 0 78px}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:68px}
.contact-side{background:var(--phywe);color:#fff;border-top:5px solid var(--accent);padding:32px}
.contact-side h2{font-size:28px;line-height:1.05;text-transform:uppercase;margin:8px 0 13px}
.contact-side p{font-size:12px;color:#d1e0e8}
.form{display:grid;gap:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form label{font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:900;color:#5b6d80}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:0;padding:11px;background:#fff}.form textarea{min-height:130px}
.hp{position:absolute;left:-9999px}.form-status{display:none;padding:10px;font-size:11px}.form-status.show{display:block}.success{background:#edf8f5;color:#196954}.error{background:#fff0f0;color:#8c3737}
.prose{max-width:920px}.prose .intro{font-size:19px;color:#3d5268}
.prose h2{font-size:25px;text-transform:uppercase;color:var(--phywe);margin:31px 0 9px;padding-top:14px;border-top:4px solid var(--phywe-light)}
.prose p,.prose li{font-size:12.5px;color:#5d6e80}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.resource-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px;min-height:220px}
.resource-card h2{font-size:18px;text-transform:uppercase;color:var(--phywe);margin:0 0 9px}.resource-card p{font-size:11.5px;color:var(--muted)}

/* SEARCH */
.search-overlay{position:fixed;inset:0;display:none;background:rgba(0,43,70,.66);z-index:190}
.search-overlay.open{display:block}
.search-dialog{max-width:840px;margin:92px auto;background:#fff;border-top:6px solid var(--accent);padding:25px}
.search-dialog-row{display:flex}.search-dialog-row input{flex:1;height:46px;border:1px solid var(--line);padding:0 12px}.search-dialog-row button{width:46px;border:1px solid var(--line);background:#fff}
.search-results{display:grid;gap:5px;margin-top:12px}.search-result{padding:11px;background:#f1f5f7;font-size:11px}

/* DRAWER + SAVED CART */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(430px,100%);z-index:210;background:#fff;box-shadow:-18px 0 44px rgba(0,43,70,.22);transform:translateX(103%);transition:.2s;display:flex;flex-direction:column}
.drawer.open{transform:none}.drawer-head{padding:17px;border-bottom:5px solid var(--accent);display:flex;align-items:center;justify-content:space-between;color:var(--phywe)}
.drawer-head button{border:0;background:#fff;font-size:24px;color:var(--phywe);cursor:pointer}.drawer-body{padding:17px;overflow:auto;flex:1}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item h4{font-size:12px;margin:0;color:var(--phywe)}.cart-item span{font-size:9px;color:#7a8998}
.cart-remove{width:30px;height:30px;border:1px solid var(--line);background:#fff;color:var(--phywe);cursor:pointer}
.saved-area{margin-top:20px;border-top:4px solid var(--phywe-light);padding-top:13px}
.saved-area h4{font-size:10px;text-transform:uppercase;color:var(--phywe);margin:0 0 8px}
.saved-row{display:flex;gap:6px}.saved-row input{min-width:0;flex:1;border:1px solid var(--line);padding:9px;font-size:11px}
.saved-list{display:grid;gap:5px;margin-top:8px}.saved-list button{display:flex;justify-content:space-between;gap:8px;border:1px solid var(--line);background:#f7f9fa;padding:8px;text-align:left;font-size:10px;color:var(--phywe);cursor:pointer}
.drawer-foot{padding:17px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7px}.drawer-foot .primary{grid-column:1/-1}
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--phywe-dark);color:#fff;padding:10px 14px;font-size:10px;opacity:0;transition:.18s;z-index:230}.toast.show{opacity:1;transform:translate(-50%,0)}

/* FOOTER */
.footer{background:#002d49;color:#fff;border-top:6px solid var(--accent);padding:50px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:46px}
.footer .brand{color:#fff}.footer .brand-symbol{background:#fff;color:var(--phywe)}.footer .brand small{color:#9fb4c2}
.footer p{font-size:11px;color:#aebfcb;max-width:355px}
.footer h4{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#68cee1;margin:0 0 12px}
.footer a{display:block;padding:4px 0;font-size:11px;color:#b7c6d0}.footer a:hover{color:#fff}
.footer-bottom{margin-top:36px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#8297a7}

/* responsive */
@media(max-width:1080px){
 .header-main{grid-template-columns:225px 1fr auto}.head-action span.label{display:none}
 .category-nav{display:none}.mega{display:none}
 .mobile-toggle{display:flex}
 .mobile-nav{display:block;position:fixed;top:116px;right:0;bottom:0;width:min(400px,100%);background:#fff;z-index:150;transform:translateX(101%);transition:.2s;border-top:5px solid var(--accent);padding:20px}
 .mobile-nav.open{transform:none}.mobile-nav a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase;font-weight:900;color:var(--phywe)}
 .home-hero,.hero-content{min-height:480px}.hero-image{left:36%}.hero-copy{width:50%}
 .home-intro-grid,.institution-head,.two-col,.sdg-grid{grid-template-columns:1fr;gap:30px}
 .topic-grid{grid-template-columns:repeat(2,1fr)}
 .editorial-row{grid-template-columns:1fr}.editorial-row.reverse .ed-photo,.editorial-row.reverse .ed-copy{order:initial}.ed-photo{min-height:420px}
 .numbers-grid{grid-template-columns:repeat(2,1fr)}.number:nth-child(2){border-right:0}.number{border-bottom:1px solid rgba(255,255,255,.18)}
 .institution-logos{grid-template-columns:repeat(3,1fr)}
 .solution-cards{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}
 .product-detail{grid-template-columns:1fr}.service-cards{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .container{width:calc(100% - 24px)}.topline .container{justify-content:center}.topline-links{display:none}
 .header-main{height:70px;grid-template-columns:1fr auto;gap:8px}.site-header{height:70px}.header-search{display:none}.brand{font-size:19px}.brand-symbol{width:37px;height:37px;font-size:22px}.mobile-nav{top:104px}
 .head-action{height:38px;padding:0 10px}.home-hero,.hero-content{min-height:540px}.hero-image{left:0;opacity:.62}
 .hero-shape-1{width:95%;background:rgba(0,59,93,.9);clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%)}.hero-shape-2,.hero-shape-3{display:none}
 .hero-copy{width:74%;padding:45px 0}.hero-copy h1{font-size:43px}.hero-copy p{font-size:15px}
 .home-intro{padding:54px 0}.home-intro h2{font-size:34px}.home-intro-grid{gap:25px}.topic-grid{grid-template-columns:1fr}
 .ed-photo{min-height:330px}.ed-copy{padding:43px 23px}.ed-copy h2{font-size:30px}
 .sdg-band{padding:52px 0}.sdg-tile{min-height:210px}.sdg-copy h2{font-size:31px}
 .numbers-grid{grid-template-columns:1fr 1fr}.number{padding:18px}.number strong{font-size:35px}
 .institution-logos{grid-template-columns:repeat(2,1fr)}.institution-logos a{height:88px;padding:11px}.institution-logos img{height:45px}
 .section-heading,.topic-title{display:block}.section-heading p,.topic-title p{margin-top:10px}
 .page-hero h1{font-size:36px}.solution-cards,.product-grid,.service-cards,.resource-grid{grid-template-columns:1fr}
 .product-main-media{height:355px}.product-copy h1{font-size:30px}.request-actions{grid-template-columns:1fr}.spec-row{grid-template-columns:1fr;gap:4px}
 .form-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}
 .drawer-foot{grid-template-columns:1fr}.drawer-foot .primary{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}