:root{--blue:#0967d8;--dark:#073b79;--green:#20b866;--ink:#10233d;--soft:#f4f8fd;--white:#fff;--shadow:0 24px 70px rgba(8,70,145,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white;overflow-x:hidden}a{text-decoration:none;color:inherit}img,video{display:block;width:100%}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.skip{position:fixed;top:-70px;right:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:20px}.ticker{background:var(--blue);color:#fff;overflow:hidden;white-space:nowrap;padding:9px;font-weight:700;text-align:center}.hero{height:92svh;min-height:680px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-video{position:absolute;inset:0;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,27,58,.3),rgba(3,27,58,.78));z-index:1}.nav{position:absolute;top:18px;left:0;right:0;z-index:3;display:flex;justify-content:space-between;align-items:center}.logo{width:82px;height:82px;border-radius:50%;object-fit:cover;background:#fff;padding:3px}.call-mini{background:#fff;color:var(--blue);font-weight:900;padding:13px 18px;border-radius:999px}.hero-content{position:relative;z-index:2;max-width:760px;margin-right:max(16px,calc((100vw - 1160px)/2));margin-left:auto}.live{display:inline-block;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:10px 15px;border-radius:999px;font-weight:800}.hero h1{font-size:clamp(46px,8vw,90px);line-height:.98;margin:22px 0 18px;max-width:800px}.hero p{font-size:clamp(20px,2.5vw,28px);line-height:1.45;max-width:750px}.rating,.offers,.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.rating b,.offers span{background:rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:10px 14px;border-radius:12px}.hero-actions{margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:16px 24px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.wa{background:var(--green);color:#fff}.white{background:#fff;color:var(--blue)}.scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3}.trust{padding:22px 0;box-shadow:0 8px 28px rgba(0,0,0,.06)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-grid div{text-align:center;font-size:24px}.trust-grid b{display:block;font-size:15px;margin-top:7px}.section{padding:92px 0}.soft{background:var(--soft)}.eyebrow{color:var(--blue);font-weight:900}.section h2{font-size:clamp(32px,5vw,54px);margin:8px 0 34px}.compare{position:relative;overflow:hidden;border-radius:28px;box-shadow:var(--shadow);height:min(65vw,620px)}.compare>img,.compare .after img{height:100%;object-fit:cover}.after{position:absolute;inset:0 auto 0 0;width:50%;overflow:hidden}.after img{position:absolute;left:0;top:0;width:min(1160px,calc(100vw - 32px));max-width:none}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.tag{position:absolute;top:18px;background:#fff;padding:9px 14px;border-radius:999px;font-weight:900}.before-tag{right:18px}.after-tag{left:18px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-grid video{aspect-ratio:9/16;object-fit:cover;border-radius:24px;box-shadow:var(--shadow);background:#000}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.prices article{padding:32px;background:#fff;border:1px solid #dce8f7;border-radius:25px;text-align:center;box-shadow:0 12px 40px rgba(10,75,150,.08);position:relative}.prices strong{display:block;color:var(--blue);font-size:40px;margin:18px 0}.popular{transform:translateY(-12px);border:2px solid var(--blue)!important}.popular em{position:absolute;top:-15px;right:50%;transform:translateX(50%);background:var(--blue);color:#fff;padding:7px 14px;border-radius:999px}.vat{text-align:center;color:#6b7c91}.about-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start;background:#fff;border-radius:32px;padding:28px;box-shadow:var(--shadow)}.portrait img{border-radius:25px;aspect-ratio:4/5;object-fit:cover}.about-text p{line-height:1.9}.about-text blockquote{margin:28px 0;padding:25px;border-right:5px solid var(--blue);background:var(--soft);font-size:22px;font-weight:900}.signature{font-size:24px;font-weight:900;color:var(--blue);margin-top:28px}.signature small{display:block;color:var(--ink);font-size:15px;line-height:1.7;margin-top:20px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery img{aspect-ratio:1/1.15;object-fit:cover;border-radius:20px}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-box h2{margin-bottom:10px}footer{background:#082448;color:#fff;padding:55px 0 90px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid img{width:90px;border-radius:50%}.footer-grid p{line-height:1.8}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.15);margin-top:35px;padding-top:20px}.whatsapp-pop{position:fixed;left:20px;bottom:90px;z-index:30;width:min(340px,calc(100% - 32px));background:#fff;border-radius:22px;padding:18px;box-shadow:0 25px 70px rgba(0,0,0,.25);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.whatsapp-pop.show{transform:none;opacity:1;pointer-events:auto}.whatsapp-pop>button{position:absolute;left:10px;top:8px;border:0;background:none;font-size:24px}.wa-head{display:flex;align-items:center;gap:10px}.wa-head img{width:48px;height:48px;border-radius:50%}.wa-head small{display:block;color:#657}.mobile-bar{display:none}
@media(max-width:760px){.hero{min-height:740px;height:100svh}.hero-overlay{background:linear-gradient(0deg,rgba(2,26,58,.86),rgba(2,26,58,.22))}.hero-content{margin:0;padding-top:90px}.logo{width:66px;height:66px}.call-mini{font-size:13px;padding:10px 13px}.hero h1{font-size:52px}.hero p{font-size:19px}.hero-actions .btn{width:100%}.trust-grid{grid-template-columns:repeat(2,1fr)}.section{padding:68px 0}.video-grid,.prices,.about-card,.gallery,.footer-grid{grid-template-columns:1fr}.popular{transform:none}.about-card{padding:18px}.gallery{grid-template-columns:repeat(2,1fr)}.contact-box{align-items:stretch;flex-direction:column}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:40}.mobile-bar a{padding:16px;text-align:center;font-weight:900;color:#fff;background:var(--blue)}.mobile-bar a:last-child{background:var(--green)}body{padding-bottom:56px}.scroll{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.reviews-summary{display:flex;gap:18px;flex-wrap:wrap;margin:-10px 0 28px}.reviews-summary>div{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce8f7;border-radius:18px;padding:14px 18px;box-shadow:0 10px 30px rgba(10,75,150,.08)}.reviews-summary strong{font-size:30px;color:var(--blue)}.reviews-summary span{color:#f6b800;font-size:22px;letter-spacing:2px}.review-shots{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.review-shots figure{margin:0;background:#fff;border-radius:24px;padding:12px;box-shadow:var(--shadow);overflow:hidden}.review-shots img{border-radius:16px;max-height:620px;object-fit:cover;object-position:top}.review-shots figcaption{text-align:center;padding:12px 6px 4px;font-weight:800;color:#52657c}.reviews-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}.blue{background:var(--blue);color:#fff}.white-outline{background:#fff;color:var(--blue);border:2px solid var(--blue)}
@media(max-width:760px){.review-shots{grid-template-columns:1fr}.review-shots img{max-height:520px}.reviews-summary>div{width:100%;justify-content:center}.reviews-actions .btn{width:100%}}

/* Hero layout stabilization — prevents overlapping at desktop/tablet sizes */
.nav{top:22px;gap:24px}
.logo{width:72px;height:72px;flex:0 0 72px}
.hero-content{width:min(720px,calc(100% - 32px));padding-top:92px}
.hero h1{font-size:clamp(52px,6.4vw,78px);line-height:1.04;margin:18px 0 16px;letter-spacing:-1px}
.hero p{font-size:clamp(19px,2vw,25px);margin:0 0 22px;line-height:1.55}
.rating{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:12px;margin-top:4px}
.rating b{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;white-space:nowrap}
.offers{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin-top:12px}
.offers span{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;line-height:1.25}
.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin-top:20px}
.hero-actions .btn{min-height:54px;padding:14px 20px;text-align:center;white-space:nowrap}
.live{margin-top:4px}

@media (max-width:980px){
  .hero{min-height:760px;height:auto;padding:120px 0 70px}
  .hero-content{padding-top:30px;width:min(680px,calc(100% - 32px))}
  .hero h1{font-size:clamp(48px,7vw,68px)}
}

@media (max-width:760px){
  .nav{top:14px;align-items:flex-start}
  .logo{width:58px;height:58px;flex-basis:58px}
  .hero{min-height:760px;height:auto;padding:104px 0 64px}
  .hero-content{padding-top:18px;width:calc(100% - 28px)}
  .hero h1{font-size:clamp(42px,13vw,56px);line-height:1.03;margin:16px 0}
  .hero p{font-size:18px;line-height:1.5;margin-bottom:18px}
  .rating,.offers,.hero-actions{grid-template-columns:1fr;width:100%;gap:10px}
  .rating b,.offers span{white-space:normal;min-height:44px;padding:10px 12px}
  .hero-actions .btn{width:100%;white-space:normal}
  .live{font-size:14px;padding:9px 12px}
}

/* Reviews — separated Google / Facebook galleries */
.reviews-lead{max-width:820px;margin:-18px 0 30px;color:#52657c;font-size:18px;line-height:1.75}
.reviews-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 38px}
.reviews-summary .platform-score{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dce8f7;border-radius:22px;padding:18px 22px;box-shadow:0 12px 34px rgba(10,75,150,.09)}
.platform-score>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:2px}
.platform-score strong{font-size:34px;color:var(--ink)}
.platform-score .stars{grid-column:2;color:#f6b800;font-size:22px;letter-spacing:2px;direction:ltr}
.platform-score b{grid-column:1 / -1;color:#52657c;font-size:15px}
.platform-mark,.platform-icon{display:grid;place-items:center;flex:0 0 auto;width:50px;height:50px;border-radius:50%;font-weight:900;font-size:27px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.google-score .platform-mark,.google-icon{color:#4285f4;border:1px solid #e1e8f2}
.facebook-score .platform-mark,.facebook-icon{background:#1877f2;color:#fff}
.review-platform{background:#fff;border:1px solid #dce8f7;border-radius:30px;padding:28px;box-shadow:var(--shadow)}
.review-platform+.review-platform{margin-top:34px}
.platform-heading{display:flex;align-items:center;gap:15px;margin-bottom:24px}
.platform-heading h3{font-size:30px;margin:0 0 4px}
.platform-heading p{margin:0;color:#64768b;line-height:1.5}
.review-gallery{columns:2;column-gap:22px}
.review-gallery figure{display:inline-block;width:100%;margin:0 0 22px;padding:10px;background:#f8fbff;border:1px solid #e0eaf6;border-radius:20px;box-shadow:0 10px 28px rgba(8,70,145,.10);overflow:hidden;break-inside:avoid}
.review-gallery img{width:100%;height:auto;border-radius:13px;background:#fff}
.review-gallery figcaption{text-align:center;padding:10px 6px 3px;color:#61738a;font-size:14px;font-weight:800}
.facebook-block{border-top:5px solid #1877f2}
.review-platform:first-of-type{border-top:5px solid #4285f4}
@media(max-width:760px){
  .reviews-lead{font-size:16px;margin-top:-20px}
  .reviews-summary{grid-template-columns:1fr}
  .reviews-summary .platform-score{padding:15px 17px}
  .review-platform{padding:16px;border-radius:22px}
  .platform-heading{align-items:flex-start}
  .platform-heading h3{font-size:24px}
  .platform-heading p{font-size:14px}
  .platform-icon{width:42px;height:42px;font-size:23px}
  .review-gallery{columns:1}
  .review-gallery figure{margin-bottom:16px;padding:7px;border-radius:16px}
}


/* Production additions: accessibility, privacy, footer, lightbox and honest activity feed */
:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.nav-links{display:flex;gap:18px;color:#fff;font-weight:800}.nav-links a{padding:10px 8px}.privacy-live{margin-top:10px;color:rgba(255,255,255,.78);font-size:12px}.activity-feed{position:absolute;right:50%;bottom:22px;transform:translateX(50%);z-index:3;display:flex;align-items:center;gap:10px;width:min(620px,calc(100% - 32px));padding:12px 18px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(4,31,68,.7);backdrop-filter:blur(10px);color:#fff;font-size:14px}.pulse-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#20b866;box-shadow:0 0 0 7px rgba(32,184,102,.18);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(32,184,102,0)}}
.access-toggle{position:fixed;right:18px;bottom:94px;z-index:70;width:52px;height:52px;border:0;border-radius:50%;background:#082448;color:#fff;font-size:23px;box-shadow:0 12px 35px rgba(0,0,0,.25);cursor:pointer}.access-panel{position:fixed;right:18px;bottom:154px;z-index:71;width:min(310px,calc(100% - 36px));padding:16px;background:#fff;border-radius:20px;box-shadow:0 25px 70px rgba(0,0,0,.28);transform:translateX(calc(100% + 40px));transition:.25s}.access-panel.open{transform:none}.access-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.access-title button{border:0;background:none;font-size:25px}.access-panel>button,.access-panel>a{display:block;width:100%;margin:7px 0;padding:12px;border:1px solid #dce8f7;border-radius:12px;background:#f8fbff;text-align:right;font:inherit;font-weight:800;cursor:pointer}.high-contrast{--blue:#0047a8;--ink:#000;--soft:#fff}.high-contrast *{text-shadow:none!important}.highlight-links a{text-decoration:underline!important;text-decoration-thickness:3px!important}.stop-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.stop-motion video{display:none}.business-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.business-badges span{padding:10px 13px;border-radius:999px;background:#eaf4ff;color:#073b79;font-weight:900;font-size:14px}.review-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.platform-actions{display:flex;justify-content:center;margin-top:12px}.is-disabled{opacity:.55;cursor:not-allowed}.footer-grid{grid-template-columns:1.5fr repeat(4,1fr)}.footer-note{color:#c7d8ec}.cookie-banner{position:fixed;right:18px;left:18px;bottom:18px;z-index:90;display:none;align-items:center;justify-content:space-between;gap:22px;max-width:1050px;margin:auto;padding:18px 20px;background:#fff;border:1px solid #dce8f7;border-radius:22px;box-shadow:0 25px 80px rgba(0,0,0,.28)}.cookie-banner.show{display:flex}.cookie-banner p{margin:6px 0;line-height:1.55;color:#52657c}.cookie-banner a{text-decoration:underline;color:var(--blue)}.cookie-actions{display:flex;gap:10px;flex:0 0 auto}.cookie-actions .btn{border:0;cursor:pointer}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(1,12,28,.92);padding:50px 16px 20px;overflow:auto}.lightbox img{width:auto;max-width:min(1100px,100%);height:auto;max-height:none;margin:auto;border-radius:15px;background:#fff}.lightbox>button{position:fixed;top:14px;left:18px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;font-size:30px;cursor:pointer}.modal-open{overflow:hidden}.legal-page{background:#f4f8fd;min-height:100vh}.legal-header{background:#082448;color:#fff;padding:24px 0}.legal-header .wrap{display:flex;justify-content:space-between;align-items:center}.legal-header img{width:64px;height:64px;border-radius:50%}.legal-main{padding:55px 0}.legal-card{background:#fff;border-radius:28px;padding:32px;box-shadow:var(--shadow)}.legal-card h1{font-size:clamp(34px,5vw,56px);margin-top:0}.legal-card h2{margin-top:34px}.legal-card p,.legal-card li{line-height:1.9}.legal-card a{color:var(--blue);text-decoration:underline}.site-map-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.site-map-list a{padding:16px;background:#f4f8fd;border-radius:14px;font-weight:800}
@media(max-width:980px){.nav-links{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.activity-feed{bottom:14px;border-radius:18px;font-size:12px}.access-toggle{bottom:72px;right:12px}.access-panel{right:12px;bottom:132px}.footer-grid{grid-template-columns:1fr}.cookie-banner{bottom:68px;flex-direction:column;align-items:stretch}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.site-map-list{grid-template-columns:1fr}}

/* Requested UX fixes — activity message no longer overlays hero controls */
.activity-feed{position:relative!important;right:auto!important;bottom:auto!important;transform:none!important;z-index:4;width:min(760px,calc(100% - 32px));margin:-24px auto 24px;padding:12px 18px;justify-content:center;background:#082448;box-shadow:0 12px 35px rgba(4,31,68,.22)}
.review-link{cursor:pointer;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.review-link:hover{transform:translateY(-2px)}
.whatsapp-pop.wa-ring{animation:waBell .72s ease-in-out}
@keyframes waBell{0%,100%{transform:translateY(0) rotate(0)}15%{transform:translateY(0) rotate(3deg)}30%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(0) rotate(2deg)}60%{transform:translateY(0) rotate(-2deg)}75%{transform:translateY(0) rotate(1deg)}}
@media(max-width:760px){.activity-feed{margin:-12px auto 18px;border-radius:16px;font-size:12px}.whatsapp-pop{bottom:78px;left:12px;width:min(320px,calc(100% - 24px))}}
@media(prefers-reduced-motion:reduce){.whatsapp-pop.wa-ring{animation:none!important}}

/* Page-like scroll reveal */
.reveal-page{opacity:1;transform:none;transform-origin:50% 0;transition:opacity .72s ease var(--reveal-delay,0ms),transform .82s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}
body.reveal-enabled .reveal-page:not(.is-visible){opacity:0;transform:perspective(1200px) translateY(58px) rotateX(4deg) scale(.985);will-change:opacity,transform}
.reveal-page.is-visible{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) scale(1)}
.reviews-summary .platform-score{color:inherit;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.reviews-summary .platform-score:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(10,75,150,.15)}
.reviews-summary .platform-score:focus-visible{outline:3px solid #ffbf47;outline-offset:4px}
@media(max-width:760px){.reveal-page{transform:translateY(40px) scale(.99);transition-duration:.62s}}
@media(prefers-reduced-motion:reduce){.reveal-page,.reveal-page.is-visible{opacity:1!important;transform:none!important;transition:none!important}}
.stop-motion .reveal-page,.stop-motion .reveal-page.is-visible{opacity:1!important;transform:none!important;transition:none!important}

/* Movable + minimizable WhatsApp card */
.whatsapp-pop{touch-action:none;will-change:left,transform;user-select:none}
.whatsapp-pop .btn,.whatsapp-pop a,.whatsapp-pop button{touch-action:manipulation}
.wa-drag-handle{height:24px;margin:-8px 34px 6px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}
.wa-drag-handle:active{cursor:grabbing}
.wa-drag-handle span{width:48px;height:5px;border-radius:999px;background:#d6e0ec;display:block}
.wa-minimize{position:absolute!important;left:10px!important;top:8px!important;width:34px;height:34px;border:0!important;border-radius:50%;background:#eef5ff!important;color:#0967d8;font-size:20px!important;font-weight:900;display:grid;place-items:center;cursor:pointer;z-index:2}
.wa-minimize:hover,.wa-minimize:focus-visible{background:#dcecff!important;outline:3px solid rgba(9,103,216,.25)}
.wa-restore{position:fixed;left:0;bottom:115px;z-index:31;border:0;border-radius:0 999px 999px 0;background:#20b866;color:#fff;padding:13px 16px 13px 12px;font-weight:900;box-shadow:0 12px 34px rgba(0,0,0,.24);transform:translateX(-110%);opacity:0;pointer-events:none;transition:.25s;cursor:pointer}
.wa-restore.show{transform:translateX(0);opacity:1;pointer-events:auto}
.whatsapp-pop.dragging{transition:none!important;animation:none!important;cursor:grabbing}
.whatsapp-pop.minimized{transform:translateX(calc(-100% - 40px))!important;opacity:0!important;pointer-events:none!important}
@media(max-width:760px){.wa-restore{bottom:88px}.wa-drag-handle{margin-top:-9px}}
@media(prefers-reduced-motion:reduce){.whatsapp-pop,.wa-restore{transition:none!important}}


/* Fix: keep the activity message below the hero, never over the “גלו עוד” cue */
.activity-feed{margin:18px auto 24px!important;position:relative!important;inset:auto!important;transform:none!important;}
.rating .rating-card{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;white-space:nowrap;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);padding:10px 14px;border-radius:12px;font-weight:900;color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;}
.rating .rating-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.22);box-shadow:0 10px 30px rgba(0,0,0,.16);}
.rating .rating-card:focus-visible{outline:3px solid #ffbf47;outline-offset:3px;}
@media(max-width:760px){.activity-feed{margin:14px auto 18px!important}.rating .rating-card{white-space:normal;min-height:44px;padding:10px 12px}}


/* Final requested fixes — July 2026 */
.hero-content{padding-bottom:32px}
.scroll{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  padding:10px 18px;
  min-height:44px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  background:rgba(3,27,58,.48);
  color:#fff;
  font-weight:900;
  backdrop-filter:blur(8px);
  z-index:4;
}
.scroll:hover{background:rgba(3,27,58,.72)}
.compare .after{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  overflow:hidden;
  clip-path:inset(0 50% 0 0);
  -webkit-clip-path:inset(0 50% 0 0);
  will-change:clip-path;
}
.compare .after img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
.wa-minimize{direction:ltr!important;line-height:1!important}
.whatsapp-pop.show:not(.minimized){animation:waPopIn .38s cubic-bezier(.2,.9,.25,1.15)}
@keyframes waPopIn{
  0%{opacity:0;transform:translateY(22px) scale(.94)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:760px){
  .hero{height:auto;min-height:100svh;padding-bottom:24px}
  .hero-content{padding-bottom:18px}
  .scroll{margin-top:12px!important}
}

/* Contact form, brighter hero and 2D WhatsApp dragging — July 2026 */
.hero-overlay{background:linear-gradient(90deg,rgba(3,27,58,.14),rgba(3,27,58,.52))!important}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}
.contact-copy{position:sticky;top:28px}
.contact-note a{color:var(--blue);font-weight:900;text-decoration:underline}
.lead-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:#fff;border:1px solid #dce8f7;border-radius:28px;padding:26px;box-shadow:var(--shadow)}
.lead-form label{display:grid;gap:8px;font-weight:900;color:#173454}
.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid #bfd0e5;border-radius:14px;background:#fff;color:#10233d;padding:14px 15px;font:inherit;outline:none}
.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(9,103,216,.12)}
.lead-form textarea{resize:vertical;min-height:110px}
.form-wide{grid-column:1/-1}
.form-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start;gap:10px!important;font-weight:700!important;line-height:1.5}
.form-consent input{width:20px!important;height:20px;margin:0;accent-color:var(--blue)}
.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form-status{font-weight:800;color:var(--blue)}
.legal-disclaimer{margin-top:34px;padding:18px;border-radius:14px;background:#fff7db;border-right:4px solid #e4a700}
.whatsapp-pop{will-change:left,top,transform!important}
.wa-drag-handle{cursor:move!important}
@media(max-width:760px){
  .hero-overlay{background:linear-gradient(0deg,rgba(2,26,58,.62),rgba(2,26,58,.10))!important}
  .contact-layout{grid-template-columns:1fr;gap:24px}
  .contact-copy{position:static}
  .lead-form{grid-template-columns:1fr;padding:20px}
  .form-wide{grid-column:auto}
}


/* Exit-intent / back-button offer */
.exit-offer[hidden]{display:none!important}
.exit-offer{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:18px;background:rgba(1,15,34,.72);backdrop-filter:blur(7px)}
.exit-offer-card{position:relative;width:min(520px,100%);background:#fff;border-radius:28px;padding:34px 28px 26px;text-align:center;box-shadow:0 30px 100px rgba(0,0,0,.38);animation:exitOfferIn .3s cubic-bezier(.2,.85,.3,1.15)}
.exit-offer-close{position:absolute;left:14px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#eef5ff;color:#0a5fbe;font-size:28px;cursor:pointer}
.exit-offer-badge{display:inline-block;padding:7px 13px;border-radius:999px;background:#eaf8ef;color:#128244;font-weight:900}
.exit-offer h2{margin:14px 0 10px;font-size:clamp(30px,5vw,44px);color:#082448}
.exit-offer p{font-size:19px;line-height:1.6;margin:8px 0}
.exit-offer-discount strong{color:#0e9f52;font-size:1.15em}
.exit-offer-actions{display:grid;gap:11px;margin:22px 0 14px}
.exit-offer-later{border:1px solid #cbd9e9;background:#f6f9fd;color:#24435f;cursor:pointer}
.exit-offer small{display:block;color:#67798c;line-height:1.5}
@keyframes exitOfferIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}
@media(max-width:600px){.exit-offer-card{padding:30px 18px 22px}.exit-offer-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.exit-offer-card{animation:none}}

/* Clean result card in the work section */
.clean-result-card{margin:0;position:relative;overflow:hidden;border-radius:24px;box-shadow:var(--shadow);background:#fff;aspect-ratio:9/16}
.clean-result-card img{width:100%;height:100%;object-fit:cover}
.clean-result-card figcaption{position:absolute;right:12px;left:12px;bottom:12px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--dark);font-weight:900;text-align:center;box-shadow:0 8px 25px rgba(0,0,0,.14)}
@media(min-width:761px){.video-grid{grid-template-columns:repeat(4,1fr)}}


/* ===== Professional UI refresh ===== */
body{font-family:"Heebo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
h1,h2,h3,.nav-links a,.btn,.rating-card,.call-mini,.live,.offers span,.scroll{font-family:"Rubik","Heebo",system-ui,sans-serif}
.hero-content{max-width:980px!important;margin-inline:auto!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.hero-content p{max-width:840px!important;margin-inline:auto!important;text-align:center!important}
.hero h1{margin-inline:auto!important;text-align:center!important;text-wrap:balance}
.live{align-self:center!important}
.rating,.offers,.hero-actions{justify-content:center!important;align-items:center!important}
.offers span{padding:14px 18px;border-radius:18px}
.hero-actions .btn{min-width:280px}
.scroll{left:50%!important;right:auto!important;transform:translateX(-50%)!important}

.nav{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:18px!important}
.nav .nav-links{justify-self:center!important;display:flex!important;gap:14px!important;align-items:center!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important;padding:12px 18px!important;border-radius:999px!important;backdrop-filter:blur(14px)!important}
.nav .nav-links a{color:#fff!important;font-weight:700!important}
.nav > a:first-child{justify-self:start!important}
.call-mini{justify-self:end!important;background:#fff!important;color:var(--blue)!important;border:1px solid rgba(9,103,216,.16)!important;box-shadow:0 14px 32px rgba(0,0,0,.15)!important}

.rating-card{min-width:280px!important;justify-content:center!important;border-radius:20px!important;padding:16px 24px!important;font-size:22px!important;box-shadow:0 14px 35px rgba(0,0,0,.16)!important;transition:transform .2s ease, box-shadow .2s ease}
.rating-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 44px rgba(0,0,0,.2)!important}
.external-facebook{background:linear-gradient(135deg,#1877f2 0%,#51a6ff 100%)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important}
.external-google{background:linear-gradient(135deg,rgba(66,133,244,.18) 0%,rgba(52,168,83,.14) 34%,rgba(251,188,4,.14) 67%,rgba(234,67,53,.16) 100%), #ffffff!important;color:#173b72!important;border:1px solid rgba(66,133,244,.20)!important}

.hero-video{filter:brightness(1.08) contrast(1.03) saturate(1.08)!important;object-position:center center!important}
.hero-overlay{background:linear-gradient(180deg,rgba(7,19,39,.08) 0%,rgba(7,19,39,.14) 34%,rgba(7,19,39,.25) 68%,rgba(7,19,39,.40) 100%)!important}

.section>.wrap>h2,.section.soft>.wrap>h2,.about-copy h2,.reviews-head h2{text-align:center!important}
.section>.wrap>.eyebrow,.section.soft>.wrap>.eyebrow{text-align:center!important;display:block!important}
.section>.wrap>.lead,.reviews-head p{text-align:center!important;max-width:820px!important;margin-inline:auto!important}

.clean-result-card{background:#fff!important;padding:0!important;border-radius:28px!important;box-shadow:0 16px 40px rgba(8,70,145,.13)!important}
.clean-result-card img{object-fit:cover!important;object-position:center center!important}

@media (max-width: 900px){
  .nav{grid-template-columns:1fr!important;justify-items:center!important}
  .nav > a:first-child,.call-mini{justify-self:center!important}
  .nav .nav-links{order:3!important}
  .call-mini{order:2!important}
  .hero-content{padding-top:160px!important}
  .rating-card{min-width:unset!important;width:100%!important}
}


/* ===== Navigation, hero typography and section-step controls ===== */
.hero{align-items:center}
.hero-content{padding-top:150px!important}
.hero h1{
  font-family:"Varela Round","Rubik","Heebo",sans-serif!important;
  font-weight:400!important;
  letter-spacing:-1.5px!important;
  line-height:1.04!important;
  text-shadow:0 6px 26px rgba(0,0,0,.35)!important;
}
.nav{
  top:22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  pointer-events:none;
}
.nav > *{pointer-events:auto}
.brand-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin-inline-start:auto;
}
.live-under-logo{
  font-size:14px!important;
  padding:8px 13px!important;
  white-space:nowrap;
  animation:livePulse 1.45s ease-in-out infinite;
  box-shadow:0 0 0 0 rgba(45,224,117,.44);
}
@keyframes livePulse{
  0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(45,224,117,.36)}
  50%{opacity:.72;transform:scale(1.035);box-shadow:0 0 0 9px rgba(45,224,117,0)}
}
.nav .nav-links{
  width:220px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:6px!important;
  padding:10px!important;
  border-radius:22px!important;
  margin-inline-start:auto!important;
}
.nav .nav-links a{
  display:block!important;
  width:100%!important;
  padding:10px 15px!important;
  border-radius:14px!important;
  text-align:right!important;
  transition:background .2s ease,transform .2s ease!important;
}
.nav .nav-links a:hover,.nav .nav-links a:focus-visible{
  background:rgba(255,255,255,.15)!important;
  transform:translateX(-3px)!important;
}
.call-mini{margin-inline-start:auto!important}

.section[data-scroll-point]{position:relative;scroll-margin-top:20px}
.section-jump-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  margin:34px auto 0;
  position:relative;
  z-index:4;
}
.section-jump{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(9,103,216,.18);
  border-radius:50%;
  background:#fff;
  color:var(--blue);
  font:900 23px/1 "Rubik","Heebo",sans-serif;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(8,70,145,.14);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.section-jump:hover,.section-jump:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(8,70,145,.22);
  background:#f4f9ff;
}
.scroll{display:none!important}

@media(max-width:900px){
  .nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-items:unset!important;
    width:calc(100% - 28px)!important;
    right:14px!important;
    left:14px!important;
  }
  .brand-stack{margin-inline-start:auto!important}
  .nav .nav-links{
    order:initial!important;
    width:180px!important;
    margin-inline-start:auto!important;
  }
  .call-mini{order:initial!important;margin-inline-start:auto!important}
  .hero-content{padding-top:330px!important}
}
@media(prefers-reduced-motion:reduce){
  .live-under-logo{animation:none!important}
}
body.stop-motion .live-under-logo{animation:none!important}


/* WhatsApp bell motion — works independently of the draggable popup position */
.wa-head.wa-ring-active{
  transform-origin:50% 14%;
  animation:waBellWobble .95s cubic-bezier(.36,.07,.19,.97) both;
}
@keyframes waBellWobble{
  0%,100%{transform:rotate(0deg) translateX(0)}
  12%{transform:rotate(-5deg) translateX(-7px)}
  24%{transform:rotate(5deg) translateX(7px)}
  36%{transform:rotate(-4deg) translateX(-6px)}
  48%{transform:rotate(4deg) translateX(6px)}
  62%{transform:rotate(-2.5deg) translateX(-4px)}
  76%{transform:rotate(2.5deg) translateX(4px)}
  88%{transform:rotate(-1deg) translateX(-2px)}
}
body.stop-motion .wa-head.wa-ring-active{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .wa-head.wa-ring-active{animation:none!important}
}


/* ===== Safe compact navigation and clearer comparison ===== */
.nav{
  right:18px!important;
  left:auto!important;
  width:155px!important;
  max-width:155px!important;
  align-items:flex-end!important;
}
.nav .nav-links{
  width:145px!important;
  padding:7px!important;
  gap:4px!important;
  border-radius:17px!important;
}
.nav .nav-links a{
  font-size:14px!important;
  padding:8px 10px!important;
  text-align:right!important;
}
.call-mini{
  font-size:13px!important;
  padding:9px 11px!important;
}

.hero-jump-safe{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:12;
  width:52px;
  height:52px;
  border-radius:50%;
  border:2px solid rgba(9,103,216,.32);
  background:#fff;
  color:#0967d8;
  font:900 28px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  animation:safeArrowBounce 1.8s ease-in-out infinite;
}
@keyframes safeArrowBounce{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(6px)}
}

.compare{
  --compare-position:50%;
  cursor:ew-resize!important;
  touch-action:none!important;
  user-select:none!important;
  border:3px solid #fff!important;
  box-shadow:0 22px 58px rgba(8,70,145,.20)!important;
}
.compare::before{
  content:"";
  position:absolute;
  z-index:6;
  top:0;
  bottom:0;
  left:var(--compare-position);
  width:4px;
  transform:translateX(-50%);
  background:#fff;
  box-shadow:0 0 0 1px rgba(9,103,216,.22),0 0 18px rgba(0,0,0,.26);
  pointer-events:none;
}
.compare::after{
  content:"↔";
  position:absolute;
  z-index:7;
  left:var(--compare-position);
  top:50%;
  transform:translate(-50%,-50%);
  width:64px;
  height:64px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#0967d8;
  color:#fff;
  border:4px solid #fff;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  font:900 27px/1 Arial,sans-serif;
  pointer-events:none;
}
.compare-help-safe{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  padding:9px 15px;
  border-radius:999px;
  background:rgba(5,31,67,.78);
  color:#fff;
  font-weight:800;
  font-size:14px;
  white-space:nowrap;
  pointer-events:none;
}
.compare input{
  z-index:8!important;
  cursor:ew-resize!important;
}
.before-tag{
  background:#17253a!important;
  color:#fff!important;
}
.after-tag{
  background:#20b866!important;
  color:#fff!important;
}

@media(max-width:900px){
  .nav{
    right:10px!important;
    width:135px!important;
    max-width:135px!important;
  }
  .nav .nav-links{width:128px!important}
  .nav .nav-links a{font-size:13px!important;padding:7px 8px!important}
  .call-mini{font-size:12px!important;padding:8px 9px!important}
  .compare::after{width:56px;height:56px;font-size:23px}
  .compare-help-safe{font-size:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-jump-safe{animation:none!important}
}
body.stop-motion .hero-jump-safe{animation:none!important}


/* ===== Compact hero proof and price redesign ===== */
.rating{
  gap:10px!important;
  margin-top:20px!important;
}
.rating .rating-card{
  min-width:0!important;
  width:172px!important;
  min-height:54px!important;
  padding:10px 15px!important;
  border-radius:17px!important;
  display:grid!important;
  grid-template-columns:1fr auto auto!important;
  align-items:center!important;
  gap:7px!important;
  font-size:15px!important;
  letter-spacing:0!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}
.rating-platform{
  font-size:15px;
  font-weight:800;
  text-align:right;
}
.rating-score{
  font-size:18px;
  font-weight:900;
}
.rating-star{
  color:#f6b800;
  font-size:19px;
  line-height:1;
}
.external-facebook .rating-star{color:#fff}
.external-google{
  background:rgba(255,255,255,.94)!important;
  color:#193866!important;
}
.external-facebook{
  background:linear-gradient(135deg,#1877f2,#4ca1ff)!important;
  color:#fff!important;
}

.offers{
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:10px!important;
  flex-wrap:wrap!important;
}
.price-chip{
  width:210px;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:10px 15px;
  border-radius:18px;
  background:rgba(7,25,52,.52);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(12px);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
.price-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
  background:rgba(255,255,255,.13);
  font-size:20px;
}
.price-copy{
  display:flex;
  flex-direction:column;
  text-align:right;
  line-height:1.15;
}
.price-copy strong{
  font-family:"Rubik","Heebo",Arial,sans-serif;
  font-size:20px;
  font-weight:900;
}
.price-copy small{
  margin-top:5px;
  color:rgba(255,255,255,.80);
  font-size:13px;
  font-weight:700;
}

.hero-actions{
  margin-top:14px!important;
}
.hero-actions .btn{
  min-width:210px!important;
  padding:14px 20px!important;
}

/* WhatsApp always restores and opens from the left */
.whatsapp-pop{
  left:10px!important;
  right:auto!important;
}
.wa-restore{
  left:0!important;
  right:auto!important;
}

@media(max-width:760px){
  .rating{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .rating .rating-card{
    width:100%!important;
    padding:9px 10px!important;
    grid-template-columns:1fr auto!important;
  }
  .rating-star{display:none}
  .offers{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .price-chip{
    width:100%;
    min-height:62px;
    padding:9px 10px;
    gap:8px;
  }
  .price-icon{
    width:32px;
    height:32px;
    font-size:17px;
  }
  .price-copy strong{font-size:16px}
  .price-copy small{font-size:11px}
}


/* ===== Refined pricing, headings, accessibility and compact reviews ===== */
#before-after h2{
  font-family:"Varela Round","Rubik","Heebo",Arial,sans-serif!important;
  font-weight:400!important;
  letter-spacing:-1px!important;
  text-align:center!important;
}
#before-after .eyebrow{
  margin-bottom:10px!important;
}

/* More distinctive price presentation */
.offers{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:min(620px,100%)!important;
  margin:14px auto 0!important;
}
.price-chip{
  width:100%!important;
  min-height:84px!important;
  padding:14px 18px!important;
  border-radius:24px!important;
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 36%),
    linear-gradient(135deg,rgba(9,103,216,.88),rgba(6,51,112,.90))!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
}
.price-chip-central{
  background:
    radial-gradient(circle at 15% 20%,rgba(255,255,255,.18),transparent 36%),
    linear-gradient(135deg,rgba(32,184,102,.88),rgba(8,91,64,.92))!important;
}
.price-chip::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  left:-38px;
  bottom:-52px;
  background:rgba(255,255,255,.08);
}
.price-icon{
  width:44px!important;
  height:44px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
.price-copy strong{
  font-size:24px!important;
  letter-spacing:-.4px!important;
}
.price-copy small{
  font-size:13px!important;
  color:rgba(255,255,255,.86)!important;
}

/* Accessibility: plain wheelchair symbol, no circle */
.access-toggle{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0967d8!important;
  box-shadow:none!important;
  padding:4px!important;
  font-size:30px!important;
  line-height:1!important;
}
.access-toggle:hover,
.access-toggle:focus-visible{
  transform:scale(1.08)!important;
  background:transparent!important;
}

/* Facebook review card slightly smaller */
.rating .external-facebook{
  transform:scale(.94)!important;
}
.rating .external-facebook:hover{
  transform:scale(.94) translateY(-2px)!important;
}
.rating .rating-card{
  min-height:50px!important;
  padding:9px 13px!important;
}
.rating-platform{font-size:14px!important}
.rating-score{font-size:17px!important}

/* Exit offer without discount styling */
.exit-offer-badge{
  background:#eef6ff!important;
  color:#0967d8!important;
}
.exit-offer-discount strong{
  color:inherit!important;
}

@media(max-width:760px){
  .offers{
    grid-template-columns:1fr!important;
    width:min(360px,100%)!important;
  }
  .price-chip{
    min-height:74px!important;
  }
  .rating .external-facebook{
    transform:none!important;
  }
}


/* ===== Pricing emphasis, compact WhatsApp, ticker typography and reviews reveal ===== */
.price-chip{
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease!important;
}
.price-chip:hover,
.price-chip:focus-visible{
  transform:translateY(-4px) scale(1.015)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.27)!important;
  filter:saturate(1.08)!important;
}
.price-chip-ac .price-copy strong{
  font-size:29px!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.25)!important;
}
.price-chip-ac .price-copy small{
  font-size:14px!important;
  line-height:1.35!important;
  max-width:190px!important;
}
.price-chip-central .price-copy strong{
  font-size:25px!important;
}
.price-chip-central .price-copy small{
  font-size:14px!important;
  line-height:1.35!important;
}

/* Smaller, softer WhatsApp popup */
.whatsapp-pop{
  width:min(285px,calc(100% - 24px))!important;
  padding:14px!important;
  border-radius:19px!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(15px)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
.whatsapp-pop .wa-head img{
  width:40px!important;
  height:40px!important;
}
.whatsapp-pop .wa-head b{
  font-size:15px!important;
}
.whatsapp-pop .wa-head small{
  font-size:11px!important;
}
.whatsapp-pop p{
  font-size:14px!important;
  line-height:1.45!important;
  margin:11px 0!important;
}
.whatsapp-pop .btn{
  padding:11px 16px!important;
  font-size:14px!important;
}

/* Special ticker font */
.ticker{
  font-family:"Varela Round","Rubik","Heebo",Arial,sans-serif!important;
  font-size:17px!important;
  letter-spacing:.2px!important;
  background:linear-gradient(90deg,#075dc8,#0d78eb,#075dc8)!important;
  text-shadow:0 2px 8px rgba(0,0,0,.18)!important;
}

/* Reviews: four first, more appear with a surprise animation */
.review-extra{
  opacity:0;
  transform:translateY(26px) scale(.97);
  transition:opacity .35s ease, transform .35s ease;
}
.review-extra.review-extra-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.reviews-toggle{
  display:block;
  margin:24px auto 6px;
  border:0;
  border-radius:999px;
  padding:13px 24px;
  background:linear-gradient(135deg,#0967d8,#42a5ff);
  color:#fff;
  font-weight:900;
  font-size:15px;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(9,103,216,.24);
  transition:transform .2s ease, box-shadow .2s ease;
}
.reviews-toggle:hover,
.reviews-toggle:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(9,103,216,.32);
}

/* Phone attention every 15 seconds */
.call-mini.phone-ring{
  animation:phoneBell .95s cubic-bezier(.36,.07,.19,.97) both!important;
}
@keyframes phoneBell{
  0%,100%{transform:rotate(0deg) translateX(0)}
  14%{transform:rotate(-4deg) translateX(-5px)}
  28%{transform:rotate(4deg) translateX(5px)}
  42%{transform:rotate(-3deg) translateX(-4px)}
  56%{transform:rotate(3deg) translateX(4px)}
  72%{transform:rotate(-1.5deg) translateX(-2px)}
  86%{transform:rotate(1.5deg) translateX(2px)}
}
body.stop-motion .call-mini.phone-ring{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .call-mini.phone-ring{animation:none!important}
}

@media(max-width:760px){
  .price-chip-ac .price-copy strong{font-size:24px!important}
  .price-chip-ac .price-copy small,
  .price-chip-central .price-copy small{font-size:12px!important}
  .whatsapp-pop{
    width:min(255px,calc(100% - 20px))!important;
    padding:12px!important;
  }
  .ticker{
    font-size:15px!important;
  }
}


/* Mini-central card without house icon */
.price-chip-central{
  justify-content:center!important;
}
.price-chip-central .price-copy{
  text-align:center!important;
  align-items:center!important;
  width:100%!important;
}


/* ===== Reviews: three visible per platform, extras occupy no space until opened ===== */
.review-gallery{
  columns:3!important;
  column-gap:18px!important;
}
.review-gallery figure{
  margin-bottom:18px!important;
}
.review-gallery .review-extra[hidden]{
  display:none!important;
}
.review-gallery .review-extra:not([hidden]){
  display:inline-block!important;
}
.review-platform{
  overflow:visible!important;
}
.reviews-toggle{
  clear:both!important;
  margin-top:18px!important;
}

@media(max-width:980px){
  .review-gallery{
    columns:2!important;
  }
}
@media(max-width:680px){
  .review-gallery{
    columns:1!important;
  }
}


/* ===== Reviews in compact rows of three ===== */
.review-gallery{
  columns:unset!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  gap:18px!important;
  width:100%!important;
}
.review-gallery figure{
  display:block!important;
  width:100%!important;
  margin:0!important;
  break-inside:auto!important;
}
.review-gallery figure[hidden]{
  display:none!important;
}
.review-gallery .review-extra:not([hidden]){
  display:block!important;
}
.review-gallery img{
  width:100%!important;
  height:auto!important;
  display:block!important;
}
.review-extra{
  opacity:0;
  transform:translateY(20px) scale(.98);
}
.review-extra.review-extra-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
.review-platform{
  min-height:0!important;
  height:auto!important;
}
.reviews-toggle{
  margin:22px auto 0!important;
}

/* Bell movement for "show more reviews" buttons */
.reviews-toggle.review-button-ring{
  animation:reviewButtonBell .95s cubic-bezier(.36,.07,.19,.97) both!important;
}
@keyframes reviewButtonBell{
  0%,100%{transform:rotate(0deg) translateX(0)}
  14%{transform:rotate(-3deg) translateX(-5px)}
  28%{transform:rotate(3deg) translateX(5px)}
  42%{transform:rotate(-2.4deg) translateX(-4px)}
  56%{transform:rotate(2.4deg) translateX(4px)}
  72%{transform:rotate(-1.2deg) translateX(-2px)}
  86%{transform:rotate(1.2deg) translateX(2px)}
}
body.stop-motion .reviews-toggle.review-button-ring{
  animation:none!important;
}
@media(prefers-reduced-motion:reduce){
  .reviews-toggle.review-button-ring{animation:none!important}
}

@media(max-width:900px){
  .review-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .review-gallery{
    grid-template-columns:1fr!important;
  }
}


/* Gallery updated with two real project photos */
#gallery .gallery{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
}
#gallery .gallery img{
  width:100%!important;
  height:430px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:26px!important;
  box-shadow:0 18px 42px rgba(8,70,145,.16)!important;
}
@media(max-width:760px){
  #gallery .gallery{
    grid-template-columns:1fr!important;
  }
  #gallery .gallery img{
    height:auto!important;
    max-height:520px!important;
  }
}


/* Gallery restored to four photos */
#gallery .gallery{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#gallery .gallery img{
  height:360px!important;
}
@media(max-width:760px){
  #gallery .gallery{
    grid-template-columns:1fr!important;
  }
  #gallery .gallery img{
    height:auto!important;
  }
}


/* Gallery: four photos in one desktop row, no heading */
#gallery{
  padding-top:54px!important;
}
#gallery .gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#gallery .gallery img{
  width:100%!important;
  height:290px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:22px!important;
}
@media(max-width:1050px){
  #gallery .gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  #gallery .gallery{
    grid-template-columns:1fr!important;
  }
  #gallery .gallery img{
    height:auto!important;
  }
}


/* Work process section: videos only */
#work-process .video-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
#work-process .video-grid video{
  width:100%!important;
  height:420px!important;
  object-fit:cover!important;
  border-radius:24px!important;
  background:#071426!important;
}
@media(max-width:980px){
  #work-process .video-grid{
    grid-template-columns:1fr!important;
  }
  #work-process .video-grid video{
    height:auto!important;
    max-height:560px!important;
  }
}


/* Personal WhatsApp profile photo */
.whatsapp-pop .wa-head{
  display:grid!important;
  grid-template-columns:48px 1fr 34px!important;
  align-items:center!important;
  gap:10px!important;
}
.whatsapp-pop .wa-profile-photo{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center 24%!important;
  border:3px solid #25d366!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
}
.whatsapp-pop .wa-head > img:not(.wa-profile-photo){
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  object-fit:cover!important;
}
@media(max-width:760px){
  .whatsapp-pop .wa-head{
    grid-template-columns:42px 1fr 30px!important;
  }
  .whatsapp-pop .wa-profile-photo{
    width:42px!important;
    height:42px!important;
  }
  .whatsapp-pop .wa-head > img:not(.wa-profile-photo){
    width:30px!important;
    height:30px!important;
  }
}


/* Compact WhatsApp header with personal photo */
.whatsapp-pop{
  width:260px!important;
  max-width:calc(100vw - 20px)!important;
  padding:13px!important;
}
.whatsapp-pop .wa-head{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
}
.whatsapp-pop .wa-profile-photo{
  order:1!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
  border-radius:50%!important;
}
.whatsapp-pop .wa-head > div{
  order:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:right!important;
}
.whatsapp-pop .wa-head b{
  display:block!important;
  white-space:nowrap!important;
  font-size:15px!important;
  line-height:1.15!important;
}
.whatsapp-pop .wa-head small{
  display:block!important;
  white-space:nowrap!important;
  font-size:10px!important;
  line-height:1.25!important;
}
.whatsapp-pop .wa-head > img:not(.wa-profile-photo){
  order:3!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:8px!important;
}
.whatsapp-pop p{
  margin:10px 0!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.whatsapp-pop .btn{
  width:100%!important;
  padding:10px 14px!important;
  font-size:14px!important;
}

@media(max-width:760px){
  .whatsapp-pop{
    width:245px!important;
    padding:12px!important;
  }
  .whatsapp-pop .wa-profile-photo{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  .whatsapp-pop .wa-head small{
    font-size:9px!important;
  }
}


/* Footer logo and copy aligned symmetrically */
.footer-brand-block{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
}
.footer-brand-block img{
  width:90px!important;
  height:90px!important;
  margin:0 auto 18px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
.footer-brand-block > p{
  width:100%!important;
  margin:0 auto!important;
  text-align:center!important;
}
.footer-brand-block > p:first-of-type{
  font-weight:900!important;
  font-size:20px!important;
  margin-bottom:14px!important;
}
.footer-brand-block .footer-note{
  max-width:280px!important;
  margin-inline:auto!important;
  line-height:1.8!important;
}


/* Updated portrait in the about section */
#about .portrait img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 28%!important;
}


/* Review source cards are real clickable links */
.reviews-source-link{
  cursor:pointer!important;
  text-decoration:none!important;
}
.reviews-summary .reviews-source-link,
.platform-heading.reviews-source-link{
  transition:transform .2s ease, box-shadow .2s ease!important;
}
.reviews-summary .reviews-source-link:hover,
.reviews-summary .reviews-source-link:focus-visible,
.platform-heading.reviews-source-link:hover,
.platform-heading.reviews-source-link:focus-visible{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 36px rgba(9,103,216,.18)!important;
}
.review-link{
  display:block!important;
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
}


/* ===== Professional review carousel with arrows ===== */
.review-platform{
  overflow:hidden!important;
}
.reviews-carousel{
  position:relative;
  width:min(760px,100%);
  margin:24px auto 0;
  padding:0 58px;
}
.reviews-carousel .review-gallery{
  display:block!important;
  columns:unset!important;
  min-height:520px;
}
.reviews-carousel .review-slide{
  display:none!important;
  width:100%!important;
  margin:0!important;
  opacity:0;
  transform:translateX(20px) scale(.985);
}
.reviews-carousel .review-slide.is-active{
  display:block!important;
  opacity:1;
  transform:none;
  animation:reviewSlideIn .34s ease both;
}
.reviews-carousel .review-slide img{
  display:block;
  width:100%!important;
  max-height:610px;
  object-fit:contain!important;
  border-radius:24px!important;
  background:#fff;
  box-shadow:0 18px 44px rgba(9,42,86,.16);
}
.reviews-carousel .review-slide figcaption{
  margin-top:10px;
  text-align:center;
  font-weight:800;
  color:#2a4775;
}
.reviews-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:34px;
  line-height:1;
  color:#fff;
  background:linear-gradient(135deg,#0967d8,#48a7ff);
  box-shadow:0 12px 28px rgba(9,103,216,.28);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}
.reviews-carousel-arrow:hover,
.reviews-carousel-arrow:focus-visible{
  transform:translateY(-50%) scale(1.08);
  box-shadow:0 16px 34px rgba(9,103,216,.38);
}
.reviews-carousel-prev{left:0}
.reviews-carousel-next{right:0}

.reviews-carousel-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:16px 0 4px;
}
.reviews-carousel-dot{
  width:9px;
  height:9px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#c9d7eb;
  cursor:pointer;
  transition:width .2s ease, background .2s ease;
}
.reviews-carousel-dot.is-active{
  width:28px;
  background:#0967d8;
}
.platform-actions{
  margin-top:18px!important;
}
@keyframes reviewSlideIn{
  from{opacity:0;transform:translateX(20px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:760px){
  .reviews-carousel{
    width:100%;
    padding:0 38px;
    margin-top:18px;
  }
  .reviews-carousel .review-gallery{
    min-height:420px;
  }
  .reviews-carousel .review-slide img{
    max-height:520px;
    border-radius:18px!important;
  }
  .reviews-carousel-arrow{
    width:36px;
    height:36px;
    font-size:27px;
  }
}


/* ===== One compact reviews area with bold Google/Facebook switch ===== */
.review-platform-switcher{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:min(760px,100%);
  margin:26px auto 18px;
}
.review-platform-tab{
  border:0;
  border-radius:22px;
  min-height:74px;
  padding:14px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  cursor:pointer;
  color:#17345f;
  background:#fff;
  box-shadow:0 14px 34px rgba(15,55,100,.13);
  font-family:"Varela Round","Rubik","Heebo",Arial,sans-serif;
  font-size:17px;
  font-weight:900;
  transition:transform .22s ease, box-shadow .22s ease, color .22s ease, background .22s ease;
}
.review-platform-tab:hover,
.review-platform-tab:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 20px 42px rgba(15,55,100,.20);
}
.review-platform-tab.google-tab.is-active{
  color:#17345f;
  background:linear-gradient(135deg,#fff,#f7fbff);
  box-shadow:0 0 0 3px rgba(66,133,244,.25),0 20px 44px rgba(66,133,244,.18);
}
.review-platform-tab.facebook-tab.is-active{
  color:#fff;
  background:linear-gradient(135deg,#1877f2,#439cff);
  box-shadow:0 0 0 3px rgba(24,119,242,.20),0 20px 44px rgba(24,119,242,.28);
}
.review-tab-mark{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:21px;
  font-weight:900;
  background:#eef4ff;
  color:#4285f4;
}
.facebook-tab .review-tab-mark{
  background:#1877f2;
  color:#fff;
}
.facebook-tab.is-active .review-tab-mark{
  background:#fff;
  color:#1877f2;
}
.review-platform-stage{
  width:100%;
  min-height:0;
}
.review-platform-stage .review-platform{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.review-platform-stage .review-platform[hidden]{
  display:none!important;
}
.review-panel-enter{
  animation:reviewPanelEnter .34s ease both;
}
@keyframes reviewPanelEnter{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}
.review-platform-stage .reviews-carousel{
  margin-top:10px!important;
}
.review-platform-stage .platform-actions{
  margin-top:14px!important;
}
.review-platform-stage .platform-actions .btn{
  min-width:250px;
}

@media(max-width:680px){
  .review-platform-switcher{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:20px;
  }
  .review-platform-tab{
    min-height:62px;
    padding:11px 14px;
    font-size:15px;
    border-radius:18px;
  }
  .review-tab-mark{
    width:36px;
    height:36px;
    flex-basis:36px;
    font-size:18px;
  }
}


/* ===== Professional FAQ accordion ===== */
.faq-wrap{
  max-width:980px!important;
}
.faq-intro{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
  color:#60738c;
  line-height:1.75;
}
.faq-list{
  display:grid;
  gap:13px;
}
.faq-item{
  background:#fff;
  border:1px solid #dce8f7;
  border-radius:22px;
  box-shadow:0 12px 34px rgba(9,67,133,.08);
  overflow:hidden;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.faq-item:hover{
  transform:translateY(-2px);
  box-shadow:0 17px 40px rgba(9,67,133,.12);
}
.faq-item[open]{
  border-color:#82b9f4;
  box-shadow:0 18px 45px rgba(9,103,216,.14);
}
.faq-item summary{
  min-height:76px;
  padding:20px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  cursor:pointer;
  list-style:none;
  color:#17345f;
  font-family:"Varela Round","Rubik","Heebo",Arial,sans-serif;
  font-size:20px;
  font-weight:900;
}
.faq-item summary::-webkit-details-marker{
  display:none;
}
.faq-symbol{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#0967d8,#49a7ff);
  font-size:26px;
  line-height:1;
  transition:transform .25s ease;
  box-shadow:0 9px 22px rgba(9,103,216,.22);
}
.faq-item[open] .faq-symbol{
  transform:rotate(45deg);
}
.faq-answer{
  padding:0 24px 24px;
  color:#42566f;
  font-size:16px;
  line-height:1.85;
  animation:faqOpen .25s ease both;
}
.faq-answer p{
  margin:0 0 13px;
}
.faq-answer h4{
  margin:21px 0 7px;
  color:#17345f;
  font-size:17px;
}
.faq-answer ul{
  margin:9px 0 17px;
  padding-right:21px;
}
.faq-answer li{
  margin:5px 0;
}
.faq-note{
  margin-top:17px!important;
  padding:14px 16px;
  border-right:4px solid #1b78dd;
  border-radius:12px;
  background:#f1f7ff;
  color:#294d78;
  font-weight:700;
}
.faq-steps{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:17px 0;
}
.faq-step{
  padding:14px;
  border-radius:15px;
  background:#f6f9fd;
  border:1px solid #e1ebf7;
}
.faq-step strong,
.faq-step span{
  display:block;
}
.faq-step strong{
  color:#17345f;
  margin-bottom:5px;
}
.faq-step span{
  font-size:14px;
  line-height:1.55;
}
@keyframes faqOpen{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:none}
}
@media(max-width:680px){
  .faq-intro{
    margin-bottom:20px;
  }
  .faq-item{
    border-radius:18px;
  }
  .faq-item summary{
    min-height:68px;
    padding:17px 16px;
    font-size:17px;
    gap:12px;
  }
  .faq-symbol{
    width:34px;
    height:34px;
    flex-basis:34px;
    font-size:23px;
  }
  .faq-answer{
    padding:0 16px 19px;
    font-size:15px;
  }
  .faq-steps{
    grid-template-columns:1fr;
  }
}


/* ===== Final mobile-first hero and navigation correction ===== */
.mobile-menu-toggle{
  display:none;
}

@media(max-width:760px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  .ticker{
    min-height:34px;
    padding:7px 10px!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .ticker span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .hero{
    height:auto!important;
    min-height:calc(100svh - 34px)!important;
    padding:112px 14px 82px!important;
    align-items:flex-start!important;
    overflow:hidden!important;
  }
  .hero-video{
    object-position:center center!important;
  }
  .hero-overlay{
    background:
      linear-gradient(180deg,rgba(4,20,43,.24) 0%,rgba(4,20,43,.28) 28%,rgba(4,20,43,.68) 74%,rgba(4,20,43,.86) 100%)!important;
  }

  .nav.wrap{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    left:12px!important;
    width:auto!important;
    max-width:none!important;
    height:78px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    pointer-events:none!important;
    z-index:20!important;
  }
  .nav.wrap > *{
    pointer-events:auto!important;
  }

  .brand-stack{
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
  .logo{
    width:56px!important;
    height:56px!important;
    flex:0 0 56px!important;
    padding:2px!important;
    box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
  }
  .live-under-logo{
    margin:0!important;
    padding:8px 10px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(7,28,58,.52)!important;
  }

  .mobile-menu-toggle{
    display:grid!important;
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    place-content:center!important;
    gap:5px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:16px!important;
    background:rgba(7,28,58,.62)!important;
    backdrop-filter:blur(12px)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
    cursor:pointer!important;
  }
  .mobile-menu-toggle span{
    width:22px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#fff!important;
    transition:transform .22s ease,opacity .22s ease!important;
  }
  .mobile-menu-toggle.is-open span:nth-child(1){
    transform:translateY(7px) rotate(45deg)!important;
  }
  .mobile-menu-toggle.is-open span:nth-child(2){
    opacity:0!important;
  }
  .mobile-menu-toggle.is-open span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg)!important;
  }

  .nav .nav-links{
    display:none!important;
    position:absolute!important;
    top:68px!important;
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    border-radius:20px!important;
    background:rgba(5,24,51,.94)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    box-shadow:0 22px 50px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(18px)!important;
  }
  .nav .nav-links.is-open{
    display:grid!important;
    animation:mobileNavOpen .22s ease both!important;
  }
  .nav .nav-links a{
    width:100%!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 8px!important;
    font-size:14px!important;
    text-align:center!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.08)!important;
  }
  .nav .nav-links a:last-child{
    grid-column:1/-1!important;
    background:linear-gradient(135deg,#0967d8,#3e9cff)!important;
  }
  .call-mini{
    display:none!important;
  }

  .hero-content.wrap{
    width:100%!important;
    max-width:430px!important;
    margin:0 auto!important;
    padding:0!important;
    text-align:center!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }
  .hero h1{
    max-width:390px!important;
    margin:18px auto 10px!important;
    font-size:clamp(39px,11vw,48px)!important;
    line-height:1.03!important;
    letter-spacing:-1px!important;
  }
  .hero-content > p{
    max-width:390px!important;
    margin:0 auto 14px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  .rating{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:4px 0 0!important;
  }
  .rating .rating-card{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:9px 11px!important;
    border-radius:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    transform:none!important;
    box-shadow:0 10px 26px rgba(0,0,0,.16)!important;
  }
  .rating-platform{
    font-size:13px!important;
  }
  .rating-score{
    font-size:16px!important;
  }
  .rating-star{
    display:inline!important;
    font-size:15px!important;
  }

  .offers{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:9px 0 0!important;
  }
  .price-chip{
    width:100%!important;
    min-height:76px!important;
    padding:10px 9px!important;
    gap:7px!important;
    border-radius:18px!important;
  }
  .price-icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
    font-size:16px!important;
  }
  .price-copy{
    min-width:0!important;
  }
  .price-chip-ac .price-copy strong,
  .price-chip-central .price-copy strong{
    font-size:20px!important;
    line-height:1.05!important;
  }
  .price-chip-ac .price-copy small,
  .price-chip-central .price-copy small{
    max-width:none!important;
    font-size:10.5px!important;
    line-height:1.25!important;
  }

  .hero-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:10px 0 0!important;
  }
  .hero-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:10px 8px!important;
    font-size:13px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  .hero-jump-safe{
    display:none!important;
  }

  /* On phones the personal WhatsApp card starts minimized, not over the hero. */
  .whatsapp-pop{
    width:min(278px,calc(100vw - 24px))!important;
    max-height:calc(100svh - 150px)!important;
    left:12px!important;
    bottom:72px!important;
    padding:12px!important;
  }
  .wa-restore{
    left:10px!important;
    bottom:70px!important;
    height:46px!important;
    min-width:116px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:13px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
  }

  .activity-feed{
    display:none!important;
  }
  .access-toggle{
    right:10px!important;
    bottom:72px!important;
  }
  .mobile-bar a{
    padding:13px 8px!important;
    font-size:14px!important;
  }
}

@keyframes mobileNavOpen{
  from{opacity:0;transform:translateY(-8px) scale(.98)}
  to{opacity:1;transform:none}
}

@media(max-width:380px){
  .live-under-logo{
    display:none!important;
  }
  .hero{
    padding-top:98px!important;
  }
  .hero h1{
    font-size:38px!important;
  }
  .rating-star{
    display:none!important;
  }
  .price-chip-ac .price-copy strong,
  .price-chip-central .price-copy strong{
    font-size:18px!important;
  }
}


/* ===== Mobile video visibility + compact WhatsApp final fix ===== */
@media(max-width:760px){
  /* Keep the cleaning video clearly visible behind the content. */
  .hero-video{
    filter:brightness(1.30) contrast(1.02) saturate(1.08)!important;
    object-position:center center!important;
  }
  .hero-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(3,16,34,.03) 0%,
        rgba(3,16,34,.05) 30%,
        rgba(3,16,34,.13) 62%,
        rgba(3,16,34,.30) 100%
      )!important;
  }
  .hero h1,
  .hero-content > p{
    text-shadow:0 3px 18px rgba(0,0,0,.72)!important;
  }
  .rating .rating-card,
  .price-chip,
  .hero-actions .btn{
    backdrop-filter:blur(7px)!important;
  }

  /* The WhatsApp card is a small fixed card, never a tall white panel. */
  .whatsapp-pop{
    width:min(260px,calc(100vw - 24px))!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    top:auto!important;
    right:auto!important;
    left:12px!important;
    bottom:72px!important;
    padding:12px!important;
    border-radius:19px!important;
    background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(12px)!important;
    touch-action:auto!important;
  }
  .whatsapp-pop.show:not(.minimized){
    transform:none!important;
  }
  .whatsapp-pop .wa-drag-handle{
    display:none!important;
  }
  .whatsapp-pop .wa-head{
    display:grid!important;
    grid-template-columns:40px 1fr 28px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
  }
  .whatsapp-pop .wa-profile-photo{
    order:1!important;
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
  .whatsapp-pop .wa-head > div{
    order:2!important;
    min-width:0!important;
    align-items:flex-start!important;
  }
  .whatsapp-pop .wa-head > img:not(.wa-profile-photo){
    order:3!important;
    width:28px!important;
    height:28px!important;
  }
  .whatsapp-pop .wa-head b{
    font-size:14px!important;
    white-space:nowrap!important;
  }
  .whatsapp-pop .wa-head small{
    font-size:9px!important;
    white-space:nowrap!important;
  }
  .whatsapp-pop p{
    margin:9px 0!important;
    font-size:12.5px!important;
    line-height:1.4!important;
  }
  .whatsapp-pop .btn{
    width:100%!important;
    min-height:40px!important;
    padding:9px 12px!important;
    font-size:13px!important;
  }
  .whatsapp-pop .wa-minimize{
    width:30px!important;
    height:30px!important;
    top:7px!important;
    left:7px!important;
    font-size:18px!important;
  }
  .wa-restore{
    left:10px!important;
    bottom:70px!important;
    min-width:108px!important;
    height:43px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }
}


/* ===== Mobile hero: clear video stage above the conversion cards ===== */
.mobile-video-peek{display:none}
.hero-cta-panel{display:contents}

@media(max-width:760px){
  .hero{
    min-height:0!important;
    height:auto!important;
    padding:108px 14px 78px!important;
    background:#071f42!important;
    overflow:hidden!important;
  }

  /* The video occupies the upper part only. The CTA panel begins below it. */
  .hero-video,
  .hero-overlay{
    top:0!important;
    right:0!important;
    left:0!important;
    bottom:auto!important;
    height:620px!important;
  }
  .hero-video{
    object-fit:cover!important;
    object-position:center 44%!important;
    filter:brightness(1.18) contrast(1.02) saturate(1.06)!important;
  }
  .hero-overlay{
    background:linear-gradient(
      180deg,
      rgba(3,16,34,.08) 0%,
      rgba(3,16,34,.12) 34%,
      rgba(3,16,34,.24) 65%,
      rgba(7,31,66,.82) 100%
    )!important;
  }

  .hero-content.wrap{
    max-width:430px!important;
    margin:0 auto!important;
    padding:0!important;
    display:block!important;
    text-align:center!important;
  }
  .hero h1{
    margin:20px auto 10px!important;
    max-width:390px!important;
    font-size:clamp(40px,11.5vw,50px)!important;
    line-height:1.02!important;
  }
  .hero-content > p{
    max-width:390px!important;
    margin:0 auto!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  /* This transparent space is the actual video-viewing area. */
  .mobile-video-peek{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    height:285px!important;
    padding-bottom:20px!important;
    pointer-events:none!important;
  }
  .mobile-video-peek span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:36px!important;
    padding:8px 14px!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:999px!important;
    background:rgba(4,24,51,.38)!important;
    backdrop-filter:blur(8px)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:900!important;
    text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
  }
  .mobile-video-peek span::before{
    content:'▶'!important;
    margin-left:7px!important;
    font-size:10px!important;
  }

  /* Ratings, prices and CTAs are now one compact panel below the video. */
  .hero-cta-panel{
    display:block!important;
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    margin:0 auto!important;
    padding:13px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:25px!important;
    background:rgba(5,25,54,.92)!important;
    box-shadow:0 22px 55px rgba(0,0,0,.30)!important;
    backdrop-filter:blur(16px)!important;
  }
  .hero-cta-panel .rating,
  .hero-cta-panel .offers,
  .hero-cta-panel .hero-actions{
    width:100%!important;
    margin:0!important;
  }
  .hero-cta-panel .offers,
  .hero-cta-panel .hero-actions{
    margin-top:9px!important;
  }
  .hero-cta-panel .rating,
  .hero-cta-panel .offers,
  .hero-cta-panel .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .hero-cta-panel .rating-card{
    min-height:46px!important;
    padding:8px 9px!important;
    border-radius:14px!important;
  }
  .hero-cta-panel .price-chip{
    min-height:72px!important;
    padding:9px 8px!important;
    border-radius:16px!important;
  }
  .hero-cta-panel .hero-actions .btn{
    min-height:46px!important;
    padding:9px 7px!important;
    font-size:12.5px!important;
  }

  /* The small WhatsApp restore chip does not cover the cleaning footage. */
  .wa-restore{
    opacity:0!important;
    pointer-events:none!important;
    transform:translateY(12px)!important;
  }
  body.mobile-past-hero .wa-restore.show{
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
}

@media(max-width:380px){
  .hero-video,
  .hero-overlay{height:590px!important}
  .mobile-video-peek{height:260px!important}
  .hero-cta-panel{padding:10px!important}
  .hero-cta-panel .price-chip-ac .price-copy strong,
  .hero-cta-panel .price-chip-central .price-copy strong{
    font-size:17px!important;
  }
}


/* ===== WhatsApp minimize arrow: keep it clear of the logo ===== */
@media(max-width:760px){
  .whatsapp-pop .wa-minimize{
    left:-9px!important;
    top:-9px!important;
    width:32px!important;
    height:32px!important;
    border:2px solid #fff!important;
    background:#eef5ff!important;
    box-shadow:0 8px 20px rgba(9,67,133,.22)!important;
    z-index:8!important;
  }
  .whatsapp-pop .wa-head{
    padding-left:2px!important;
  }
}


/* ===== WhatsApp restore button must appear immediately after minimizing ===== */
@media(max-width:760px){
  .wa-restore.show,
  body.mobile-past-hero .wa-restore.show{
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .wa-restore{
    left:10px!important;
    bottom:70px!important;
    min-width:112px!important;
    height:43px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:12px!important;
    box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
  }
}

/* ===== Vertically draggable WhatsApp restore button on mobile ===== */
@media(max-width:760px){
  .wa-restore{
    touch-action:none!important;
    user-select:none!important;
    cursor:grab!important;
    transition:opacity .25s,transform .25s,box-shadow .2s!important;
  }
  .wa-restore.dragging{
    cursor:grabbing!important;
    transition:none!important;
    box-shadow:0 16px 36px rgba(0,0,0,.32)!important;
  }
}


/* ===== Mobile WhatsApp restore vertical drag — real position fix ===== */
@media(max-width:760px){
  .wa-restore{
    /* JavaScript controls the vertical position. */
    bottom:auto!important;
    top:auto;
    touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
  }
}


/* ===== Definitive mobile WhatsApp restore drag fix ===== */
@media(max-width:760px){
  .wa-restore,
  .wa-restore.show,
  body.mobile-past-hero .wa-restore.show{
    position:fixed!important;
    top:calc(100dvh - 115px);
    bottom:auto!important;
    left:10px!important;
    right:auto!important;
    touch-action:none!important;
    -ms-touch-action:none!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    overscroll-behavior:contain!important;
    cursor:grab!important;
  }
  .wa-restore.dragging{
    cursor:grabbing!important;
    transition:none!important;
    box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
  }
}


/* ===== Open WhatsApp card draggable on mobile and desktop ===== */
.whatsapp-pop{
  touch-action:none!important;
}
.whatsapp-pop .wa-drag-handle{
  display:flex!important;
  height:20px!important;
  margin:-7px 40px 5px!important;
  cursor:grab!important;
  touch-action:none!important;
}
.whatsapp-pop .wa-drag-handle span{
  width:46px!important;
  height:5px!important;
  border-radius:999px!important;
  background:#cad8e9!important;
}
.whatsapp-pop.dragging,
.whatsapp-pop.dragging .wa-drag-handle{
  cursor:grabbing!important;
  transition:none!important;
}
.whatsapp-pop a,
.whatsapp-pop button{
  touch-action:manipulation!important;
}

@media(max-width:760px){
  .whatsapp-pop{
    position:fixed!important;
    bottom:auto!important;
    right:auto!important;
    max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 90px)!important;
    overscroll-behavior:contain!important;
  }
  .whatsapp-pop .wa-drag-handle{
    display:flex!important;
  }
}


/* ===== Accessibility compliance fixes ===== */
:root{
  --green:#08783f;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.wa,
.wa-restore,
.mobile-bar a[href*="wa.me"]{
  background:#08783f!important;
  color:#fff!important;
}
.pulse-dot{
  background:#08783f!important;
}
.hero-motion-toggle{
  position:relative;
  z-index:4;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:10px 0 0;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(4,31,68,.76);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.hero-motion-toggle[aria-pressed="true"]{
  background:#fff;
  color:#073b79;
}
.reviews-accessible-note{
  width:min(760px,100%);
  margin:6px auto 14px;
  padding:12px 15px;
  border-radius:14px;
  background:#edf5ff;
  color:#294d78;
  text-align:center;
  line-height:1.65;
  font-size:14px;
}
.reviews-accessible-note a{
  color:#0056b3;
  text-decoration:underline;
  font-weight:900;
}
.compare:focus-within{
  outline:4px solid #ffbf47;
  outline-offset:5px;
}
.access-panel[inert]{
  visibility:hidden;
  pointer-events:none;
}
body.stop-motion video{
  display:block!important;
}
body.stop-motion .hero-video{
  opacity:.92;
}
body.stop-motion .pulse-dot{
  box-shadow:none!important;
}
[aria-invalid="true"]{
  border-color:#b42318!important;
  box-shadow:0 0 0 3px rgba(180,35,24,.16)!important;
}
.form-status:not(:empty){
  display:block;
  padding:10px 12px;
  border-radius:10px;
  background:#fff2f0;
  color:#8a1c13;
  font-weight:800;
}
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}
@media(max-width:760px){
  .hero-motion-toggle{
    margin:8px auto 0;
    font-size:12px;
    min-height:42px;
  }
  .reviews-accessible-note{
    font-size:13px;
    padding:10px 12px;
  }
}


/* ===== Final QA fixes: mobile controls and cookie accessibility ===== */
@media(max-width:760px){
  /* Keep the accessibility control available even before cookie consent. */
  body.cookie-open .access-toggle{
    bottom:330px!important;
  }
  body.cookie-open .access-panel{
    bottom:390px!important;
    max-height:calc(100dvh - 410px)!important;
    overflow:auto!important;
  }
  /* Do not let the minimized WhatsApp restore button cover consent or navigation. */
  body.cookie-open .wa-restore.show{
    visibility:hidden!important;
    pointer-events:none!important;
  }
  /* The menu must always remain above movable WhatsApp UI. */
  .nav.wrap,
  .mobile-menu-toggle,
  .nav .nav-links{
    z-index:95!important;
  }
}


/* Accessibility panel interaction fix */
.access-panel{max-height:min(620px,calc(100vh - 190px));overflow:auto;overscroll-behavior:contain}
.access-panel.open{visibility:visible;pointer-events:auto}
.access-panel:not(.open){visibility:hidden;pointer-events:none}
.access-panel [aria-pressed="true"]{border:3px solid #082448;background:#e8f1ff}
.high-contrast{background:#fff;color:#000}
.high-contrast .access-panel{background:#fff;color:#000;border:3px solid #000}
.high-contrast .access-panel>button,.high-contrast .access-panel>a{background:#fff;color:#000;border:2px solid #000}
.high-contrast .access-toggle{background:#000;color:#fff;border:2px solid #fff}
.stop-motion video{display:block!important}
@media(max-width:760px){.access-panel{max-height:calc(100vh - 160px);bottom:126px}}


/* ===== Closed WhatsApp restore button bell motion every 10 seconds ===== */
.wa-restore.wa-restore-ring-active{
  transform-origin:18% 50%!important;
  animation:waRestoreBellWobble .95s cubic-bezier(.36,.07,.19,.97) both!important;
}
@keyframes waRestoreBellWobble{
  0%,100%{transform:translateX(0) rotate(0deg)}
  12%{transform:translateX(-7px) rotate(-4deg)}
  24%{transform:translateX(7px) rotate(4deg)}
  36%{transform:translateX(-6px) rotate(-3deg)}
  48%{transform:translateX(6px) rotate(3deg)}
  62%{transform:translateX(-4px) rotate(-2deg)}
  76%{transform:translateX(4px) rotate(2deg)}
  88%{transform:translateX(-2px) rotate(-1deg)}
}
.wa-restore.dragging.wa-restore-ring-active,
body.stop-motion .wa-restore.wa-restore-ring-active{
  animation:none!important;
}
@media(prefers-reduced-motion:reduce){
  .wa-restore.wa-restore-ring-active{animation:none!important}
}

/* ===== Hero height fix: keep all CTA buttons visible at browser zoom and short viewports ===== */
@media (min-width:761px){
  .hero{
    height:auto!important;
    min-height:max(92svh,860px)!important;
    padding:96px 0 84px!important;
    overflow:hidden!important;
  }
  .hero-content{
    padding-top:86px!important;
    padding-bottom:24px!important;
  }
}

@media (min-width:761px) and (max-width:900px){
  .hero{
    min-height:920px!important;
    padding-top:110px!important;
  }
  .hero-content{
    padding-top:150px!important;
  }
}

@media (max-width:760px){
  .hero{
    height:auto!important;
    min-height:0!important;
    padding-bottom:30px!important;
    overflow:visible!important;
  }
  .hero-content.wrap,
  .hero-cta-panel{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .hero-cta-panel{
    margin-bottom:0!important;
  }
  .hero-cta-panel .hero-actions{
    display:grid!important;
    position:relative!important;
    z-index:6!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
  }
  .hero-cta-panel .hero-actions .btn{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

@media (max-width:760px) and (max-height:760px){
  .mobile-video-peek{
    height:215px!important;
  }
  .hero h1{
    font-size:clamp(36px,10vw,44px)!important;
  }
}

/* Owner portrait crop — keep the face and shirt logo visible */
#about .portrait img{
  object-position:center 60%!important;
}


/* WhatsApp default position: always start on the left after a fresh load */
#waPop,
.whatsapp-pop{
  left:10px!important;
  right:auto!important;
}
#waRestore,
.wa-restore{
  left:10px!important;
  right:auto!important;
}
@media(max-width:760px){
  #waPop,
  .whatsapp-pop{
    left:12px!important;
    right:auto!important;
  }
}


/* ===== Clear accessibility action feedback and real text enlargement ===== */
.access-panel{
  max-height:calc(100svh - 170px);
  overflow:auto;
  overscroll-behavior:contain;
}
.access-panel > button[data-access]{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  text-align:right;
}
.access-action-label{
  flex:1 1 auto;
}
.access-action-state{
  flex:0 0 auto;
  min-width:68px;
  padding:5px 9px;
  border-radius:999px;
  background:#e7eef7;
  color:#40566f;
  text-align:center;
  font-size:12px!important;
  font-weight:900;
  line-height:1.2;
}
.access-panel > button[data-access].is-active{
  border-color:#08783f!important;
  background:#08783f!important;
  color:#fff!important;
  box-shadow:0 0 0 3px rgba(8,120,63,.18);
}
.access-panel > button[data-access].is-active .access-action-state{
  background:#fff;
  color:#08783f;
}
.access-panel > button[data-access].is-active .access-action-label::before{
  content:"✓ ";
  font-weight:900;
}
.access-toggle.has-active-settings::after{
  content:"";
  position:absolute;
  top:-3px;
  left:-3px;
  width:15px;
  height:15px;
  border:3px solid #fff;
  border-radius:50%;
  background:#19a85b;
  box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.access-feedback{
  position:fixed;
  top:max(78px,calc(env(safe-area-inset-top) + 68px));
  left:50%;
  z-index:150;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:max-content;
  max-width:calc(100% - 28px);
  min-height:54px;
  padding:13px 18px;
  border:2px solid #08783f;
  border-radius:16px;
  background:#fff;
  color:#073b79;
  box-shadow:0 18px 55px rgba(0,0,0,.28);
  opacity:0;
  transform:translate(-50%,-16px);
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.access-feedback.show{
  opacity:1;
  transform:translate(-50%,0);
}
.access-feedback-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#08783f;
  color:#fff;
  font-size:20px!important;
  font-weight:900;
}
.access-feedback-text{
  line-height:1.35;
  text-align:center;
}
body.access-text-enlarged .hero{
  height:auto!important;
  min-height:100svh!important;
}
body.access-text-enlarged .hero-content{
  padding-bottom:150px!important;
}
body.access-text-enlarged .btn,
body.access-text-enlarged button,
body.access-text-enlarged a,
body.access-text-enlarged summary{
  white-space:normal!important;
  line-height:1.35!important;
}
body.access-text-enlarged input,
body.access-text-enlarged select,
body.access-text-enlarged textarea{
  min-height:50px;
  line-height:1.35!important;
}
body.access-text-enlarged .price-chip,
body.access-text-enlarged .rating-card,
body.access-text-enlarged .hero-actions,
body.access-text-enlarged .footer-grid{
  min-width:0;
}
@media(max-width:760px){
  .access-panel{
    top:84px!important;
    bottom:auto!important;
    max-height:calc(100svh - 165px);
  }
  .access-feedback{
    top:max(70px,calc(env(safe-area-inset-top) + 62px));
    width:calc(100% - 28px);
  }
  body.access-text-enlarged .hero-content{
    padding-top:115px!important;
    padding-bottom:170px!important;
  }
  body.access-text-enlarged .hero-cta-panel,
  body.access-text-enlarged .hero-actions{
    height:auto!important;
    overflow:visible!important;
  }
  body.access-text-enlarged .mobile-bar a{
    padding:13px 8px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .access-feedback{
    transition:none;
  }
}


/* ===== Work-video opening frames: visible before user playback ===== */
#work-process .work-video-card{
  position:relative;
  min-width:0;
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:#071426;
  box-shadow:var(--shadow);
}
#work-process .work-video-card video{
  display:block;
  width:100%!important;
  height:420px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:24px!important;
  background:#071426!important;
  box-shadow:none!important;
}
#work-process .work-video-start-hint{
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  max-width:calc(100% - 32px);
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(3,27,58,.82);
  color:#fff;
  font-size:14px;
  font-weight:900;
  line-height:1.25;
  text-align:center;
  pointer-events:none;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(7px);
}
#work-process .work-video-card.has-started .work-video-start-hint{
  display:none;
}
#work-process .work-video-card:focus-within{
  outline:4px solid #ffbf47;
  outline-offset:4px;
}
@media(max-width:980px){
  #work-process .work-video-card video{
    height:auto!important;
    max-height:560px!important;
    aspect-ratio:9/16;
  }
}
@media(max-width:760px){
  #work-process .work-video-start-hint{
    top:12px;
    right:12px;
    max-width:calc(100% - 24px);
    padding:8px 11px;
    font-size:13px;
  }
}


/* ===== Performance: same-quality media, less initial work ===== */
main > section:not(.hero),
.trust,
footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 850px;
}
.hero-video{
  background-image:linear-gradient(rgba(3,27,58,.05),rgba(3,27,58,.05));
}
.wa-profile-photo[data-src]{
  background:#eaf2fb url("../assets/images/logo.jpeg") center/cover no-repeat;
}
#work-process .work-video-card{
  isolation:isolate;
}
#work-process .work-video-play{
  position:absolute;
  inset:0;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  min-height:100%;
  padding:24px;
  border:0;
  border-radius:24px;
  background:linear-gradient(to top,rgba(2,20,44,.58),rgba(2,20,44,.04) 58%);
  color:#fff;
  cursor:pointer;
  font:inherit;
}
#work-process .work-video-play-icon{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  border:2px solid rgba(255,255,255,.88);
  border-radius:50%;
  background:rgba(5,41,87,.78);
  font-size:28px!important;
  line-height:1;
  padding-right:4px;
  box-shadow:0 12px 34px rgba(0,0,0,.34);
  backdrop-filter:blur(8px);
}
#work-process .work-video-play-text{
  max-width:90%;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(5,41,87,.82);
  font-size:14px;
  font-weight:900;
  line-height:1.35;
  text-align:center;
}
#work-process .work-video-play:hover .work-video-play-icon,
#work-process .work-video-play:focus-visible .work-video-play-icon{
  transform:scale(1.06);
}
#work-process .work-video-play:focus-visible{
  outline:4px solid #ffbf47;
  outline-offset:-5px;
}
#work-process .work-video-card.has-started .work-video-play{
  display:none;
}
@media(max-width:760px){
  #work-process .work-video-play-icon{
    width:62px;
    height:62px;
    font-size:25px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #work-process .work-video-play-icon{
    transition:none!important;
  }
}


/* ===== Stable-layout final guard ===== */
.story-next{display:none!important}
.hero.story-section,.story-section{margin:0!important;border-radius:0!important;box-shadow:none!important}
.hero-content{min-width:0!important;max-width:760px!important;flex:0 1 auto!important}
.hero-video{background:#082448;opacity:1;transition:opacity .24s ease}
.hero-video:not(.is-playing){opacity:1}
@media(max-width:900px) and (pointer:coarse){
  html{scroll-snap-type:y proximity;scroll-padding-top:58px}
  .hero,main>section,footer{scroll-snap-align:start;scroll-snap-stop:normal}
}
@media(max-width:760px){
  .hero{display:block!important;height:auto!important;min-height:100svh!important;overflow:hidden!important}
  .hero-content{width:100%!important;max-width:none!important;margin:0!important;padding-left:18px!important;padding-right:18px!important}
  .hero h1{max-width:100%!important;overflow-wrap:normal!important;word-break:normal!important}
  .whatsapp-pop{max-width:calc(100vw - 24px)!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none!important}}




/* ===== Final compact white WhatsApp card on mobile ===== */
@media(max-width:760px){
  #waPop.whatsapp-pop{
    width:min(210px,calc(100vw - 28px))!important;
    max-width:min(210px,calc(100vw - 28px))!important;
    padding:8px!important;
    border:1px solid rgba(8,36,72,.12)!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.97)!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:0 10px 28px rgba(2,18,40,.20)!important;
    pointer-events:auto!important;
  }

  #waPop .wa-drag-handle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:58px!important;
    height:13px!important;
    margin:-2px auto 3px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  #waPop .wa-drag-handle span{
    width:32px!important;
    height:4px!important;
    border-radius:999px!important;
    background:#d3deeb!important;
  }

  #waPop .wa-head{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) 20px!important;
    align-items:center!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#082448!important;
  }
  #waPop .wa-profile-photo{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border:2px solid #20b866!important;
  }
  #waPop .wa-head > img:not(.wa-profile-photo){
    width:20px!important;
    height:20px!important;
  }
  #waPop .wa-head > div{
    min-width:0!important;
  }
  #waPop .wa-head b{
    display:block!important;
    color:#082448!important;
    font-size:11.8px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    text-shadow:none!important;
  }
  #waPop .wa-head small{
    display:block!important;
    overflow:hidden!important;
    color:#718096!important;
    font-size:7.7px!important;
    line-height:1.15!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    text-shadow:none!important;
  }

  #waPop p{
    margin:6px 0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#132b49!important;
    font-size:10.8px!important;
    font-weight:700!important;
    line-height:1.32!important;
    text-align:center!important;
    text-shadow:none!important;
    box-shadow:none!important;
  }

  #waPop .btn.wa{
    width:100%!important;
    min-height:34px!important;
    padding:6px 9px!important;
    border:0!important;
    border-radius:999px!important;
    background:#087f43!important;
    color:#fff!important;
    font-size:11.5px!important;
    font-weight:900!important;
    box-shadow:0 5px 13px rgba(0,92,46,.18)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  #waPop .wa-minimize{
    width:26px!important;
    height:26px!important;
    top:-8px!important;
    left:-8px!important;
    border:1px solid rgba(9,103,216,.18)!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#0967d8!important;
    font-size:16px!important;
    box-shadow:0 4px 12px rgba(2,18,40,.16)!important;
  }
}

@media(max-width:380px){
  #waPop.whatsapp-pop{
    width:min(198px,calc(100vw - 24px))!important;
    max-width:min(198px,calc(100vw - 24px))!important;
  }
}


/* ===== Final image-loading and layout-stability optimization ===== */
.responsive-picture,
.review-picture{
  display:block;
  width:100%;
}
.responsive-picture > img,
.review-picture > img{
  display:block;
  width:100%;
  height:auto;
}
.compare > .compare-picture,
.compare .after > .compare-picture{
  display:block;
  width:100%;
  height:100%;
}
.compare > .compare-picture > img,
.compare .after > .compare-picture > img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.compare .after > .compare-picture > img{
  position:absolute;
  inset:0 auto auto 0;
  width:min(1160px,calc(100vw - 32px));
  max-width:none;
}
.about-picture{
  height:100%;
}
.about-picture > img{
  height:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.gallery-picture{
  overflow:hidden;
  border-radius:20px;
  background:#eaf2fb;
}
.gallery-picture > img{
  aspect-ratio:1/1.15;
  object-fit:cover;
  border-radius:20px;
}
.review-picture{
  min-height:280px;
  border-radius:13px;
  background:#f1f5fa;
}
.review-picture.is-deferred{
  background:linear-gradient(110deg,#edf3f9 8%,#fff 18%,#edf3f9 33%);
  background-size:200% 100%;
  animation:image-placeholder-shimmer 1.4s linear infinite;
}
.review-picture > img{
  border-radius:13px;
  background:#fff;
}
@keyframes image-placeholder-shimmer{
  to{background-position-x:-200%}
}
@media(prefers-reduced-motion:reduce){
  .review-picture.is-deferred{animation:none}
}


/* ===== Guaranteed hero hook frame while video starts or falls back ===== */
.hero{
  background-color:#071f42;
  background-image:url("images/hero-hook-4k-high.jpg");
  background-size:cover;
  background-position:center 44%;
  background-repeat:no-repeat;
}
.hero-video{
  background-color:transparent!important;
  background-image:url("images/hero-hook-4k-high.jpg")!important;
  background-size:cover!important;
  background-position:center 44%!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .hero,.hero-video{background-position:center 44%!important}
}
