/* Shared marketing header/footer, using the supplied homepage design. */
.hdr{position:relative;z-index:10;padding:22px clamp(16px,3.4vw,48px) 0}
.hdr-in{display:flex;align-items:center;gap:20px}
.logo{display:inline-flex;align-items:center;min-height:48px;text-decoration:none}
.logo img{height:46px;width:auto}
.nav{display:flex;gap:2px;margin-left:auto;background:#fff;border-radius:999px;padding:4px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.nav a{color:#16181D;text-decoration:none;font:500 15px/1 var(--body);padding:13px 14px;border-radius:999px;transition:background-color var(--t-fast),color var(--t-fast)}
.nav a:hover{background:#E3F2E6;color:#0B3D24}
.hdr-cta{min-height:52px;padding:0 24px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.menu-btn{display:none;width:48px;height:48px;border-radius:999px;border:0;background:#fff;color:#16181D;align-items:center;justify-content:center;cursor:pointer}
.mnav{display:none}
@media (max-width:1060px){
  .nav{display:none}.menu-btn{display:inline-flex}.hdr-cta{margin-left:auto}
  .mnav{display:flex;flex-direction:column;margin:12px clamp(16px,3.4vw,48px) 0;padding:8px 20px;border-radius:24px;background:#fff;box-shadow:0 24px 40px -20px rgba(0,0,0,.6)}
  .mnav a{color:#16181D;text-decoration:none;font:600 18px/1 var(--body);padding:16px 4px;border-bottom:1px solid #EEEAE0}
  .mnav a:last-child{border-bottom:0}
}
@media (max-width:460px){.hdr-cta{padding:0 16px;font-size:14px;min-height:46px}.logo img{height:38px}}

/* ===== 8 FOOTER ===== */
.foot{background:#072A18;color:#C9DCCF;padding:72px 0 0;overflow:hidden}
.foot-top{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,.8fr));gap:40px}
.foot-brand{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.foot-brand .logo img{height:56px}
.foot-brand p{margin:0;max-width:300px;font-size:15px;line-height:1.6;color:#B7CDBE}
.mini-stores{display:flex;flex-wrap:wrap;gap:8px}
.mini-store{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(184,240,200,.35);color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:background-color var(--t-fast),border-color var(--t-fast)}
.mini-store:hover{background:#079438;border-color:#079438;color:#fff}
.foot h3{font:600 13px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#B8F0C8;margin:8px 0 14px}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.flink{position:relative;display:inline-block;padding:11px 0;color:#E4EFE7;text-decoration:none;font-size:15px}
.flink::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:#079438;transform:scaleX(0);transform-origin:left;transition:transform var(--t-med) var(--ease-out)}
.flink:hover{color:#fff}
.flink:hover::after{transform:scaleX(1)}
.fmuted{display:flex;align-items:center;gap:8px;padding:11px 0;font-size:15px;color:#9DB8A6}
.wordmark{position:relative;margin-top:64px;font:italic 700 clamp(56px,14.5vw,232px)/.8 var(--body);letter-spacing:-.05em;color:#0C3B22;white-space:nowrap;text-align:center;user-select:none;pointer-events:none;padding-bottom:.02em}
.foot-bar{position:relative;border-top:1px solid rgba(184,240,200,.16);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 28px;font-size:14px;color:#9DB8A6}
.socials{display:flex;gap:8px;align-items:center}
.soc{width:44px;height:44px;border-radius:50%;border:1px solid rgba(184,240,200,.3);display:flex;align-items:center;justify-content:center;color:#C9DCCF}
.totop{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#079438;color:#fff;font:600 14px/1 var(--body);cursor:pointer;transition:transform var(--t-fast) var(--ease-std),background-color var(--t-fast)}
.totop:hover{background:#0A7A35;transform:translateY(-2px)}
.totop svg{transition:transform var(--t-fast) var(--ease-std)}
.totop:hover svg{transform:translateY(-3px)}
@media (max-width:900px){.foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}
@media (max-width:520px){.foot-top{grid-template-columns:minmax(0,1fr)}}


:root{--display:"Inter Tight","Helvetica Neue",Arial,sans-serif;--body:"Poppins","Segoe UI",system-ui,sans-serif}
.kw{overflow-x:clip}
.kw [hidden]{display:none!important}
.hdr{top:auto;border:0;background:transparent}
.hdr-in{min-height:0}
.hdr{max-width:1240px;margin-inline:auto;width:100%}
.apple-logo{flex:none;width:1.25em;height:1.25em}
.hdr .logo{flex-shrink:0}
.hdr .btn-g{display:inline-flex;align-items:center;justify-content:center;background:#079438;color:#fff;text-decoration:none;border-radius:999px;font:600 15px/1 var(--body)}
.hdr .btn-g:hover{background:#0B3D24}
.nav a[aria-current="page"]{background:#E3F2E6;color:#0B3D24}
.audience .hdr{padding-bottom:22px;background:#F5F3EC}
.audience .foot a{padding:11px 0}
.audience .foot .mini-store{padding:0 16px;display:inline-flex}
.foot .logo{padding:0}
.foot .logo img{width:auto}
@media(max-width:460px){.hdr-in{gap:8px}.hdr .logo img{height:auto;width:104px}.hdr .hdr-cta{padding:0 12px;font-size:13px}.menu-btn{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kw *{animation:none!important;transition:none!important}}
.theme-provider{--header-brand:#142E70;--header-tint:#E6EAF5}
.theme-trainer{--header-brand:#4B1F86;--header-tint:#EFE6FC}
.kw.theme-provider .hdr,.kw.theme-trainer .hdr{background:var(--acc)}
.hdr .logo img{max-width:160px;object-fit:contain}
.theme-provider .hdr .logo img,.theme-trainer .hdr .logo img{filter:brightness(0) invert(1)}
.foot .logo img{max-width:220px;object-fit:contain}
.kw.theme-provider .hdr .btn-g,.kw.theme-trainer .hdr .btn-g{background:#fff;color:var(--header-brand)}
.theme-provider .hdr .menu-btn,.theme-trainer .hdr .menu-btn{color:var(--header-brand)}
.theme-provider .hdr a[aria-current="page"],.theme-trainer .hdr a[aria-current="page"]{background:var(--header-tint);color:var(--header-brand)}
@media(max-width:1060px){.kw .hdr .mnav{position:absolute;top:100%;left:16px;right:16px;margin:0;padding:12px 20px;border-radius:0 0 20px 20px;max-height:calc(100dvh - 110px);overflow-y:auto;border:1px solid #EEEAE0}.kw .hdr{z-index:30}.kw .mnav a{line-height:1.35}.theme-provider .mnav a,.theme-trainer .mnav a{color:var(--header-brand)}}

.role-header{background:var(--acc)}

/* Shared download card and compact footer. */
/* ===== app CTA (Wallio-style card) ===== */
.cta-sec{background:linear-gradient(180deg,#041A0E 0,#041A0E 46%,#072A18 46%);padding:clamp(72px,8vw,104px) 0 clamp(48px,6vw,72px)}
.cta-card{position:relative;overflow:hidden;isolation:isolate;border-radius:28px;background:#079438;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:470px}
.cta-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.cta-lines path{fill:none;stroke:rgba(255,255,255,.24);stroke-width:2}
.cta-copy{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:64px 0 64px clamp(28px,5.6vw,84px);color:#fff}
.cta-kicker{margin:0;font-size:16px;line-height:1.5;color:#E6F6EA}
.cta-h{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-.045em;max-width:9.5em}
.cta-stores{display:flex;flex-wrap:wrap;gap:12px}
.cstore{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:8px 20px 8px 16px;border-radius:12px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.38);color:#fff;text-decoration:none;transition:background-color var(--t-fast),transform var(--t-fast) var(--ease-std)}
.cstore:hover{background:rgba(255,255,255,.26);color:#fff;transform:translateY(-2px)}
.cstore small{display:block;font-size:10px;line-height:1.2;opacity:.85}
.cstore b{display:block;font:600 19px/1.1 var(--body);letter-spacing:-.01em}
.cta-art{position:relative;min-height:470px}
.hs-phone{position:absolute;left:14%;top:54px;width:350px;height:720px;padding:12px;border-radius:58px;background:#111312;box-shadow:0 0 0 2px #3A3D3B inset,0 50px 70px -30px rgba(0,0,0,.6);transform:rotate(-11deg);transform-origin:top left}
.hs-screen{position:relative;height:100%;border-radius:47px;overflow:hidden;background:radial-gradient(120% 80% at 20% 0%,#1FCB60 0,#0A7A35 38%,#0B3D24 75%);padding:70px 20px 20px}
.hs-island{position:absolute;top:14px;left:50%;width:108px;height:32px;margin-left:-54px;border-radius:20px;background:#000}
.hs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}
.app{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px}
.app small{font:500 11px/1 var(--body);color:#fff;white-space:nowrap}
.ai{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 12px -6px rgba(0,0,0,.4)}
.ai-k{background:#0B3D24;box-shadow:0 0 0 2px rgba(184,240,200,.5),0 10px 20px -8px rgba(0,0,0,.5)}
.badge{position:absolute;top:-7px;right:2px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#E0472B;color:#fff;font:700 13px/24px var(--body);font-style:normal;text-align:center;box-shadow:0 0 0 2px #0A7A35}
.ai-cal{background:#fff;flex-direction:column;gap:0}
.ai-cal b{font:700 10px/1 var(--body);color:#E0472B;letter-spacing:.04em;margin-top:4px}
.ai-cal i{font:400 32px/1 var(--body);font-style:normal;color:#16181D}
.ai-msg{background:#22C55E}
.ai-cam{background:#D9DCE1}
.ai-mail{background:linear-gradient(180deg,#3B9BFF,#1663E0)}
.ai-notes{background:#fff;flex-direction:column;justify-content:flex-start;gap:6px;padding-top:0;border-top:14px solid #FFD000}
.ai-notes i{display:block;width:40px;height:2px;background:#D6D3CA;margin-top:6px}
.ai-wx{background:linear-gradient(180deg,#5AA8FF,#2A6FE0)}
.ai-clock{background:#111312}
.fl-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;box-shadow:0 26px 40px -22px rgba(0,0,0,.55)}
.fl-card b{display:block;font:600 14px/1.2 var(--body);color:#16181D}
.fl-card small{display:block;font-size:12px;color:#5E6158;margin-top:2px}
.fl-ico{width:32px;height:32px;border-radius:10px;background:#E3F2E6;color:#079438;display:flex;align-items:center;justify-content:center;flex:none}
.fl-1{right:28px;top:44px;transform:rotate(9deg)}
.fl-2{left:2%;bottom:36px;transform:rotate(-8deg);background:#FFD000}
.fl-2 .fl-ico{background:#fff;color:#16181D}
.fl-2 small{color:#3C3F38}
@media (max-width:980px){
  .cta-card{grid-template-columns:minmax(0,1fr)}
  .cta-copy{padding:44px 28px 8px}
  .cta-art{min-height:380px}
  .hs-phone{left:50%;margin-left:-120px;top:40px;width:290px;height:600px}
  .fl-1{right:12px;top:16px}
  .fl-2{left:12px;bottom:24px}
}
@media (max-width:460px){.hs-grid{gap:18px 6px}.ai{width:52px;height:52px;border-radius:13px}.ai-k svg{width:52px;height:52px}}

.foot2{background:#072A18;color:#C9DCCF;padding:44px 0 30px}
.f-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.f-row .logo img{height:auto;max-height:44px;width:auto;max-width:150px;object-fit:contain}
.f-nav{display:flex;flex-wrap:wrap;gap:4px 8px}
.f-nav a{color:#D3E3D8;text-decoration:none;font-size:15px;padding:12px;border-radius:999px;transition:color var(--t-fast),background-color var(--t-fast)}
.f-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.f-social{display:flex;gap:6px}
.f-soc{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--t-fast)}
a.f-soc:hover{background:rgba(255,255,255,.1)}
.f-bottom{margin-top:32px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;font-size:14px;color:#8FA897}
.f-legal{display:flex;gap:4px 28px;flex-wrap:wrap}
.f-legal a{color:#B7CDBE;text-decoration:none;padding:10px 0}
.f-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media (max-width:760px){.f-row{flex-direction:column;align-items:flex-start}.f-nav{margin-left:-12px}}


.cta-sec .ai-k img{width:54px;height:54px;object-fit:contain}.cta-sec .cta-lines{pointer-events:none}.foot2{border-top:1px solid rgba(255,255,255,.14)}
