@import url("v97.css?v=97");
@import url("v100.css?v=100");
@import url("v102.css?v=102");
@import url("v103.css?v=103");
@import url("v104.css?v=104");
@import url("v105.css?v=105");
@import url("v108.css?v=108");

/* V96: package detail pages, light services system and supplied imagery */
:root{
  --v96-ink:#0b2342;
  --v96-blue:#0868cf;
  --v96-blue-dark:#064d9e;
  --v96-sky:#eaf5ff;
  --v96-sky-soft:#f5faff;
  --v96-paper:#fff;
  --v96-muted:#506b86;
  --v96-line:#cfe0ef;
  --v96-shadow:0 24px 64px rgba(8,55,105,.13);
}

/* Shared, clearer dropdown. */
.nav-dropdown__sections{grid-template-columns:1.25fr .75fr!important}
.nav-dropdown__menu{
  border-color:var(--v96-line)!important;
  background:#fff!important;
  color:var(--v96-ink)!important;
}
.nav-dropdown__menu a,
.nav-dropdown__menu strong,
.nav-dropdown__menu small{
  color:inherit!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
}
.nav-package-link:hover,
.nav-service-link:hover{
  background:#edf7ff!important;
  color:var(--v96-blue-dark)!important;
}
.nav-service-link{
  min-height:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px solid #d8e8f6!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#f7fbff,#eaf5ff)!important;
}

/* Supplied homepage visual. */
.proof-picture{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #d2e4f3;
  border-radius:22px;
  background:#f2f8ff;
  box-shadow:var(--v96-shadow);
}
.proof-picture img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}

/* Image-led page heroes. */
.v96-split-hero .container{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr);
  gap:clamp(42px,6vw,90px);
  align-items:center;
}
.v96-split-hero__copy{min-width:0}
.v96-split-hero__visual{
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid #cfe1f0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--v96-shadow);
}
.v96-split-hero__visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
}
.v96-preview-hero h1{
  max-width:760px!important;
  font-size:clamp(3rem,5.4vw,5.4rem)!important;
}
.v96-work-hero h1{
  font-size:clamp(3rem,5.7vw,5.7rem)!important;
}

/* Package detail system. */
.v96-package-page,
.v96-services-page,
.v96-complex-page{
  background:#f7fbff!important;
  color:var(--v96-ink)!important;
}
.v96-package-hero{
  padding:clamp(76px,8vw,122px) 0;
  background:
    radial-gradient(circle at 84% 22%,rgba(59,148,239,.17),transparent 30rem),
    linear-gradient(145deg,#fff 0%,#eef7ff 100%);
  border-bottom:1px solid var(--v96-line);
}
.v96-package-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
  gap:clamp(46px,7vw,108px);
  align-items:center;
}
.v96-package-tag,
.v96-section-tag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--v96-blue);
  font:700 .72rem/1 "DM Mono",monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.v96-package-tag::before,
