:root{--green:#0b7a4b;--green2:#075f3b;--navy:#10213d;--ink:#172033;--muted:#667085;--line:#e4e7ec;--soft:#f5faf7;--blue:#edf5ff;--amber:#fff6dd;--danger:#b42318;--shadow:0 12px 36px rgba(16,33,61,.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f6f8f7;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 5vw;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;color:var(--navy);font-size:21px}.brand,.mark{font-weight:900}.mark{width:34px;height:34px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center}.brand em{font-style:normal;color:var(--green)}.domain{font-size:13px;color:var(--muted)}.page{max-width:1120px;margin:auto;padding:34px 22px 100px}.hero{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:28px;gap:28px;align-items:center;padding:32px;border-radius:28px;background:linear-gradient(135deg,#eef8f2,#fff);border:1px solid #dcece3;box-shadow:var(--shadow)}.eyebrow{color:var(--green);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(36px,6vw,68px);line-height:.96;margin:10px 0 18px;color:var(--navy);letter-spacing:-.04em}.hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:650px}.heroCard{background:var(--navy);color:#fff;border-radius:24px;padding:24px}.heroCard .big{font-size:34px;font-weight:900}.heroCard p{color:#dce7f6;font-size:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:13px;padding:13px 18px;font-weight:800;background:var(--green);color:#fff;box-shadow:0 7px 16px rgba(11,122,75,.16)}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.btn.dark{background:var(--navy)}.btn.danger{background:#fff1f0;color:var(--danger);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-top:22px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 6px 24px rgba(16,33,61,.04)}.card h3{margin:0 0 8px;color:var(--navy)}.card p{color:var(--muted);line-height:1.5;margin:0}.category{min-height:145px}.icon{font-size:28px;margin-bottom:10px}.sectionTitle{display:flex;justify-content:space-between;align-items:end;margin:38px 0 12px}.sectionTitle h2{margin:0;color:var(--navy);font-size:28px}.sectionTitle span{color:var(--muted);font-size:14px}.panel{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.panel h1{color:var(--navy);margin-top:0}.step{font-size:13px;color:var(--green);font-weight:800}.field{margin:16px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:13px;background:#fff;outline:none}.field textarea{min-height:95px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.summary{background:var(--soft);border-radius:16px;padding:16px}.line{display:flex;justify-content:space-between;padding:8px 0}.line.total{font-weight:900;border-top:1px solid #cfe3d7;margin-top:7px;padding-top:13px}.notice{background:var(--amber);font-size:13px;color:#664d03}.notice,.success{padding:13px;border-radius:12px}.success{background:#eaf8ef;color:#166534;font-weight:700}.nav{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:8px;padding:10px;z-index:20}.nav button{border:0;background:transparent;padding:9px 15px;border-radius:12px;font-weight:750;color:#667085}.nav button.active{background:#eaf6ef;color:var(--green)}.status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:850;background:#eaf8ef;color:#166534}.status.blue{background:var(--blue);color:#175cd3}.status.amber{background:var(--amber);color:#8a6100}.task{display:flex;align-items:center;justify-content:space-between;gap:12px}.taskMeta{color:var(--muted);font-size:13px;line-height:1.55}.price{font-size:24px;font-weight:900;color:var(--navy)}.timeline{display:flex;gap:8px;align-items:center;margin:18px 0}.dot{height:8px;flex:1 1;border-radius:999px;background:#d9e2dc}.dot.done{background:var(--green)}.phone{border-radius:24px;background:#fff;padding:18px;border:1px solid var(--line)}.map{height:180px;border-radius:18px;background:linear-gradient(135deg,#e8f3eb,#e9f0f9);position:relative;overflow:hidden}.map:after{content:"Nearby route preview";position:absolute;inset:0;display:grid;place-items:center;color:var(--green);font-weight:900;background:radial-gradient(circle at 30% 40%,rgba(11,122,75,.12) 0 6px,transparent 7px),radial-gradient(circle at 70% 65%,rgba(16,33,61,.16) 0 7px,transparent 8px)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}.kpi b{display:block;font-size:27px;color:var(--navy)}.kpi span{font-size:12px;color:var(--muted)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.center{text-align:center}.pulse{width:115px;height:115px;margin:28px auto;border-radius:50%;display:grid;place-items:center;background:#eaf8ef;color:var(--green);font-size:42px;box-shadow:0 0 0 18px rgba(11,122,75,.06),0 0 0 38px rgba(11,122,75,.03);animation:pulse 1.8s infinite}@keyframes pulse{50%{transform:scale(1.05)}}.muted{color:var(--muted)}.small{font-size:12px}.divider{height:1px;background:var(--line);margin:18px 0}.switch{display:flex;align-items:center;gap:10px;font-weight:850}.switch input{width:20px;height:20px;accent-color:var(--green)}.accountPage{max-width:900px;margin:0 auto;padding:48px 22px 100px}.accountCard{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:var(--shadow)}.accountIntro{padding-bottom:24px;border-bottom:1px solid var(--line)}.accountIntro .eyebrow{margin:0 0 10px}.accountIntro h1{margin:0;color:var(--navy);font-size:clamp(30px,5vw,44px);letter-spacing:-.025em}.accountEmail{margin:9px 0 0;color:var(--muted)}.accountRoles{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:24px}.accountRoleCard{display:flex;align-items:flex-start;gap:16px;min-width:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}.accountRoleIcon{flex:0 0 42px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e3f4e9;color:var(--green);font-weight:900}.accountRoleBody{min-width:0;display:flex;flex-direction:column;align-items:flex-start}.accountRoleHeading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.accountRoleBody h2{margin:0;color:var(--navy);font-size:21px}.accountRoleBody p{margin:8px 0 18px;color:var(--muted);line-height:1.55}.accountRoleBody form{margin:0}.accountFooter{display:flex;justify-content:flex-end;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.accountSignOut{background:#fff;color:var(--danger);border:1px solid #f3c7c2;box-shadow:none}@media(max-width:780px){.hero{grid-template-columns:1fr;padding:24px}.grid,.kpis{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}.topbar{padding:0 18px}.domain{display:none}.page{padding:22px 14px 95px}.nav{justify-content:space-around}.nav button{padding:9px 10px;font-size:12px}.accountPage{padding:28px 14px 90px}.accountCard{padding:22px}.accountRoles{grid-template-columns:1fr}.accountFooter{justify-content:stretch}.accountFooter .btn,.accountFooter form{width:100%}}@media(max-width:480px){.grid{grid-template-columns:1fr}.hero h1{font-size:42px}.accountRoleCard{padding:18px;gap:12px}.accountRoleIcon{flex-basis:38px;width:38px;height:38px}}