/* webhubseo.com -- Design System */
/* SPLIT NAV (centered logo) | DARK HERO + word rotation + orbit ring */
/* Feature comparison table pricing | Alternating case study rows */
/* FAQ card grid | Masonry testimonials | Chivo + Nunito Sans */
/* White + Cobalt Blue + Orange + Charcoal | Frostburg, MD */
@import url('https://fonts.googleapis.com/css2?family=Chivo:wght@400;500;700;900&family=Nunito+Sans:wght@400;500;600;700&display=swap');
:root {
  --whb-blue:#2563EB;--whb-blue-dk:#1D4ED8;--whb-blue-lt:#3B82F6;
  --whb-orange:#EA580C;--whb-orange-lt:#F97316;
  --whb-dark:#1A1F2E;--whb-darker:#0D1120;
  --whb-white:#FFFFFF;--whb-surface:#F8FAFC;--whb-stone:#E2E8F0;
  --whb-ink:#1A1F2E;--whb-muted:#64748B;
  --whb-border:rgba(26,31,46,.09);--whb-border-md:rgba(26,31,46,.15);
  --whb-shadow:0 1px 12px rgba(26,31,46,.07);
  --whb-shadow-lg:0 8px 40px rgba(26,31,46,.12);
  --whb-r4:4px;--whb-r8:8px;--whb-r12:12px;--whb-r16:16px;
  --whb-wrap:1200px;
  --whb-fh:'Chivo',system-ui,sans-serif;
  --whb-fb:'Nunito Sans',system-ui,sans-serif;
  --whb-ease:all .22s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:100%;overflow-x:hidden;scroll-behavior:smooth;}
body{font-family:var(--whb-fb);font-size:0.9375rem;line-height:1.75;color:var(--whb-ink);background:var(--whb-white);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img,svg{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
button{font-family:var(--whb-fb);cursor:pointer;border:none;background:none;}
input,select,textarea{font-family:var(--whb-fb);}
ul,ol{list-style:none;}
.whb-bind{max-width:var(--whb-wrap);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);width:100%;}
.whb-band{padding:clamp(4rem,7vw,6rem) 0;}
.whb-kicker{font-family:var(--whb-fh);font-size:0.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--whb-orange);margin-bottom:.75rem;}
.whb-h2{font-family:var(--whb-fh);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;color:var(--whb-ink);line-height:1.05;letter-spacing:-.02em;}
.whb-h2-lt{color:var(--whb-white);}
.whb-para{font-size:clamp(0.9375rem,1.3vw,1.0625rem);color:var(--whb-muted);line-height:1.8;}
.whb-fade{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
.whb-fade.whb-vis{opacity:1;transform:none;}
.whb-pg-top{background:var(--whb-dark);padding:clamp(3rem,6vw,5rem) 0;}
.whb-pg-h1{font-family:var(--whb-fh);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;text-align:center;color:var(--whb-white);letter-spacing:-.02em;margin-bottom:.5rem;}
.whb-pg-sub{text-align:center;color:rgba(255,255,255,.3);font-size:clamp(0.9375rem,1.4vw,1.125rem);max-width:540px;margin:0 auto;}

/* BUTTONS */
.whb-btn-blue{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.875rem;background:var(--whb-blue);color:var(--whb-white);font-family:var(--whb-fh);font-size:0.875rem;font-weight:700;border-radius:var(--whb-r4);transition:var(--whb-ease);}
.whb-btn-blue:hover{background:var(--whb-blue-dk);transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,99,235,.3);}
.whb-btn-org{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.875rem;background:var(--whb-orange);color:var(--whb-white);font-family:var(--whb-fh);font-size:0.875rem;font-weight:700;border-radius:var(--whb-r4);transition:var(--whb-ease);}
.whb-btn-org:hover{background:var(--whb-orange-lt);}
.whb-btn-out{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.75rem;border:1.5px solid var(--whb-border-md);color:var(--whb-ink);font-family:var(--whb-fh);font-size:0.875rem;font-weight:700;border-radius:var(--whb-r4);transition:var(--whb-ease);}
.whb-btn-out:hover{border-color:var(--whb-blue);color:var(--whb-blue);}
.whb-btn-out-lt{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.75rem;border:1.5px solid rgba(255,255,255,.2);color:var(--whb-white);font-family:var(--whb-fh);font-size:0.875rem;font-weight:700;border-radius:var(--whb-r4);transition:var(--whb-ease);}
.whb-btn-out-lt:hover{border-color:var(--whb-orange);color:var(--whb-orange);}