.v96-section-tag::before{
  content:"";
  width:28px;
  height:1px;
  background:var(--v96-blue);
}
.v96-package-hero h1{
  margin:24px 0 22px;
  max-width:830px;
  color:var(--v96-ink);
  font-size:clamp(3.5rem,7vw,7rem);
  line-height:.88;
  letter-spacing:-.075em;
  font-weight:700;
}
.v96-package-hero h1 em{
  display:block;
  color:var(--v96-blue);
  font-family:"Playfair Display",serif;
  font-weight:500;
}
.v96-package-lede{
  max-width:680px;
  margin:0;
  color:var(--v96-muted);
  font-size:1.08rem;
  line-height:1.75;
}
.v96-package-price{
  display:flex;
  align-items:end;
  gap:12px;
  margin:28px 0;
  color:var(--v96-ink);
}
.v96-package-price strong{font-size:3.4rem;line-height:1}
.v96-package-price span{padding-bottom:6px;color:var(--v96-muted);font-weight:700}
.v96-package-actions{display:flex;gap:12px;flex-wrap:wrap}
.v96-package-visual{
  position:relative;
  min-height:460px;
  overflow:hidden;
  border:1px solid #c8ddf0;
  border-radius:28px;
  background:linear-gradient(145deg,#eaf5ff,#fff);
  box-shadow:var(--v96-shadow);
}
.v96-package-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.8),transparent);
  transform:translateX(-120%);
  animation:v96-sheen 5.6s ease-in-out infinite;
}
@keyframes v96-sheen{
  0%,38%{transform:translateX(-120%)}
  72%,100%{transform:translateX(120%)}
}
.v96-browser,
.v96-search-map,
.v96-shop{
  position:absolute;
  inset:54px 42px;
  border:1px solid #bdd5ea;
  border-radius:18px;
  background:#fff;
  box-shadow:0 24px 48px rgba(14,65,118,.17);
}
.v96-browser__bar{
  height:42px;
  border-bottom:1px solid #dbe8f3;
  background:#f6faff;
}
.v96-browser__bar::before{
  content:"●  ●  ●";
  display:block;
  padding:12px 16px;
  color:#7cb8ed;
  font-size:.65rem;
  letter-spacing:.35em;
}
.v96-browser__body{padding:38px 32px}
.v96-ui-line{height:11px;margin:13px 0;border-radius:999px;background:#d9e8f5}
.v96-ui-line--hero{width:74%;height:23px;background:#1578d8}
.v96-ui-line--short{width:46%}
.v96-ui-button{width:120px;height:38px;margin-top:28px;border-radius:8px;background:var(--v96-blue)}
.v96-device{
  position:absolute;
  right:22px;
  bottom:24px;
  width:128px;
  height:244px;
  padding:15px;
  border:7px solid #0d3158;
  border-radius:26px;
  background:#fff;
  box-shadow:0 20px 34px rgba(7,46,88,.25);
  animation:v96-float 4.4s ease-in-out infinite;
}
.v96-device::before{
  content:"";
  display:block;
  width:50%;
  height:7px;
  margin:0 auto 22px;
  border-radius:99px;
  background:#0d3158;
}
.v96-device span{display:block;height:10px;margin:12px 0;border-radius:9px;background:#dcebf7}
.v96-device span:first-of-type{height:76px;background:linear-gradient(145deg,#bce0ff,#4c9ce5)}
@keyframes v96-float{50%{transform:translateY(-12px) rotate(1deg)}}
.v96-search-map{
  display:grid;
  place-items:center;
  background:
    linear-gradient(34deg,transparent 48%,#dceaf6 49%,transparent 50%),
    linear-gradient(-44deg,transparent 48%,#dceaf6 49%,transparent 50%),
    #f8fcff;
  background-size:90px 90px;
}
.v96-search-pin{
  width:116px;
  height:116px;
  border-radius:55% 55% 55% 8%;
  background:linear-gradient(145deg,#1681e5,#0754a5);
  transform:rotate(-45deg);
  box-shadow:0 20px 40px rgba(6,98,190,.25);
  animation:v96-pin 3.8s ease-in-out infinite;
}
.v96-search-pin::after{
  content:"V";
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  margin:29px;
  border-radius:50%;
  background:#fff;
  color:var(--v96-blue);
  font:800 1.5rem Manrope,sans-serif;
  transform:rotate(45deg);
}
@keyframes v96-pin{50%{transform:rotate(-45deg) translate(8px,-8px)}}
.v96-search-result{
  position:absolute;
  right:26px;
  bottom:28px;
  width:210px;
  padding:18px;
  border:1px solid #d8e7f3;
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 34px rgba(7,57,106,.14);
}
.v96-search-result b{color:var(--v96-ink)}
.v96-search-result span{display:block;height:8px;margin-top:10px;border-radius:9px;background:#dceaf6}
.v96-shop{
  padding:34px;
  background:linear-gradient(180deg,#fff,#f2f8ff);
}
.v96-shop__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:34px;
  border-bottom:1px solid #dae8f4;
}
.v96-shop__header::before{content:"V STORE";color:var(--v96-blue);font-weight:900;letter-spacing:.12em}
.v96-shop__header::after{content:"●  ●  ●";color:#97b5cf;font-size:.6rem}
.v96-shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.v96-shop__product{display:grid;gap:11px}
.v96-shop__product::before{
  content:"";
  height:120px;
  border-radius:12px;
  background:linear-gradient(145deg,#cbe7ff,#438fda);
}
.v96-shop__product:nth-child(2)::before{background:linear-gradient(145deg,#e3effa,#86b8e6)}
.v96-shop__product:nth-child(3)::before{background:linear-gradient(145deg,#b3d8f7,#0b65bd)}
.v96-shop__product::after{content:"";height:9px;width:72%;border-radius:8px;background:#c8dae9}
.v96-cart{
  position:absolute;
  right:24px;
  bottom:24px;
  display:grid;
  width:92px;
  height:92px;
  place-items:center;
  border-radius:50%;
  background:#0868cf;
  color:#fff;
  font-size:2.4rem;
  box-shadow:0 16px 36px rgba(8,104,207,.28);
  animation:v96-float 4.1s ease-in-out infinite;
}
.v96-section{padding:clamp(76px,8vw,120px) 0}
.v96-section--white{background:#fff}
.v96-section--blue{background:linear-gradient(145deg,#075ab0,#0c72d5);color:#fff}
.v96-section-head{max-width:780px;margin-bottom:48px}
.v96-section-head h2{
  margin:18px 0;
  color:inherit;
  font-size:clamp(2.7rem,5vw,5.3rem);
  line-height:.95;
  letter-spacing:-.065em;
}
.v96-section-head p{color:var(--v96-muted);font-size:1rem;line-height:1.75}
.v96-section--blue .v96-section-head p{color:#d8ecff}
.v96-section--blue .v96-section-tag{color:#bfe5ff}
.v96-section--blue .v96-section-tag::before{background:#bfe5ff}
.v96-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.v96-feature{
  min-width:0;
  padding:28px;
  border:1px solid #d5e5f2;
  border-radius:18px;
  background:#f9fcff;
}
.v96-feature__icon{
  display:grid;
  width:44px;
  height:44px;
  margin-bottom:22px;
  place-items:center;
  border-radius:12px;
  background:#e3f2ff;
  color:var(--v96-blue);
  font-weight:900;
}
.v96-feature h3{margin:0 0 10px;color:var(--v96-ink);font-size:1.2rem}
.v96-feature p{margin:0;color:var(--v96-muted);font-size:.9rem;line-height:1.7}
.v96-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.25)}
.v96-process article{padding:34px 28px;border-right:1px solid rgba(255,255,255,.22)}
.v96-process article:last-child{border-right:0}
.v96-process span{font:700 .72rem "DM Mono";color:#bfe5ff}
.v96-process h3{margin:26px 0 10px;font-size:1.3rem}
.v96-process p{margin:0;color:#d8ecff;line-height:1.7;font-size:.9rem}
.v96-package-note{
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:center;
  padding:36px;
  border:1px solid #cfe1f0;
  border-radius:20px;
  background:#eef7ff;
}
.v96-package-note h3{margin:0 0 8px;color:var(--v96-ink);font-size:1.6rem}
.v96-package-note p{margin:0;color:var(--v96-muted);line-height:1.65}

/* Services and complex-build pages use the homepage palette. */
.v96-services-hero,
.v96-complex-hero{
  padding:clamp(80px,9vw,136px) 0;
  border-bottom:1px solid var(--v96-line);
  background:linear-gradient(145deg,#fff,#eaf5ff);
}
.v96-services-hero h1,
.v96-complex-hero h1{
  max-width:980px;
  margin:20px 0;
  color:var(--v96-ink);
  font-size:clamp(3.7rem,7.5vw,7.8rem);
  line-height:.87;
  letter-spacing:-.075em;
}
.v96-services-hero p,
.v96-complex-hero p{max-width:760px;color:var(--v96-muted);font-size:1.05rem;line-height:1.8}
.v96-service-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v96-service-package{
  display:flex;
  min-height:390px;
  flex-direction:column;
  padding:30px;
  border:1px solid #cfe1ef;
  border-radius:20px;
  background:#fff;
  box-shadow:0 14px 36px rgba(9,65,119,.08);
  transition:transform .25s ease,box-shadow .25s ease;
}
.v96-service-package:hover{transform:translateY(-7px);box-shadow:var(--v96-shadow)}
.v96-service-package span{color:var(--v96-blue);font:700 .7rem "DM Mono";letter-spacing:.11em}
.v96-service-package h3{margin:24px 0 12px;color:var(--v96-ink);font-size:1.8rem}
.v96-service-package p{margin:0;color:var(--v96-muted);line-height:1.7}
.v96-service-package ul{display:grid;gap:10px;margin:24px 0;padding:0;list-style:none;color:#355573;font-size:.88rem}
.v96-service-package li::before{content:"✓";margin-right:8px;color:var(--v96-blue);font-weight:900}
.v96-service-package strong{margin-top:auto;color:var(--v96-blue)}
.v96-complex-hero__grid,
.v96-complex-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(40px,7vw,96px);
  align-items:center;
}
.v96-complex-image{
  margin:0;
  overflow:hidden;
  border:1px solid #cfe1f0;
  border-radius:24px;
  background:#fff;
  box-shadow:var(--v96-shadow);
}
.v96-complex-image img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.v96-service-motion{
  position:relative;
  min-height:440px;
  overflow:hidden;
  border:1px solid #cfe1f0;
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(93,158,218,.08) 1px,transparent 1px),
    linear-gradient(rgba(93,158,218,.08) 1px,transparent 1px),
    linear-gradient(145deg,#f8fcff,#e8f4ff);
  background-size:38px 38px,38px 38px,auto;
  box-shadow:var(--v96-shadow);
}
.v96-service-motion__screen{
  position:absolute;
  inset:78px 92px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
  padding:26px;
  border:8px solid #10365f;
  border-radius:20px;
  background:#fff;
  box-shadow:0 24px 45px rgba(8,55,105,.18);
  transform:perspective(900px) rotateY(-7deg) rotateX(2deg);
}
.v96-service-motion__screen span{
  border-radius:12px;
  background:linear-gradient(145deg,#dcedfb,#83bce9);
}
.v96-service-motion__screen span:first-child{grid-row:1/-1;background:linear-gradient(145deg,#0a72d4,#73b7ee)}
.v96-service-motion__node{
  position:absolute;
  display:grid;
  width:72px;
  height:72px;
  place-items:center;
  border:1px solid #b9d6ed;
  border-radius:18px;
  background:#fff;
  color:var(--v96-blue);
  font:900 .72rem "DM Mono",monospace;
  box-shadow:0 14px 28px rgba(8,55,105,.15);
  animation:v96-node-float 4.8s ease-in-out infinite;
}
.v96-service-motion__node--a{left:28px;top:42px}
.v96-service-motion__node--b{right:26px;top:86px;animation-delay:-1.4s}
.v96-service-motion__node--c{right:66px;bottom:28px;animation-delay:-2.6s}
@keyframes v96-node-float{50%{transform:translateY(-11px)}}
.v96-complex-copy h2{
  margin:18px 0;
  color:var(--v96-ink);
  font-size:clamp(2.7rem,4.8vw,5rem);
  line-height:.95;
  letter-spacing:-.06em;
}
.v96-complex-copy>p{color:var(--v96-muted);line-height:1.75}
.v96-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:28px 0;padding:0;list-style:none}
.v96-checks li{position:relative;padding-left:24px;color:#355573;line-height:1.55}
.v96-checks li::before{content:"✓";position:absolute;left:0;color:var(--v96-blue);font-weight:900}
.v96-platform-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.v96-platform-card{padding:24px;border:1px solid #d4e4f1;border-radius:16px;background:#fff}
.v96-platform-card h3{margin:0 0 9px;color:var(--v96-ink)}
.v96-platform-card p{margin:0;color:var(--v96-muted);font-size:.87rem;line-height:1.65}
.v96-reverse .v96-complex-image{order:2}

/* Pricing readability and compact cards. */
.price-card{
  border:1px solid #cbdfee!important;
  background:#fff!important;
  color:var(--v96-ink)!important;
  box-shadow:0 14px 38px rgba(8,56,107,.09)!important;
}
.price-card.featured{
  border-color:#6eaee7!important;
  background:linear-gradient(180deg,#f5fbff,#fff)!important;
}
.price-kicker{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  padding:9px 13px!important;
  border:1px solid #9fc4e4!important;
  border-radius:999px!important;
  background:#e7f3ff!important;
  color:#164f83!important;
  font-weight:800!important;
  line-height:1.25!important;
}
.price-card.featured .price-kicker{background:#d9edff!important;color:#064d9e!important}
.price-card .price{color:var(--v96-ink)!important}
.price-card .price small,.checkout-note{color:#58728b!important}
.v96-package-detail-link{
  display:block;
  margin:0 0 14px;
  color:var(--v96-blue)!important;
  font-size:.8rem;
  font-weight:900;
  text-align:center;
}
.care-panel{display:none!important}

@media(max-width:1050px){
  .v96-split-hero .container,
  .v96-package-hero__grid,
  .v96-complex-hero__grid,
  .v96-complex-row{grid-template-columns:1fr}
  .v96-split-hero__visual{max-width:760px}
  .v96-service-packages,
  .v96-feature-grid{grid-template-columns:1fr 1fr}
  .v96-platform-grid{grid-template-columns:1fr 1fr}
  .v96-reverse .v96-complex-image{order:0}
}
@media(max-width:720px){
  .v96-split-hero .container{display:block}
  .v96-split-hero__visual{margin-top:34px}
  .v96-preview-hero h1,
  .v96-work-hero h1{font-size:clamp(2.8rem,14vw,4.4rem)!important}
  .proof-picture{margin-top:30px}
  .v96-package-hero h1,
  .v96-services-hero h1,
  .v96-complex-hero h1{font-size:clamp(3rem,16vw,5rem)}
  .v96-package-visual{min-height:350px}
  .v96-browser,.v96-search-map,.v96-shop{inset:30px 20px}
  .v96-shop{padding:22px}
  .v96-shop__product::before{height:88px}
  .v96-device{width:98px;height:192px}
  .v96-service-packages,
  .v96-feature-grid,
  .v96-platform-grid,
  .v96-checks{grid-template-columns:1fr}
  .v96-process{grid-template-columns:1fr}
  .v96-process article{border-right:0;border-bottom:1px solid rgba(255,255,255,.22)}
  .v96-package-note{grid-template-columns:1fr}
  .nav-dropdown__sections{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  .v96-package-visual::before,
  .v96-device,
  .v96-cart,
  .v96-search-pin{animation:none!important}
}