/* Vebixo Studio V70.3 — staged inner-page design layer, no SEO/content rewrites. */
:root{--v703-paper:#fff;--v703-soft:#f7f8fb;--v703-night:#111318;--v703-ink:#141923;--v703-blue:#0866f5;--v703-cyan:#43c7e8;--v703-violet:#8667e8;--v703-pink:#ec85b8;--v703-line:#e3e8f1;--v703-ease:cubic-bezier(.2,.8,.2,1)}
html{scroll-padding-top:105px}
body.v703{background:var(--v703-paper);color:var(--v703-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none}
body.v703::after{display:none!important}
body.v703 .header{top:0!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-bottom:1px solid var(--v703-line)!important;border-radius:0!important;background:rgba(255,255,255,.97)!important;box-shadow:0 4px 35px #101d3510!important;backdrop-filter:blur(17px)!important;position:sticky!important}
body.v703 .header::after{display:none!important}
body.v703 .header-shell{width:min(1400px,calc(100% - 44px))!important;margin-inline:auto!important}
body.v703 .header .brand-logo{width:145px!important;max-width:100%;height:auto!important;filter:none!important}
body.v703 .header .nav-link,body.v703 .nav-dropdown>summary{color:var(--v703-ink)!important;font-weight:690!important}
body.v703 .header .nav-link:hover,body.v703 .header .nav-link:focus-visible{color:var(--v703-blue)!important}
body.v703 .header .language-switcher{background:#fff!important}
body.v703 .detail{width:min(1300px,calc(100% - 48px))!important;max-width:1300px!important;margin:0 auto!important;padding-top:clamp(48px,7vw,110px)!important;padding-bottom:clamp(75px,8vw,125px)!important}
body.v703 .detail>.breadcrumbs,body.v703 .detail .breadcrumbs{font-size:12px!important;font-weight:570!important;letter-spacing:.03em!important;color:#727d90!important;margin:0 0 clamp(26px,5vw,58px)!important}
body.v703 .detail>.eyebrow,body.v703 .detail>.breadcrumbs + .eyebrow,body.v703 .detail .eyebrow{color:var(--v703-blue)!important;letter-spacing:.13em!important;font-size:12px!important;font-weight:750!important}
body.v703 .detail>h1,body.v703 .detail>article>h1,body.v703 .detail>section>h1,body.v703 .vx-article>h1,body.v703 .guide-index>h1,body.v703 .service-hub>h1{max-width:1120px!important;font-size:clamp(42px,6vw,92px)!important;line-height:1.055!important;letter-spacing:-.058em!important;color:var(--v703-ink)!important;font-weight:830!important;text-wrap:balance;overflow:visible!important}
body.v703 .detail h1 em{font-style:normal;color:var(--v703-blue)}
body.v703 .detail .lead{font-size:clamp(17px,1.45vw,21px)!important;line-height:1.65!important;color:#626d7e!important;max-width:860px!important}
body.v703 .detail h2,body.v703 .detail .project-story-copy h2{letter-spacing:-.04em!important;text-wrap:balance}
body.v703 .detail .primary-action{border-radius:999px!important;background:#0866f5!important;color:#fff!important;border:1px solid #0866f5!important;font-weight:750!important;box-shadow:none!important;transition:transform .35s var(--v703-ease),background .25s!important}
body.v703 .detail .primary-action:hover{transform:translateY(-2px);background:#0756cb!important}
body.v703 .site-footer{background:#111318!important;color:#f2f4f8!important}
body.v703 .site-footer .footer-cta a em{color:#43c7e8!important}
body.v703 .site-footer .footer-cta{border-bottom:1px solid #353d49!important}
/* Brand-specific editorial cards: no purple photographic overlay. */
body.v703 .service-hub-grid{gap:clamp(14px,2vw,26px)!important}
body.v703 .service-hub-card{background:#fdfefe!important;border:1px solid #dfe6f0!important;border-radius:25px!important;padding:clamp(22px,2.9vw,37px)!important;box-shadow:0 14px 30px #0f285d08!important;color:#111a2a!important;min-width:0}
body.v703 .service-hub-card h2{font-size:clamp(25px,2.4vw,35px)!important;line-height:1.13!important;color:#101827!important}
body.v703 .service-hub-card p{color:#657184!important;font-size:15px!important;line-height:1.65!important}
body.v703 .service-hub-card>b,body.v703 .service-hub-card>span{color:#0866f5!important}
body.v703 .editorial-grid{gap:24px!important}
body.v703 .editorial-card{background:var(--v703-night)!important;color:#f8faff!important;border:1px solid #333b47!important;border-radius:26px!important;box-shadow:none!important;padding:0!important;overflow:hidden!important;min-width:0}
body.v703 .editorial-card .editorial-thumb{background:#20242d!important;overflow:hidden!important}
body.v703 .editorial-card :is(h2,h3,strong){color:#f9fbff!important}
body.v703 .editorial-card :is(p,small){color:#c3cbd9!important}
body.v703 .editorial-card .eyebrow,body.v703 .editorial-card .text-link{color:#72cced!important}
body.v703 .editorial-card img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
body.v703 .editorial-card:hover{box-shadow:0 22px 52px #11183229!important}
body.v703 .project-story{background:#111318!important;border:1px solid #303a49!important;color:#f6f7fb!important;border-radius:28px!important;overflow:hidden!important}
body.v703 .project-story h2,body.v703 .project-story .project-story-copy :is(strong,b){color:#fff!important}
body.v703 .project-story .project-story-copy>p,body.v703 .project-story small{color:#b7c5d7!important}
body.v703 .project-story .case-tags span{border-color:#3b4655!important;color:#c4d4eb!important;background:#202633!important}
body.v703 .project-story .case-study-link{color:#74d4fd!important}
body.v703 .project-story img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}
body.v703 :is(.intent-grid>article,.product-case-grid>article,.guide-topic-grid>a,.wix-intent-grid>a,.side-box,.v35-product-cta){background:#fdfefe!important;border:1px solid #dfe6f0!important;border-radius:22px!important;box-shadow:none!important}
body.v703 .guide-cover img,body.v703 .editorial-feature-media img{border-radius:20px;filter:none!important}
body.v703 .detail .article-toc{background:#f4f8ff;border:1px solid #e1e9f5;border-radius:20px}
body.v703 .vx-article .prose{font-size:clamp(16px,1.18vw,18px);line-height:1.82;color:#29374b}
body.v703 .vx-article .prose h2{scroll-margin-top:115px}
body.v703 .vx-article .prose a{text-underline-offset:3px}
/* Glow border on visible editorial components; ring is independent of image. */
body.v703 .v703-glow{position:relative!important;isolation:isolate;transition:border-color .36s var(--v703-ease),box-shadow .36s var(--v703-ease),transform .46s var(--v703-ease)!important}
body.v703 .v703-glow>.v703-ring{position:absolute;inset:-1px;z-index:5;pointer-events:none;display:block;border-radius:inherit;padding:2px;background:conic-gradient(from var(--v703-angle,0deg),transparent 0deg,#8667e8 42deg,#ec85b8 78deg,transparent 139deg,#0866f5 190deg,#43c7e8 232deg,transparent 293deg,#8667e8 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.47;transition:opacity .55s ease;animation:v703-angle 24s linear infinite;animation-play-state:paused}
@property --v703-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes v703-angle{to{--v703-angle:360deg}}
body.v703 .v703-glow.v703-inview>.v703-ring{animation-play-state:running}
body.v703 .v703-glow:is(:hover,:focus-within)>.v703-ring{opacity:1}
body.v703 .v703-glow:is(:hover,:focus-within){border-color:#8a9bbb!important;box-shadow:0 24px 65px #08254b21!important}
body.v703 .v703-glow .project-photo,body.v703 .v703-glow .editorial-thumb img{transition:transform .8s var(--v703-ease)!important;transform:scale(1);}
body.v703 .v703-glow:is(:hover,:focus-within) .project-photo,body.v703 .v703-glow:is(:hover,:focus-within) .editorial-thumb img{transform:scale(1.035)!important}
body.v703 .v703-glow img{filter:none!important}
/* Wix app showcases inserted only on actual Wix hub pages. */
body.v703 .v703-app-section{margin:55px 0 70px}
body.v703 .v703-app-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:21px}
body.v703 .v703-app-heading h2{font-size:clamp(30px,4vw,51px)!important;font-weight:820;color:#101723!important;margin:0}
body.v703 .v703-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
body.v703 .v703-app-card{display:block;min-width:0;overflow:hidden;border:1px solid #323a49;background:#111318;color:#fff!important;border-radius:26px!important;text-decoration:none!important}
body.v703 .v703-app-card img{aspect-ratio:16/10;object-fit:cover;width:100%;max-width:100%;height:auto;border-radius:0;display:block}
body.v703 .v703-app-copy{padding:25px 26px 30px;display:grid;gap:8px}
body.v703 .v703-app-copy span{font-size:11px;letter-spacing:.13em;font-weight:790;color:#75d6f7}
body.v703 .v703-app-copy strong{font-size:clamp(25px,3vw,36px);letter-spacing:-.04em}
body.v703 .v703-app-copy p{font-size:15px;color:#c1cbd9;margin:0;line-height:1.6}
body.v703 .v703-app-copy b{color:#9bddff;margin-top:10px;font-size:14px}
/* Content must be readable without JS, even if old reveal script is delayed. */
body.v703 .v43-reveal,body.v703 .reveal-block{opacity:1!important;transform:none!important;visibility:visible!important}
@media(max-width:800px){body.v703 .detail{width:calc(100% - 36px)!important;padding-top:52px!important}body.v703 .detail h1{font-size:clamp(35px,10vw,60px)!important;line-height:1.08!important;overflow-wrap:break-word}body.v703 .v703-app-grid{grid-template-columns:1fr}body.v703 .header-shell{width:calc(100% - 32px)!important}body.v703 .header .brand-logo{width:119px!important}body.v703 .editorial-grid{gap:18px!important}}
@media(max-width:420px){body.v703 .detail{width:calc(100% - 28px)!important}body.v703 .v703-app-copy{padding:21px}body.v703 .v703-glow{border-radius:20px!important}}
@media(hover:none),(pointer:coarse){body.v703 .v703-glow>.v703-ring{animation-duration:38s;opacity:.3}body.v703 .v703-glow img{transform:none!important}}
@media(prefers-reduced-motion:reduce){body.v703 .v703-glow>.v703-ring{animation:none!important;opacity:.37}body.v703 .v703-glow,body.v703 .v703-glow img{transition:none!important}body.v703 .v703-glow:hover img{transform:none!important}}
/* V70.3 mobile layout and case-study readability refinements */
body.v703 .project-story .project-facts>div,
body.v703 .project-story .project-facts>*{background:#202733!important;color:#e6eefb!important;border:1px solid #394252!important;border-radius:14px!important}
body.v703 .project-story .project-facts small{color:#9ec1e6!important}
body.v703 .project-story .project-facts strong{color:#fff!important}
body.v703 .project-story .project-index span{color:#75bdf8!important}
body.v703 .project-story-copy{min-width:0}
body.v703 .project-story .project-art{overflow:hidden}
body.v703 .project-story .project-photo{width:100%;height:100%;object-fit:cover}
body.v703 .editorial-card>img.editorial-thumb{object-fit:cover!important;aspect-ratio:16/10!important;height:auto!important;max-height:none!important;width:100%!important;opacity:1!important;visibility:visible!important;background:none!important}
body.v703 .editorial-card :is(h2,h3){font-size:clamp(22px,2.2vw,29px)!important;line-height:1.2!important}
body.v703 .editorial-card .eyebrow{padding-top:16px!important}
body.v703 .editorial-card{gap:0!important}
body.v703 .editorial-card>p{line-height:1.6!important}
body.v703 .service-hub-grid,body.v703 .editorial-grid{min-width:0}
@media(max-width:860px){
 body.v703 .service-hub-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;margin-top:32px!important}
 body.v703 .service-hub-grid>.service-hub-card{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;position:relative!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;padding:24px!important}
 body.v703 .service-hub-grid>.service-hub-card h2{font-size:clamp(24px,6.3vw,34px)!important}
 body.v703 .service-hub-grid>.service-hub-card p{font-size:15px!important;line-height:1.6!important}
 body.v703 .editorial-grid{grid-template-columns:1fr!important;gap:20px!important}
 body.v703 .project-story{display:flex!important;flex-direction:column!important;gap:0!important}
 body.v703 .project-story .project-art{width:100%!important;max-width:none!important}
 body.v703 .project-story .project-story-copy{padding:28px!important}
 body.v703 .project-story .project-facts{grid-template-columns:1fr!important;gap:12px!important}
 body.v703 .v703-app-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
}