:root{--navy:#041420;--navy2:#082d48;--blue:#0c6e9f;--cyan:#10c3e8;--silver:#c5d1db;--gold:#cba85a;--white:#f7f9fb;--ink:#12283a;--muted:#607585}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#eef3f6}a{color:inherit;text-decoration:none}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;padding:.8rem 1rem;background:#fff}.skip:focus{top:1rem}
.site-header{height:132px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.2rem,5vw,5.5rem);background:linear-gradient(110deg,#fff 0%,#f4f7f9 60%,#e3ebf1);border-bottom:1px solid rgba(4,20,32,.14);box-shadow:0 14px 38px rgba(4,20,32,.15);position:relative;z-index:30}.brand{display:flex;align-items:center}.brand .division-logo{display:block;width:clamp(320px,32vw,455px);height:auto;filter:drop-shadow(0 8px 16px rgba(4,20,32,.13))}.site-header nav{display:flex;align-items:center;gap:1.8rem;font-size:.78rem;font-weight:800;letter-spacing:.055em}.site-header nav>a:not(.header-call){color:#29465c}.header-call{padding:.8rem 1rem;background:var(--navy);color:#fff;box-shadow:inset 0 -3px var(--cyan)}
.holdings-bar{min-height:42px;padding:0 max(20px,calc((100vw - 1280px)/2 + 20px));display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #dce4e9;position:relative;z-index:25;font-size:.75rem;font-weight:700}.holdings-bar>b,.holdings-bar b{color:#2d7c4c}.holdings-bar details{position:relative}.holdings-bar summary{cursor:pointer;list-style:none;text-transform:uppercase;letter-spacing:.12em;font-weight:850}.holdings-bar summary::-webkit-details-marker{display:none}.holdings-bar details nav{position:absolute;right:0;top:30px;width:330px;display:grid;padding:.7rem;background:#fff;border:1px solid #d8e1e7;box-shadow:0 24px 54px rgba(4,20,32,.2)}.holdings-bar details nav a{padding:.75rem}.holdings-bar details nav a:hover{background:#f1f5f7}.holdings-bar .current{border-left:3px solid var(--cyan);background:#edf7fa;font-weight:850}.holdings-bar small{display:block;margin-top:.25rem;color:#6f818e}
.hero{min-height:770px;position:relative;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(3,15,24,.96) 0%,rgba(3,15,24,.83) 36%,rgba(3,15,24,.15) 70%),url('assets/guardian-3d-hero.png');background-size:cover;background-position:center;overflow:hidden}.hero-copy{position:relative;z-index:2;max-width:780px;margin-left:clamp(1.4rem,7vw,8rem);padding:5rem 0}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;font-weight:850}.eyebrow{color:#aeeafa}.hero h1,.intro h2,.featured h2,.ecosystems h2,.support h2,.shop-hero h1{font:500 clamp(3.2rem,6vw,6.4rem)/.97 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:1.2rem 0 1.5rem}.hero h1 em{font-style:normal;color:#a7d8e9}.hero-copy>p:not(.eyebrow,.fine){font-size:1.12rem;line-height:1.75;color:#d2dde4;max-width:640px}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin:2rem 0 1rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:53px;padding:0 1.45rem;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:900}.primary{background:var(--cyan);color:#02131d}.secondary{border:1px solid rgba(255,255,255,.55);color:#fff}.fine{font-size:.78rem;color:#9db1bf}.hero-proof{position:absolute;right:0;bottom:0;width:min(32rem,42vw);padding:1.6rem 2.2rem;background:rgba(4,20,32,.94);border-left:3px solid var(--cyan);display:grid;gap:.45rem}.hero-proof span{font-size:.65rem;letter-spacing:.2em;color:var(--cyan);font-weight:900}.hero-proof strong{font:500 1.15rem/1.45 Georgia,serif}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:7rem clamp(1.4rem,7vw,8rem);background:#fff}.kicker{color:var(--blue);margin:0 0 1rem}.intro h2,.featured h2,.ecosystems h2,.support h2{font-size:clamp(2.5rem,4.4vw,4.6rem);margin:0}.intro>p{font-size:1.08rem;line-height:1.8;color:var(--muted);margin:2rem 0 0}.departments{display:grid;grid-template-columns:repeat(3,1fr);background:#d6e0e6;gap:1px;border-block:1px solid #d6e0e6}.departments a{background:#f2f6f8;padding:3rem;min-height:285px;transition:.2s}.departments a:hover{background:#fff;box-shadow:inset 0 -4px var(--cyan)}.departments span{color:#7b8d99;font-size:.65rem;letter-spacing:.14em}.departments h3{font:500 1.65rem/1.2 Georgia,serif;margin:3rem 0 1rem}.departments p{color:var(--muted);line-height:1.7}.featured{padding:7rem clamp(1.4rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--navy);color:#fff}.featured .kicker{color:var(--cyan)}.featured-copy>p:not(.kicker){color:#aebfca;line-height:1.75}.text-link{display:inline-block;margin-top:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--cyan);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.featured-stats{display:grid;gap:1px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.13)}.featured-stats div{padding:1.7rem;background:#09263b}.featured-stats b{display:block;color:#fff;font:500 2rem Georgia,serif}.featured-stats span{display:block;color:#9fb5c3;margin-top:.45rem}.ecosystems{padding:7rem clamp(1.4rem,7vw,8rem);background:#fff}.ecosystems>div:first-child{max-width:850px}.eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#d7e0e6;border:1px solid #d7e0e6;margin-top:3rem}.eco-grid article{padding:2.6rem;background:#f4f7f9}.eco-grid h3{font:500 2rem Georgia,serif}.eco-grid p{color:var(--muted);line-height:1.75}.eco-grid a{display:inline-block;margin-top:1rem;font-weight:850;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--cyan);padding-bottom:.45rem}.support{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2.4rem;padding:5rem clamp(1.4rem,7vw,8rem);background:#e7eef2}.support>img{width:95px}.support p{color:var(--muted);line-height:1.7}.support p a{font-weight:800;color:var(--navy2)}.support .primary{min-width:215px}.support h2{font-size:clamp(2.3rem,4vw,4rem)}
footer{padding:3rem clamp(1.4rem,7vw,8rem);display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;background:#03121c;color:#b9c6cf}footer .brand{width:max-content;padding:.6rem .8rem;background:#fff}footer .brand .division-logo{width:360px;filter:none}footer>p{grid-column:1;color:#7f93a1;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}footer>div{grid-column:2;grid-row:1/3;display:grid;text-align:right;gap:.5rem}footer>div a:first-child{font-size:.88rem}footer>div a:last-of-type{font-size:1.25rem;font-weight:850;color:#fff}
.shop-hero{padding:6rem clamp(1.4rem,7vw,8rem);background:linear-gradient(120deg,#041420,#0a3f5f);color:#fff}.shop-hero h1{font-size:clamp(3rem,5vw,5.4rem);margin:.8rem 0 1rem;max-width:900px}.shop-hero>p:last-child{max-width:770px;color:#bfd0da;line-height:1.7}.catalog-controls{padding:2.2rem clamp(1.4rem,7vw,8rem);background:#fff;border-bottom:1px solid #d7e0e6}.catalog-controls label{display:grid;gap:.5rem;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.catalog-controls input{width:min(650px,100%);height:50px;padding:0 1rem;border:1px solid #aab9c4;font:inherit;text-transform:none;letter-spacing:0}.filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.2rem}.filters button{padding:.65rem .85rem;background:#fff;border:1px solid #aab9c4;font-weight:750;cursor:pointer}.filters button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:inset 0 -3px var(--cyan)}.catalog-controls>[data-count]{color:#617582;font-size:.8rem;font-weight:750}.catalog-shell{padding:3rem clamp(1.4rem,5vw,6rem) 7rem}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid #d7e0e6;box-shadow:0 18px 40px -32px rgba(4,20,32,.5)}.product-image{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:1.1rem;background:#fff;border-bottom:1px solid #e1e7eb;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:1.25rem;display:flex;flex:1;flex-direction:column}.product-category{margin:0 0 .7rem;color:var(--blue);font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.product-card h2{font:500 1.23rem/1.3 Georgia,serif;margin:0}.product-vendor{color:#768895;font-size:.73rem}.compatibility{align-self:flex-start;padding:.35rem .5rem;background:#e9f6f9;color:#075470;font-size:.67rem;font-weight:800}.product-bottom{margin-top:auto;padding-top:1rem;border-top:1px solid #e2e8ec;display:grid;gap:.35rem}.product-bottom strong{font-size:1.15rem}.product-bottom span{font-size:.67rem;color:#687c89;text-transform:uppercase;letter-spacing:.06em}.product-cta{margin-top:1rem;padding:.8rem;text-align:center;background:var(--navy);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 -3px var(--cyan)}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.site-header nav>a:not(.header-call){display:none}}@media(max-width:850px){.intro,.featured,.eco-grid{grid-template-columns:1fr}.departments{grid-template-columns:1fr 1fr}.hero-proof{width:100%;max-width:none}.support{grid-template-columns:auto 1fr}.support .button{grid-column:1/3}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.site-header{height:105px;padding-inline:.8rem}.brand .division-logo{width:245px}.header-call{font-size:.64rem;padding:.7rem}.holdings-bar{padding:0 12px}.holdings-bar>a{font-size:.64rem}.holdings-bar details nav{position:fixed;top:147px;right:8px;width:calc(100vw - 16px)}.hero{min-height:820px;background-position:62% center}.hero-copy{margin:0 1.2rem;padding-bottom:10rem}.hero h1{font-size:3.35rem}.actions .button{width:100%}.intro,.featured,.ecosystems{padding-block:5rem}.departments{grid-template-columns:1fr}.departments a{min-height:0}.support{grid-template-columns:1fr;text-align:center}.support>img{margin:auto}.support .button{grid-column:auto}.product-grid{grid-template-columns:1fr}.shop-hero{padding-top:4.5rem}footer{grid-template-columns:1fr;text-align:center}footer .brand{justify-self:center}footer .brand .division-logo{width:300px}footer>div{grid-column:1;grid-row:auto;text-align:center}}