:root{
  color-scheme:light;
  --bg:#ffffff;
  --bg-deep:#ffffff;
  --card:#07111f;
  --card-2:#0a1628;
  --white:#ffffff;
  --text:#f8fbff;
  --muted:#aeb8cc;
  --soft:#dce6f8;
  --line:rgba(255,255,255,.13);
  --line-strong:rgba(255,255,255,.24);
  --blue:#13a8ff;
  --blue-dark:#0456ff;
  --cyan:#21e7ff;
  --green:#00af00;
  --yellow:#f8c700;
  --radius:28px;
  --shadow:0 34px 100px rgba(0,0,0,.72);
  --mx:50%;
  --my:18%;
}
*{box-sizing:border-box}
html{
  min-height:100%;
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
body{
  min-height:100%;
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--text);
  background:#ffffff url("../webpad-data-waves-bg.png") center center / cover no-repeat fixed;
  overflow-x:hidden;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
img,picture{display:block;max-width:100%}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:rgba(33,231,255,.28);color:#fff}
.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  transform:translateY(-140%);
  z-index:50;
  padding:10px 14px;
  border-radius:999px;
  color:#000;
  background:#fff;
  font-weight:900;
  text-decoration:none;
  transition:transform .2s ease;
}
.skip-link:focus{transform:translateY(0)}
.splash{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:18px 12px calc(18px + env(safe-area-inset-bottom));
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)),
    url("../webpad-data-waves-bg.png") center center / cover no-repeat;
}
.mesh-grid{display:none;}
.ambient{display:none;}
.ambient-one{
  width:280px;
  height:280px;
  top:7%;
  left:-110px;
  background:rgba(4,86,255,.76);
  animation:floatOne 12s ease-in-out infinite;
}
.ambient-two{
  width:320px;
  height:320px;
  right:-130px;
  bottom:8%;
  background:rgba(0,175,0,.52);
  animation:floatTwo 13s ease-in-out infinite;
}
.ambient-three{
  width:180px;
  height:180px;
  left:62%;
  top:2%;
  background:rgba(33,231,255,.42);
  animation:floatThree 15s ease-in-out infinite;
}
.spark-field{display:none;}
.spark{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:999px;
  background:rgba(255,255,255,.68);
  box-shadow:0 0 14px rgba(33,231,255,.52);
  opacity:.36;
  animation:sparkRise var(--duration,12s) linear infinite;
  animation-delay:var(--delay,0s);
  left:var(--x,50%);
  top:calc(100% + 20px);
}
.splash-card{
  width:min(1080px,100%);
  padding:24px 15px 20px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
    linear-gradient(135deg,rgba(7,17,31,.96),rgba(2,6,23,.96));
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.10);
  position:relative;
  overflow:hidden;
  transform-style:preserve-3d;
}
.splash-card:before{display:none;}
.splash-card:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 18%,transparent 34%);
  transform:translateX(-135%);
  pointer-events:none;
  animation:sheen 7.5s ease-in-out infinite;
  z-index:1;
}
.splash-card > *{position:relative;z-index:2}
.shine-line{
  position:absolute;
  top:0;
  left:50%;
  width:min(620px,78%);
  height:3px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),var(--green),var(--yellow),transparent);
  box-shadow:none;
  z-index:3;
}
.card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:22px;
}
.launch-badge,
.top-email{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  color:#eaf6ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.launch-badge{
  padding:0 13px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.badge-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:999px;
  background:var(--green);
  box-shadow:0 0 0 0 rgba(0,175,0,.72);
  animation:pulseGreen 1.8s infinite;
}
.top-email{
  padding:0 12px;
  color:#bdeeff;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  transition:color .2s ease, border-color .2s ease, transform .2s ease;
}
.top-email:hover,.top-email:focus-visible{
  color:#fff;
  border-color:rgba(33,231,255,.48);
  transform:translateY(-1px);
  outline:none;
}
.logo-wrap{
  width:min(560px,92%);
  margin:0 auto 18px;
  padding:7px;
  border-radius:24px;
  background:#000;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
  overflow:hidden;
}
.brand-logo{
  width:100%;
  height:auto;
  border-radius:18px;
  background:#000;
}
.eyebrow{
  max-width:920px;
  margin:0 auto 18px;
  color:#6ee7ff;
  font-size:10.5px;
  font-weight:950;
  letter-spacing:.095em;
  line-height:1.75;
  text-transform:uppercase;
  text-wrap:balance;
  text-align:center;
}
h1{
  max-width:900px;
  margin:0 auto;
  color:#fff;
  font-size:clamp(38px,12vw,74px);
  line-height:.94;
  letter-spacing:-.068em;
  text-wrap:balance;
  text-align:center;
}
.lead{
  max-width:780px;
  margin:20px auto 0;
  color:var(--muted);
  font-size:clamp(16px,4.3vw,21px);
  line-height:1.58;
  font-weight:650;
  text-wrap:pretty;
  text-align:center;
}
.hero-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  width:min(620px,100%);
  margin:26px auto 0;
}
.btn{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 18px;
  border-radius:999px;
  font-family:inherit;
  font-size:15px;
  font-weight:950;
  text-decoration:none;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.btn:hover,.btn:focus-visible{
  transform:translateY(-2px);
  outline:none;
}
.btn-primary{
  color:#00111d;
  background:linear-gradient(135deg,#fff 0%,#bff5ff 38%,#20e2ff 100%);
  box-shadow:0 18px 42px rgba(19,168,255,.25),inset 0 1px 0 rgba(255,255,255,.68);
}
.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 24px 54px rgba(19,168,255,.34),inset 0 1px 0 rgba(255,255,255,.72)}
.btn-secondary{
  color:#eff8ff;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.btn-secondary:hover,.btn-secondary:focus-visible{border-color:rgba(33,231,255,.42);background:rgba(255,255,255,.085)}
.proof-strip{
  width:min(940px,100%);
  margin:28px auto 0;
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.proof-strip div{
  padding:16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.proof-strip strong,
.proof-strip span{display:block;text-align:left}
.proof-strip strong{color:#fff;font-size:15px;line-height:1.2;margin-bottom:5px}
.proof-strip span{color:#aeb8cc;font-size:13.5px;line-height:1.48;font-weight:650}
.service-grid{
  width:min(960px,100%);
  margin:28px auto 0;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  scroll-margin-top:20px;
}
.service-card{
  min-height:220px;
  padding:20px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:24px;
  background:
    linear-gradient(135deg,var(--card-colour-a),var(--card-colour-b),var(--card-colour-c)),
    var(--service-image);
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 52px rgba(0,0,0,.34);
  text-align:left;
  overflow:hidden;
  position:relative;
  isolation:isolate;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:var(--service-image);
  background-size:cover;
  background-position:center;
  opacity:.35;
  transform:scale(1.03);
  transition:opacity .24s ease,transform .42s ease;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.26),transparent 30%),
    linear-gradient(135deg,var(--card-colour-a),var(--card-colour-b) 48%,var(--card-colour-c));
  opacity:.9;
}
.service-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,255,255,.34);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 30px 74px rgba(0,0,0,.46);
  filter:saturate(1.08);
}
.service-card:hover::before{opacity:.46;transform:scale(1.08)}
.service-card--websites{
  --card-colour-a:rgba(19,168,255,.70);
  --card-colour-b:rgba(126,34,206,.66);
  --card-colour-c:rgba(248,199,0,.52);
  --service-image:url('https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=900&q=80');
}
.service-card--seo{
  --card-colour-a:rgba(0,175,0,.68);
  --card-colour-b:rgba(19,168,255,.62);
  --card-colour-c:rgba(248,199,0,.48);
  --service-image:url('https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=900&q=80');
}
.service-card--growth{
  --card-colour-a:rgba(248,199,0,.58);
  --card-colour-b:rgba(236,72,153,.58);
  --card-colour-c:rgba(19,168,255,.64);
  --service-image:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=900&q=80');
}
.service-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:22px;
  border-radius:13px;
  color:#03111f;
  background:linear-gradient(135deg,#fff,#bff5ff,#f8c700);
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.85);
  font-size:13px;
  font-weight:950;
}
.service-card h2{
  margin:0;
  color:#fff;
  font-size:24px;
  text-shadow:0 3px 18px rgba(0,0,0,.38);
  line-height:1.05;
  letter-spacing:-.035em;
}
.service-card p{
  margin:12px 0 0;
  color:#f1f6ff;
  font-size:14.5px;
  line-height:1.55;
  font-weight:750;
  text-shadow:0 3px 16px rgba(0,0,0,.34);
}

.visual-showcase{
  width:min(960px,100%);
  margin:28px auto 0;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.visual-main,
.visual-mini{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 64px rgba(0,0,0,.36);
  background:#07111f;
}
.visual-main{
  min-height:330px;
  border-radius:28px;
}
.visual-main::after,
.visual-mini::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(135deg,rgba(19,168,255,.28),rgba(168,85,247,.22),rgba(248,199,0,.18));
  mix-blend-mode:screen;
}
.visual-main img,
.visual-mini img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  filter:saturate(1.08) contrast(1.03);
}
.visual-main img{position:absolute;inset:0}
.visual-main__glass{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(2,6,23,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);
}
.visual-main__glass span,
.visual-mini span{
  display:block;
  color:#7ee7ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.16em;
  line-height:1.3;
  text-transform:uppercase;
}
.visual-main__glass strong{
  display:block;
  margin-top:8px;
  max-width:560px;
  color:#fff;
  font-size:clamp(23px,6vw,40px);
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.visual-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.visual-mini{
  min-height:170px;
  border-radius:24px;
}
.visual-mini img{position:absolute;inset:0}
.visual-mini div{
  position:absolute;
  inset:auto 14px 14px 14px;
  z-index:2;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(2,6,23,.76),rgba(2,6,23,.46));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px);
}
.visual-mini strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:17px;
  line-height:1.16;
  letter-spacing:-.025em;
}

