:root{--ink:#19211c;--green:#15764a;--lime:#d9f36c;--paper:#f7f6f1;--line:#e8e7df;--muted:#737a74;--white:#fff;--shadow:0 18px 55px #17231a12}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}.top{height:76px;padding:0 max(calc((100vw - 1200px)/2),28px);display:flex;align-items:center;justify-content:space-between;background:#fbfaf7;border-bottom:1px solid #eae9e2;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;font-size:17px;text-decoration:none;letter-spacing:-.7px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;color:#858b83;margin-top:3px}.mark{height:34px;width:34px;border-radius:12px;background:var(--green);color:white;display:grid;place-items:center;font-weight:800;font-size:18px}.green{color:var(--green)}nav{display:flex;gap:8px}.nav{background:transparent;border:0;color:#656d65;font-size:13px;padding:10px 14px;border-radius:20px}.nav.active,.nav:hover{background:#ecf1e9;color:var(--green)}.user{display:flex;align-items:center;gap:17px;font-size:12px;color:#616860}.button{border:0;border-radius:12px;padding:13px 18px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:16px;text-decoration:none}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:var(--green)}.button.outline{background:transparent;border:1px solid #dcded6;color:var(--ink);padding:10px 15px}.button.small{padding:8px 11px;font-size:11px}.link{border:0;background:none;color:var(--green);font-weight:700;font-size:12px}main{max-width:1200px;margin:auto;padding:31px 28px}.hero{min-height:440px;background:#e8efdf;border-radius:27px;overflow:hidden;display:grid;grid-template-columns:1.04fr .96fr;position:relative}.hero-copy{padding:68px 0 62px 66px;z-index:2}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#717971}.eyebrow i{width:7px;height:7px;background:#62a55e;display:inline-block;border-radius:50%;margin-right:6px}.hero h1{font-weight:800;font-size:clamp(43px,5.6vw,70px);line-height:1.05;letter-spacing:-4px;margin:21px 0 18px}.hero h1 span{color:var(--green)}.hero-copy>p{max-width:405px;color:#646e64;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:17px;margin-top:29px}.quiet{font-size:10px;color:#6f776f}.hero-art{position:relative;background:#d4e2cd;overflow:hidden}.hero-art:before{content:'';position:absolute;width:500px;height:500px;border:1px solid #9db699;left:60px;top:20px;border-radius:50%;box-shadow:0 0 0 48px #d9e5d3,0 0 0 49px #a8bda1,0 0 0 105px #dbe6d5,0 0 0 106px #b3c4ad}.sun{position:absolute;width:220px;height:220px;border-radius:50%;background:#f7c481;right:55px;top:28px}.route{position:absolute;left:28%;top:45%;width:47%;height:105px;border-top:2px dashed #377850;transform:rotate(-19deg);z-index:1}.route span,.route b{position:absolute;top:-10px;color:#177a4b;font-size:18px}.route b{right:0}.pin-card{position:absolute;z-index:2;top:38%;left:18%;background:#fff;padding:19px 23px;border-radius:16px;box-shadow:var(--shadow);transform:rotate(-4deg);width:220px}.pill{display:inline-block;background:#eaf3df;color:#247548;font-size:8px;letter-spacing:1.4px;padding:6px 8px;border-radius:7px;font-weight:700}.pin-card strong{display:block;font-size:21px;line-height:1.17;margin:13px 0 10px}.pin-card small{color:#778078;font-size:9px}.roundel{position:absolute;right:13%;bottom:12%;z-index:2;width:77px;height:77px;background:var(--lime);border-radius:50%;display:grid;place-content:center;text-align:center;font-size:9px;font-weight:700;transform:rotate(9deg)}.roundel b{font-size:14px;color:var(--green)}.art-caption{position:absolute;bottom:23px;left:29px;color:#657269;font-size:10px;line-height:1.5}.welcome{display:flex;justify-content:space-between;align-items:end;margin:52px 1px 19px}.welcome h2,.panel h2{font-size:24px;letter-spacing:-1px;margin:7px 0 0}.city-select{display:grid;gap:5px}.city-select span{font-size:8px;letter-spacing:1.3px;color:#7a8278;font-weight:700}.city-select select,#catalogKind{border:1px solid var(--line);padding:9px 12px;border-radius:10px;background:#fff;color:var(--ink);font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service{border:1px solid var(--line);border-radius:18px;background:#fff;padding:19px;min-height:154px;cursor:pointer;transition:.18s;position:relative}.service:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c6d8c6}.service-icon{width:40px;height:40px;border-radius:13px;background:#edf4e9;display:grid;place-items:center;font-size:19px;margin-bottom:15px}.service:nth-child(2) .service-icon{background:#fff0df}.service:nth-child(3) .service-icon{background:#f7efd9}.service:nth-child(4) .service-icon{background:#e7effb}.service:nth-child(5) .service-icon{background:#e8f2f2}.service:nth-child(6) .service-icon{background:#f2ebf5}.service h3{font-size:14px;margin:0 0 6px}.service p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.service .arrow{position:absolute;right:18px;top:20px;color:#a0a79f}.service .tag{position:absolute;right:15px;bottom:17px;font-size:8px;color:var(--green);font-weight:700}.content-grid{display:grid;grid-template-columns:1.45fr .9fr;gap:16px;margin-top:30px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 25px #19271905}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h2{font-size:20px}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.merchant{background:#fafaf7;border:1px solid #eeeee8;border-radius:14px;padding:14px}.merchant h3{font-size:13px;margin:0}.merchant small{color:var(--muted);font-size:10px}.product{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee;padding-top:9px;margin-top:9px;gap:6px}.product span,.product b{font-size:10px}.activity{min-height:85px}.muted{color:var(--muted);font-size:11px}.activity-row{border-bottom:1px solid #f0f0eb;padding:10px 0;font-size:11px}.quick-actions{display:grid;gap:8px;margin-top:10px}.quick-actions button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;font-size:10px;color:#4e584f}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:32px 9px;margin-top:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust>div{display:flex;gap:12px;align-items:center}.trust-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#e8f1e6;color:var(--green)}.trust b,.trust small{display:block}.trust b{font-size:11px}.trust small{font-size:9px;color:var(--muted);margin-top:4px}footer{padding:26px 0 8px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}footer .brand{font-size:14px}.hidden{display:none!important}.workspace{margin-top:20px}.workspace table{width:100%;border-collapse:collapse;font-size:11px}.workspace th,.workspace td{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:grid;gap:6px;font-size:10px;color:#555f56}.field input,.field select,.field textarea,input,select{border:1px solid #e2e4dc;border-radius:9px;padding:10px;background:white;font-size:12px;color:var(--ink)}.form-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.error{color:#b53f35;font-size:11px}.modal{border:0;background:white;border-radius:20px;width:min(440px,calc(100vw - 28px));padding:29px;box-shadow:0 20px 80px #1115}.modal h2{font-size:24px;margin:7px 0 22px}.modal label{display:grid;gap:6px;font-size:11px;margin:11px 0}.auth-actions{display:flex;align-items:center;gap:13px;margin-top:18px}.close{float:right;border:0;background:#f2f2ee;border-radius:50%;width:30px;height:30px;font-size:19px}.demo-login{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.demo-login button{border:1px solid var(--line);background:white;border-radius:8px;padding:8px;font-size:9px;text-align:left}.toast{position:fixed;right:22px;bottom:22px;background:#1c2820;color:white;padding:12px 17px;border-radius:12px;z-index:30;opacity:0;transform:translateY(10px);transition:.2s;font-size:12px;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.status{display:inline-block;border-radius:20px;padding:4px 8px;background:#ecf2e8;color:#266441;font-size:9px}.notice{background:#faf5e7;border:1px solid #f1e5c5;padding:11px;border-radius:10px;font-size:10px;line-height:1.6;margin:8px 0}
@media(max-width:800px){.top{padding:0 18px;height:68px}.top nav{display:none}.user{gap:8px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 29px 20px}.hero h1{font-size:52px}.hero-art{height:260px}.service-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr}.welcome{margin-top:36px}main{padding:18px}.hero-actions{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}footer{gap:12px;flex-wrap:wrap}.catalog{grid-template-columns:1fr}}
@media(max-width:430px){.brand{font-size:14px}.user>span{display:none}.hero h1{font-size:44px}.service{padding:14px;min-height:145px}.service h3{font-size:12px}.welcome h2{font-size:19px}.city-select select{max-width:130px}.panel{padding:17px}}