/* ====== SPLIT NAV WITH CENTERED LOGO (new in series) ====== */
.whb-helm{background:var(--whb-white);border-bottom:1px solid var(--whb-border);position:sticky;top:0;z-index:900;transition:box-shadow .25s;}
.whb-helm.whb-helm-sd{box-shadow:var(--whb-shadow);}
.whb-helm-raft{max-width:var(--whb-wrap);margin:0 auto;padding:0 clamp(1.25rem,4vw,2.5rem);height:70px;display:flex;align-items:center;position:relative;}
.whb-helm-left{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:flex-end;padding-right:2.5rem;}
.whb-helm-logo{position:absolute;left:50%;transform:translateX(-50%);font-family:var(--whb-fh);font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:900;color:var(--whb-ink);letter-spacing:-.02em;white-space:nowrap;}
.whb-helm-logo em{color:var(--whb-blue);font-style:normal;}
.whb-helm-right{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:flex-start;padding-left:2.5rem;}
.whb-helm-a{font-family:var(--whb-fh);font-size:1.0rem;font-weight:600;color:var(--whb-muted);padding:.4rem .75rem;border-radius:var(--whb-r4);transition:color .2s;}
.whb-helm-a:hover,.whb-helm-a[aria-current]{color:var(--whb-ink);}
.whb-helm-cta{padding:.4rem 1.25rem;background:var(--whb-blue);color:var(--whb-white);font-family:var(--whb-fh);font-size:0.875rem;font-weight:700;border-radius:var(--whb-r4);margin-left:.25rem;transition:var(--whb-ease);}
.whb-helm-cta:hover{background:var(--whb-blue-dk);}
.whb-mobile-brg{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--whb-r4);color:var(--whb-ink);}
/* Mobile drawer */
.whb-mob-menu{position:fixed;inset:0;z-index:980;background:var(--whb-dark);padding:5rem 2rem 2rem;transform:translateX(100%);transition:transform .35s ease;pointer-events:none;}
.whb-mob-menu.whb-mob-on{transform:none;pointer-events:all;}
.whb-mob-close{position:absolute;top:1.25rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);}
.whb-mob-a{display:block;font-family:var(--whb-fh);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;color:rgba(255,255,255,.2);padding:.4rem 0;transition:color .2s;border-bottom:1px solid rgba(255,255,255,.05);}
.whb-mob-a:hover{color:var(--whb-white);}

/* ====== HERO (DARK + WORD ROTATION + ORBIT) ====== */
.whb-arc{background:var(--whb-darker);padding:clamp(5rem,9vw,8rem) 0 0;overflow:hidden;}
.whb-arc-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding-bottom:clamp(3rem,5vw,5rem);}
.whb-arc-left{}
.whb-arc-kicker{font-size:0.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--whb-orange);margin-bottom:1.25rem;}
.whb-arc-h1{font-family:var(--whb-fh);font-size:clamp(2.5rem,6vw,5rem);font-weight:900;color:var(--whb-white);line-height:1.0;letter-spacing:-.03em;margin-bottom:1.75rem;}
.whb-arc-wslot{display:inline-block;position:relative;min-width:clamp(120px,25vw,300px);height:1.1em;vertical-align:middle;}
.whb-arc-w{position:absolute;left:0;top:0;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease;color:var(--whb-orange);white-space:nowrap;}
.whb-arc-w.whb-w-on{opacity:1;transform:none;}
.whb-arc-sub{font-size:clamp(0.9375rem,1.4vw,1.125rem);color:rgba(255,255,255,.35);line-height:1.8;max-width:44ch;margin-bottom:2rem;}
.whb-arc-acts{display:flex;flex-wrap:wrap;gap:.75rem;}
/* ORBIT (right side) */
.whb-arc-right{display:flex;justify-content:center;align-items:center;}
.whb-orb-outer{position:relative;width:280px;height:280px;flex-shrink:0;}
.whb-orb-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(37,99,235,.25);animation:whbOrb 8s linear infinite;}
.whb-orb-ring::before{content:'';position:absolute;top:-6px;left:calc(50% - 6px);width:12px;height:12px;border-radius:50%;background:var(--whb-orange);box-shadow:0 0 12px var(--whb-orange);}
.whb-orb-ring2{position:absolute;inset:20px;border-radius:50%;border:1px solid rgba(37,99,235,.1);animation:whbOrb 14s linear reverse infinite;}
.whb-orb-core{position:absolute;inset:24px;border-radius:50%;background:rgba(37,99,235,.08);display:grid;grid-template-columns:1fr 1fr;gap:.5rem;align-items:center;justify-items:center;padding:1.25rem;}
.whb-orb-stat{text-align:center;}
.whb-orb-n{font-family:var(--whb-fh);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900;color:var(--whb-white);line-height:1;}
.whb-orb-l{font-size:0.69rem;color:rgba(255,255,255,.25);margin-top:.15rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;}
@keyframes whbOrb{to{transform:rotate(360deg);}}
/* Ticker */
.whb-ticker-band{background:var(--whb-blue);overflow:hidden;padding:.5rem 0;}
.whb-ticker-inner{display:flex;white-space:nowrap;animation:whbTick 28s linear infinite;}
.whb-ticker-item{display:inline-flex;align-items:center;gap:.75rem;padding:0 2rem;font-size:0.875rem;font-weight:700;color:rgba(255,255,255,.65);font-family:var(--whb-fh);}
.whb-ticker-item::after{content:'·';color:rgba(255,255,255,.25);}
@keyframes whbTick{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ====== SERVICES HUB GRID ====== */
.whb-svc-hub{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}
.whb-svc-spoke{background:var(--whb-white);border:1.5px solid var(--whb-border);border-radius:var(--whb-r16);padding:1.75rem;transition:var(--whb-ease);position:relative;overflow:hidden;}
.whb-svc-spoke::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--whb-blue);border-radius:2px 0 0 2px;transition:width .25s ease;}
.whb-svc-spoke:hover{border-color:rgba(37,99,235,.25);box-shadow:var(--whb-shadow-lg);transform:translateY(-2px);}
.whb-svc-spoke:hover::before{width:5px;background:var(--whb-orange);}
.whb-ss-ico{width:44px;height:44px;border-radius:var(--whb-r8);background:var(--whb-surface);display:flex;align-items:center;justify-content:center;color:var(--whb-blue);margin-bottom:1rem;transition:var(--whb-ease);}
.whb-svc-spoke:hover .whb-ss-ico{background:var(--whb-blue);color:var(--whb-white);}
.whb-ss-nm{font-family:var(--whb-fh);font-size:1.05rem;font-weight:700;color:var(--whb-ink);margin-bottom:.4rem;}
.whb-ss-br{font-size:0.875rem;color:var(--whb-muted);line-height:1.7;margin-bottom:1.25rem;}
.whb-ss-pr{font-size:0.875rem;font-weight:700;color:var(--whb-blue);margin-bottom:.625rem;}
.whb-ss-lnk{font-size:0.8125rem;font-weight:700;color:var(--whb-blue);display:flex;align-items:center;gap:.25rem;transition:gap .2s;}
.whb-svc-spoke:hover .whb-ss-lnk{gap:.5rem;color:var(--whb-orange);}

