:root{--green:#103e2b;--lime:#b5dc65;--yellow:#f9d74b;--cream:#fffdf5;--ink:#18231b}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Arial,sans-serif;color:var(--ink);background:var(--cream)}header{background:var(--green);color:white}nav{max-width:1100px;margin:auto;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}nav a{color:white;text-decoration:none;margin-right:18px}nav a:hover{text-decoration:underline}.brand{font-size:1.35rem;font-weight:800}.hero{background:linear-gradient(125deg,#103e2b,#225d3d);color:white;padding:90px 22px}.wrap{max-width:1100px;margin:auto;padding:45px 22px}.hero .wrap{padding:0}.hero h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.1;max-width:760px}.lead{font-size:1.2rem;max-width:720px}.button,button{display:inline-block;background:var(--yellow);color:#152819;padding:12px 22px;border:0;border-radius:9px;font-weight:800;text-decoration:none;cursor:pointer;margin:8px 8px 8px 0}.button.secondary{background:var(--lime)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{border:1px solid #dce6d7;background:white;border-radius:16px;padding:25px;box-shadow:0 5px 20px #153b2610}.card h2{color:var(--green);margin-top:0}.price{font-size:2.5rem;font-weight:900;color:var(--green)}.pill{background:var(--lime);padding:5px 12px;border-radius:20px;font-weight:700}.muted{color:#506051}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:5px}label{font-weight:700}input,select,textarea{font:inherit;padding:12px;border:1px solid #9caa9d;border-radius:8px;width:100%;background:white}textarea{min-height:120px}.full{grid-column:1/-1}footer{background:var(--green);color:white;padding:25px;text-align:center}footer a{color:var(--yellow)}.note{padding:16px;background:#edf5e4;border-left:4px solid #56872e;border-radius:6px}@media(max-width:600px){nav{align-items:flex-start}nav .links{display:flex;flex-wrap:wrap;gap:10px}nav a{margin:0}.hero{padding:60px 10px}}
/* Brand logo */
.site-logo{display:block;width:165px;max-width:100%;height:auto;object-fit:contain}.hero-logo{display:block;width:min(520px,100%);height:auto;margin:0 0 22px}@media(max-width:600px){.site-logo{width:135px}.hero-logo{width:100%}}

/* Equal-height rental cards and bottom-aligned request buttons */
.cards{align-items:stretch}
.cards>.card{display:flex;flex-direction:column;min-width:0}
.cards>.card>.button{margin-top:auto;align-self:flex-start}
.cards>.card>.button:last-child{margin-top:auto}
@media(max-width:600px){.cards>.card>.button{width:100%;text-align:center;align-self:stretch}}

/* Light navigation for full-color branding */
header{background:#ffffff;color:var(--ink);border-bottom:1px solid #e4e8df}
nav a{color:var(--green)}
nav a:hover{color:#367443}
nav .brand{display:flex;align-items:center}
.site-logo{width:205px;max-width:100%;height:auto}
.hero{padding:76px 22px 82px}
.hero h1{max-width:900px;margin-top:0}
@media(max-width:600px){.site-logo{width:165px}.hero{padding:55px 12px 65px}}

/* Navigation tabs: enclosed with a persistent active state */
nav .links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
nav .links a{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px 17px;border:1px solid #d9e5d9;border-radius:10px;background:#f8faf6;color:var(--green);font-weight:650;line-height:1.25;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
nav .links a:hover{background:#eaf3e4;border-color:#b8d0b1;color:var(--green);text-decoration:none}
nav .links a.active,nav .links a[aria-current="page"]{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 7px #103e2b24}
nav .links a.active:hover{background:#20553a;color:#fff}
@media(max-width:600px){nav .links{width:100%;gap:7px}nav .links a{flex:1 1 calc(50% - 7px);padding:10px 8px;text-align:center;font-size:.92rem}}

/* Product dimensions panel */
.dimensions-section{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.35fr);gap:28px;align-items:center;margin:45px 0 25px;padding:28px;background:#fff;border:1px solid #dce6d7;border-radius:16px}
.dimensions-section h2{color:var(--green);margin-top:0}
.dimensions-section ul{padding-left:20px}
.dimensions-section li{margin:8px 0}
.dimensions-section img{display:block;width:100%;height:auto;object-fit:contain;border-radius:10px}
@media(max-width:700px){.dimensions-section{grid-template-columns:1fr;padding:18px;gap:16px}}

/* Homepage rental process */
.how-it-works{padding:34px 0 20px;text-align:center}
.how-it-works h2{font-size:clamp(1.7rem,3vw,2.3rem);color:var(--green);margin-bottom:5px}
.how-intro{color:#526355;margin:0 0 26px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}
.step{background:#fff;border:1px solid #dce6d7;border-radius:16px;padding:28px 18px}
.step-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:var(--lime);color:var(--green);font-size:1.6rem;font-weight:900}
.step h3{font-size:1.25rem;color:var(--green);margin:0 0 8px}
.step p{margin:0}
@media(max-width:650px){.steps{grid-template-columns:1fr;gap:12px}.step{padding:20px}.how-it-works>.button{display:block;text-align:center}}