/* The home page: colour bands, the try-it morning check and the Ads Manager vs Tony tabs. Layered over
   site.css and audit.css; only the landing view uses these classes. */
:root{
  --t-blue:#2D6BFF; --t-violet:#7A5CFF; --t-peach:#FF9A6B; --t-act:#5A55FF; --t-navy:#121433;
  --t-grad:linear-gradient(135deg,#2D6BFF 0%,#7A5CFF 60%,#FF9A6B 100%);
  --t-soft:#4A4E6A; --t-line:rgba(18,20,51,.09);
}
#landing section{padding:110px 0;}
#landing h2{font-size:clamp(1.9rem,4.2vw,3.1rem);line-height:1.08;margin:0 0 1rem;}
#landing h2 span{background:var(--t-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.h-kicker{display:inline-block;margin:0 0 1.1rem;padding:5px 12px;border-radius:999px;background:#EEEDFF;color:var(--t-act);font-weight:700;font-size:.82rem;}
.h-kicker-light{background:rgba(255,255,255,.12);color:#fff;}

/* ---------------------------------------------------------------- hero */
#landing .h-hero{padding:64px 0 96px;position:relative;overflow:hidden;
  background:radial-gradient(700px 420px at 85% 10%,rgba(122,92,255,.16),transparent 70%),radial-gradient(600px 380px at 70% 95%,rgba(255,154,107,.16),transparent 70%),radial-gradient(520px 360px at 0% 0%,rgba(45,107,255,.10),transparent 70%),#F7F8FC;}
.h-herogrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:56px;align-items:center;}
.h-herocopy h1{font-size:clamp(2.3rem,5.4vw,4.1rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 1.4rem;max-width:13ch;}
.h-herocopy h1 span{background:var(--t-grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.h-herocopy .lede{color:var(--t-soft);max-width:48ch;}

/* the try-it demo */
.h-demo{background:#fff;border-radius:24px;box-shadow:0 0 0 1px var(--t-line),0 30px 70px -30px rgba(70,60,200,.45),0 10px 24px -14px rgba(18,20,51,.18);overflow:hidden;position:relative;}
.h-demo::before{content:"";position:absolute;inset:-1px;border-radius:25px;padding:1px;background:var(--t-grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55;}
.h-demobar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--t-line);background:#FBFBFE;}
.h-demobrand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--t-navy);}
.h-demobrand img{border-radius:6px;}
.h-seg{display:flex;background:#EFF0F7;border-radius:10px;padding:3px;gap:2px;}
.h-seg button{font:inherit;font-size:.8rem;font-weight:600;border:0;background:none;color:var(--t-soft);padding:7px 11px;border-radius:8px;cursor:pointer;min-height:34px;}
.h-seg button[aria-selected="true"]{background:#fff;color:var(--t-navy);box-shadow:0 1px 3px rgba(18,20,51,.14);}
.h-seg button:focus-visible{outline:2px solid var(--t-act);outline-offset:1px;}
.h-feed{padding:18px 16px 6px;min-height:356px;display:flex;flex-direction:column;gap:10px;}
.h-msg{align-self:flex-start;max-width:92%;background:#F1F0FF;color:var(--t-navy);border-radius:16px 16px 16px 4px;padding:11px 14px;font-size:.92rem;line-height:1.45;animation:hIn .35s ease both;}
.h-typing{display:flex;gap:5px;padding:14px 16px;}
.h-typing i{width:7px;height:7px;border-radius:50%;background:var(--t-violet);opacity:.4;animation:hDot 1s infinite;}
.h-typing i:nth-child(2){animation-delay:.15s}.h-typing i:nth-child(3){animation-delay:.3s}
@keyframes hDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes hIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.h-card{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--t-line),0 4px 14px -8px rgba(18,20,51,.18);animation:hIn .35s ease both;transition:background .25s,opacity .25s;}
.h-cardtext{flex:1;min-width:0;}
.h-cardtext b{display:block;font-size:.95rem;color:var(--t-navy);margin:3px 0 2px;}
.h-cardtext p{margin:0;font-size:.84rem;line-height:1.45;color:var(--t-soft);max-width:none;}
.h-ctag{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;}
.h-off .h-ctag{background:#FDE8E8;color:#B42318;}
.h-up .h-ctag{background:#E3F6EA;color:#15803D;}
.h-card.h-done.h-off{background:#F7F8FC;} .h-card.h-done.h-off .h-cardtext{opacity:.55;}
.h-card.h-done.h-off .h-cardtext b{text-decoration:line-through;}
.h-card.h-done.h-up{background:#F2FBF5;}
.h-switch{flex:none;width:56px;height:32px;border-radius:16px;border:0;padding:3px;cursor:pointer;background:#C9CCDD;position:relative;transition:background .25s;}
.h-switch i{display:block;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(18,20,51,.3);transition:transform .25s cubic-bezier(.3,1.4,.5,1);}
.h-switch[aria-checked="true"]{background:var(--t-grad);}
.h-switch[aria-checked="true"] i{transform:translateX(24px);}
.h-switch:focus-visible{outline:2px solid var(--t-act);outline-offset:2px;}
.h-off .h-switch[aria-checked="true"]{background:linear-gradient(135deg,#F97066,#E0313F);}
.h-demofoot{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;margin:8px 16px 0;padding:14px 16px;border-radius:14px;background:var(--t-grad);color:#fff;}
.h-demofoot span{display:block;font-size:.78rem;opacity:.9;}
.h-demofoot b{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.h-demofoot p{margin:0;font-size:.84rem;max-width:30ch;line-height:1.4;}
.h-demonote{margin:10px 16px 14px;font-size:.76rem;color:#6B6F88;}

/* ---------------------------------------------------------------- the difference band */
#landing .h-band{background:radial-gradient(900px 500px at 90% 0%,rgba(255,154,107,.22),transparent 60%),linear-gradient(160deg,#121433 0%,#2A2380 55%,#5B45E0 100%);color:#fff;text-align:center;border-radius:40px;margin:0 16px;}
.h-band h2{color:#fff;max-width:20ch;margin-left:auto!important;margin-right:auto!important;}
#landing .h-band h2 span{background:linear-gradient(90deg,#BFD0FF,#FFC2A6);-webkit-background-clip:text;background-clip:text;color:transparent;}
.h-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:1.6rem auto 2.2rem;padding:5px;border-radius:14px;background:rgba(255,255,255,.08);}
.h-tabs button{font:inherit;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.8);background:none;border:0;padding:10px 16px;border-radius:10px;cursor:pointer;min-height:44px;}
.h-tabs button[aria-selected="true"]{background:#fff;color:var(--t-navy);}
.h-tabs button:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.h-cmp{display:grid;grid-template-columns:1fr 56px 1.2fr;align-items:stretch;gap:0;max-width:1000px;margin:0 auto;text-align:left;}
.h-cmp.h-swap .h-them,.h-cmp.h-swap .h-us{animation:hIn .35s ease both;}
.h-cmp.h-swap .h-us{animation-delay:.08s;}
.h-them{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px;}
.h-us{background:#fff;color:var(--t-navy);border-radius:22px;padding:24px;box-shadow:0 24px 60px -24px rgba(0,0,0,.5);}
.h-who{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-weight:700;font-size:.95rem;}
.h-them .h-who{color:rgba(255,255,255,.75);}
.h-who img{border-radius:6px;}
.h-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.h-metrics div{background:rgba(255,255,255,.06);border-radius:12px;padding:10px 12px;}
.h-metrics span{display:block;font-size:.74rem;color:rgba(255,255,255,.65);}
.h-metrics b{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;}
.h-shrug{margin:14px 0 0;font-size:.82rem;color:rgba(255,255,255,.6);}
.h-arrow{display:flex;align-items:center;justify-content:center;color:#FFC2A6;}
.h-arrow svg{width:36px;height:36px;}
.h-tag{display:inline-block;margin:0 0 10px;padding:3px 10px;border-radius:999px;background:#EEEDFF;color:var(--t-act);font-weight:700;font-size:.8rem;}
.h-say{font-size:1.12rem;line-height:1.45;font-weight:600;margin:0 0 12px;max-width:none;}
.h-do{margin:0;padding:12px 14px;border-radius:12px;background:#F7F8FC;font-size:.95rem;color:var(--t-soft);max-width:none;}
.h-do::before{content:"Do this: ";font-weight:700;color:var(--t-navy);}

/* ---------------------------------------------------------------- the five jobs */
.h-jobsgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:start;}
.h-intro{color:var(--t-soft);font-size:1.08rem;margin-bottom:1.8rem;}
.h-tiles{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.h-tiles li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:18px;padding:16px 18px;box-shadow:0 0 0 1px var(--t-line),0 6px 18px -12px rgba(18,20,51,.2);}
.h-tiles i,.h-kindgrid i{flex:none;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;}
.h-tiles svg,.h-kindgrid svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.h-tiles b{font-size:1rem;color:var(--t-navy);}
.h-tiles p{margin:2px 0 0;font-size:.92rem;line-height:1.5;color:var(--t-soft);}
.t-off i{background:linear-gradient(135deg,#F97066,#D92D20);}
.t-up i{background:linear-gradient(135deg,#34C77B,#15803D);}
.t-fix i{background:linear-gradient(135deg,#FDB022,#E0763F);}
.t-ping i{background:linear-gradient(135deg,#2D6BFF,#5A55FF);}
.t-make i{background:linear-gradient(135deg,#7A5CFF,#FF9A6B);}
.h-jobs .lp-demo{position:sticky;top:110px;margin:0;}

/* ---------------------------------------------------------------- steps */
#landing .h-steps{background:#F7F8FC;}
.h-stepgrid{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.h-stepgrid li{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px var(--t-line);}
.h-stepgrid h3{display:flex;align-items:center;gap:10px;margin:22px 24px 8px;font-size:1.25rem;}
.h-stepgrid h3 em{font-style:normal;width:28px;height:28px;border-radius:8px;background:var(--t-grad);color:#fff;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;}
.h-stepgrid p{margin:0 24px 26px;color:var(--t-soft);font-size:.95rem;line-height:1.55;}
.h-vis{height:200px;background:radial-gradient(260px 160px at 80% 0%,rgba(255,154,107,.45),transparent 70%),linear-gradient(160deg,#2D6BFF,#5A45E0 60%,#7A5CFF);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;}
.h-ring{width:104px;height:104px;border-radius:50%;background:conic-gradient(#fff 0 72%,rgba(255,255,255,.22) 72% 100%);display:flex;align-items:center;justify-content:center;position:relative;}
.h-ring::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#4B4BE8;}
.h-ring b,.h-ring small{position:relative;z-index:1;color:#fff;}
.h-ring b{font-size:2rem;font-weight:800;} .h-ring small{font-size:.75rem;opacity:.8;margin:10px 0 0 2px;}
.h-grades{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;}
.h-grades span{background:rgba(255,255,255,.16);color:#fff;font-size:.75rem;padding:4px 9px;border-radius:999px;}
.h-pill{display:flex;align-items:center;gap:10px;background:#fff;color:var(--t-navy);border-radius:14px;padding:12px 14px;font-size:.88rem;font-weight:600;width:100%;max-width:260px;box-shadow:0 10px 24px -12px rgba(0,0,0,.35);}
.h-fb{width:24px;height:24px;border-radius:50%;background:#1877F2;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;}
.h-lock{margin-left:auto;font-size:.7rem;font-weight:700;background:#E3F6EA;color:#15803D;padding:3px 7px;border-radius:999px;}
.h-pill-ok{background:rgba(255,255,255,.16);color:#fff;font-weight:500;}
.h-pill-ok svg{width:18px;height:18px;fill:none;stroke:#7CF0B0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}
.h-note{display:flex;align-items:center;gap:10px;width:100%;max-width:270px;background:rgba(255,255,255,.94);border-radius:16px;padding:10px 12px;box-shadow:0 10px 24px -12px rgba(0,0,0,.35);}
.h-note img{border-radius:7px;}
.h-note div{flex:1;min-width:0;line-height:1.3;}
.h-note b{display:block;font-size:.8rem;color:var(--t-navy);}
.h-note span{display:block;font-size:.8rem;color:var(--t-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.h-note small{font-size:.7rem;color:#8A8EA8;align-self:flex-start;}
.h-note-2{opacity:.85;transform:scale(.96);}

/* ---------------------------------------------------------------- business types */
.h-kindgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:2.2rem;}
.h-kindgrid > div{background:#fff;border-radius:22px;padding:24px 22px;box-shadow:0 0 0 1px var(--t-line);}
.h-kindgrid h3{font-size:1.1rem;margin:16px 0 6px;}
.h-kindgrid p{margin:0;font-size:.92rem;line-height:1.5;color:var(--t-soft);}
.k-store i{background:linear-gradient(135deg,#2D6BFF,#5A55FF);}
.k-leads i{background:linear-gradient(135deg,#7A5CFF,#B07CFF);}
.k-local i{background:linear-gradient(135deg,#FF9A6B,#F0634F);}
.k-other i{background:linear-gradient(135deg,#34C77B,#1E9E8C);}
.h-pages{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;}
.h-pages b{font-size:.9rem;color:var(--t-soft);font-weight:600;margin-right:6px;}
.h-pages span{font-size:.88rem;font-weight:600;padding:7px 14px;border-radius:999px;background:#EEEDFF;color:var(--t-act);}

/* ---------------------------------------------------------------- last call */
#landing .h-cta{text-align:center;color:#fff;border-radius:40px;margin:0 16px 40px;background:radial-gradient(700px 400px at 15% 0%,rgba(45,107,255,.5),transparent 60%),radial-gradient(700px 420px at 100% 100%,rgba(255,154,107,.55),transparent 60%),linear-gradient(135deg,#2A2380,#5B45E0);}
.h-cta img{border-radius:18px;box-shadow:0 14px 30px -10px rgba(0,0,0,.4);}
.h-cta h2{color:#fff;margin:22px 0 .6rem!important;}
.h-cta p{margin:0 auto;max-width:40ch;color:rgba(255,255,255,.85);font-size:1.1rem;}
.h-cta .btn{background:#fff!important;color:var(--t-navy)!important;border-color:#fff!important;}
.h-cta .herobtns{justify-content:center;display:flex;}

/* pricing: cards instead of a ruled table, the Pro plan ringed in the gradient */
#landing #pricing{border-radius:40px;margin:0 16px;background:#fff;}
#landing h3{letter-spacing:-.01em;}
#landing .lp-demo h2{font-size:1.3rem;line-height:1.25;margin:0;}
#landing .tiers{background:none;gap:16px;}
#landing .tier{background:#F7F8FC;border-radius:22px;padding:28px 24px;box-shadow:0 0 0 1px var(--t-line);}
#landing .tier.pro{background:#fff;box-shadow:0 0 0 2px var(--t-act),0 24px 50px -26px rgba(90,85,255,.6);position:relative;}
#landing .tier.pro::before{content:"Recommended";position:absolute;top:-12px;left:24px;background:var(--t-grad);color:#fff;font-size:.74rem;font-weight:700;padding:4px 10px;border-radius:999px;}
#landing .tier .tn{color:var(--t-act);font-weight:700;}
#landing .tier li{border-top-color:var(--t-line);}
#landing .faq{max-width:820px;}

@media (max-width:980px){
  .h-herogrid,.h-jobsgrid{grid-template-columns:1fr;gap:40px;}
  .h-jobs .lp-demo{position:static;}
  .h-kindgrid{grid-template-columns:1fr 1fr;}
  .h-stepgrid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  #landing section{padding:72px 0;}
  #landing .h-hero{padding:28px 0 56px;}
  #landing .h-band,#landing .h-cta,#landing #pricing{border-radius:28px;margin-left:8px;margin-right:8px;}
  .h-cmp{grid-template-columns:1fr;gap:0;}
  .h-arrow{height:48px;transform:rotate(90deg);}
  .h-kindgrid{grid-template-columns:1fr;}
  .h-feed{min-height:0;}
  .h-seg button{padding:7px 9px;}
  .h-demobar{justify-content:center;}
  .h-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;}
}
@media (prefers-reduced-motion:reduce){
  .h-msg,.h-card,.h-cmp.h-swap .h-them,.h-cmp.h-swap .h-us{animation:none;}
  .h-typing i{animation:none;}
  .h-switch,.h-switch i{transition:none;}
}

/* ---------------------------------------------------------------- the walkthrough (walk.js) */
.w-wrap{position:relative;}
.w-stage{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 0 0 1px var(--t-line),0 40px 80px -40px rgba(70,60,200,.55);background:#F7F8FC;}
.w-app{position:absolute;left:0;top:0;width:860px;height:520px;transform-origin:0 0;display:grid;grid-template-columns:168px 1fr;font-family:var(--body);color:var(--t-navy);background:#F7F8FC;text-align:left;}
.w-app.w-tall{width:360px;height:600px;grid-template-columns:1fr;grid-template-rows:1fr auto;}
.w-side{background:#fff;border-right:1px solid var(--t-line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;}
.w-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;margin:0 6px 16px;letter-spacing:-.02em;}
.w-logo img{border-radius:5px;}
.w-nav{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--t-soft);padding:8px 10px;border-radius:9px;transition:background .3s,color .3s;}
.w-nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.w-nav.on{background:#EEEDFF;color:var(--t-act);}
.w-tabs{display:none;}
.w-tall .w-side{display:none;}
.w-tall .w-tabs{display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--t-line);padding:8px 6px 10px;}
.w-tall .w-tabs .w-nav{flex-direction:column;gap:3px;font-size:10.5px;padding:6px 8px;}
.w-main{padding:20px 24px;overflow:hidden;display:flex;flex-direction:column;min-height:0;}
.w-tall .w-main{padding:16px;}
.w-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.w-top b{font-size:20px;font-weight:800;letter-spacing:-.02em;}
.w-top span{font-size:12px;color:var(--t-soft);}
.w-tall .w-top{flex-direction:column;gap:2px;}
.w-scene{flex:1;display:flex;flex-direction:column;gap:9px;min-height:0;}
.w-scene > *{animation:hIn .4s ease both;}
.w-banner{background:linear-gradient(135deg,#FFF6E8,#FFEBDD);border-radius:12px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;}
.w-banner b{font-size:14px;} .w-banner span{font-size:11.5px;color:var(--t-soft);}
.w-tall .w-banner{flex-direction:column;align-items:flex-start;gap:2px;}
.w-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 0 0 1px var(--t-line);transition:opacity .3s,background .3s;}
.w-card > div{flex:1;min-width:0;}
.w-card b{display:block;font-size:13.5px;margin:2px 0 1px;}
.w-card small{display:block;font-size:11.5px;color:var(--t-soft);}
.w-tag{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;}
.w-off .w-tag{background:#FDE8E8;color:#B42318;} .w-up .w-tag{background:#E3F6EA;color:#15803D;} .w-fix .w-tag{background:#FFF1DC;color:#B4531F;}
.w-card.w-done.w-off{opacity:.55;} .w-card.w-done.w-off b{text-decoration:line-through;}
.w-card.w-done.w-up{background:#F2FBF5;}
.w-sw{flex:none;width:40px;height:23px;border-radius:12px;background:#C9CCDD;padding:2.5px;transition:background .3s;}
.w-sw i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .3s cubic-bezier(.3,1.4,.5,1);box-shadow:0 1px 2px rgba(0,0,0,.25);}
.w-sw.on{background:var(--t-grad);} .w-sw.on i{transform:translateX(17px);}
.w-off .w-sw.on{background:linear-gradient(135deg,#F97066,#E0313F);}
.w-pill{font-size:11px;font-weight:700;color:#B4531F;background:#FFF1DC;padding:5px 10px;border-radius:8px;}
.w-saved{margin-top:auto;background:var(--t-grad);color:#fff;border-radius:12px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;}
.w-saved span{font-size:11.5px;opacity:.9;} .w-saved b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums;}
.w-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.w-kpis div{background:#fff;border-radius:12px;padding:12px;box-shadow:0 0 0 1px var(--t-line);}
.w-kpis span{display:block;font-size:11px;color:var(--t-soft);} .w-kpis b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;}
.w-tall .w-kpis b{font-size:16px;}
.w-chart{position:relative;flex:1;min-height:150px;background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--t-line);padding:16px 12px 10px;}
.w-chart svg{width:100%;height:100%;display:block;overflow:visible;}
.w-be{stroke:#B4531F;stroke-width:1.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;}
.w-line{fill:none;stroke:url(#wg);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:420;stroke-dashoffset:420;animation:wDraw 1.6s .2s ease forwards;}
@keyframes wDraw{to{stroke-dashoffset:0}}
.w-beL{position:absolute;right:14px;top:calc(50% - 4px);font-size:10.5px;font-weight:700;color:#B4531F;background:#fff;padding:0 4px;}
.w-tip{position:absolute;right:16%;top:12px;background:var(--t-navy);color:#fff;font-size:11px;padding:6px 9px;border-radius:8px;opacity:0;transform:translateY(4px);transition:all .3s;}
.w-tip.on{opacity:1;transform:none;}
.w-table{background:#fff;border-radius:12px;box-shadow:0 0 0 1px var(--t-line);overflow:hidden;}
.w-row{display:grid;grid-template-columns:1fr auto 76px;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid var(--t-line);font-size:12.5px;animation:hIn .35s ease both;animation-delay:var(--d);transition:background .3s;}
.w-row:first-child{border-top:0;}
.w-row span{color:var(--t-soft);font-size:11.5px;}
.w-row.on{background:#F2FBF5;}
.w-call{font-style:normal;font-size:10.5px;font-weight:700;text-align:center;padding:3px 0;border-radius:999px;}
.w-call.w-off{background:#FDE8E8;color:#B42318;} .w-call.w-up{background:#E3F6EA;color:#15803D;} .w-call.w-keep{background:#EEEDFF;color:var(--t-act);} .w-call.w-watch{background:#FFF1DC;color:#B4531F;}
.w-tall .w-row{grid-template-columns:1fr 70px;} .w-tall .w-row span{display:none;}
.w-side2{background:var(--t-navy);color:#fff;border-radius:12px;padding:12px 14px;opacity:0;transform:translateY(6px);transition:all .35s;}
.w-side2.on{opacity:1;transform:none;}
.w-side2 b{display:block;font-size:13px;} .w-side2 span{font-size:12px;opacity:.85;}
.w-phone{flex:1;border-radius:22px;background:radial-gradient(260px 180px at 80% 0%,rgba(255,154,107,.5),transparent 70%),linear-gradient(160deg,#2D6BFF,#5A45E0 60%,#7A5CFF);padding:22px 18px;display:flex;flex-direction:column;gap:10px;align-items:center;}
.w-notif{display:flex;align-items:center;gap:10px;width:100%;max-width:380px;background:rgba(255,255,255,.96);border-radius:16px;padding:10px 12px;box-shadow:0 12px 26px -12px rgba(0,0,0,.4);opacity:0;transform:translateY(-14px);transition:all .45s cubic-bezier(.2,1,.3,1);}
.w-notif.on{opacity:1;transform:none;}
.w-notif img{border-radius:7px;flex:none;}
.w-notif div{flex:1;min-width:0;line-height:1.35;} .w-notif b{display:block;font-size:12.5px;} .w-notif span{display:block;font-size:12px;color:var(--t-soft);}
.w-notif small{font-size:10.5px;color:#8A8EA8;align-self:flex-start;}
.w-cap{margin:0;font-size:12px;color:var(--t-soft);text-align:center;max-width:none;}
.w-cursor{position:absolute;left:0;top:0;width:22px;height:22px;transform:translate(70%,60%);transition:transform .75s cubic-bezier(.45,.05,.25,1);pointer-events:none;z-index:5;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));}
.w-cursor svg{width:22px;height:22px;fill:var(--t-navy);stroke:#fff;stroke-width:1.5;}
.w-cursor::after{content:"";position:absolute;left:-10px;top:-10px;width:24px;height:24px;border-radius:50%;background:rgba(90,85,255,.35);transform:scale(0);opacity:0;}
.w-cursor.w-click::after{animation:wClick .45s ease;}
@keyframes wClick{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.6);opacity:0}}
.w-bar{display:flex;align-items:center;gap:8px;margin-top:14px;}
.w-play{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:var(--t-navy);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.w-play svg{width:16px;height:16px;fill:currentColor;stroke:currentColor;stroke-width:3;stroke-linecap:round;}
.w-play:focus-visible,.w-ch:focus-visible{outline:2px solid var(--t-act);outline-offset:2px;}
.w-ch{flex:1;min-width:0;border:0;background:none;padding:6px 0;cursor:pointer;text-align:left;font:inherit;min-height:40px;}
.w-ch i{display:block;height:4px;border-radius:2px;background:rgba(18,20,51,.12);overflow:hidden;}
.w-ch b{display:block;height:100%;width:0;background:var(--t-grad);}
.w-ch span{display:block;margin-top:6px;font-size:.8rem;font-weight:600;color:var(--t-soft);}
.w-ch.on span{color:var(--t-navy);}
.w-note{margin:6px 0 0;font-size:.76rem;color:#6B6F88;}
@media (prefers-reduced-motion:reduce){.w-cursor{display:none;}.w-line{animation:none;stroke-dashoffset:0;}.w-scene > *,.w-row{animation:none;}}

/* walkthrough section on the home and business pages */
#landing .h-walk{padding-top:96px;}
.h-walkhead{text-align:center;max-width:720px;margin:0 auto 2rem;}
.h-walkhead p{margin:0 auto;color:var(--t-soft);font-size:1.08rem;}
.h-walk .w-wrap{max-width:980px;margin:0 auto;}

/* ---------------------------------------------------------------- calculator */
#landing .h-calc{background:#F7F8FC;}
.h-calcgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;}
.h-calcnote{font-size:.88rem;color:#6B6F88;max-width:44ch;}
.h-calcbox{background:#fff;border-radius:26px;padding:30px;box-shadow:0 0 0 1px var(--t-line),0 30px 60px -34px rgba(70,60,200,.45);}
.h-calcbox label{display:block;margin-bottom:24px;}
.h-calcbox label > span{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:.95rem;margin-bottom:10px;}
.h-calcbox label b{color:var(--t-act);font-variant-numeric:tabular-nums;}
.h-calcbox input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:none;outline:none;margin:0;font-size:16px;cursor:pointer;}
.h-calcbox input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,#5A55FF var(--p,50%),#E4E5F0 var(--p,50%));}
.h-calcbox input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:3px solid var(--t-act);box-shadow:0 2px 6px rgba(18,20,51,.25);}
.h-calcbox input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:#E4E5F0;}
.h-calcbox input[type=range]::-moz-range-progress{height:8px;border-radius:4px;background:#5A55FF;}
.h-calcbox input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--t-act);}
.h-calcbox input[type=range]:focus-visible{outline:2px solid var(--t-act);outline-offset:4px;border-radius:6px;}
.h-calcout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 22px;}
.h-calcout div{border-radius:16px;padding:14px;background:#F7F8FC;}
.h-calcout div:first-child{background:var(--t-grad);color:#fff;}
.h-calcout span{display:block;font-size:.8rem;opacity:.85;}
.h-calcout b{font-size:clamp(1.2rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
.h-calcbox .btn{margin:0;}
@media (max-width:980px){.h-calcgrid{grid-template-columns:1fr;gap:28px;}}
@media (max-width:520px){.h-calcout{grid-template-columns:1fr 1fr;}.h-calcout div:first-child{grid-column:1 / -1;}.h-calcbox{padding:22px;}}

/* business type cards that link to their pages */
.h-kindgrid a{color:inherit;text-decoration:none;display:block;}
.h-kindgrid a:hover h3,.h-kindgrid a:focus-visible h3{color:var(--t-act);}
.h-more{display:inline-block;margin-top:12px;font-size:.88rem;font-weight:700;color:var(--t-act);}
.foot-for a{margin-right:14px;}
.h-kind5{grid-template-columns:repeat(5,minmax(0,1fr));}
.k-agency i{background:linear-gradient(135deg,#121433,#5A55FF);}
@media (max-width:1180px){.h-kind5{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:980px){.h-kind5{grid-template-columns:1fr 1fr;}}
@media (max-width:720px){.h-kind5{grid-template-columns:1fr;}}
.h-tiles2{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.2rem;}
.h-tiles2 li{flex-direction:column;gap:12px;padding:22px;}
.herobtns .h-btn2{background:#fff!important;color:var(--t-act)!important;border-color:rgba(90,85,255,.35)!important;margin-left:12px;}
@media (max-width:980px){.h-tiles2{grid-template-columns:1fr 1fr;}}
@media (max-width:620px){.h-tiles2{grid-template-columns:1fr;}.herobtns .h-btn2{margin-left:0;margin-top:10px;}}
.w-phone{justify-content:flex-start;}
.w-clock{color:#fff;font-size:54px;font-weight:800;letter-spacing:-.03em;line-height:1;text-align:center;margin:6px 0 10px;}
.w-clock small{display:block;font-size:13px;font-weight:600;letter-spacing:0;opacity:.85;margin-top:6px;}

/* the Agency plan strip under the price cards */
.h-agency{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) auto;gap:20px 32px;align-items:center;margin-top:18px;padding:26px 28px;border-radius:22px;color:#fff;background:radial-gradient(500px 260px at 100% 0%,rgba(255,154,107,.35),transparent 60%),linear-gradient(135deg,#121433,#3A2FA8);}
.h-agency .tn{margin:0;color:#BFD0FF;font-weight:700;}
.h-agency .tp{margin:.3rem 0 .1rem;font-size:2rem;font-weight:800;line-height:1.1;}
.h-agency .ts{margin:0;color:rgba(255,255,255,.75);font-size:.85rem;}
.h-agency ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;}
.h-agency li{font-size:.92rem;padding-left:22px;position:relative;}
.h-agency li::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2px solid #9CF0C4;border-bottom:2px solid #9CF0C4;transform:rotate(-45deg);}
.h-agact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.h-agency .btn{margin:0;background:#fff!important;color:var(--t-navy)!important;border-color:#fff!important;}
.h-agency .h-more{color:#BFD0FF;margin-top:4px;}
.h-agency [hidden]{display:none!important;}
@media (max-width:980px){.h-agency{grid-template-columns:1fr;}.h-agency ul{grid-template-columns:1fr;}}