*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}a{text-decoration:none;color:inherit}.nav{height:86px;padding:0 6%;display:flex;align-items:center;gap:36px;background:#090d0e;color:#fff;position:sticky;top:0;z-index:10}.brand{font-size:30px;font-weight:900;letter-spacing:-2px}.brand span{color:#c49a65}.brand small{display:block;font-size:7px;letter-spacing:2px;text-transform:uppercase;margin-top:3px}.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{font-size:12px;text-transform:uppercase;letter-spacing:1px}.button{display:inline-block;background:#c49a65;color:#fff;padding:15px 24px;border-radius:4px;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:.8px}.button.small{padding:12px 18px}.hero{min-height:650px;background:linear-gradient(90deg,rgba(4,8,9,.97) 0%,rgba(4,8,9,.84) 37%,rgba(4,8,9,.08) 68%),url('rebox-hero.webp') center/cover no-repeat;display:flex;align-items:center;color:#fff;padding:70px 7%}.hero-copy{max-width:650px}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#b88b55;font-weight:700;font-size:13px}.hero h1{font-size:70px;line-height:.98;margin:18px 0 25px;letter-spacing:-3px}.hero h1 em,h2 em{font-style:normal;color:#c49a65}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:570px;margin-bottom:30px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);padding:48px 6%;text-align:center}.pillars article{padding:0 35px;border-right:1px solid #d8c1a5}.pillars article:last-child{border:0}.pillars b{font-size:38px;color:#b88b55}.pillars h3,.steps h3{text-transform:uppercase;font-size:13px;letter-spacing:1px}.pillars p,.steps p{color:#555;line-height:1.5;font-size:14px}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;padding:85px 7%;background:#f7f5f1}.split h2,.process h2,.contact h2,.containers h2{font-size:46px;line-height:1.05;margin:10px 0 28px;letter-spacing:-2px}.split>div>p:not(.eyebrow){font-size:17px;line-height:1.65;max-width:680px}.benefits{border-left:1px solid #c49a65;padding-left:40px;display:grid;gap:30px}.benefits div{display:grid;gap:8px}.benefits strong{text-transform:uppercase}.benefits span{color:#555;line-height:1.5}.process{padding:75px 7%}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps article{position:relative;padding-left:70px}.steps i{position:absolute;left:0;top:0;background:#b88b55;color:#fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:bold}.containers{background:#0c1112;color:#fff;padding:75px 7%;display:grid;grid-template-columns:1.4fr .6fr;gap:70px}.containers p{line-height:1.6;color:#ddd}.containers ul{list-style:none;margin:0;padding:0;border-left:1px solid #777}.containers li{padding:13px 25px;text-transform:uppercase;font-size:13px;letter-spacing:1px;border-bottom:1px solid #333}.contact{padding:70px 7%;display:flex;align-items:center;justify-content:space-between;gap:50px}.contact h2{margin-bottom:12px}.contact-actions{display:flex;gap:14px;flex-wrap:wrap}.button.dark{background:#0c1112;text-transform:none;font-size:15px}.button.outline{background:#fff;color:#111;border:1px solid #c49a65;text-transform:none;font-size:15px}footer{background:#090d0e;color:#fff;padding:45px 7%;display:flex;align-items:end;justify-content:space-between}footer p,footer b{font-size:11px;letter-spacing:1px;color:#bbb}@media(max-width:800px){.nav nav{display:none}.nav{padding:0 5%}.nav .button{margin-left:auto}.hero{min-height:570px;padding:55px 6%;background-position:62% center}.hero h1{font-size:48px}.pillars{grid-template-columns:1fr 1fr;gap:35px}.pillars article{border:0;padding:0 10px}.split,.containers{grid-template-columns:1fr}.benefits{border-left:0;border-top:1px solid #c49a65;padding:30px 0 0}.steps{grid-template-columns:1fr;gap:35px}.contact{align-items:flex-start;flex-direction:column}.split h2,.process h2,.contact h2,.containers h2{font-size:38px}footer{align-items:flex-start;gap:25px;flex-direction:column}}
/* Mobile refinements */
section[id]{scroll-margin-top:86px}
@media(max-width:800px){.nav .button{white-space:nowrap}.hero{background:linear-gradient(180deg,rgba(4,8,9,.92) 0%,rgba(4,8,9,.78) 55%,rgba(4,8,9,.6) 100%),url('rebox-hero.webp') 62% center/cover no-repeat}.hero h1{font-size:clamp(36px,11vw,48px);letter-spacing:-2px}}
@media(max-width:400px){section[id]{scroll-margin-top:72px}.nav{height:72px;gap:16px}.brand{font-size:26px}.nav .button.small{padding:10px 12px}.eyebrow{letter-spacing:2px}}
.menu-toggle{display:none;background:none;border:0;padding:8px 0 8px 6px;color:#fff;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2px;margin:5px 0;background:currentColor;transition:transform .2s,opacity .2s}
@media(max-width:800px){.nav{gap:16px}.menu-toggle{display:block}.nav.open nav{display:flex;flex-direction:column;gap:0;margin:0;position:absolute;top:100%;left:0;right:0;padding:0 5% 12px;background:#090d0e;border-top:1px solid #222}.nav.open nav a{padding:16px 0;border-bottom:1px solid #222;font-size:13px}.nav.open nav a:last-child{border-bottom:0}.nav.open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav.open .menu-toggle span:nth-child(2){opacity:0}.nav.open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:400px){.nav{gap:12px}}
.brand img{display:block;height:44px;width:auto}footer .brand img{height:40px}
@media(max-width:800px){.brand img{height:36px}}
@media(max-width:400px){.brand img{height:30px}}
.icon{display:block;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.pillars .icon{width:50px;height:50px;margin:0 auto;color:#b88b55}.steps .icon{width:44px;height:44px;color:#111;margin-bottom:2px}
.containers{position:relative;overflow:hidden;padding-left:36%;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.containers::before{content:"";position:absolute;top:0;bottom:0;left:0;width:36%;background:linear-gradient(90deg,rgba(12,17,18,0) 55%,#0c1112 100%),url('rebox-containers.webp') right center/cover no-repeat}.containers>*{position:relative}.containers ul{padding:6px 0 6px 10px}.containers li{display:flex;align-items:center;gap:22px;padding:14px 20px;border-bottom:0}.containers li .icon{width:32px;height:32px;flex:none;color:#fff}.containers li:last-child .icon{color:#c49a65}.containers li span::after{content:"";display:block;width:28px;height:2px;margin-top:9px;background:#c49a65}
@media(max-width:800px){.containers{padding-left:7%;grid-template-columns:1fr;gap:40px}.containers::before{width:100%;background:linear-gradient(180deg,rgba(12,17,18,.72) 0%,rgba(12,17,18,.9) 45%,#0c1112 70%),url('rebox-containers.webp') left top/cover no-repeat}}
.containers .eyebrow{color:#b88b55}.containers li span{white-space:nowrap}
.contact-actions .button{display:inline-flex;align-items:center;gap:22px;min-width:260px;padding:16px 30px;border-radius:6px;font-size:18px;font-weight:600;letter-spacing:.2px}.contact-actions .button.dark{color:#fff}.contact-actions .button.outline{color:#111;border:1.5px solid #c49a65}.contact-actions .icon{width:30px;height:30px;flex:none;color:#c49a65;stroke-width:1.4}
@media(max-width:400px){.contact-actions{width:100%}.contact-actions .button{width:100%;min-width:0;font-size:17px;padding:15px 22px}}
.contact-actions .icon{stroke-width:1.7}@media(min-width:801px){.contact>div:first-child{flex:1}.contact-actions{flex-wrap:nowrap;flex:none}}