/* CreativeWebBoost site styles — shared by the preview and the WordPress kit.
   Layout concept: a dark studio wall. Creatives sit in device frames, results read like Ads Manager rows. */
:root{
  --cwb-bg:#05070b;
  --cwb-panel:#0b1017;
  --cwb-panel-2:#101722;
  --cwb-line:rgba(170,200,255,.10);
  --cwb-fg:#eef3fa;
  --cwb-muted:#8e9aab;
  --cwb-blue:#1f8bff;
  --cwb-blue-soft:#69b4ff;
  --cwb-good:#3ddc97;
  --cwb-display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --cwb-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --cwb-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --cwb-max:1200px;
  color-scheme:dark;
}
body:has(.cwb-sec){background:var(--cwb-bg)!important;color:var(--cwb-fg);margin:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ---------- Elementor resets inside our sections ---------- */
.cwb-sec{font-family:var(--cwb-body);font-size:17px;line-height:1.6;color:var(--cwb-fg)}
.cwb-sec,.cwb-sec *,.cwb-sec *::before,.cwb-sec *::after{box-sizing:border-box}
.e-con.cwb-sec,.cwb-sec .e-con{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--row-gap:0px;--column-gap:0px;--width:100%}
.cwb-sec .elementor-widget{margin:0!important}
.cwb-sec .elementor-widget-container{margin:0;padding:0}
.cwb-sec .elementor-heading-title{font-family:var(--cwb-display)!important;color:var(--cwb-fg)!important;margin:0;padding:0;text-wrap:balance;letter-spacing:-.02em;font-weight:700}
.cwb-sec p{margin:0 0 .8em}
.cwb-sec p:last-child{margin-bottom:0}
.cwb-sec a{color:inherit}
.cwb-sec img{max-width:100%;height:auto;display:block}

/* ---------- section shell ---------- */
.e-con.cwb-sec{width:100%;padding-block:clamp(72px,10vw,128px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));position:relative;display:flex;flex-direction:column;align-items:center}
.cwb-sec>.cwb-wrap,.e-con.cwb-wrap{width:100%;max-width:var(--cwb-max);margin-inline:auto;display:flex;flex-direction:column;gap:48px}
.e-con.cwb-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;width:100%}
.e-con.cwb-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.cwb-alt{background:var(--cwb-panel)}

.cwb-eyebrow .elementor-heading-title{font-family:var(--cwb-mono)!important;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cwb-blue-soft)!important}
.cwb-h2 .elementor-heading-title{font-size:clamp(34px,5vw,58px);line-height:1.04}
.cwb-h3 .elementor-heading-title{font-size:22px;line-height:1.2;letter-spacing:-.01em}
.cwb-lead{color:var(--cwb-muted);font-size:clamp(17px,1.6vw,20px);max-width:62ch}
.cwb-muted{color:var(--cwb-muted)}
.cwb-small{font-size:14px;color:var(--cwb-muted)}
.cwb-head{display:flex;flex-direction:column;gap:16px;max-width:760px}
.cwb-head.center{align-items:center;text-align:center;margin-inline:auto}

/* ---------- buttons ---------- */
.cwb-btn .elementor-button{display:inline-flex;align-items:center;gap:10px;font-family:var(--cwb-body);font-weight:700;font-size:16px;line-height:1;padding:17px 26px;border-radius:999px;background:var(--cwb-blue)!important;color:#fff!important;text-decoration:none;border:1px solid var(--cwb-blue);transition:transform .2s ease,box-shadow .2s ease,background .2s}
.cwb-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(31,139,255,.7)}
.cwb-btn .elementor-button:focus-visible{outline:2px solid var(--cwb-blue-soft);outline-offset:3px}
.cwb-btn.ghost .elementor-button{background:transparent!important;color:var(--cwb-fg)!important;border-color:rgba(238,243,250,.25)}
.cwb-btn.ghost .elementor-button:hover{border-color:var(--cwb-fg);box-shadow:none}
.cwb-btn.sm .elementor-button{padding:12px 18px;font-size:14px}
.cwb-btns{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center}

