:root{--red:#d61313;--ink:#111418;--muted:#5c6269;--line:#e5e8eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(28px,5vw,82px);position:absolute;z-index:10;width:100%;top:0}.brand img{width:190px;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:clamp(20px,2.7vw,42px)}.desktop-nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;position:relative;padding:14px 0}.desktop-nav a:after{content:"";height:2px;background:var(--red);position:absolute;left:0;right:100%;bottom:4px;transition:right .25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.desktop-nav a.active{color:var(--red)}.mobile-menu{display:none}
.hero{min-height:715px;display:grid;grid-template-columns:47% 53%;background:linear-gradient(120deg,#fff 0 42%,#eff7fb 80%,#e9f3f7 100%);position:relative;overflow:hidden}.hero-copy{padding:190px 4vw 130px clamp(32px,5.2vw,84px);z-index:2}.eyebrow{color:var(--red);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin:0 0 20px}.hero h1{font-size:clamp(48px,4.6vw,75px);line-height:1.04;letter-spacing:-.045em;margin:0;font-weight:750}.hero h1 em{font-style:normal;color:var(--red)}.rule{height:3px;width:54px;background:var(--red);margin:30px 0}.intro{max-width:500px;font-size:18px;line-height:1.65;color:#363b40;margin:0}.actions{display:flex;gap:16px;margin-top:38px}.button{min-width:180px;padding:17px 22px;border-radius:5px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.03em;display:flex;justify-content:space-between;align-items:center;transition:.2s}.primary{background:var(--red);color:white;border:1px solid var(--red)}.primary:hover{background:#b80f0f;transform:translateY(-2px)}.secondary{border:1px solid var(--red);background:rgba(255,255,255,.7)}.secondary:hover{background:white;transform:translateY(-2px)}.button span{font-size:20px;font-weight:400}.hero-visual{position:relative;background-image:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 24%),url('./circular-materials.jpg');background-size:cover;background-position:center;height:100%}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.04))}.image-note{position:absolute;z-index:2;right:48px;bottom:52px;background:rgba(16,20,23,.87);color:white;padding:18px 23px;border-left:3px solid var(--red);backdrop-filter:blur(8px)}.image-note span,.image-note strong{display:block}.image-note span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#e3e8ea}.image-note strong{margin-top:6px;font-size:18px}
.benefit-wrap{padding:0 clamp(28px,5vw,82px);position:relative;margin-top:-52px;z-index:3}.benefits{background:white;box-shadow:0 18px 55px rgba(28,43,51,.13);display:grid;grid-template-columns:repeat(3,1fr);border-radius:8px;overflow:hidden}.benefits article{display:flex;gap:19px;padding:30px clamp(22px,2.8vw,44px);align-items:center;position:relative}.benefits article+article:before{content:"";position:absolute;left:0;top:26%;height:48%;width:1px;background:var(--line)}.icon{width:58px;height:58px;border-radius:50%;flex:0 0 auto;background:#fff0f0;color:var(--red);display:grid;place-items:center;font-size:31px;font-weight:500}.benefits h2{font-size:13px;text-transform:uppercase;margin:0 0 8px}.benefits p{font-size:13px;line-height:1.5;color:var(--muted);margin:0;max-width:230px}
.mission{display:grid;grid-template-columns:230px minmax(260px,400px) 1fr;gap:36px;align-items:center;padding:105px clamp(28px,5vw,82px) 90px;background:linear-gradient(100deg,#fff,#f5f9fb)}.mission-heading{border-right:1px solid var(--line);padding-right:32px}.mission-heading .eyebrow{margin-bottom:12px}.mission h2{font-size:38px;letter-spacing:-.04em;margin:0}.mission-heading .rule{margin:19px 0 0}.mission-copy{font-size:17px;line-height:1.65;color:#3d4349;margin:0}.values{display:grid;grid-template-columns:repeat(4,1fr)}.value{text-align:center;padding:5px 18px;min-height:110px;border-left:1px solid #dce1e4;display:flex;flex-direction:column;align-items:center;justify-content:center}.value span{font-size:42px;line-height:1;color:var(--red);height:47px}.value h3{font-size:11px;line-height:1.45;text-transform:uppercase;margin:10px 0 0;max-width:100px}.closing{background:#161b1e;color:white;padding:62px clamp(28px,7vw,110px);display:flex;align-items:center;justify-content:space-between}.closing p{font-size:clamp(24px,2.8vw,42px);font-weight:700;letter-spacing:-.03em;margin:0}.closing a{border-bottom:1px solid var(--red);padding:12px 0;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}footer{display:flex;align-items:center;justify-content:space-between;padding:30px clamp(28px,5vw,82px);font-size:12px;color:#697076}footer img{width:105px}footer p{margin:0}
@media(max-width:1050px){.desktop-nav{gap:17px}.desktop-nav a{font-size:10px}.mission{grid-template-columns:190px 1fr}.values{grid-column:1/-1;margin-top:25px}.hero{grid-template-columns:55% 45%}.hero-copy{padding-left:35px}.hero h1{font-size:50px}}
@media(max-width:760px){.site-header{height:88px;padding:0 22px}.brand img{width:140px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;width:42px;height:42px;display:grid;align-content:center;gap:5px;padding:10px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;height:2px;background:#111}.mobile-menu nav{position:absolute;right:0;top:48px;width:220px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.14);padding:12px;display:grid}.mobile-menu nav a{padding:12px;font-size:12px;text-transform:uppercase;font-weight:700;border-bottom:1px solid #eee}.hero{display:block;min-height:auto;padding-top:88px}.hero-copy{padding:75px 24px 65px}.hero h1{font-size:43px}.intro{font-size:16px}.hero-visual{height:390px;background-position:58% center}.image-note{right:18px;bottom:18px}.benefit-wrap{margin-top:-25px;padding:0 20px}.benefits{grid-template-columns:1fr}.benefits article{padding:23px}.benefits article+article:before{top:0;left:24px;right:24px;width:auto;height:1px}.mission{grid-template-columns:1fr;padding:78px 24px 68px}.mission-heading{border:0}.values{grid-template-columns:repeat(2,1fr);margin-top:5px}.value{border:0;border-top:1px solid var(--line)}.closing{display:block;padding:48px 24px}.closing p{margin-bottom:25px}footer{gap:18px;flex-wrap:wrap;padding:28px 24px}footer p:last-child{width:100%}}
@media(max-width:430px){.hero-copy{padding-top:58px}.hero h1{font-size:37px}.actions{display:grid}.button{width:100%}.hero-visual{height:320px}.mission-copy{font-size:16px}}