/* ====== QUICK FACTS RAIL ====== */
.whb-facts-rail{background:var(--whb-dark);padding:clamp(2.5rem,5vw,4rem) 0;}
.whb-facts-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;}
.whb-fact-col{text-align:center;}
.whb-fact-n{font-family:var(--whb-fh);font-size:clamp(2rem,4vw,3rem);font-weight:900;color:var(--whb-white);}
.whb-fact-em{color:var(--whb-orange);}
.whb-fact-l{font-size:0.75rem;color:rgba(255,255,255,.3);margin-top:.2rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;}

/* ====== PROCESS HORIZONTAL FLOW ====== */
.whb-proc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;}
.whb-proc-flow::before{content:'';position:absolute;top:28px;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,var(--whb-blue),var(--whb-orange));z-index:0;}
.whb-proc-stop{padding:1.25rem;position:relative;z-index:1;}
.whb-proc-bubble{width:56px;height:56px;border-radius:50%;background:var(--whb-blue);display:flex;align-items:center;justify-content:center;font-family:var(--whb-fh);font-size:1.1rem;font-weight:900;color:var(--whb-white);margin-bottom:1rem;position:relative;z-index:1;}
.whb-proc-stop:nth-child(2) .whb-proc-bubble{background:var(--whb-dark);}
.whb-proc-stop:nth-child(3) .whb-proc-bubble{background:var(--whb-dark);}
.whb-proc-stop:last-child .whb-proc-bubble{background:var(--whb-orange);}
.whb-proc-nm{font-family:var(--whb-fh);font-size:0.9375rem;font-weight:700;color:var(--whb-ink);margin-bottom:.4rem;}
.whb-proc-p{font-size:0.8125rem;color:var(--whb-muted);line-height:1.7;}

/* ====== CASE STUDIES: ALTERNATING FULL-WIDTH ROWS (new in series) ====== */
.whb-cs-pair{display:grid;grid-template-columns:1fr 1fr;min-height:480px;}
.whb-cs-pair:nth-child(even) .whb-csp-vis{order:2;}
.whb-cs-pair:nth-child(even) .whb-csp-text{order:1;}
.whb-csp-vis{overflow:hidden;background:var(--whb-stone);}
.whb-csp-vis img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.whb-cs-pair:hover .whb-csp-vis img{transform:scale(1.04);}
.whb-csp-text{padding:clamp(2.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:center;background:var(--whb-surface);}
.whb-cs-pair:nth-child(even) .whb-csp-text{background:var(--whb-white);}
.whb-csp-cat{font-size:0.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--whb-blue);margin-bottom:.5rem;}
.whb-csp-nm{font-family:var(--whb-fh);font-size:clamp(1.35rem,2.5vw,2rem);font-weight:900;color:var(--whb-ink);letter-spacing:-.01em;margin-bottom:.75rem;}
.whb-csp-desc{font-size:clamp(0.9375rem,1.3vw,1.0rem);color:var(--whb-muted);line-height:1.8;margin-bottom:1.5rem;}
.whb-csp-metrics{display:flex;gap:.875rem;flex-wrap:wrap;}
.whb-csp-m{background:var(--whb-white);border:1.5px solid var(--whb-border);border-radius:var(--whb-r8);padding:.5rem .875rem;}
.whb-cs-pair:nth-child(even) .whb-csp-m{background:var(--whb-surface);}
.whb-csp-mv{font-family:var(--whb-fh);font-size:1.15rem;font-weight:900;color:var(--whb-blue);}
.whb-csp-ml{font-size:0.75rem;color:var(--whb-muted);}