/* ---------- header ---------- */
.e-con.cwb-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;padding-block:14px;background:rgba(5,7,11,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--cwb-line)}
.cwb-header>.cwb-wrap{flex-direction:row;align-items:center;justify-content:space-between;gap:20px}
.cwb-logo img{height:40px;width:auto}
.cwb-nav nav{display:flex;gap:28px;font-size:15px;font-weight:600}
.cwb-nav a{text-decoration:none;color:var(--cwb-muted);transition:color .2s}
.cwb-nav a:hover{color:var(--cwb-fg)}
@media (max-width:900px){.cwb-nav{display:none}}

/* ---------- hero ---------- */
.e-con.cwb-hero{padding-block:clamp(48px,7vw,96px) clamp(56px,8vw,110px);overflow:hidden}
.cwb-hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;max-width:900px;max-height:900px;background:radial-gradient(closest-side,rgba(31,139,255,.22),transparent 70%);pointer-events:none}
.cwb-hero>.cwb-wrap{flex-direction:row;align-items:center;gap:56px}
.cwb-hero-copy{flex:1 1 520px;gap:26px!important}
.cwb-h1 .elementor-heading-title{font-size:clamp(44px,6.6vw,86px);line-height:.98;letter-spacing:-.035em;font-weight:800}
.cwb-h1 .elementor-heading-title em,.cwb-h2 .elementor-heading-title em{font-style:normal;color:var(--cwb-blue)}
.cwb-hero-phones{flex:1 1 420px;flex-direction:row!important;justify-content:center;align-items:center;gap:16px!important;position:relative}
.cwb-phone{flex:0 0 auto;width:clamp(120px,14vw,180px)}
.cwb-phone video{width:100%;aspect-ratio:9/16;object-fit:cover;display:block;border-radius:22px;border:6px solid #141b26;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px var(--cwb-line)}
.cwb-phone.up{transform:translateY(-28px)}
.cwb-phone.down{transform:translateY(28px)}
@media (prefers-reduced-motion:no-preference){
  .cwb-phone{animation:cwbFloat 7s ease-in-out infinite}
  .cwb-phone.up{animation-delay:-2s}.cwb-phone.down{animation-delay:-4.5s}
}
@keyframes cwbFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.cwb-trust{font-size:14px;color:var(--cwb-muted)}
.cwb-trust strong{color:var(--cwb-fg);font-weight:600}
@media (max-width:900px){
  .cwb-hero>.cwb-wrap{flex-direction:column;gap:44px}
  .cwb-hero-copy,.cwb-hero-phones{flex:1 1 auto;width:100%}
  .cwb-hero-phones{flex-wrap:nowrap!important;gap:10px!important}
  .cwb-phone{width:min(28vw,150px)}
  .cwb-phone video{border-width:4px;border-radius:16px}
}

/* ---------- marquee ---------- */
.e-con.cwb-marquee{padding-block:20px;border-block:1px solid var(--cwb-line);overflow:hidden;background:var(--cwb-bg)}
.cwb-marquee-track{display:flex;gap:48px;width:max-content;font-family:var(--cwb-display);font-weight:700;font-size:clamp(20px,2.4vw,30px);letter-spacing:-.01em;white-space:nowrap}
.cwb-marquee-track span{display:inline-flex;align-items:center;gap:48px}
.cwb-marquee-track span::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--cwb-blue)}
@media (prefers-reduced-motion:no-preference){.cwb-marquee-track{animation:cwbMarq 38s linear infinite}}
@keyframes cwbMarq{to{transform:translateX(-50%)}}

