.brand-cluster{align-items:center;gap:14px;display:flex}.demo-header-button{color:#075e85;background:#eaf8fc;border:1px solid #acdce9;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:850;text-decoration:none}.demo-shell{background:radial-gradient(circle at 85% 0,#4dc5dd33,#0000 31%),linear-gradient(145deg,#fff 2%,#eef8fb 78%);min-height:calc(100dvh - 72px);padding:clamp(24px,4vw,52px) max(16px,4vw)}.demo-shell.active{padding-top:22px}.demo-intro,.demo-topline,.demo-app-inlay{width:min(100%,1120px);margin-inline:auto}.demo-intro{max-width:900px;padding-block:clamp(34px,7vw,80px)}.demo-intro h1{max-width:760px;color:var(--ink);letter-spacing:-.075em;margin:10px 0 18px;font-size:clamp(3rem,7vw,6.2rem);line-height:.9}.demo-intro>p:not(.eyebrow){color:#536a78;max-width:650px;margin:0;font-size:1.08rem}.demo-badge{color:#70440a;letter-spacing:.045em;background:#fff7e5;border:1px solid #efc46f;border-radius:999px;align-items:center;min-height:30px;padding:5px 11px;font-size:.72rem;font-weight:900;display:inline-flex}.demo-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:34px 0 0;display:grid}.demo-role-grid button{color:var(--ink);text-align:left;background:#fffffff5;border:1px solid #cedee6;border-radius:20px;gap:7px;padding:25px;transition:all .15s;display:grid;box-shadow:0 14px 36px #09243a12}.demo-role-grid button:hover,.demo-role-grid button:focus-visible{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 18px 42px #09243a1f}.demo-role-grid button>span{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.demo-role-grid strong{font-size:1.35rem}.demo-role-grid small{color:var(--muted);line-height:1.5}.demo-topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.demo-topline>div{gap:8px;display:flex}.demo-topline .text-button{min-height:40px;padding:0 8px}.demo-app-inlay{background:#fff;border:1px solid #c0d3dcf2;border-radius:28px;min-height:min(760px,100dvh - 145px);position:relative;overflow:hidden;box-shadow:0 30px 80px #09243a2e}.demo-app-inlay.map{height:min(800px,100dvh - 145px);min-height:650px}.demo-app-inlay .customer-map-dashboard,.demo-app-inlay .worker-map-dashboard{position:absolute;inset:0}.demo-app-inlay .worker-active-job{height:100%;min-height:100%;overflow:auto}.demo-request-shell{padding:0 clamp(20px,5vw,72px) 48px}.demo-request-shell .request-wizard{max-width:780px;box-shadow:none;margin:0 auto;padding-top:34px}.demo-product-bar{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin-inline:calc(-1*clamp(20px,5vw,72px));padding:16px 24px;font-size:.8rem;font-weight:800;display:flex}.demo-product-bar strong{color:var(--ink);letter-spacing:-.04em;font-size:1.25rem}.demo-product-bar strong span{color:#0e9f55}.marketplace-map-surface{background:linear-gradient(145deg,#eaf2ee,#dcebf1 60%,#e6efe7);position:absolute;inset:0;overflow:hidden}.marketplace-map-surface svg{width:100%;height:100%;position:absolute;inset:0}.demo-map-river{fill:none;stroke:#a7d4e7;stroke-width:34px;opacity:.8}.demo-map-road{fill:none;stroke:#fff;stroke-width:16px;filter:drop-shadow(0 1px #becdd1)}.demo-map-road.major{stroke-width:25px}.demo-map-road.minor{stroke-width:9px;opacity:.75}.marketplace-map-community{z-index:1;color:#70828a;letter-spacing:.02em;text-shadow:0 1px 1px #fff;font-size:clamp(.56rem,1.2vw,.72rem);font-weight:750;position:absolute;transform:translate(-50%,-50%)}.marketplace-map-marker{z-index:3;white-space:nowrap;justify-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.marketplace-map-marker i{background:#0e9f55;border:5px solid #fff;border-radius:50% 50% 50% 6px;width:26px;height:26px;transform:rotate(-45deg);box-shadow:0 7px 18px #09243a3d}.marketplace-map-marker.customer i{background:#09243a}.marketplace-map-marker.worker i{background:#1769aa}.marketplace-map-marker b,.marketplace-map-marker small{color:#fff;background:#09243a;border-radius:6px;padding:3px 7px;font-size:.62rem;box-shadow:0 4px 12px #09243a26}.marketplace-map-marker small{color:#345667;background:#fffffff0;margin-top:2px;font-weight:800}.marketplace-map-local-note{z-index:2;color:#526c78;background:#ffffffe0;border-radius:6px;padding:4px 7px;font-size:.62rem;font-weight:700;position:absolute;bottom:8px;right:10px}.demo-simulation-action{margin-bottom:10px}.demo-payment-card{background:#f1f8fa;border-radius:15px;gap:4px;padding:16px;display:grid}.demo-payment-card span,.demo-payment-card small{color:var(--muted)}.demo-payment-card strong{font-size:1.7rem}.demo-payment-card button{margin-top:10px}.demo-completion-evidence{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px;display:grid}.demo-completion-evidence>div{background:#f1f6f7;border-radius:12px;gap:5px;padding:10px;display:grid}.demo-completion-evidence span{color:var(--muted);font-size:.7rem}.demo-completion-evidence i{background:linear-gradient(145deg,#bbcbd2,#eaf3f5);border-radius:9px;height:42px}.demo-completion-evidence i.after{background:linear-gradient(145deg,#d8eef0,#f8fcfd)}.demo-completion-evidence strong{font-size:.75rem}.demo-completion-evidence p{color:#087348;grid-column:1/3;margin:0;font-weight:850}.demo-reserved-state{height:100%;min-height:650px;position:relative}.demo-reserved-card{z-index:5;background:#fffffff7;border:1px solid #d9e5ebf2;border-radius:24px;gap:10px;width:min(640px,100% - 32px);padding:24px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #09243a3b}.demo-reserved-card h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.demo-reserved-card p{color:var(--muted);margin:0}.demo-reserved-card dl{grid-template-columns:repeat(3,1fr);margin:4px 0;display:grid}.demo-reserved-card dl div{background:#f1f6f7;gap:3px;padding:11px;display:grid}.demo-reserved-card dt{color:var(--muted);font-size:.65rem}.demo-reserved-card dd{margin:0;font-weight:850}@media (max-width:700px){.site-header{padding-inline:14px}.site-header nav{gap:0}.site-header nav a{padding-inline:7px}.brand-cluster{gap:7px}.demo-header-button{padding:6px 8px}.demo-shell{padding:18px 10px}.demo-shell.active{padding-top:12px}.demo-role-grid{grid-template-columns:1fr}.demo-topline{align-items:flex-start}.demo-topline>div{justify-items:end;gap:0;display:grid}.demo-app-inlay{border-radius:20px}.demo-app-inlay.map{height:calc(100dvh - 132px);min-height:610px}.demo-request-shell{padding-inline:16px}.demo-product-bar{margin-inline:-16px}.demo-reserved-card dl{grid-template-columns:1fr}.marketplace-map-community{font-size:.52rem}}