@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#16353b;--muted:#61787a;--teal:#087b7b;--cream:#f6f6f1;--line:#dce6e2;--sand:#e8f1ed;--white:#fff;--orange:#f6a25c}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',system-ui,sans-serif;background:var(--cream);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--teal)}h1,h2,h3{margin:0 0 12px}h1,h2{font-family:'Playfair Display',Georgia,serif}h1{font-size:clamp(36px,5vw,64px);line-height:1.1}h2{font-size:clamp(25px,3vw,35px)}h3{font-size:18px}p{line-height:1.6}small,.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;text-transform:uppercase}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;max-width:1260px;margin:auto;padding:0 24px}.brand{text-decoration:none;color:var(--ink);letter-spacing:2px;font-size:18px;font-weight:600}.brand strong{color:var(--teal)}.brand small{font-size:11px;margin-left:8px}.brand-icon{font-size:27px;color:var(--teal);vertical-align:middle;margin-right:9px}.top-right{display:flex;align-items:center;gap:12px}.pill,.chip{border-radius:40px;background:#e4f2ef;color:#196b65;padding:8px 12px;font-size:12px;font-weight:700}.nav{display:flex;justify-content:center;gap:5px;padding:0 20px 14px;overflow-x:auto;scrollbar-width:none}.nav button{border:0;background:transparent;color:#496368;padding:11px 13px;white-space:nowrap;border-radius:20px;font-size:13px}.nav button.active{background:var(--ink);color:white}main{max-width:1220px;margin:0 auto;padding:12px 22px 50px}.hero{border-radius:24px;min-height:335px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(11,49,57,.88),rgba(11,49,57,.12)),url('https://images.unsplash.com/photo-1543783207-ec64e4d95325?auto=format&fit=crop&w=1800&q=85') center/cover;color:white;padding:52px 50px;display:flex;flex-direction:column;justify-content:center}.hero p{font-size:18px}.hero .eyebrow{color:#d3eee9}.hero h1{max-width:700px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px}.hero-pills span{border:1px solid #ffffff88;padding:8px 12px;border-radius:40px;background:#ffffff15;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:30px 0 17px}.section-head p{margin:5px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 4px 25px #153b3b08}.card h3{margin-bottom:10px}.stat strong{font-size:29px;display:block;letter-spacing:-1px}.stat .eyebrow{color:var(--muted);letter-spacing:1px}.accent{color:var(--teal)}.route{display:flex;align-items:center;gap:10px;margin:15px 0}.route strong{font-size:21px}.route .line{height:1px;flex:1;background:var(--line)}.btn,.primary,.secondary,.ghost{border-radius:11px;border:0;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-block}.primary{background:var(--teal);color:white}.secondary{background:#e7f2ef;color:var(--teal)}.ghost{background:transparent;color:var(--muted)}.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.day-selector{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.day-selector button{background:white;border:1px solid var(--line);border-radius:11px;padding:10px 14px;color:var(--ink)}.day-selector button.active{background:var(--teal);color:white}.timeline{border-left:2px solid #c1dfd7;margin:20px 0 10px 8px;padding-left:25px}.stop{position:relative;padding:0 0 24px}.stop:before{content:'';position:absolute;left:-32px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--teal);border:3px solid white}.stop time{display:block;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:5px}.note{padding:15px;background:#edf5f1;border-radius:12px;color:#335b59}.warning{background:#fff3e8;color:#835a2b}.money{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.money strong{font-variant-numeric:tabular-nums}.total{font-size:28px;font-weight:700;color:var(--teal)}.field{display:flex;flex-direction:column;gap:7px;margin:12px 0}input,textarea,select{border:1px solid #cadbd5;border-radius:10px;padding:12px;width:100%;background:white;color:var(--ink)}textarea{min-height:90px;resize:vertical}label{font-size:13px;font-weight:700}.check{display:flex;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid #eff2f0}.check input{width:18px;height:18px;accent-color:var(--teal)}.check span.done{text-decoration:line-through;color:var(--muted)}.progress{height:9px;background:#e7eeeb;border-radius:20px;overflow:hidden}.progress>div{height:100%;background:var(--teal)}.linklist a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.tag{display:inline-block;border-radius:7px;padding:5px 9px;background:#eef3ef;color:#58736b;font-size:12px}.error{color:#b23e31}.success{color:#26735d}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(115deg,#0b424bcc,#0b424b55),url('https://images.unsplash.com/photo-1543783207-ec64e4d95325?auto=format&fit=crop&w=1800&q=85') center/cover}.login-card{background:#ffffffed;max-width:460px;width:100%;padding:42px;border-radius:22px;box-shadow:0 15px 60px #0003}.login-card p{color:var(--muted)}.login-card .primary{width:100%;margin-top:14px}.login-card input{margin-top:8px}footer{text-align:center;padding:22px;font-size:12px;color:var(--muted)}.map{width:100%;height:480px;border:0;border-radius:16px}.doc{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.table-scroll{overflow-x:auto}.chipline{display:flex;gap:8px;flex-wrap:wrap}.weather-temp{font-size:42px;font-weight:700}.dash-mini{font-size:13px;color:var(--muted)}@media(max-width:800px){.grid,.grid.two,.split{grid-template-columns:1fr}.hero{padding:35px 26px;min-height:320px}.topbar{height:65px}.brand{font-size:14px}.brand small{display:none}.nav{justify-content:start}.card{padding:18px}main{padding:8px 14px 40px}.hero h1{font-size:41px}.section-head{align-items:start;flex-direction:column}.map{height:360px}}@media(min-width:801px) and (max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}}