/* ---------- results readout ---------- */
.cwb-results>.cwb-wrap{gap:40px}
.cwb-results-grid{flex-direction:row!important;flex-wrap:wrap;gap:28px!important;align-items:stretch}
.cwb-readout{flex:1 1 420px;background:var(--cwb-panel-2);border:1px solid var(--cwb-line);border-radius:18px;padding:28px!important;gap:18px!important}
.cwb-readout-table{font-family:var(--cwb-mono);font-variant-numeric:tabular-nums}
.cwb-readout-table .row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--cwb-line);font-size:15px}
.cwb-readout-table .row:last-child{border-bottom:0}
.cwb-readout-table .k{color:var(--cwb-muted)}
.cwb-readout-table .v{color:var(--cwb-fg);font-weight:600}
.cwb-readout-table .row.big .v{font-size:clamp(26px,3vw,34px);color:var(--cwb-good);font-family:var(--cwb-display);letter-spacing:-.02em}
.cwb-readout-table .row.big{align-items:baseline}
.cwb-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--cwb-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cwb-good)}
.cwb-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cwb-good);box-shadow:0 0 0 4px rgba(61,220,151,.18)}
.cwb-results-video{flex:1.3 1 480px;gap:12px!important}
.cwb-frame video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:16px;border:1px solid var(--cwb-line);background:#000}

/* ---------- problems ---------- */
.cwb-grid-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important}
.cwb-grid-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important}
@media (max-width:900px){.cwb-grid-3{grid-template-columns:1fr}}
@media (max-width:700px){.cwb-grid-2{grid-template-columns:1fr}}
.cwb-problem{border:1px solid var(--cwb-line);border-radius:16px;padding:28px!important;gap:12px!important;background:var(--cwb-bg)}
.cwb-problem .cwb-h3 .elementor-heading-title::before{content:"\201C";color:var(--cwb-blue);margin-right:2px}
.cwb-problem .cwb-h3 .elementor-heading-title::after{content:"\201D";color:var(--cwb-blue)}
.cwb-fix{font-size:15px;color:var(--cwb-muted);border-top:1px solid var(--cwb-line);padding-top:14px}
.cwb-fix strong{color:var(--cwb-blue-soft);font-weight:600}

/* ---------- services ---------- */
.cwb-service{background:var(--cwb-panel-2);border:1px solid var(--cwb-line);border-radius:20px;padding:32px!important;gap:16px!important}
.cwb-service-tag{font-family:var(--cwb-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cwb-blue-soft)}
.cwb-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15.5px}
.cwb-list li{position:relative;padding-left:26px}
.cwb-list li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:2px solid var(--cwb-blue);border-bottom:2px solid var(--cwb-blue);transform:rotate(-45deg)}
.cwb-bestfor{font-size:14px;color:var(--cwb-muted);margin-top:auto;padding-top:14px;border-top:1px solid var(--cwb-line)}
.cwb-bestfor strong{color:var(--cwb-fg)}

/* ---------- creative wall ---------- */
.e-con.cwb-wall{display:block!important;columns:4;column-gap:16px}
@media (max-width:1000px){.e-con.cwb-wall{columns:3}}
@media (max-width:700px){.e-con.cwb-wall{columns:2;column-gap:10px}}
.cwb-wall>.cwb-tile{break-inside:avoid;margin-bottom:22px;display:flex!important;width:100%}
.cwb-tile{gap:10px!important}
.cwb-tile video{width:100%;display:block;object-fit:cover;border-radius:14px;background:#0d131c;border:1px solid var(--cwb-line)}
.cwb-ar-916 video{aspect-ratio:9/16}
.cwb-ar-11 video{aspect-ratio:1/1}
.cwb-tile-cap{font-size:13.5px;line-height:1.35;color:var(--cwb-muted)}
.cwb-tile-cap strong{display:block;color:var(--cwb-fg);font-weight:600;font-size:14.5px}
.cwb-tile-cap .fmt{font-family:var(--cwb-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cwb-blue-soft)}

/* ---------- case studies ---------- */
.cwb-case{flex-direction:row!important;flex-wrap:wrap;gap:40px!important;align-items:center;padding-block:40px!important;border-top:1px solid var(--cwb-line)}
.cwb-case-media{flex:1.2 1 460px;min-width:0}
.cwb-case-media.cwb-ar-11,.cwb-case-media>.cwb-ar-11{max-width:520px}
.cwb-case-copy{flex:1 1 380px;gap:16px!important}
.cwb-case.flip{flex-direction:row-reverse!important}
.cwb-case-media.duo{flex-direction:row!important;gap:14px!important}
.cwb-case-media.duo>*{flex:1 1 0;min-width:0}
.cwb-meta{display:flex;flex-wrap:wrap;gap:8px}
.cwb-meta span{font-family:var(--cwb-mono);font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--cwb-line);color:var(--cwb-muted)}
.cwb-link a{font-weight:700;color:var(--cwb-blue-soft);text-decoration:none;border-bottom:1px solid currentColor}