/* ====== PRICING: 3-COL CARDS + COMPARISON TABLE (new combination in series) ====== */
.whb-price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem;}
.whb-pc{background:var(--whb-white);border:1.5px solid var(--whb-border);border-radius:var(--whb-r16);padding:2rem;position:relative;transition:var(--whb-ease);}
.whb-pc.whb-pc-hot{border-color:var(--whb-blue);box-shadow:0 4px 32px rgba(37,99,235,.12);}
.whb-pc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--whb-blue);color:var(--whb-white);font-family:var(--whb-fh);font-size:0.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .875rem;border-radius:100px;white-space:nowrap;}
.whb-pc-nm{font-family:var(--whb-fh);font-size:1.05rem;font-weight:700;color:var(--whb-ink);margin-bottom:.25rem;}
.whb-pc-tag{font-size:0.875rem;color:var(--whb-muted);margin-bottom:1.25rem;min-height:2.8em;}
.whb-pc-pr{font-family:var(--whb-fh);font-size:clamp(2rem,4vw,2.75rem);font-weight:900;color:var(--whb-ink);line-height:1;}
.whb-pc-period{font-size:0.8125rem;color:var(--whb-muted);margin:.2rem 0 1.25rem;}
.whb-pc-feat{margin-bottom:1.5rem;}
.whb-pc-fi{display:flex;align-items:center;gap:.4rem;padding:.3rem 0;font-size:0.875rem;color:var(--whb-muted);}
.whb-pc-fi span{color:var(--whb-blue);}
/* Feature comparison table */
.whb-price-tbl{background:var(--whb-white);border:1.5px solid var(--whb-border);border-radius:var(--whb-r16);overflow:hidden;}
.whb-pt-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:var(--whb-dark);padding:.875rem 1.5rem;}
.whb-pt-head-col{font-family:var(--whb-fh);font-size:0.8125rem;font-weight:700;color:rgba(255,255,255,.5);text-align:center;}
.whb-pt-head-col:first-child{text-align:left;color:rgba(255,255,255,.3);}
.whb-pt-head-col.whb-ph-hi{color:var(--whb-white);}
.whb-pt-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:.75rem 1.5rem;border-top:1px solid var(--whb-border);}
.whb-pt-row:hover{background:var(--whb-surface);}
.whb-pt-cell{text-align:center;font-size:0.875rem;color:var(--whb-muted);display:flex;align-items:center;justify-content:center;}
.whb-pt-cell:first-child{justify-content:flex-start;font-weight:600;color:var(--whb-ink);}
.whb-pt-cell.whb-ph-hi{color:var(--whb-blue);font-weight:700;}
.whb-pt-chk{color:var(--whb-blue);}
.whb-pt-x{color:var(--whb-stone);}

/* ====== TESTIMONIALS: MASONRY-STYLE ====== */
.whb-voice-band{background:var(--whb-darker);padding:clamp(4rem,7vw,6rem) 0;}
.whb-voice-mosaic{columns:3;column-gap:1.25rem;}
.whb-voice-tile{break-inside:avoid;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:var(--whb-r16);padding:1.5rem;margin-bottom:1.25rem;transition:var(--whb-ease);}
.whb-voice-tile:hover{border-color:rgba(37,99,235,.3);background:rgba(37,99,235,.06);}
.whb-vt-stars{display:flex;gap:.2rem;color:var(--whb-orange);margin-bottom:.875rem;}
.whb-vt-q{font-size:0.9375rem;color:rgba(255,255,255,.5);line-height:1.75;font-style:italic;margin-bottom:1.1rem;}
.whb-vt-by{font-family:var(--whb-fh);font-size:0.875rem;font-weight:700;color:rgba(255,255,255,.4);}
.whb-vt-role{font-size:0.75rem;color:rgba(255,255,255,.2);margin-top:.1rem;}