.status-row{
  width:fit-content;
  max-width:100%;
  margin:28px auto 0;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  gap:12px;
  padding:13px 16px;
  border:1px solid var(--line-strong);
  border-radius:22px;
  color:#edf3ff;
  background:linear-gradient(180deg,rgba(255,255,255,.058),rgba(255,255,255,.018)),rgba(0,0,0,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.32);
  font-size:14px;
  line-height:1.45;
  text-align:left;
}
.pulse{
  width:10px;
  height:10px;
  margin-top:5px;
  flex:0 0 10px;
  border-radius:999px;
  background:var(--blue);
  box-shadow:0 0 0 0 rgba(19,168,255,.62);
  animation:pulse 1.8s infinite;
}
.partner-card{
  margin:30px auto 0;
  width:min(960px,100%);
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:18px;
  padding:22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 14%,rgba(0,175,0,.23),transparent 36%),
    radial-gradient(circle at 8% 0%,rgba(19,168,255,.12),transparent 34%),
    linear-gradient(135deg,#101827 0%,#0b1220 54%,#06140f 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 70px rgba(0,0,0,.44);
  overflow:hidden;
}
.partner-copy{text-align:left}
.partner-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 14px;
  margin-bottom:16px;
  border-radius:999px;
  color:#06140f;
  background:linear-gradient(135deg,var(--yellow),#ffe178);
  font-size:11px;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.partner-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(28px,8vw,44px);
  line-height:1.02;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.partner-copy p{
  max-width:650px;
  margin:12px 0 0;
  color:#dbe5f6;
  font-size:15.5px;
  line-height:1.58;
  font-weight:700;
}
.partner-text-link{
  display:inline-flex;
  align-items:center;
  margin-top:16px;
  color:#77edff;
  font-size:14px;
  font-weight:950;
  text-decoration:none;
  border-bottom:1px solid rgba(119,237,255,.35);
  transition:color .2s ease,border-color .2s ease;
}
.partner-text-link:hover,.partner-text-link:focus-visible{
  color:#fff;
  border-bottom-color:#fff;
  outline:none;
}
.partner-logo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:112px;
  padding:18px 22px;
  border-radius:22px;
  background:#fff;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 18px 46px rgba(0,0,0,.34);
  transition:transform .22s ease,box-shadow .22s ease;
}
.partner-logo-link:hover,.partner-logo-link:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 22px 56px rgba(0,0,0,.42);
  outline:none;
}
.partner-logo-link img{
  width:min(265px,72vw);
  height:auto;
  max-height:110px;
  object-fit:contain;
}
.install-card{
  width:min(760px,100%);
  margin:26px auto 0;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-direction:column;
  gap:14px;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),rgba(0,0,0,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 42px rgba(0,0,0,.30);
}
.install-card[hidden]{display:none}
.install-copy{text-align:left;display:grid;gap:4px}
.install-copy strong{color:#fff;font-size:16px;line-height:1.25}
.install-copy span{color:var(--muted);font-size:14px;line-height:1.45;font-weight:650}
.install-actions{display:flex;align-items:center;gap:10px;width:100%}
.install-btn{
  min-height:44px;
  flex:1;
  border:0;
  border-radius:999px;
  padding:11px 16px;
  color:#00111d;
  background:#fff;
  font-weight:950;
  font-family:inherit;
  cursor:pointer;
  transition:transform .2s ease,opacity .2s ease;
}
.install-btn:hover,.install-btn:focus-visible{transform:translateY(-1px);outline:none}
.install-close{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.05);
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.install-close:hover,.install-close:focus-visible{border-color:rgba(255,255,255,.34);outline:none}
.site-footer{
  margin:28px auto 0;
  padding-top:20px;
  color:rgba(248,251,255,.72);
  font-size:12px;
  line-height:1.6;
  font-weight:650;
  text-align:center;
}
.site-footer p{margin:0}
.site-footer a{
  color:#ffffff;
  text-decoration:none;
  font-weight:850;
  border-bottom:1px solid rgba(255,255,255,.35);
  transition:color .2s ease,border-color .2s ease,text-shadow .2s ease;
}
.site-footer a:hover,.site-footer a:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
  outline:none;
}
.noscript-message{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:60;
  padding:12px 14px;
  border-radius:16px;
  color:#00111d;
  background:#fff;
  font-weight:800;
  text-align:center;
}
[data-reveal]{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .65s ease,transform .65s ease;
}
[data-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(19,168,255,.62)}
  70%{box-shadow:0 0 0 12px rgba(19,168,255,0)}
  100%{box-shadow:0 0 0 0 rgba(19,168,255,0)}
}
@keyframes pulseGreen{
  0%{box-shadow:0 0 0 0 rgba(0,175,0,.72)}
  70%{box-shadow:0 0 0 10px rgba(0,175,0,0)}
  100%{box-shadow:0 0 0 0 rgba(0,175,0,0)}
}
@keyframes sheen{
  0%,45%{transform:translateX(-135%)}
  66%,100%{transform:translateX(135%)}
}
@keyframes sparkRise{
  0%{transform:translate3d(0,0,0) scale(.75);opacity:0}
  12%{opacity:.32}
  92%{opacity:.18}
  100%{transform:translate3d(var(--drift,12px),-110vh,0) scale(1.05);opacity:0}
}
@keyframes floatOne{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(24px,28px,0)}
}
@keyframes floatTwo{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-28px,-22px,0)}
}
@keyframes floatThree{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(18px,32px,0)}
}
@media (min-width:560px){
  .splash{padding:26px 18px calc(26px + env(safe-area-inset-bottom))}
  .splash-card{padding:30px 24px 24px}
  .hero-actions{grid-template-columns:1fr 1fr}
  .proof-strip{grid-template-columns:repeat(3,1fr)}
  .proof-strip div{padding:18px}
}
@media (min-width:820px){
  .splash{padding:34px 18px}
  .splash-card{padding:34px clamp(34px,5vw,66px) 30px;border-radius:32px}
  .card-top{margin-bottom:24px}
  .logo-wrap{width:min(500px,82%);padding:8px;border-radius:26px}
  .brand-logo{border-radius:20px}
  .eyebrow{font-size:12px;letter-spacing:.18em;margin-bottom:22px}
  .lead{margin-top:22px}
  .visual-showcase{grid-template-columns:1.18fr .82fr;gap:14px}
  .visual-main{min-height:430px}
  .visual-stack{grid-template-rows:1fr 1fr}
  .visual-mini{min-height:0}
  .service-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .partner-card{grid-template-columns:1.12fr .88fr;gap:28px;padding:30px 36px}
  .partner-logo-link{min-height:148px;padding:24px 30px}
  .install-card{flex-direction:row;align-items:center;padding:16px 18px}
  .install-actions{width:auto;flex:0 0 auto}
  .install-btn{flex:0 0 auto}
  
.visual-showcase{
  width:min(960px,100%);
  margin:28px auto 0;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.visual-main,
.visual-mini{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 64px rgba(0,0,0,.36);
  background:#07111f;
}
.visual-main{
  min-height:330px;
  border-radius:28px;
}
.visual-main::after,
.visual-mini::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.20),transparent 28%),
    linear-gradient(135deg,rgba(19,168,255,.28),rgba(168,85,247,.22),rgba(248,199,0,.18));
  mix-blend-mode:screen;
}
.visual-main img,
.visual-mini img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  filter:saturate(1.08) contrast(1.03);
}
.visual-main img{position:absolute;inset:0}
.visual-main__glass{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(180deg,rgba(2,6,23,.72),rgba(2,6,23,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 50px rgba(0,0,0,.34);
  backdrop-filter:blur(16px);
}
.visual-main__glass span,
.visual-mini span{
  display:block;
  color:#7ee7ff;
  font-size:11px;
  font-weight:950;
  letter-spacing:.16em;
  line-height:1.3;
  text-transform:uppercase;
}
.visual-main__glass strong{
  display:block;
  margin-top:8px;
  max-width:560px;
  color:#fff;
  font-size:clamp(23px,6vw,40px);
  line-height:1.02;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.visual-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.visual-mini{
  min-height:170px;
  border-radius:24px;
}
.visual-mini img{position:absolute;inset:0}
.visual-mini div{
  position:absolute;
  inset:auto 14px 14px 14px;
  z-index:2;
  padding:14px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(2,6,23,.76),rgba(2,6,23,.46));
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(14px);
}
.visual-mini strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:17px;
  line-height:1.16;
  letter-spacing:-.025em;
}

.status-row{border-radius:999px;align-items:center;text-align:center;font-size:15px;padding:13px 18px}
  .pulse{margin-top:0}
}
@media (max-width:390px){
  .splash-card{padding-left:13px;padding-right:13px;border-radius:24px}
  .card-top{align-items:flex-start;flex-direction:column}
  .top-email{width:100%}
  .eyebrow{font-size:10px;letter-spacing:.065em}
  .lead{font-size:15.5px}
  .service-card{min-height:auto}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  [data-reveal]{opacity:1;transform:none}
  .spark-field{display:none}
}


@media (max-width: 768px){
  body{background-attachment:scroll;}
  .splash{background-position:center top;}
}