:root {
    --wehamba-navy: #0f2948;
    --wehamba-navy-2: #173b62;
    --wehamba-blue-soft: #eef5fa;
    --wehamba-orange: #f28a24;
    --wehamba-text: #16202a;
    --wehamba-muted: #667482;
    --wehamba-border: #dce5ec;
    --wehamba-white: #ffffff;
    --wehamba-shadow: 0 22px 55px rgba(15,41,72,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.wehamba-landing-page-body { margin: 0 !important; background: #fff; color: var(--wehamba-text); }
.wehamba-landing-wrap { margin: 0; min-height: 100vh; overflow: hidden; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; background: #fff; color: var(--wehamba-text); }
.wehamba-landing-wrap img { display: block; max-width: 100%; height: auto; }
.wehamba-landing-wrap a { text-decoration: none; }
.wehamba-shell-width { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }

.wehamba-hero { position: relative; padding: 72px 0 68px; background: #fff; }
.wehamba-hero:after { content:""; position:absolute; width:520px; height:520px; right:-180px; top:-170px; border-radius:50%; background:rgba(242,138,36,.08); }
.wehamba-hero-grid { display:grid; grid-template-columns: 1.12fr .88fr; gap:54px; align-items:center; position:relative; z-index:1; }
.wehamba-hero-copy { max-width: 610px; background:#fff; }
.wehamba-kicker,.wehamba-small-label,.wehamba-section-heading>span { display:inline-block; color:var(--wehamba-orange); font-size:12px; line-height:1.2; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin-bottom:15px; }
.wehamba-hero h1 { margin:0 0 20px; max-width:680px; font-size:clamp(44px,6vw,76px); line-height:.98; letter-spacing:-.045em; color:var(--wehamba-navy); }
.wehamba-hero-text { margin:0 0 29px; max-width:590px; font-size:clamp(18px,2vw,22px); line-height:1.55; color:#4c5d6d; }
.wehamba-wordmark { display:flex; align-items:center; gap:2px; margin-bottom:24px; color:var(--wehamba-orange); font-size:42px; line-height:1; font-weight:800; letter-spacing:-.045em; }
.wehamba-wordmark-w { display:inline-grid; place-items:center; width:48px; height:48px; border:3px solid var(--wehamba-orange); border-radius:50%; font-size:35px; line-height:1; font-weight:900; }
.wehamba-landing-logo { width:auto; max-width:245px; max-height:74px; margin-bottom:24px; object-fit:contain; }
.wehamba-landing-custom-logo { margin-bottom:24px; }
.wehamba-landing-custom-logo img { width:auto; max-width:245px; max-height:74px; }

.wehamba-store-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.wehamba-store-row.centered { justify-content:center; }
.wehamba-store-button { display:inline-flex; min-width:182px; align-items:center; gap:10px; padding:10px 16px; border-radius:12px; background:var(--wehamba-navy); color:#fff !important; box-shadow:0 8px 20px rgba(15,41,72,.16); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.wehamba-store-button:hover { transform:translateY(-2px); background:#0a223e; box-shadow:0 12px 26px rgba(15,41,72,.22); }
.wehamba-store-button.is-disabled { opacity:.58; cursor:default; box-shadow:none; }
.wehamba-store-button.is-disabled:hover { transform:none; background:var(--wehamba-navy); }
.wehamba-store-icon { width:30px; height:30px; flex:0 0 30px; }
.wehamba-store-icon svg { width:100%; height:100%; fill:currentColor; stroke:none; }
.wehamba-store-button span:last-child { display:flex; flex-direction:column; line-height:1.05; }
.wehamba-store-button small { font-size:10px; opacity:.8; }
.wehamba-store-button strong { margin-top:3px; font-size:17px; font-weight:750; }
.wehamba-text-link { display:inline-flex; margin-top:18px; color:var(--wehamba-navy) !important; font-weight:750; }
.wehamba-text-link span { margin-left:8px; color:var(--wehamba-orange); }

.wehamba-hero-visual { min-width:0; display:flex; justify-content:flex-end; align-items:center; }
.wehamba-device-frame,.wehamba-screen-placeholder { width:min(100%,380px); margin-left:auto; padding:11px; border-radius:24px; background:#10161d; box-shadow:var(--wehamba-shadow); transform:rotate(.6deg); }
.wehamba-device-frame img { width:100%; max-height:520px; object-fit:contain; border-radius:16px; background:#eef2f5; }
.wehamba-screen-placeholder { min-height:495px; background:#fff; border:12px solid #10161d; padding:0; position:relative; overflow:hidden; }
.wehamba-screen-top { height:58px; display:flex; align-items:center; justify-content:center; background:var(--wehamba-navy); color:#fff; font-weight:800; letter-spacing:.02em; }
.wehamba-faux-map { position:relative; height:360px; overflow:hidden; background:linear-gradient(35deg,#eef0e8,#dce8f0); }
.wehamba-faux-map:before,.wehamba-faux-map:after { content:""; position:absolute; border-radius:50%; background:#cbd9c5; opacity:.9; }
.wehamba-faux-map:before { width:260px; height:200px; left:-70px; top:30px; }
.wehamba-faux-map:after { width:220px; height:170px; right:-55px; bottom:20px; }
.wehamba-faux-road { position:absolute; height:20px; width:520px; background:#fff; box-shadow:0 0 0 2px #cad2d9 inset; transform-origin:left center; }
.wehamba-faux-road.r1 { top:160px; left:-20px; transform:rotate(-13deg); }
.wehamba-faux-road.r2 { top:235px; left:80px; transform:rotate(36deg); }
.wehamba-map-pin { position:absolute; z-index:3; width:18px; height:18px; border-radius:50% 50% 50% 0; background:var(--wehamba-orange); border:2px solid #fff; box-shadow:0 4px 8px rgba(0,0,0,.18); transform:rotate(-45deg); }
.wehamba-map-pin.p1{left:25%;top:30%}.wehamba-map-pin.p2{left:53%;top:44%}.wehamba-map-pin.p3{left:70%;top:23%}.wehamba-map-pin.p4{left:38%;top:68%}.wehamba-map-pin.p5{left:78%;top:72%}
.wehamba-placeholder-note { padding:15px 18px; background:#fff9f1; color:#8c5b21; font-size:12px; line-height:1.45; text-align:center; }

.wehamba-transition-bar { padding:14px 0; background:var(--wehamba-navy); color:#e9f1f7; font-size:14px; text-align:center; }
.wehamba-transition-bar strong { color:#fff; }
.wehamba-section { padding:92px 0; }
.wehamba-section-heading { max-width:760px; margin:0 auto 46px; text-align:center; }
.wehamba-section-heading h2,.wehamba-spotlight-copy h2,.wehamba-services-grid h2,.wehamba-final-cta h2 { margin:0 0 16px; color:var(--wehamba-navy); font-size:clamp(34px,4.5vw,52px); line-height:1.05; letter-spacing:-.035em; }
.wehamba-section-heading p,.wehamba-spotlight-copy>p,.wehamba-services-grid p { margin:0; font-size:18px; line-height:1.65; color:var(--wehamba-muted); }
.wehamba-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.wehamba-feature-card { min-height:225px; padding:28px 24px; border:1px solid var(--wehamba-border); border-radius:20px; background:#fff; box-shadow:0 8px 22px rgba(15,41,72,.05); }
.wehamba-feature-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:22px; border-radius:13px; background:#fff3e6; color:var(--wehamba-orange); }
.wehamba-feature-icon svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.wehamba-feature-card h3 { margin:0 0 10px; color:var(--wehamba-navy); font-size:18px; }
.wehamba-feature-card p { margin:0; color:var(--wehamba-muted); font-size:14px; line-height:1.55; }

.wehamba-road-section { padding-top:0; }
.wehamba-three-steps { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--wehamba-border); border-radius:24px; overflow:hidden; background:#fff; }
.wehamba-three-steps article { padding:38px 34px; border-right:1px solid var(--wehamba-border); }
.wehamba-three-steps article:last-child { border-right:0; }
.wehamba-three-steps span { display:inline-block; margin-bottom:25px; color:var(--wehamba-orange); font-size:13px; font-weight:850; letter-spacing:.12em; }
.wehamba-three-steps h3 { margin:0 0 10px; color:var(--wehamba-navy); font-size:25px; }
.wehamba-three-steps p { margin:0; color:var(--wehamba-muted); line-height:1.6; }

.wehamba-spotlight-section { background:var(--wehamba-blue-soft); }
.wehamba-spotlight-grid { display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; }
.wehamba-check-list { list-style:none; margin:25px 0 0; padding:0; display:grid; gap:12px; }
.wehamba-check-list li { position:relative; padding-left:31px; color:#405261; font-weight:650; }
.wehamba-check-list li:before { content:"✓"; position:absolute; left:0; top:-2px; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#e7f5e9; color:#23823a; font-size:12px; font-weight:900; }
.wehamba-image-card,.wehamba-route-placeholder { border-radius:24px; background:#fff; box-shadow:var(--wehamba-shadow); overflow:hidden; }
.wehamba-route-placeholder { height:390px; position:relative; background:linear-gradient(145deg,#f8fbfd,#e8f0f5); }
.wehamba-route-line { position:absolute; width:325px; height:8px; left:50%; top:47%; border-radius:999px; background:var(--wehamba-navy); transform:translate(-50%,-50%) rotate(-16deg); }
.wehamba-route-line:after { content:""; position:absolute; width:120px; height:8px; right:-66px; top:34px; border-radius:999px; background:var(--wehamba-navy); transform:rotate(36deg); }
.wehamba-route-placeholder .stop { position:absolute; z-index:2; display:grid; place-items:center; width:42px; height:42px; border:4px solid #fff; border-radius:50%; background:var(--wehamba-orange); color:#fff; font-weight:900; box-shadow:0 7px 17px rgba(15,41,72,.19); }
.wehamba-route-placeholder .s1{left:16%;top:58%}.wehamba-route-placeholder .s2{left:48%;top:38%}.wehamba-route-placeholder .s3{right:13%;top:51%}
.wehamba-route-placeholder .wehamba-placeholder-note { position:absolute; left:0; right:0; bottom:0; }

.wehamba-road-tools { background:var(--wehamba-navy); color:#fff; }
.wehamba-section-heading.light h2 { color:#fff; }
.wehamba-section-heading.light p { color:#c9d5df; }
.wehamba-tool-pills { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.wehamba-tool-pills span { padding:15px 22px; border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.075); font-weight:750; }

.wehamba-services-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.wehamba-service-cloud { display:flex; flex-wrap:wrap; gap:12px; align-content:center; }
.wehamba-service-cloud span { padding:13px 18px; border-radius:12px; background:#fff; color:var(--wehamba-navy); border:1px solid var(--wehamba-border); box-shadow:0 5px 15px rgba(15,41,72,.05); font-weight:700; }

.wehamba-final-cta { padding:90px 0; text-align:center; background:linear-gradient(145deg,#fff7ed,#fff 60%); }
.wehamba-final-cta .wehamba-wordmark,.wehamba-final-cta .wehamba-landing-logo,.wehamba-final-cta .wehamba-landing-custom-logo { justify-content:center; margin-left:auto; margin-right:auto; }
.wehamba-final-cta h2 { margin-top:8px; }
.wehamba-final-cta>div>p { margin:0 0 27px; color:var(--wehamba-muted); font-size:20px; }
/* Facebook feedback callout */
.wehamba-facebook-callout { padding:34px 0; background:#f4f8fc; border-top:1px solid var(--wehamba-border); }
.wehamba-facebook-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.wehamba-facebook-copy { display:flex; align-items:center; gap:16px; min-width:0; }
.wehamba-facebook-icon { display:grid; place-items:center; flex:0 0 48px; width:48px; height:48px; border-radius:50%; background:#1877f2; color:#fff; box-shadow:0 7px 18px rgba(24,119,242,.2); }
.wehamba-facebook-icon svg { width:26px; height:26px; fill:currentColor; }
.wehamba-facebook-copy strong { display:block; margin-bottom:3px; color:var(--wehamba-navy); font-size:18px; }
.wehamba-facebook-copy span:not(.wehamba-facebook-icon) { display:block; color:var(--wehamba-muted); font-size:14px; line-height:1.45; }
.wehamba-facebook-button { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:44px; padding:11px 19px; border-radius:12px; background:#1877f2; color:#fff !important; font-weight:800; text-decoration:none !important; box-shadow:0 7px 18px rgba(24,119,242,.18); transition:transform .18s ease, box-shadow .18s ease; }
.wehamba-facebook-button:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(24,119,242,.24); }

.wehamba-landing-footer { padding:26px 0 calc(26px + env(safe-area-inset-bottom)); background:#0a1f37; color:#b9c7d2; font-size:13px; }
.wehamba-footer-inner { display:flex; justify-content:center; align-items:center; text-align:center; }

@media (max-width: 980px) {
    .wehamba-hero-grid,.wehamba-spotlight-grid,.wehamba-services-grid { grid-template-columns:1fr; gap:44px; }
    .wehamba-hero-copy { max-width:780px; }
    .wehamba-device-frame,.wehamba-screen-placeholder { width:min(100%,360px); margin:0 auto; }
    .wehamba-feature-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 680px) {
    .wehamba-shell-width { width:min(100% - 28px,1160px); }
    .wehamba-hero { padding:42px 0 40px; }
    .wehamba-hero h1 { font-size:44px; }
    .wehamba-wordmark { font-size:34px; }
    .wehamba-wordmark-w { width:42px; height:42px; font-size:30px; }
    .wehamba-store-row { align-items:stretch; }
    .wehamba-store-button { min-width:0; flex:1 1 155px; }
    .wehamba-device-frame,.wehamba-screen-placeholder { width:min(88vw,320px); }
    .wehamba-device-frame img { max-height:460px; }
    .wehamba-screen-placeholder { min-height:420px; }
    .wehamba-faux-map { height:295px; }
    .wehamba-section { padding:68px 0; }
    .wehamba-feature-grid { grid-template-columns:1fr; gap:12px; }
    .wehamba-feature-card { min-height:0; }
    .wehamba-three-steps { grid-template-columns:1fr; }
    .wehamba-three-steps article { border-right:0; border-bottom:1px solid var(--wehamba-border); }
    .wehamba-three-steps article:last-child { border-bottom:0; }
    .wehamba-route-placeholder { height:310px; }
    .wehamba-route-line { width:240px; }
    .wehamba-facebook-inner { flex-direction:column; align-items:stretch; gap:18px; text-align:left; }
    .wehamba-facebook-button { width:100%; }
}


@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    .wehamba-store-button { transition:none; }
}