/* ====== FAQ CARD GRID (answers always visible) ====== */
.whb-faq-net{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.whb-faq-cell{background:var(--whb-surface);border-radius:var(--whb-r16);padding:1.75rem;border:1.5px solid var(--whb-border);transition:var(--whb-ease);}
.whb-faq-cell:hover{border-color:rgba(37,99,235,.2);box-shadow:var(--whb-shadow);}
.whb-fq-q{font-family:var(--whb-fh);font-size:1.0rem;font-weight:700;color:var(--whb-ink);margin-bottom:.625rem;}
.whb-fq-a{font-size:0.9375rem;color:var(--whb-muted);line-height:1.78;}

/* ====== CTA BLAST (gradient banner) ====== */
.whb-cta-blast{background:linear-gradient(135deg,var(--whb-blue),var(--whb-blue-dk));padding:clamp(4rem,8vw,7rem) 0;text-align:center;overflow:hidden;position:relative;}
.whb-cta-blast::before{content:'';position:absolute;top:-60%;right:-10%;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none;}
.whb-cta-blast::after{content:'';position:absolute;bottom:-70%;left:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.03);pointer-events:none;}
.whb-ctb-h{font-family:var(--whb-fh);font-size:clamp(2rem,5vw,4.5rem);font-weight:900;color:var(--whb-white);letter-spacing:-.02em;margin-bottom:.625rem;position:relative;z-index:1;}
.whb-ctb-p{font-size:clamp(1rem,1.4vw,1.125rem);color:rgba(255,255,255,.5);margin-bottom:2.5rem;max-width:480px;margin-left:auto;margin-right:auto;position:relative;z-index:1;}
.whb-ctb-acts{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;position:relative;z-index:1;}

/* ====== FOOTER 4-COL ====== */
.whb-ground{background:var(--whb-dark);padding:clamp(4rem,6vw,5.5rem) 0 1.75rem;}
.whb-gd-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2.5rem;}
.whb-gd-logo{font-family:var(--whb-fh);font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:900;color:var(--whb-white);display:block;margin-bottom:.5rem;}
.whb-gd-logo em{color:var(--whb-blue);font-style:normal;}
.whb-gd-tag{font-size:0.8125rem;color:rgba(255,255,255,.2);line-height:1.7;max-width:230px;margin-bottom:1.25rem;}
.whb-gd-ct a{display:flex;align-items:flex-start;gap:.4rem;font-size:0.8125rem;color:rgba(255,255,255,.25);padding:.2rem 0;transition:color .2s;}
.whb-gd-ct a:hover{color:var(--whb-orange);}
.whb-gd-ct-ico{color:var(--whb-blue);flex-shrink:0;margin-top:.1rem;}
.whb-gd-soc{display:flex;gap:.4rem;margin-top:1rem;}
.whb-gd-soc a{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.25);transition:var(--whb-ease);}
.whb-gd-soc a:hover{background:var(--whb-blue);color:var(--whb-white);}
.whb-dig{font-size:0.75rem;color:rgba(255,255,255,.1);margin-top:.875rem;}
.whb-gd-col h4{font-size:0.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.15);margin-bottom:1rem;}
.whb-gd-col a{display:block;font-size:0.875rem;color:rgba(255,255,255,.3);padding:.2rem 0;transition:color .2s;}
.whb-gd-col a:hover{color:var(--whb-white);}
.whb-gd-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;}
.whb-gd-copy{font-size:0.75rem;color:rgba(255,255,255,.15);}
.whb-gd-legal{display:flex;gap:1.25rem;}
.whb-gd-legal a{font-size:0.75rem;color:rgba(255,255,255,.15);transition:color .2s;}
.whb-gd-legal a:hover{color:var(--whb-white);}

