:root{--green:#15803d;--bright:#22c55e;--ink:#13251b;--muted:#67766d;--line:#e2ebe4;--pale:#f3faf5;--white:#fff;--shadow:0 18px 45px #153e2212;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7faf8;color:var(--ink);font:15px 'DM Sans',sans-serif}.topbar{height:76px;background:#fff;display:flex;align-items:center;padding:0 clamp(20px,5vw,78px);gap:34px;border-bottom:1px solid #edf1ee;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font:800 18px Manrope}.brand img{width:35px;height:35px;object-fit:contain}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a{color:var(--muted);text-decoration:none;font-weight:600}.desktop-nav a:hover{color:var(--green)}.avatar{border:0;background:#dff6e7;color:var(--green);font-weight:800;width:39px;height:39px;border-radius:50%;cursor:pointer}.view{display:none;max-width:1180px;margin:auto;padding:56px clamp(20px,5vw,78px) 80px}.view.active{display:block}.hero{min-height:420px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:35px;background:linear-gradient(125deg,#e6f8eb,#f8fffa);border-radius:30px;padding:50px clamp(26px,6vw,78px);overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;color:var(--green);margin:0 0 11px}.hero h1,.page-heading h1,.confirmation h1,.profile-hero h1{font:800 clamp(32px,4vw,52px)/1.08 Manrope;margin:0;letter-spacing:-.04em}.lead{line-height:1.65;color:var(--muted);max-width:540px;margin:18px 0 25px;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{border-radius:12px;padding:13px 18px;border:1px solid var(--line);background:#fff;font:700 14px 'DM Sans';cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 10px 18px #15803d30}.ghost{color:var(--ink)}.full{width:100%;margin-top:25px}.compact{padding:10px 15px}.hero-art{height:300px;position:relative}.circle{border-radius:50%;position:absolute}.circle-one{height:290px;width:290px;background:#c5f1d3;right:14%;top:0}.circle-two{width:190px;height:190px;background:#a5e9ba;right:0;bottom:-40px}.bin{position:absolute;right:23%;top:50px;width:142px;height:190px;border-radius:19px 19px 32px 32px;background:linear-gradient(135deg,#169e4c,#087537);box-shadow:24px 26px 0 #0d682f18;display:grid;place-items:center;color:#fff;font-size:64px;transform:rotate(4deg)}.bin:before{content:'';width:160px;height:18px;border-radius:12px;background:#0a6b32;position:absolute;top:-10px}.float-card{position:absolute;padding:11px 14px;background:#fff;border-radius:12px;box-shadow:var(--shadow);font-weight:800}.float-card small{display:block;font-size:10px;color:var(--muted);font-weight:600;margin-top:3px}.rating{top:46px;left:0;color:#b77908}.pickups{right:0;bottom:24px;color:var(--green)}.content-section{margin-top:55px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font:800 25px Manrope;margin:0;letter-spacing:-.03em}.text-button{border:0;background:none;color:var(--green);font-weight:800;cursor:pointer}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.service-card{border:1px solid var(--line);background:#fff;border-radius:var(--radius);text-align:left;padding:20px;cursor:pointer;transition:.2s}.service-card:hover{transform:translateY(-3px);border-color:#a8d9b7;box-shadow:var(--shadow)}.service-card strong,.service-card small{display:block}.service-card strong{margin:13px 0 5px}.service-card small{font-size:12px;color:var(--muted)}.service-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:22px}.blue{background:#e0f2fe;color:#1672a3}.green{background:#dcfce7;color:#168044}.purple{background:#f1e9ff;color:#7541ca}.orange{background:#fff0d8;color:#bd6b00}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.address-card,.impact-card,.booking-card,.form-card,.estimate-card,.track-card,.history-list article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.address-card,.impact-card{padding:22px;display:flex;align-items:center;gap:14px}.mini-icon{background:#dcfce7;color:var(--green);padding:11px;border-radius:12px;font-size:22px}.muted{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.1em;margin:0 0 6px}.address-card p:not(.muted),.impact-card p:not(.muted){font-size:12px;color:var(--muted);margin:3px 0}.address-card .text-button{margin-left:auto}.impact-card{background:linear-gradient(130deg,#f1fbf4,#fff)}.impact-leaf{font-size:39px;color:var(--green)}.impact-card strong{font:800 24px Manrope}.impact-badge{margin-left:auto;background:#dff6e7;color:var(--green);font-size:11px;font-weight:800;padding:6px 8px;border-radius:20px}.booking-card{padding:21px}.booking-status{color:var(--green);font-size:12px;font-weight:800}.status-dot{display:inline-block;width:8px;height:8px;background:#39c66b;border-radius:50%;margin-right:5px}.booking-body{display:flex;align-items:center;gap:15px;margin-top:16px}.booking-icon{padding:15px;background:#eefbf2;color:var(--green);border-radius:15px;font-size:26px}.booking-info{flex:1}.booking-info h3,.agent h3,.history-list h3{margin:0;font:800 16px Manrope}.booking-info p,.agent p,.history-list p{margin:4px 0;color:var(--muted);font-size:13px}.booking-info small{color:var(--muted)}.progress{height:5px;background:#e6ede8;border-radius:9px;margin:11px 0 7px;overflow:hidden}.progress i{height:100%;width:68%;display:block;background:var(--bright);border-radius:9px}.page-heading{display:flex;gap:16px;align-items:start;margin-bottom:32px}.page-heading h1{font-size:38px}.page-heading p:not(.eyebrow){color:var(--muted);margin:7px 0}.back{border:1px solid var(--line);background:#fff;border-radius:11px;width:38px;height:38px;font-size:19px;cursor:pointer;flex:0 0 auto}.booking-layout,.track-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.6fr);gap:22px}.form-card,.estimate-card,.track-card{padding:26px}.step-label{font:800 18px Manrope;margin-bottom:23px}.step-label span{background:#dff6e7;color:var(--green);border-radius:50%;padding:5px 9px;font-size:13px;margin-right:7px}label{display:block;font-weight:800;font-size:13px;margin:18px 0 8px}.input-wrap{display:flex;border:1px solid #cfd9d2;border-radius:12px;overflow:hidden;margin-top:8px}input,textarea{font:inherit;padding:13px;border:1px solid #cfd9d2;border-radius:12px;width:100%;outline-color:var(--green);background:#fff}.input-wrap input{border:0;border-radius:0}.locate{border:0;background:#edf9f0;color:var(--green);font-weight:800;padding:0 13px;cursor:pointer;white-space:nowrap}.field-help{font-size:12px;color:var(--muted);margin:7px 0}.waste-options,.time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.time-options{grid-template-columns:repeat(3,1fr)}.choice{background:#fff;border:1px solid #d8e3db;border-radius:10px;padding:11px 8px;font:700 12px 'DM Sans';cursor:pointer;color:var(--muted)}.choice.selected{border-color:var(--green);background:#eaf9ee;color:var(--green);box-shadow:0 0 0 2px #d6f1dd}.choice small{font-weight:600;color:inherit}.optional{color:var(--muted);font-weight:400}.estimate-card{height:max-content;background:#f1fbf4}.estimate-card h2{font:800 31px Manrope;margin:3px 0}.estimate-card>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.5}.estimate-card hr{border:0;border-top:1px solid #dce9df;margin:18px 0}.estimate-card div{display:flex;justify-content:space-between;margin:10px 0;font-size:13px;color:var(--muted)}.estimate-card div strong{color:var(--ink)}.estimate-card small{display:block;margin-top:18px;color:var(--muted);font-size:11px}.confirmation{text-align:center;max-width:540px;margin:35px auto}.check{width:75px;height:75px;display:grid;place-items:center;background:#dff6e7;color:var(--green);border-radius:50%;font-size:38px;margin:0 auto 22px}.confirmation>p:not(.eyebrow){line-height:1.6;color:var(--muted)}.receipt{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left;padding:17px;margin:25px 0}.receipt div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line);font-size:13px}.receipt div:last-child{border:0}.confirmation .button{display:block;width:100%;margin:10px 0}.map-panel{height:500px;border-radius:var(--radius);overflow:hidden;position:relative;background:#eaf3ec}.map-fallback{height:100%;display:grid;place-items:center;color:var(--muted);background:repeating-linear-gradient(45deg,#e8f3eb,#e8f3eb 10px,#e1eee5 10px,#e1eee5 20px)}.map-control{position:absolute;right:12px;bottom:14px;background:#fff;border:0;border-radius:10px;padding:11px;font-size:19px;box-shadow:var(--shadow);cursor:pointer}.eta{display:flex;align-items:center;justify-content:space-between;padding:8px 0 19px;border-bottom:1px solid var(--line)}.eta span{font-weight:800;color:var(--muted);font-size:12px}.eta strong{font:800 28px Manrope;color:var(--green)}.agent{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.agent-avatar{width:44px;height:44px;border-radius:50%;background:#c9eed4;color:var(--green);font-weight:800;display:grid;place-items:center}.agent small{font-size:11px;color:var(--muted)}.call{margin-left:auto;text-decoration:none;background:#dcfce7;color:var(--green);width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.timeline{padding-top:20px}.timeline>div{display:grid;grid-template-columns:18px 1fr;gap:10px;min-height:65px;position:relative;color:#819087}.timeline>div:before{content:'';position:absolute;width:2px;background:#dce7df;left:8px;top:18px;bottom:0}.timeline>div:last-child:before{display:none}.timeline i{width:17px;height:17px;border-radius:50%;background:#dce7df;z-index:1}.timeline .done,.timeline .current{color:var(--ink)}.timeline .done i{background:var(--green)}.timeline .current i{background:#fff;border:4px solid var(--green);box-shadow:0 0 0 4px #dff6e7}.timeline strong,.timeline small{display:block;font-size:13px}.timeline small{font-size:11px;color:var(--muted);margin-top:4px}.history-tabs{display:flex;gap:7px;margin-bottom:18px}.history-tabs button{border:0;padding:10px 16px;border-radius:20px;background:#edf2ee;color:var(--muted);font-weight:800;cursor:pointer}.history-tabs .selected{background:var(--green);color:#fff}.history-list{display:grid;gap:11px}.history-list article{display:flex;align-items:center;padding:17px;gap:13px}.history-list article>div{flex:1}.history-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;font-size:20px}.badge{font-size:11px;font-weight:800;padding:6px 9px;border-radius:15px}.badge.green{color:var(--green);background:#dff6e7}.badge.orange{color:#a85e00;background:#ffefd5}.badge.gray{color:#617067;background:#edf1ee}.profile-hero{background:linear-gradient(130deg,#0d7135,#20ad56);margin:-56px calc(clamp(20px,5vw,78px)*-1) 0;padding:42px clamp(20px,5vw,78px) 78px;text-align:center;color:#fff;position:relative}.profile-hero h1{font-size:28px}.profile-hero p{margin:7px}.profile-avatar{width:75px;height:75px;border:3px solid #ffffff80;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--green);font:800 24px Manrope;margin:22px auto 10px}.light{position:absolute;left:clamp(20px,5vw,78px);top:22px;background:#ffffff2a;color:#fff;border-color:#ffffff55}.profile-menu{max-width:650px;margin:-38px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative}.profile-menu button{display:flex;align-items:center;gap:14px;width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:17px;text-align:left;font:700 14px 'DM Sans';cursor:pointer}.profile-menu button span{color:var(--green);font-size:19px}.profile-menu button b{margin-left:auto;font-size:20px;color:var(--muted)}.profile-menu .danger{color:#c73232}.mobile-nav{display:none}#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,100px);background:#183b25;color:#fff;padding:11px 17px;border-radius:10px;z-index:20;font-weight:600;transition:.25s;box-shadow:var(--shadow)}#toast.show{transform:translate(-50%,0)}
@media(max-width:750px){body{padding-bottom:68px}.topbar{height:64px;padding:0 20px}.brand span,.desktop-nav{display:none}.view{padding:30px 20px 45px}.hero{display:block;padding:35px 25px;min-height:unset}.hero h1{font-size:37px}.hero-art{height:230px;margin-top:28px}.circle-one{width:220px;height:220px}.bin{width:110px;height:145px;font-size:48px;right:25%;top:34px}.bin:before{width:125px}.rating{top:20px}.pickups{bottom:0}.section-heading h2{font-size:21px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:16px}.split,.booking-layout,.track-layout{grid-template-columns:1fr}.impact-badge{display:none}.booking-body{flex-wrap:wrap}.booking-info{min-width:calc(100% - 75px)}.booking-body .compact{margin-left:auto}.waste-options{grid-template-columns:1fr 1fr}.time-options{grid-template-columns:1fr 1fr 1fr}.estimate-card{order:-1}.map-panel{height:320px}.track-card{padding:20px}.history-list article{padding:14px}.history-list h3{font-size:14px}.badge{font-size:10px}.profile-hero{margin:-30px -20px 0;padding:34px 20px 70px}.light{left:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:67px;background:#fff;z-index:10;border-top:1px solid var(--line);justify-content:space-around}.mobile-nav button{border:0;background:#fff;color:#849087;font:700 10px 'DM Sans';display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:60px;cursor:pointer}.mobile-nav span{font-size:20px}.mobile-nav .active{color:var(--green)}.page-heading h1{font-size:31px}.confirmation{margin:15px auto}.topbar .avatar{margin-left:auto}}