/* Vebixo V70.3.1 — inner-page layout repair. Scope intentionally excludes homepage.
   Load AFTER v703-inner.css. Keeps original content and SEO HTML intact. */
:root{--vx71-ink:#121923;--vx71-muted:#56657c;--vx71-line:#e0e7f0;--vx71-paper:#ffffff;--vx71-blue:#0866f5;--vx71-night:#11151e;--vx71-radius:23px}
body.v7031{background:#fff;color:var(--vx71-ink);overflow-x:clip}
body.v7031 *,body.v7031 *::before,body.v7031 *::after{box-sizing:border-box}
/* Whole-page containers never touch the viewport edge or acquire legacy offsets. */
body.v7031 main{width:100%;max-width:none;margin:0;padding:0;min-width:0}
body.v7031 main :is(.detail,.wix-keyword-cluster,.guide-topic-hubs,.v43-local-guides){max-width:min(1240px,calc(100% - 64px));width:100%;margin-inline:auto;min-width:0}
body.v7031 main .detail{padding-block:clamp(38px,5.2vw,78px) clamp(52px,7vw,92px)!important}
body.v7031 .breadcrumbs{margin-bottom:clamp(30px,4vw,54px)!important;overflow-wrap:anywhere}
body.v7031 .detail .eyebrow{margin-top:0;margin-bottom:16px;line-height:1.5}
body.v7031 .detail h1{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.053em!important;font-weight:800!important;font-size:clamp(38px,5.4vw,78px)!important;line-height:1.11!important;max-width:1050px!important;text-wrap:balance;overflow-wrap:normal;hyphens:auto;margin:0 0 clamp(18px,2.4vw,28px)!important}
body.v7031 .detail .lead{color:#5a677c!important;max-width:850px!important;font-size:clamp(16px,1.55vw,20px)!important;line-height:1.65!important;margin:0 0 34px!important}
body.v7031 .detail h2{font-size:clamp(25px,2.9vw,40px);font-weight:760;line-height:1.2;letter-spacing:-.037em!important;margin-block:0 22px}
body.v7031 .detail :is(h3,strong){overflow-wrap:break-word}
body.v7031 .detail p{line-height:1.65}
body.v7031 .detail a{transition:color .25s ease}
/* Header and support bubble; old scripts keep navigation behavior. */
body.v7031 .header{z-index:1000!important}
body.v7031 .header-shell{width:min(1360px,calc(100% - 44px))!important}
body.v7031 .header .brand-logo{width:150px!important;height:auto!important;object-fit:contain;display:block}
body.v7031 .whatsapp-float{position:fixed!important;inset:auto 24px 22px auto!important;display:grid!important;place-items:center!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;padding:13px!important;margin:0!important;border-radius:50%!important;background:#19c563!important;color:#fff!important;box-shadow:0 7px 22px #154e292a!important;transform:none!important;z-index:900!important;opacity:1!important}
body.v7031 .whatsapp-float svg{width:29px!important;height:29px!important;max-width:100%!important;fill:currentColor!important;display:block!important}
/* Repair layout primitives lost in legacy cascade. */
body.v7031 :is(.intent-grid,.service-hub-grid,.editorial-grid,.wix-intent-grid,.guide-topic-grid,.product-case-grid,.project-method-grid){display:grid!important;grid-auto-flow:row;min-width:0;align-items:stretch}
body.v7031 .intent-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:26px!important}
body.v7031 .service-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin-top:38px}
body.v7031 .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
body.v7031 .product-case-grid,body.v7031 .wix-intent-grid,body.v7031 .project-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
body.v7031 .guide-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
body.v7031 :is(.intent-grid>article,.wix-intent-grid>a,.guide-topic-grid>a,.product-case-grid>article,.project-method-grid>article){min-width:0;padding:clamp(22px,2.7vw,30px)!important;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;margin:0!important;border:1px solid var(--vx71-line)!important;border-radius:var(--vx71-radius)!important;background:#fbfcff!important;color:#151c29!important;box-shadow:none!important;text-decoration:none!important}
body.v7031 .intent-grid>article h3,body.v7031 .intent-grid>article h3 a,body.v7031 :is(.wix-intent-grid>a,.guide-topic-grid>a)>strong{font-size:clamp(19px,1.7vw,24px)!important;font-weight:760!important;line-height:1.25!important;color:#121924!important;margin:0!important;letter-spacing:-.025em!important}
body.v7031 .intent-grid>article p,body.v7031 .intent-grid>article p:last-child,body.v7031 :is(.wix-intent-grid>a,.guide-topic-grid>a)>span{font-size:15px!important;color:#58687b!important;line-height:1.65!important;margin:0!important}
body.v7031 .intent-grid>article>.text-link{margin-top:auto!important;display:inline-flex;align-items:center;padding-top:8px;color:#0866f5!important;font-weight:730}
body.v7031 .intent-block{margin-block:clamp(38px,5vw,70px)!important;padding:0!important;max-width:100%;overflow:visible!important}
body.v7031 .intent-block>h2{max-width:920px;font-size:clamp(26px,3vw,40px)!important;line-height:1.18!important;margin-bottom:26px!important}
body.v7031 .service-hub-card{padding:clamp(25px,3vw,38px)!important;min-height:260px;display:flex!important;flex-direction:column;gap:16px;align-items:flex-start!important;text-decoration:none!important}
body.v7031 .service-hub-card h2{margin:0!important;max-width:480px;font-size:clamp(26px,2.7vw,37px)!important}
body.v7031 .service-hub-card p{margin:0!important;max-width:530px}
body.v7031 .service-hub-card b{margin-top:auto;color:#0866f5!important;font-size:14px}
body.v7031 .service-hub-card>span{letter-spacing:.13em;font-size:12px;font-weight:750}
/* Editorial guides: dark card has a REAL image and readable padding. */
body.v7031 .editorial-card{position:relative;display:flex!important;flex-direction:column;gap:0!important;min-width:0;border-radius:25px!important;overflow:hidden;background:var(--vx71-night)!important;text-decoration:none!important;min-height:100%}
body.v7031 .editorial-card>.editorial-thumb{display:block!important;width:calc(100% - 28px)!important;max-width:none!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;margin:14px 14px 0!important;border-radius:15px!important;transform:none}
body.v7031 .editorial-card>.eyebrow{font-size:11px!important;margin:22px 26px 12px!important;color:#7ad7f3!important}
body.v7031 .editorial-card :is(h2,h3){font-size:clamp(22px,2.05vw,29px)!important;font-weight:750;line-height:1.24!important;margin:0 26px 14px!important;letter-spacing:-.028em!important;color:#fff!important}
body.v7031 .editorial-card>p{font-size:15px!important;line-height:1.57!important;margin:0 26px 25px!important;color:#c3cbd9!important}
body.v7031 .editorial-card>.text-link{margin:auto 26px 27px!important;font-size:14px;font-weight:730;color:#8de0ff!important}
body.v7031 .editorial-feature{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);align-items:center;margin:40px 0 62px!important}
body.v7031 .editorial-feature img{width:100%;height:auto;object-fit:cover;max-width:100%;border-radius:22px}
/* Project case-study list: preserve real image and text hierarchy. */
body.v7031 .project-editorial{display:grid!important;gap:26px!important;margin-top:45px!important}
body.v7031 .project-story{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:0!important;min-width:0;border-radius:28px!important;background:var(--vx71-night)!important;overflow:hidden}
body.v7031 .project-story .project-art{min-width:0;overflow:hidden;position:relative;background:#161d2a;min-height:390px;display:block}
body.v7031 .project-story .project-art img{width:100%!important;height:100%!important;max-height:100%;object-fit:cover!important;display:block!important}
body.v7031 .project-story-copy{padding:clamp(28px,3.8vw,50px)!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
body.v7031 .project-story-copy h2{font-size:clamp(28px,3.3vw,44px)!important;line-height:1.13!important;margin:0!important}
body.v7031 .project-story-copy p{color:#c7d1df!important;margin:0!important;font-size:16px;line-height:1.6}
body.v7031 .project-story-copy .project-index{display:flex;justify-content:space-between;align-self:stretch;gap:16px;color:#83cbff}
body.v7031 .project-story-copy .project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:12px 0}
body.v7031 .project-story-copy .project-facts>div{min-width:0;padding:14px 0;border-top:1px solid #384250}
body.v7031 .project-story-copy .project-facts small{display:block;color:#90a5bb;margin-bottom:7px;font-size:12px}
body.v7031 .project-story-copy .project-facts strong{color:#fff!important;display:block;font-size:14px;line-height:1.5}
body.v7031 .project-story .case-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0}
body.v7031 .project-story .case-tags span{font-size:11px;padding:6px 11px;border-radius:50px}
body.v7031 .project-story .case-study-link,body.v7031 .project-story .case-live-link{display:inline-flex!important;font-size:14px!important;font-weight:700!important;color:#8bddff!important;margin:0!important}
/* Main article two-column content remains visible and readable. */
body.v7031 .detail-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(230px,300px);gap:clamp(26px,4.5vw,68px);align-items:start;margin-top:40px}
body.v7031 .detail-layout .prose{min-width:0;max-width:100%;overflow-wrap:break-word}
body.v7031 .detail-layout .prose :is(h2,h3){margin:36px 0 13px!important;color:#121923!important;line-height:1.25!important}
body.v7031 .detail-layout .prose h2:first-child{margin-top:0!important}
body.v7031 .detail-layout .prose p{color:#4e5c71;font-size:16px;line-height:1.8;margin:0 0 20px}
body.v7031 .detail-layout .side-box{margin:0;padding:26px!important;border-radius:20px!important;min-width:0;overflow-wrap:anywhere}
body.v7031 .detail-layout .side-box h2{font-size:23px!important;margin:20px 0 12px!important}
body.v7031 .detail-layout .side-box a{overflow-wrap:anywhere}
/* Wix Apps: no artificial overlays and clear card rhythm */
body.v7031 .v703-app-section{margin-block:72px!important}
body.v7031 .v703-app-heading{margin-bottom:24px}
body.v7031 .v703-app-heading h2{font-size:clamp(31px,4vw,49px)!important;margin:0!important}
body.v7031 .v703-app-grid{gap:22px!important}
body.v7031 .v703-app-card{min-width:0;overflow:hidden}
body.v7031 .v703-app-card img{aspect-ratio:16/10!important;object-fit:cover!important;display:block!important;margin:0!important}
body.v7031 .v703-app-copy{padding:clamp(22px,3vw,33px)!important}
body.v7031 .wix-keyword-cluster{padding:54px clamp(22px,3vw,40px) 70px!important;margin-block:0 68px!important;background:#f5f8fd;border-radius:24px}
body.v7031 .wix-keyword-cluster h2{max-width:850px;font-size:clamp(27px,3vw,43px);line-height:1.2}
body.v7031 .wix-intent-grid{margin-top:30px!important}
/* Ring never covers content; original in-view JS controls visibility. */
body.v7031 .v703-glow>.v703-ring{opacity:.36;z-index:2;inset:0;box-sizing:border-box;pointer-events:none}
body.v7031 .v703-glow:is(:hover,:focus-within)>.v703-ring{opacity:.92}
body.v7031 .v703-glow{will-change:auto!important}
body.v7031 .v703-glow:is(.v703-inview){border-color:#bccae0!important}
@media(max-width:1020px){
 body.v7031 .intent-grid,body.v7031 .editorial-grid,body.v7031 .guide-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.v7031 .detail-layout{grid-template-columns:minmax(0,1fr) minmax(200px,260px)}
 body.v7031 .project-story{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:720px){
 body.v7031 main :is(.detail,.wix-keyword-cluster,.guide-topic-hubs,.v43-local-guides){width:calc(100% - 36px)!important;max-width:none!important;margin-inline:auto!important}
 body.v7031 .detail{padding-block:42px 66px!important}
 body.v7031 .header-shell{width:calc(100% - 24px)!important}
 body.v7031 .header .brand-logo{width:132px!important}
 body.v7031 .detail h1{font-size:clamp(34px,8.2vw,53px)!important;letter-spacing:-.045em!important}
 body.v7031 .intent-grid,body.v7031 .service-hub-grid,body.v7031 .editorial-grid,body.v7031 .product-case-grid,body.v7031 .wix-intent-grid,body.v7031 .guide-topic-grid,body.v7031 .project-method-grid{grid-template-columns:1fr!important;gap:15px!important}
 body.v7031 .project-story,body.v7031 .editorial-feature{grid-template-columns:1fr!important}
 body.v7031 .project-story .project-art{min-height:0;aspect-ratio:16/10}
 body.v7031 .project-story-copy{padding:26px!important}
 body.v7031 .project-story-copy .project-facts{grid-template-columns:1fr;gap:4px}
 body.v7031 .detail-layout{grid-template-columns:1fr!important;gap:22px}
 body.v7031 .v703-app-section{margin-block:50px!important}
 body.v7031 .v703-app-grid{grid-template-columns:1fr!important;gap:17px!important}
 body.v7031 .service-hub-card{min-height:0}
 body.v7031 .whatsapp-float{width:51px!important;height:51px!important;min-width:51px!important;min-height:51px!important;max-width:51px!important;inset:auto 14px 16px auto!important}
 body.v7031 .wix-keyword-cluster{padding:35px 18px!important}
}
@media(max-width:380px){
 body.v7031 main :is(.detail,.wix-keyword-cluster,.guide-topic-hubs,.v43-local-guides){width:calc(100% - 28px)!important}
 body.v7031 .detail h1{font-size:34px!important;line-height:1.1!important;overflow-wrap:anywhere}
 body.v7031 .editorial-card :is(h2,h3){font-size:22px!important}
}
@media(prefers-reduced-motion:reduce){body.v7031 .v703-ring{animation:none!important;opacity:.42!important}body.v7031 .v703-glow,body.v7031 .v703-glow img{transition:none!important;transform:none!important}}