/* BUILDER */
.whb-bld-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:start;}
.whb-bld-blk{background:var(--whb-white);border:1.5px solid var(--whb-border);border-radius:var(--whb-r16);padding:1.75rem;margin-bottom:1.25rem;}
.whb-bld-blk h2{font-family:var(--whb-fh);font-size:1.05rem;font-weight:700;color:var(--whb-ink);margin-bottom:.2rem;}
.whb-bld-blk p{font-size:0.8125rem;color:var(--whb-muted);margin-bottom:1.25rem;}
input.whb-sc{display:none;}
label.whb-sl{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border:1.5px solid var(--whb-border);border-radius:var(--whb-r8);margin-bottom:.4rem;cursor:pointer;transition:var(--whb-ease);}
label.whb-sl:hover{border-color:var(--whb-blue);}
input.whb-sc:checked + label.whb-sl{border-color:var(--whb-blue);background:rgba(37,99,235,.04);}
.whb-slnm{font-family:var(--whb-fh);font-weight:700;font-size:0.9375rem;color:var(--whb-ink);}
.whb-slpr{font-family:var(--whb-fh);font-size:1rem;font-weight:700;color:var(--whb-blue);white-space:nowrap;}
input.whb-ac{display:none;}
label.whb-al{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border:1.5px solid var(--whb-border);border-radius:var(--whb-r8);margin-bottom:.4rem;cursor:pointer;transition:var(--whb-ease);}
label.whb-al:hover{border-color:var(--whb-blue);}
input.whb-ac:checked + label.whb-al{border-color:var(--whb-blue);background:rgba(37,99,235,.04);}
.whb-alnm{font-weight:700;font-size:0.875rem;color:var(--whb-ink);}
.whb-albr{font-size:0.75rem;color:var(--whb-muted);}
.whb-alpr{font-size:0.875rem;font-weight:700;color:var(--whb-blue);white-space:nowrap;}
.whb-hr-row{display:flex;align-items:center;gap:1rem;}
.whb-hr-rng{flex:1;accent-color:var(--whb-blue);cursor:pointer;min-width:0;}
.whb-hr-val{font-family:var(--whb-fh);font-size:1.25rem;font-weight:900;min-width:5rem;color:var(--whb-ink);}
.whb-ledger{background:var(--whb-dark);border-radius:var(--whb-r16);padding:1.75rem;position:sticky;top:5.5rem;}
.whb-ledger-h{font-family:var(--whb-fh);font-size:1rem;font-weight:700;color:var(--whb-white);margin-bottom:1.25rem;}
.whb-ledger-empty{font-size:0.875rem;color:rgba(255,255,255,.25);}
.whb-ledger-row{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:0.875rem;color:rgba(255,255,255,.4);}
.whb-ledger-row span:last-child{font-weight:700;color:var(--whb-white);white-space:nowrap;}
.whb-ledger-div{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.875rem 0;}
.whb-ledger-tot{display:flex;justify-content:space-between;font-size:0.875rem;font-weight:700;color:rgba(255,255,255,.4);}
.whb-ledger-sum{font-family:var(--whb-fh);font-size:2rem;font-weight:900;color:var(--whb-white);}
.whb-ledger-go{width:100%;padding:.875rem;background:var(--whb-orange);color:var(--whb-white);font-family:var(--whb-fh);font-size:0.9375rem;font-weight:700;border-radius:var(--whb-r4);margin-top:1.5rem;transition:var(--whb-ease);border:none;cursor:pointer;}
.whb-ledger-go:hover:not(:disabled){background:var(--whb-orange-lt);}
.whb-ledger-go:disabled{opacity:.3;cursor:not-allowed;}
.whb-ledger-note{font-size:0.75rem;color:rgba(255,255,255,.2);text-align:center;margin-top:.65rem;}

/* CHECKOUT */
.whb-co-grid{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start;}
.whb-co-blk{background:var(--whb-white);border:1.5px solid var(--whb-border);border-radius:var(--whb-r16);padding:1.75rem;margin-bottom:1rem;}
.whb-co-blk h2{font-family:var(--whb-fh);font-size:1.05rem;font-weight:700;color:var(--whb-ink);margin-bottom:1.5rem;}
.whb-fp{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.whb-field{margin-bottom:.875rem;}
.whb-field label{display:block;font-size:0.8125rem;font-weight:700;margin-bottom:.3rem;color:var(--whb-ink);}
.whb-field input,.whb-field select,.whb-field textarea{width:100%;padding:.65rem .875rem;border:1.5px solid var(--whb-border-md);border-radius:var(--whb-r8);font-size:0.9375rem;color:var(--whb-ink);outline:none;transition:border-color .2s;background:var(--whb-white);}
.whb-field input:focus,.whb-field select:focus{border-color:var(--whb-blue);}
.whb-agree{display:flex;align-items:flex-start;gap:.6rem;font-size:0.8125rem;color:var(--whb-muted);margin-bottom:1.25rem;cursor:pointer;}
.whb-agree input{flex-shrink:0;margin-top:.15rem;accent-color:var(--whb-blue);}
.whb-agree a{color:var(--whb-blue);font-weight:700;text-decoration:underline;}
.whb-ord-box{background:var(--whb-dark);border-radius:var(--whb-r16);padding:1.75rem;position:sticky;top:5.5rem;}
.whb-ord-box h2{font-family:var(--whb-fh);font-size:1rem;font-weight:700;color:var(--whb-white);margin-bottom:1.25rem;}
.whb-ord-row{display:flex;justify-content:space-between;gap:.75rem;font-size:0.875rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.4);}
.whb-ord-row span:last-child{font-weight:700;color:var(--whb-white);white-space:nowrap;}
.whb-ord-div{border:none;border-top:1px solid rgba(255,255,255,.1);margin:.75rem 0;}
.whb-ord-tot{display:flex;justify-content:space-between;font-weight:700;color:rgba(255,255,255,.4);}
.whb-ord-val{font-family:var(--whb-fh);font-size:1.6rem;font-weight:900;color:var(--whb-orange);}
.whb-ord-note{font-size:0.75rem;color:rgba(255,255,255,.2);margin-top:.75rem;}

