/* Visual design adapted from the approved sales pack; wide, responsive web layouts. */
:root{--ink:#082b46;--navy:#031f36;--blue:#008eb8;--light:#eff7fb;--line:#cfE2ec;--accent:#00d8ed}
body{background:#fff;color:var(--ink)}
.wrap{width:min(1240px,calc(100% - 64px))}
.header{background:#031f36;border:0;color:#fff}
.header-inner{min-height:78px;gap:28px}
.header-label{font-size:19px;font-weight:800;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}
.header nav{gap:24px}.header nav a{font-size:14px;font-weight:700;color:#dceef5}
.header nav a:hover{color:#00e1ef}.header nav .nav-contact{border:1px solid #19cbe1;border-radius:6px;padding:10px 20px;color:#fff}
.logo-banner{border-bottom:1px solid #126078;background:#031f36}
.hero,.hub-hero,.service-hero{background:radial-gradient(ellipse at 85% 10%,#064c6b 0%,transparent 55%),linear-gradient(115deg,#031c31,#063651);position:relative;color:#fff}
.hero:after,.hub-hero:after,.service-hero:after{content:"";height:4px;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#00d8ed,transparent 70%);pointer-events:none}
.hero-grid{grid-template-columns:1.35fr .75fr;gap:60px;min-height:530px}
.hero-copy{padding:64px 0}
h1{letter-spacing:-.045em}.hero h1{font-size:clamp(44px,4.7vw,72px);line-height:1.08;max-width:800px;margin-bottom:24px}
h1 em,.hub-hero h1 em{color:#00d8ed}
.hero .eyebrow,.hub-hero .eyebrow,.service-hero .eyebrow{color:#8de7f2;font-size:12px;letter-spacing:.13em;text-transform:uppercase}
.lead{font-size:18px;color:#e0edf5;max-width:700px}
.hero-actions{gap:22px}.button{background:#00d7e8;color:#03253d;border:1px solid #29e7f3;border-radius:6px;font-size:15px;box-shadow:0 7px 24px #001a2e20;transition:background .15s}
.button:hover{background:#8deef6}.text-link{font-size:14px;text-underline-offset:4px}
.hero-panel{margin:46px 0;padding:30px;border:1px solid #16bdd6;border-radius:12px;background:linear-gradient(145deg,#0a405e,#03243c);box-shadow:0 16px 45px #00111d55;min-height:390px;gap:20px}
.visual-icon{height:60px;width:60px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#07506a,#03273e);border:1px solid #16859f;border-radius:50%;color:#00e4ef;flex-shrink:0}
.visual-icon svg{width:31px;height:31px}.hero-panel>.visual-icon{height:72px;width:72px;box-shadow:0 0 30px #00d8ed18}.hero-panel>.visual-icon svg{width:40px;height:40px}
.panel-index{font-size:12px;letter-spacing:.15em;color:#a6e2ec}.panel-content p{font-size:25px;padding:16px 0;border-color:#28657a;letter-spacing:-.02em}.panel-foot{font-size:11px;line-height:1.6;color:#b3d8e4;letter-spacing:.07em}
.section{padding:78px 0}.section-heading{max-width:850px;margin-bottom:36px}.eyebrow{font-size:12px;color:#007ea3;letter-spacing:.14em;text-transform:uppercase}
.section h2,.contact h2{font-size:clamp(34px,3.4vw,49px);letter-spacing:-.035em;line-height:1.14;max-width:790px}.section h2 span{color:#009bbb}
.section-heading>p:last-child,.section-intro{font-size:18px;line-height:1.65;color:#3f5c6e}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;border:0}
.card{position:relative;border:1px solid #dceaf1;background:#eff7fb;border-radius:10px;padding:28px 28px 0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #073b5307}
.card>.visual-icon{margin-bottom:17px}.card .number{position:absolute;right:28px;top:34px;color:#25718a;font-size:12px;letter-spacing:.08em}.card h3{font-size:25px;line-height:1.2;letter-spacing:-.02em;color:#008eae;margin:0 0 14px}.card p{font-size:16px;line-height:1.65;color:#294e64;margin-bottom:25px;max-width:600px}
.pack-photo{width:calc(100% + 56px);margin: auto -28px 0;background-repeat:no-repeat;border-top:1px solid #dfebf2}
.approach{background:#eaf4f9}.approach-grid{gap:65px;grid-template-columns:1fr 1fr;align-items:start}
.steps{background:#fff;border:1px solid #d9e8f0;border-radius:12px;padding:12px 28px;box-shadow:0 8px 35px #073b5307}.steps li{padding:21px 0 21px 58px;border-color:#dceaf1}.steps li:first-child{border-top:0}.steps li:last-child{border-bottom:0}.steps li:before{width:38px;height:38px;top:22px;border-radius:50%;background:#06445f;color:#00e4ee;display:grid;place-items:center}.steps strong{font-size:18px;line-height:1.35;color:#007fa2;margin-bottom:6px}.steps span{font-size:15px;line-height:1.55}
.purpose,.hub-boundary{background:#fff}.purpose-grid{gap:65px}.purpose-grid p:not(.eyebrow){font-size:18px;line-height:1.75;color:#345369}.section-link{color:#007f9f}
.certification{background:#f2f9fc;padding:38px 0;border-top:1px solid #cfe4ed;border-bottom:1px solid #cfe4ed}.certification-inner{gap:36px}.certification-inner>div{max-width:900px}.certification h2{font-size:29px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#08314c}.certification h2 .visual-icon{width:46px;height:46px;margin-right:6px}.certification h2 .visual-icon svg{width:27px;height:27px}.certification h2 span:not(.visual-icon){color:#008daa}.certification p{font-size:15px;line-height:1.65}.certification .eyebrow{margin-bottom:12px}.certification .certification-meta{font-size:12px;color:#44677a}.certification summary{font-size:14px;color:#007b9e}.certification .button{font-size:14px;white-space:nowrap}
.contact{background:radial-gradient(ellipse at right bottom,#07506c,transparent 65%),#03273f;padding:66px 0;border-bottom:1px solid #0b6981}.contact h2{color:#fff}.contact p:not(.eyebrow){font-size:17px;color:#d9eaf3}.contact .eyebrow{color:#58dae8}.contact-grid{gap:70px;grid-template-columns:1fr 1fr}.contact-box{border:1px solid #2a6b82;border-radius:10px;background:#062f49;padding:26px}.contact-box>span{color:#5de8ee;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.contact-box a{font-size:22px;border-color:#296076;padding:13px 0}.contact-box a:last-child{border:0}.contact address{font-style:normal;font-size:19px;color:#fff}
.hub-hero,.service-hero{padding:62px 0 70px}.hub-hero h1,.service-hero h1{font-size:clamp(40px,4.8vw,70px);max-width:1100px}.hub-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;border:0}.hub-cards .card{min-height:0}.hub-cards .card .number{max-width:55%;text-align:right}
.privacy-main{padding-top:62px}.privacy-main h1{font-size:55px}.privacy-main h2{color:#0085a5}.privacy-main section{border-color:#d2e6ef}
footer{background-color:#031f36}.footer-content{padding-top:2px}.footer-inner strong{color:#fff}.footer-inner a{color:#9feef6}.footer-legal,.footer-certification{color:#e0edf5;font-size:13px;line-height:1.8}.footer-legal a,.footer-certification a{color:#c4f9ff}.footer-legal{border-color:#3a6980}
@media(min-width:1600px){.wrap{width:min(1400px,calc(100% - 100px))}.hero-grid{gap:85px}.hero h1{font-size:76px}.hero-panel{max-width:480px;margin-left:auto;width:100%}}
@media(max-width:1050px){.header nav{gap:17px}.header nav a{font-size:13px}.hero-grid{gap:30px;grid-template-columns:1.15fr .85fr}.hero h1{font-size:51px}.hero-panel{padding:24px}.panel-content p{font-size:23px}.approach-grid,.purpose-grid,.contact-grid{gap:38px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header-inner{padding:19px 0;gap:17px;min-height:0}.header nav{gap:13px 20px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:45px 0 20px}.hero h1{font-size:clamp(41px,7vw,57px)}.hero-panel{margin:20px 0 42px;min-height:0;display:grid;grid-template-columns:70px 1fr;gap:16px 22px}.hero-panel>.visual-icon{grid-column:1;grid-row:1/4}.hero-panel>.panel-index,.hero-panel>.panel-content,.hero-panel>.panel-foot{grid-column:2}.panel-content p{font-size:22px;padding:10px 0}.panel-foot{font-size:10px}.section{padding:56px 0}.approach-grid,.purpose-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.card-grid,.hub-cards{gap:18px}.card{padding:22px 22px 0}.pack-photo{width:calc(100% + 44px);margin-left:-22px;margin-right:-22px}.card .number{right:22px;top:29px}.card h3{font-size:23px}.card p{font-size:15px}.certification-inner{flex-direction:column;align-items:flex-start;gap:18px}.contact{padding:53px 0}.hub-hero,.service-hero{padding:45px 0 52px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.header-label{font-size:18px}.header nav a{font-size:12px}.header nav .nav-contact{padding:7px 12px}.header nav{gap:12px 16px}.card-grid,.hub-cards{grid-template-columns:1fr}.hero h1{font-size:40px}.hero-copy{padding-top:36px}.lead{font-size:17px}.hero-actions{gap:17px;margin-top:16px}.hero-panel{padding:20px;grid-template-columns:1fr;gap:12px}.hero-panel>.visual-icon{grid-column:1;grid-row:auto;width:54px;height:54px}.hero-panel>.panel-index,.hero-panel>.panel-content,.hero-panel>.panel-foot{grid-column:1}.hero-panel>.visual-icon svg{width:29px;height:29px}.section h2,.contact h2{font-size:34px}.section-heading{margin-bottom:27px}.steps{padding:8px 19px}.steps li{padding-left:50px}.steps strong{font-size:17px}.purpose-grid p:not(.eyebrow){font-size:17px}.contact-box{padding:22px}.contact-box a{font-size:20px}.certification h2{font-size:24px;gap:6px}.certification h2 .visual-icon{width:39px;height:39px}.certification .button{white-space:normal}.privacy-main h1{font-size:43px}.privacy-main p{font-size:16px}.hub-hero h1,.service-hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.photo-crushing{background-image:url("sales-pack-art-3.jpeg");background-size:224.21525% auto;background-position:6.67870% 32.62332%;aspect-ratio:2.92204}
.photo-repair{background-image:url("sales-pack-art-3.jpeg");background-size:223.71365% auto;background-position:93.49005% 32.62332%;aspect-ratio:2.92859}
.photo-recycling{background-image:url("sales-pack-art-3.jpeg");background-size:224.21525% auto;background-position:6.67870% 61.25000%;aspect-ratio:2.62983}
.photo-stacked{background-image:url("sales-pack-art-2.jpeg");background-size:223.71365% auto;background-position:93.49005% 35.44858%;aspect-ratio:3.67776}
.photo-learning{background-image:url("sales-pack-art-2.jpeg");background-size:224.21525% auto;background-position:6.67870% 59.36123%;aspect-ratio:3.43022}