/* ---------- testimonial ---------- */
.cwb-testi>.cwb-wrap{flex-direction:row;flex-wrap:wrap;align-items:center;gap:56px}
.cwb-testi-video{flex:0 1 340px;margin-inline:auto}
.cwb-testi-video video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:24px;border:6px solid #141b26;display:block;background:#000}
.cwb-testi-copy{flex:1 1 440px;gap:22px!important}
.cwb-quote .elementor-heading-title{font-size:clamp(26px,3.4vw,40px);line-height:1.18;font-weight:600;letter-spacing:-.02em}
.cwb-stars{color:#ffc04d;font-size:20px;letter-spacing:4px}

/* ---------- process ---------- */
.cwb-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;border-top:1px solid var(--cwb-line);counter-reset:step}
@media (max-width:900px){.cwb-steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cwb-steps{grid-template-columns:1fr}}
.cwb-step{padding:28px 24px 8px 0!important;gap:10px!important;counter-increment:step;position:relative}
.cwb-step::before{content:"0" counter(step);font-family:var(--cwb-mono);font-size:13px;color:var(--cwb-blue-soft);letter-spacing:.1em}
.cwb-step::after{content:"";position:absolute;top:-4px;left:0;width:8px;height:8px;border-radius:50%;background:var(--cwb-blue)}

/* ---------- why ---------- */
.cwb-why{border-left:2px solid var(--cwb-blue);padding:4px 0 4px 22px!important;gap:8px!important}

/* ---------- faq ---------- */
.cwb-faq{border-top:1px solid var(--cwb-line);padding-top:22px!important;gap:8px!important}
.cwb-faq .cwb-h3 .elementor-heading-title{font-size:19px}
.cwb-faq .elementor-widget-text-editor{color:var(--cwb-muted);font-size:16px}

/* ---------- final cta ---------- */
.e-con.cwb-cta{background:radial-gradient(ellipse at 50% 0%,rgba(31,139,255,.28),transparent 60%),var(--cwb-panel)}
.cwb-cta .cwb-btns{justify-content:center}
.cwb-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;font-family:var(--cwb-mono);font-size:14px;color:var(--cwb-muted)}
.cwb-contact a{color:var(--cwb-fg);text-decoration:none;border-bottom:1px solid var(--cwb-line)}