/* SERVICE PAGE */
.whb-svc-hero{background:var(--whb-darker);padding:clamp(2.5rem,5vw,4.5rem) 0 0;}
.whb-svc-hero-g{display:grid;grid-template-columns:1fr 240px;gap:2.5rem;align-items:start;padding-bottom:3rem;}
.whb-svc-h1{font-family:var(--whb-fh);font-size:clamp(1.75rem,4.5vw,3.25rem);font-weight:900;color:var(--whb-white);letter-spacing:-.02em;margin-bottom:.75rem;}
.whb-svc-sub{font-size:clamp(0.9375rem,1.3vw,1.125rem);color:rgba(255,255,255,.35);max-width:500px;line-height:1.75;margin-bottom:1.5rem;}
.whb-svc-aside{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--whb-r16);padding:1.5rem;}
.whb-sa-from{font-size:0.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--whb-orange);font-weight:700;margin-bottom:.15rem;}
.whb-sa-pr{font-family:var(--whb-fh);font-size:2.25rem;font-weight:900;color:var(--whb-white);margin-bottom:.25rem;}
.whb-sa-note{font-size:0.8125rem;color:rgba(255,255,255,.25);margin-bottom:.875rem;}
.whb-sa-li{display:flex;align-items:flex-start;gap:.4rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:0.8125rem;color:rgba(255,255,255,.4);}
.whb-sa-li span{color:var(--whb-blue);flex-shrink:0;}
.whb-svc-body-sec{background:var(--whb-white);padding:clamp(2.5rem,5vw,5rem) 0;}
.whb-svc-body-g{display:grid;grid-template-columns:1fr 200px;gap:2.5rem;align-items:start;}
.whb-svc-body p{font-size:clamp(0.9375rem,1.3vw,1.0625rem);color:var(--whb-muted);line-height:1.85;margin-bottom:1rem;}
.whb-svc-body h3{font-family:var(--whb-fh);font-size:1.15rem;font-weight:700;color:var(--whb-ink);margin:1.75rem 0 .5rem;}
.whb-ssb{background:var(--whb-surface);border-radius:var(--whb-r12);padding:1.35rem;position:sticky;top:5.5rem;}
.whb-ssb h4{font-size:0.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--whb-muted);margin-bottom:.875rem;}
.whb-ssb-lnk{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--whb-border);font-size:0.875rem;color:var(--whb-ink);transition:color .2s;}
.whb-ssb-lnk:hover{color:var(--whb-blue);}

/* LEGAL */
.whb-legal-sec{background:var(--whb-white);padding:3rem 0 5rem;}
.whb-legal-wrap{max-width:740px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem);}
.whb-legal-wrap h2{font-family:var(--whb-fh);font-size:1.3rem;font-weight:700;margin:2rem 0 .65rem;color:var(--whb-ink);}
.whb-legal-wrap h3{font-family:var(--whb-fh);font-size:1.05rem;font-weight:700;margin:1.5rem 0 .4rem;color:var(--whb-ink);}
.whb-legal-wrap p{font-size:0.9375rem;color:var(--whb-muted);line-height:1.8;margin-bottom:.875rem;}
.whb-legal-wrap ul{margin:.65rem 0 .875rem 1.25rem;}
.whb-legal-wrap ul li{font-size:0.9375rem;color:var(--whb-muted);line-height:1.7;margin-bottom:.3rem;list-style:disc;}

/* STATUS */
.whb-status-pg{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:5rem 1.5rem;}
.whb-status-in{max-width:480px;}
.whb-status-in h1{font-family:var(--whb-fh);font-size:clamp(1.75rem,4vw,3.5rem);font-weight:900;letter-spacing:-.02em;margin-bottom:.65rem;}
.whb-status-in p{font-size:1rem;color:var(--whb-muted);margin-bottom:1.5rem;line-height:1.7;}
.whb-status-btns{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;}

/* CONTACT */
.whb-ct-grid{display:grid;grid-template-columns:260px 1fr;gap:2.5rem;}
.whb-ct-info{background:var(--whb-dark);border-radius:var(--whb-r16);padding:1.75rem;}
.whb-ct-info h2{font-family:var(--whb-fh);font-size:1rem;font-weight:700;color:var(--whb-white);margin-bottom:1.25rem;}
.whb-ct-row{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:0.875rem;color:rgba(255,255,255,.3);}
.whb-ct-row a{color:inherit;transition:color .2s;}
.whb-ct-row a:hover{color:var(--whb-orange);}
.whb-ct-ico{color:var(--whb-blue);flex-shrink:0;margin-top:.1rem;}

/* COOKIE + CHAT */
.whb-ck{position:fixed;bottom:1.25rem;left:1.25rem;z-index:970;max-width:420px;background:var(--whb-dark);border-radius:var(--whb-r12);padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.625rem;box-shadow:0 8px 40px rgba(13,17,32,.4);font-size:0.8125rem;color:rgba(255,255,255,.35);}
.whb-ck a{color:var(--whb-blue);}
.whb-ck.whb-ck-off{display:none;}
.whb-ck-btns{display:flex;gap:.5rem;}
.whb-cky,.whb-ckn{padding:.375rem .875rem;border-radius:100px;font-size:0.8125rem;font-weight:700;transition:var(--whb-ease);}
.whb-cky{background:var(--whb-blue);color:var(--whb-white);}
.whb-cky:hover{background:var(--whb-blue-lt);}
.whb-ckn{border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.3);}
.whb-ckn:hover{color:var(--whb-white);}
.whb-chat-btn{position:fixed;bottom:1.5rem;right:1.5rem;z-index:960;width:52px;height:52px;border-radius:50%;background:var(--whb-blue);color:var(--whb-white);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,99,235,.4);transition:var(--whb-ease);}
.whb-chat-btn:hover{background:var(--whb-blue-dk);}
.whb-chat-box{position:fixed;bottom:5.5rem;right:1.5rem;z-index:959;width:300px;background:var(--whb-white);border-radius:var(--whb-r16);box-shadow:var(--whb-shadow-lg);overflow:hidden;transform:scale(.9) translateY(10px);opacity:0;pointer-events:none;transition:var(--whb-ease);}
.whb-chat-box.whb-ch-on{transform:none;opacity:1;pointer-events:all;}
.whb-cb-hd{background:var(--whb-blue);padding:.875rem 1.25rem;display:flex;justify-content:space-between;align-items:center;}
.whb-cb-nm{font-family:var(--whb-fh);font-size:0.9375rem;font-weight:700;color:var(--whb-white);}
.whb-cb-st{font-size:0.75rem;color:rgba(255,255,255,.4);}
.whb-cb-cls{color:rgba(255,255,255,.4);transition:color .2s;}
.whb-cb-cls:hover{color:var(--whb-white);}
.whb-cb-msgs{padding:.875rem;min-height:80px;}
.whb-cb-msg{background:var(--whb-surface);border-radius:var(--whb-r8);padding:.5rem .75rem;font-size:0.8125rem;color:var(--whb-muted);line-height:1.5;margin-bottom:.4rem;}
.whb-cb-ft{padding:.625rem;border-top:1px solid var(--whb-border);display:flex;gap:.4rem;}
.whb-cb-inp{flex:1;padding:.5rem .75rem;border:1.5px solid var(--whb-border);border-radius:100px;font-size:0.8125rem;outline:none;transition:border-color .2s;min-width:0;}
.whb-cb-inp:focus{border-color:var(--whb-blue);}
.whb-cb-snd{width:32px;height:32px;border-radius:50%;background:var(--whb-blue);color:var(--whb-white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--whb-ease);}
.whb-cb-snd:hover{background:var(--whb-blue-dk);}

/* RESPONSIVE */
@media(max-width:1024px){
  .whb-bld-grid,.whb-co-grid{grid-template-columns:1fr;}
  .whb-ledger,.whb-ord-box{position:static;}
  .whb-svc-hero-g,.whb-svc-body-g{grid-template-columns:1fr;}
  .whb-ssb{position:static;}
  .whb-gd-grid{grid-template-columns:1fr 1fr;}
  .whb-price-tbl{overflow-x:auto;}
  .whb-voice-mosaic{columns:2;}
  .whb-cs-pair{grid-template-columns:1fr;}
  .whb-cs-pair .whb-csp-vis img{height:260px;}
}
@media(max-width:900px){
  .whb-helm-left,.whb-helm-right,.whb-helm-cta{display:none;}
  .whb-mobile-brg{display:flex;}
  .whb-helm-raft{justify-content:space-between;}
  .whb-helm-logo{position:static;transform:none;}
  .whb-arc-grid{grid-template-columns:1fr;}
  .whb-orb-outer{display:none;}
  .whb-svc-hub{grid-template-columns:1fr 1fr;}
  .whb-facts-inner{grid-template-columns:repeat(2,1fr);}
  .whb-proc-flow{grid-template-columns:1fr 1fr;}
  .whb-proc-flow::before{display:none;}
  .whb-price-cards{grid-template-columns:1fr;}
  .whb-faq-net{grid-template-columns:1fr;}
  .whb-ct-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .whb-svc-hub{grid-template-columns:1fr;}
  .whb-voice-mosaic{columns:1;}
  .whb-gd-grid{grid-template-columns:1fr;}
  .whb-fp{grid-template-columns:1fr;}
  .whb-proc-flow{grid-template-columns:1fr;}
}