/* ---------- footer ---------- */
.e-con.cwb-footer{padding-block:40px;border-top:1px solid var(--cwb-line);background:var(--cwb-bg)}
.cwb-footer>.cwb-wrap{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.cwb-footer .cwb-small a{text-decoration:none;margin-left:18px}

/* ---------- mobile sticky CTA ---------- */
.cwb-mobile-cta{display:none}
@media (max-width:700px){
  .cwb-mobile-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(5,7,11,.92);border-top:1px solid var(--cwb-line);backdrop-filter:blur(10px)}
  .cwb-mobile-cta a{display:block;text-align:center;background:var(--cwb-blue);color:#fff;font-weight:700;padding:14px;border-radius:999px;text-decoration:none;font-family:var(--cwb-body)}
  .e-con.cwb-footer{padding-bottom:96px}
  .cwb-header .cwb-btn .elementor-button{padding:10px 14px;font-size:13px}
  .cwb-logo img{height:32px}
}

/* ---- Elementor video widget overrides (keep 9:16 / 1:1 formats) ---- */
.cwb-sec .elementor-widget-video .elementor-wrapper,.cwb-sec .elementor-widget-video .e-hosted-video{aspect-ratio:auto!important;height:auto!important;padding:0!important;overflow:visible!important;background:transparent!important}
.cwb-sec .elementor-widget-video video.elementor-video{height:auto!important;max-width:100%;position:static!important}
.cwb-sec .cwb-phone video.elementor-video,.cwb-sec .cwb-testi-video video.elementor-video,.cwb-sec .cwb-ar-916 video.elementor-video{aspect-ratio:9/16!important}
.cwb-sec .cwb-ar-11 video.elementor-video{aspect-ratio:1/1!important}
.cwb-sec .cwb-frame video.elementor-video{aspect-ratio:16/9!important}
.e-con.cwb-hero-phones{flex-wrap:nowrap!important}
.cwb-hero-phones>.elementor-widget.cwb-phone{width:clamp(120px,14vw,180px)!important;max-width:30%!important;flex:0 0 auto!important}
@media (max-width:900px){.cwb-hero-phones>.elementor-widget.cwb-phone{width:min(28vw,150px)!important}}
.cwb-wall .cwb-tile>.elementor-widget-video,.cwb-case-media>.elementor-widget-video,.cwb-results-video>.elementor-widget-video{width:100%!important}
.cwb-case-media.duo>.elementor-widget-video{flex:1 1 0!important;min-width:0!important}
.cwb-testi-video>.elementor-widget-video{width:100%!important}
/* ---- two-column rows: beat Elementor's container flex/width ---- */
.e-con.cwb-hero-copy{flex:1 1 520px!important;width:auto!important;min-width:0!important}
.e-con.cwb-hero-phones{flex:1 1 420px!important;width:auto!important}
.e-con.cwb-readout{flex:1 1 420px!important;width:auto!important;min-width:0!important}
.e-con.cwb-results-video{flex:1.3 1 480px!important;width:auto!important;min-width:0!important}
.e-con.cwb-case-media{flex:1.2 1 460px!important;width:auto!important;min-width:0!important}
.e-con.cwb-case-copy{flex:1 1 380px!important;width:auto!important;min-width:0!important}
.e-con.cwb-case-media.cwb-ar-11,.e-con.cwb-case-media:has(>.cwb-ar-11){max-width:520px!important}
.e-con.cwb-testi-video{flex:0 1 340px!important;width:auto!important}
.e-con.cwb-testi-copy{flex:1 1 440px!important;width:auto!important;min-width:0!important}
@media (max-width:900px){.e-con.cwb-hero-copy,.e-con.cwb-hero-phones{flex:1 1 100%!important;width:100%!important}}
/* ---- Real client calls (first section) ---- */
.e-con.cwb-calls{padding-block:clamp(40px,6vw,72px) clamp(24px,4vw,48px)!important;background:radial-gradient(ellipse at 50% 0%,rgba(31,139,255,.18),transparent 60%),var(--cwb-bg)}
.cwb-calls>.cwb-wrap{gap:28px!important;align-items:center}
.cwb-calls .cwb-calls-video{width:100%!important;max-width:980px!important;margin-inline:auto}
.cwb-calls .cwb-calls-video video.elementor-video{border-radius:18px;box-shadow:0 30px 80px -30px rgba(31,139,255,.45)}
.cwb-calls-note{text-align:center}
.cwb-calls-note a{color:var(--cwb-blue-soft);text-decoration:none;border-bottom:1px solid currentColor}
.cwb-calls.cwb-pending{display:none!important}
/* ---- Hero proof collage ---- */
.e-con.cwb-hero-proof{flex:1 1 480px!important;width:auto!important;min-width:0!important}
.cwb-proof-w{width:100%!important}
.cwb-proof{position:relative;width:100%;aspect-ratio:1/0.92;max-width:600px;margin-inline:auto}
.cwb-proof .pf{position:absolute;margin:0;border-radius:14px;overflow:hidden;background:#0e141d;border:1px solid rgba(170,200,255,.16);box-shadow:0 24px 60px -20px rgba(0,0,0,.85)}
.cwb-proof .pf img,.cwb-proof .pf video{display:block;width:100%;height:auto}
.cwb-proof figcaption{position:absolute;left:10px;bottom:10px;display:flex;gap:6px;align-items:center;flex-wrap:wrap;font:500 11.5px/1.2 var(--cwb-body);color:#dfe7f2;background:rgba(5,7,11,.78);backdrop-filter:blur(6px);padding:6px 10px;border-radius:999px;border:1px solid rgba(170,200,255,.18)}
.cwb-proof figcaption b{color:#fff;font-weight:700}
.cwb-proof figcaption b::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cwb-blue);margin-right:6px;vertical-align:1px}
.pf-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#161d28;border-bottom:1px solid rgba(170,200,255,.12)}
.pf-bar i{width:8px;height:8px;border-radius:50%;background:#3a4556}
.pf-bar span{margin-left:8px;font:500 10.5px/1 var(--cwb-mono);color:#8e9aab;background:#0b1017;padding:4px 10px;border-radius:6px;flex:1;max-width:60%}
.cwb-proof .pf-site{left:0;top:0;width:72%;z-index:2}
.cwb-proof .pf-site2{right:0;top:13%;width:56%;z-index:1;opacity:.92}
.cwb-proof .pf-ads{left:6%;top:47%;width:70%;z-index:3;background:#fff}
.cwb-proof .pf-ads img{filter:saturate(1.05)}
.cwb-proof .pf-ads figcaption{bottom:auto;top:10px}
.pf-stat{position:absolute;right:10px;bottom:10px;background:#05070b;color:#fff;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 30px -10px rgba(0,0,0,.6);border:1px solid rgba(61,220,151,.4)}
.pf-stat span{font:500 10.5px/1.2 var(--cwb-mono);color:#8e9aab;letter-spacing:.04em}
.pf-stat b{font:700 22px/1.1 var(--cwb-display);color:var(--cwb-good)}
.cwb-proof .pf-phone{right:2%;top:40%;width:27%;z-index:4;border-radius:18px;border:5px solid #141b26}
.cwb-proof .pf-phone video{aspect-ratio:9/16;object-fit:cover}
.cwb-proof .pf-phone figcaption{left:6px;bottom:6px;padding:5px 8px}
.cwb-proof .pf-review{left:0;bottom:0;width:62%;z-index:5;padding:14px 16px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#121a26,#0b1017)}
.pf-stars{color:#ffc04d;letter-spacing:3px;font-size:13px}
.pf-review q{font:600 15px/1.35 var(--cwb-display);quotes:"\201C" "\201D"}
.pf-review small{font:500 11.5px/1.3 var(--cwb-body);color:var(--cwb-blue-soft)}
@media (prefers-reduced-motion:no-preference){
 .cwb-proof .pf-site{animation:cwbFloat 9s ease-in-out infinite}
 .cwb-proof .pf-ads{animation:cwbFloat 8s ease-in-out -3s infinite}
 .cwb-proof .pf-phone{animation:cwbFloat 7s ease-in-out -5s infinite}
}
@media (max-width:900px){
 .e-con.cwb-hero-proof{flex:1 1 100%!important;width:100%!important}
 .cwb-proof{aspect-ratio:1/1.02}
}
@media (max-width:480px){
 .cwb-proof figcaption{font-size:10px;padding:4px 8px}
 .pf-stat b{font-size:16px}.pf-stat{padding:6px 9px}
 .pf-review q{font-size:13px}
 .cwb-proof .pf-review{width:70%;padding:10px 12px}
}
/* ---- Hero proof: clean bento grid (overrides collage) ---- */
.cwb-proof{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:12px;aspect-ratio:auto!important;max-width:620px}
.cwb-proof .pf{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;opacity:1!important;animation:none!important}
.cwb-proof .pf-site{grid-column:1/9;grid-row:1}
.cwb-proof .pf-phone{grid-column:9/13;grid-row:1/3;align-self:stretch;display:flex}
.cwb-proof .pf-phone video{height:100%;width:100%;aspect-ratio:auto!important;object-fit:cover}
.cwb-proof .pf-ads{grid-column:1/9;grid-row:2;background:#0e141d!important;display:flex;flex-direction:column}
.cwb-proof .pf-ads img{background:#fff}
.cwb-proof .pf-ads figcaption{top:8px!important;bottom:auto!important}
.cwb-proof .pf-stat{position:static!important;flex-direction:row!important;align-items:baseline;flex-wrap:wrap;gap:4px 10px!important;border:0!important;border-top:1px solid rgba(61,220,151,.25)!important;border-radius:0!important;box-shadow:none!important;padding:10px 12px!important;background:#0b1017!important}
.cwb-proof .pf-stat b{font-size:20px}
.cwb-proof .pf-site2{grid-column:1/7;grid-row:3}
.cwb-proof .pf-review{grid-column:7/13;grid-row:3;justify-content:center}
.cwb-proof .pf-review q{font-size:14px}
.cwb-proof figcaption{top:auto;bottom:8px;left:8px}
.cwb-proof .pf-site2 figcaption{max-width:calc(100% - 16px)}
@media (prefers-reduced-motion:no-preference){.cwb-proof .pf-phone{animation:none!important}}
.cwb-proof .pf{transition:transform .25s ease,box-shadow .25s ease}
.cwb-proof .pf:hover{transform:translateY(-3px);box-shadow:0 30px 70px -20px rgba(31,139,255,.35)}
@media (max-width:560px){
 .cwb-proof{gap:8px}
 .cwb-proof .pf-site{grid-column:1/13;grid-row:1}
 .cwb-proof .pf-ads{grid-column:1/13;grid-row:2}
 .cwb-proof .pf-phone{grid-column:1/6;grid-row:3/5}
 .cwb-proof .pf-site2{grid-column:6/13;grid-row:3}
 .cwb-proof .pf-review{grid-column:6/13;grid-row:4;width:auto!important}
}
/* ---- v1.3 motion ---- */
.cwb-anim .cwb-rv{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.cwb-anim .cwb-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){
 .cwb-h1 .elementor-heading-title{animation:cwbRise .9s cubic-bezier(.2,.7,.2,1) both}
 .cwb-hero-copy .cwb-eyebrow{animation:cwbRise .7s .05s both}
 .cwb-hero-copy .cwb-lead{animation:cwbRise .8s .25s both}
 .cwb-hero-copy .cwb-btns{animation:cwbRise .8s .4s both}
 .cwb-h1 em{background:linear-gradient(90deg,#1f8bff,#69b4ff,#1f8bff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:cwbShine 4s linear infinite}
 .cwb-hero .cwb-btn:not(.ghost) .elementor-button{position:relative;overflow:hidden}
 .cwb-hero .cwb-btn:not(.ghost) .elementor-button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:cwbSweep 3.2s 1.2s ease-in-out infinite}
 .cwb-hero::after{content:"";position:absolute;width:520px;height:520px;left:-160px;bottom:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(105,180,255,.16),transparent 70%);animation:cwbDrift 14s ease-in-out infinite alternate;pointer-events:none}
 .cwb-proof .pf-phone{animation:cwbFloat 6s ease-in-out infinite!important}
 .cwb-service,.cwb-problem,.cwb-tile video{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
 .cwb-service:hover,.cwb-problem:hover{transform:translateY(-6px);border-color:rgba(31,139,255,.5);box-shadow:0 24px 50px -24px rgba(31,139,255,.45)}
 .cwb-tile:hover video{transform:scale(1.03)}
}
@keyframes cwbRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes cwbShine{to{background-position:-200% 0}}
@keyframes cwbSweep{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
@keyframes cwbDrift{to{transform:translate(220px,-120px)}}
/* WhatsApp floating button */
.cwb-wa{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:70;width:58px;height:58px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 12px 30px -8px rgba(37,211,102,.6);transition:transform .2s ease}
.cwb-wa:hover{transform:scale(1.08)}
.cwb-wa svg{width:30px;height:30px;fill:#fff}
.cwb-wa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:cwbPing 2.2s ease-out infinite}
@keyframes cwbPing{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}
.cwb-wa span{position:absolute;right:68px;white-space:nowrap;background:#fff;color:#0b1017;font:600 13px/1 var(--cwb-body);padding:9px 12px;border-radius:999px;opacity:0;transform:translateX(8px);transition:.2s;pointer-events:none}
.cwb-wa:hover span{opacity:1;transform:none}
@media (max-width:700px){.cwb-wa{bottom:calc(84px + env(safe-area-inset-bottom,0px));width:52px;height:52px}}