/* =========================================================
   InnovAIT — core tokens
   ========================================================= */
:root{
  --ia-blue:#0091eb;
  --ia-text:#e8f0ff;
  --ia-muted:#a9b7d8;

  --ia-line:rgba(200,210,240,.16);
  --ia-glow:rgba(120,180,255,.10);

  --ia-card-top:rgba(0,0,0,.72);
  --ia-card-bot:rgba(0,0,0,.58);
  --ia-row-solid:#05070c;

  --r-lg:24px;
  --r-md:18px;
  --r-sm:12px;

  /* site background hero (behind everything) */
  --bg-planets:url('/wp-content/uploads/2025/08/Hero-image2.png');

  /* hero focal-lock knobs */
  --hero-bg-y: 34%;                         /* vertical focus where logo sits */
  --hero-pad-top: clamp(12rem, 30vw, 26rem);/* space above H1/CTAs */
  --hero-min-h: clamp(520px, 64vh, 880px);  /* minimum hero height */
}

body, .wp-site-blocks{ color:var(--ia-text); }
a{ color:var(--ia-blue); }

/* =========================================================
   Cosmic backdrop (global page background)
   ========================================================= */
body::before{
  content:""; position:fixed; inset:0; z-index:-2;
  background:
    radial-gradient(circle at 20% 10%, rgba(84,110,255,.16), transparent 40%),
    radial-gradient(circle at 78% 28%, rgba(140,120,220,.12), transparent 45%),
    #0a0f1a;
}
body::after{
  content:""; position:fixed; inset:0; z-index:-1;
  background-image:var(--bg-planets);
  background-size:cover; background-position:center; background-repeat:no-repeat;
  opacity:.55; pointer-events:none;
}

/* =========================================================
   Cards & default buttons
   ========================================================= */
.ia-card,
.holo-card{
  background:linear-gradient(180deg, var(--ia-card-top), var(--ia-card-bot));
  border:1px solid var(--ia-line);
  border-radius:var(--r-lg);
  box-shadow:
    0 0 0 1px var(--ia-line),
    inset 0 -36px 72px var(--ia-glow),
    0 30px 60px rgba(0,0,0,.35);
  padding:28px;
  backdrop-filter:saturate(1.05) blur(2px);
}

.wp-element-button,
.wp-block-button__link{
  background:var(--ia-blue)!important;
  color:#fff!important;
  border:2px solid #e6f2ff;
  border-radius:999px;
  padding:.9rem 1.6rem;
  box-shadow:0 10px 28px rgba(0,145,235,.28);
  text-decoration:none;
}
.wp-element-button:hover,
.wp-block-button__link:hover{
  filter:brightness(1.05); transform:translateY(-1px);
  box-shadow:0 12px 32px rgba(0,145,235,.36);
}
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible{
  outline:3px solid #e6f2ff; outline-offset:2px;
}
.wp-block-button__link[style*="background"]{ background:var(--ia-blue)!important; }

/* =========================================================
   HOLO UI (shared)
   ========================================================= */
.holo-shell{
  position:relative; padding:22px; overflow:hidden;
  background:linear-gradient(180deg, rgba(6,12,22,.58), rgba(6,12,22,.38));
  border:1px solid rgba(22,193,144,.35);
  border-radius:20px;
  box-shadow:0 0 22px rgba(22,193,144,.12),
             inset 0 0 48px var(--ia-glow),
             0 40px 60px rgba(0,0,0,.35);
  backdrop-filter:blur(14px) saturate(1.25);
}
.holo-shell::before{
  content:""; position:absolute; inset:0; opacity:.10; pointer-events:none;
  background:
    linear-gradient(transparent 95%, rgba(255,255,255,.35) 96%, transparent 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 4px);
  background-size:100% 10px, 6px 100%;
}

.holo-header{
  display:flex; gap:10px; align-items:center; justify-content:space-between;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  text-transform:uppercase; letter-spacing:.06em;
  color:#c7fff0; padding-bottom:10px; margin-bottom:14px;
  border-bottom:1px dashed rgba(22,193,144,.35);
}
.holo-header .tag{
  display:inline-flex; gap:.5rem; align-items:center;
  padding:6px 10px; border-radius:999px; font-size:.82rem;
  background:rgba(22,193,144,.12); border:1px solid rgba(22,193,144,.35);
  color:#d9fff1;
}
.holo-header .dot{ width:8px; height:8px; border-radius:50%; background:#16c190; }

.holo-grid{ display:grid; gap:20px; }
.holo-grid.grid--gap-14{ gap:14px; }

.holo-image{
  aspect-ratio:16/9; width:100%; margin-bottom:14px;
  border:1px solid rgba(22,193,144,.35); border-radius:14px; overflow:hidden;
  box-shadow:0 0 18px rgba(22,193,144,.12);
  background:radial-gradient(80% 80% at 50% 50%, rgba(60,220,190,.1), transparent 60%);
}
.holo-image img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(1.05) contrast(1.05); }
.holo-image--portrait{ aspect-ratio:4/5; }
.holo-image--portrait img{ object-position:50% 12%; }

.holo-features{ display:grid; gap:14px; grid-template-columns:repeat(3, minmax(0,1fr)); }
@media (max-width:1100px){ .holo-features{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:720px){  .holo-features{ grid-template-columns:1fr; } }

.holo-feature{
  padding:14px; border-radius:14px;
  background:rgba(255,255,255,.02); border:1px solid var(--ia-line);
}
.holo-icon{
  width:34px; height:34px; border-radius:10px; display:inline-grid; place-items:center; margin-bottom:.4rem;
  background:rgba(22,193,144,.12); border:1px solid rgba(22,193,144,.35); color:#baffea; font-weight:700;
}

.holo-timeline{ position:relative; margin-left:8px; }
.holo-timeline::before{ content:""; position:absolute; left:10px; top:0; bottom:0; width:2px; background:var(--ia-line); }
.holo-t-item{ position:relative; padding-left:34px; margin:12px 0; }
.holo-t-item::before{
  content:""; position:absolute; left:4px; top:.3rem; width:14px; height:14px; border-radius:999px;
  background:#16c190; box-shadow:0 0 0 4px rgba(22,193,144,.12);
}
.holo-t-title{ font-weight:700; }
.holo-t-body, .muted{ color:var(--ia-muted); }

/* =========================================================
   Dossier scope — center & neutralize alignment bleed
   ========================================================= */
#dossier-scope{
  box-sizing:border-box;
  width:min(1200px, 92vw);
  margin-left:auto !important;
  margin-right:auto !important;
  padding:24px;
  float:none !important;
  position:static !important;
  left:auto !important; right:auto !important; transform:none !important;
  align-self:center !important; justify-self:center !important;
}

.alignwide   > #dossier-scope,
.alignfull   > #dossier-scope,
.alignright  > #dossier-scope,
.wp-block-group.alignwide  > #dossier-scope,
.wp-block-group.alignfull  > #dossier-scope,
.wp-block-group.alignright > #dossier-scope{
  margin-left:auto !important; margin-right:auto !important; float:none !important;
  max-width:min(1200px, 92vw) !important; width:auto !important;
}

/* split grid inside dossiers */
#dossier-scope .holo-grid.grid--split{
  grid-template-columns:minmax(320px,380px) 1fr;
  gap:24px;
}
@media (max-width:960px){
  #dossier-scope .holo-grid.grid--split{ grid-template-columns:1fr; }
}
#dossier-scope .holo-image{ aspect-ratio:4/5; }
#dossier-scope .holo-image img{ object-position:50% 12%; }
#dossier-scope .holo-left .holo-sticky{ position:sticky; top:80px; }
@media (max-width:960px){ #dossier-scope .holo-left .holo-sticky{ position:static; top:auto; } }

/* alignment cleanup only inside dossier */
#dossier-scope,
#dossier-scope .holo-shell,
#dossier-scope .holo-card,
#dossier-scope .holo-card *{
  direction:ltr !important;
  text-align:left !important;
}
#dossier-scope .has-text-align-center,
#dossier-scope .aligncenter,
#dossier-scope [style*="text-align:center"]{
  text-align:center !important;
}

/* =========================================================
   Feature grid (landing)
   ========================================================= */
.ia-feature-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:28px;
  align-items:stretch;
}
.ia-card{ height:100%; display:flex; flex-direction:column; background:rgba(0,0,0,.5); border:1px solid rgba(200,210,240,.16); border-radius:24px; padding:24px; }
.ia-card-body{ flex:1; }
.ia-card-cta{ margin-top:auto; }
@media (max-width: 960px){
  .ia-feature-grid{ grid-template-columns:1fr; }
}

/* =========================================================
   Solutions — Apps table (no planet effects here)
   ========================================================= */
.ia-table{ width:100%; border-collapse:separate; border-spacing:0 14px; }
.ia-table thead th{
  color:var(--ia-muted); font-weight:700; text-transform:uppercase;
  font-size:.8rem; letter-spacing:.06em; padding:10px 14px;
  border-bottom:1px solid var(--ia-line);
}
.ia-row-cat td{
  padding:12px 0 6px; color:var(--ia-blue); font-weight:800;
  border-bottom:1px solid var(--ia-line); background:transparent; box-shadow:none;
}
.ia-row{
  background:var(--ia-row-solid);
  border-radius:var(--r-md);
  box-shadow:0 0 0 1px var(--ia-line), inset 0 10px 28px var(--ia-glow);
  transition:transform .18s ease, box-shadow .18s ease;
}
.ia-row:hover{
  transform:translateY(-1px);
  box-shadow:0 0 0 1px var(--ia-line), 0 8px 24px rgba(90,162,255,.18), inset 0 10px 28px var(--ia-glow);
}
.ia-table td{ padding:16px 18px; vertical-align:top; }

.ia-col-icon{ width:80px; }
.ia-icon{ width:80px; padding:12px 8px; display:grid; place-items:center; text-align:center; }
.ia-app{ min-width:200px; font-weight:700; text-align:center; white-space:nowrap; }
.ia-feats ul{ margin:0; padding-left:1.1rem; }
.ia-feats li{ margin:.22rem 0; line-height:1.35; }
.ia-feats, .ia-eta{ text-align:left; }

/* Mobile table */
@media (max-width:720px){
  .ia-table thead{ display:none; }
  .ia-table, .ia-table tbody, .ia-table tr, .ia-table td{ display:block; width:100%; }
  .ia-row{ overflow:hidden; margin-bottom:12px; }
  .ia-table td{ border-bottom:1px solid var(--ia-line); }
  .ia-table td:last-child{ border-bottom:none; }
  .ia-table td::before{
    content:attr(data-label); display:block; color:var(--ia-muted);
    text-transform:uppercase; letter-spacing:.06em; font-size:.78rem; margin-bottom:.2rem;
  }
}

/* bullets slightly smaller than app names */
.ia-app .app-name { font-size: 1rem; font-weight: 600; }
.ia-feats ul li { font-size: 0.85rem; line-height: 1.2rem; margin-bottom: 2px; }

/* Gutenberg/Elementor safety inside solutions */
#solutions-scope [style*="background"]{ background:unset !important; }

/* =========================================================
   Solutions page — Planets
   ========================================================= */
#solutions-scope{
  --planet-size: 80px;
  --equator-lat: -22%;
  --equator-scale: .96;
  --spin-speed: 26s;
}
#solutions-scope .ia-col-icon{ width: calc(var(--planet-size) + 24px); }
#solutions-scope .ia-icon{
  width: calc(var(--planet-size) + 24px);
  padding: 12px 8px; display:grid; place-items:center;
}

/* Planet container + layers */
#solutions-scope .ia-planet{
  position:relative; width:var(--planet-size); height:var(--planet-size);
  border-radius:50%; overflow:hidden;
  --tx:0%; --ty:var(--equator-lat); --scale:var(--equator-scale);
}
#solutions-scope .ia-planet .ia-orbit,
#solutions-scope .ia-planet .ia-sphere,
#solutions-scope .ia-planet .ia-logo--wrap,
#solutions-scope .ia-planet .ia-shine{
  position:absolute; inset:0; border-radius:50%;
}

/* Base sphere + lighting */
#solutions-scope .ia-planet .ia-sphere{
  z-index:1;
  box-shadow:
    inset 0 -6px 18px rgba(0,0,0,.35),
    0 0 0 1px rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.25);
}
#solutions-scope .ia-planet .ia-shine{
  z-index:3; pointer-events:none;
  background:
    radial-gradient(circle at 28% 26%, rgba(255,255,255,.55), rgba(255,255,255,0) 45%),
    radial-gradient(circle at 70% 78%, rgba(0,0,0,.35), rgba(0,0,0,0) 48%);
}

/* Logo sweep (equator pass) */
#solutions-scope .ia-planet .ia-logo--wrap{ z-index:2; overflow:hidden; mix-blend-mode:normal; }
#solutions-scope .ia-planet .ia-logo--wrap img{
  position:absolute; left:50%; top:50%;
  width:100%; height:100%; object-fit:contain; display:block;
  transform-origin:50% 50%;
  filter: url("/wp-content/themes/innovait-child/assets/filters.svg#sphereWrap");
  animation: ia-sol-equator var(--spin-speed) linear infinite;
}
@keyframes ia-sol-equator{
  0%   { transform: translate3d(calc(-150% + var(--tx)), calc(-50% + var(--ty)), 0) scale(var(--scale)); }
  50%  { transform: translate3d(calc( -50% + var(--tx)), calc(-50% + var(--ty)), 0) scale(var(--scale)); }
  100% { transform: translate3d(calc(  50% + var(--tx)), calc(-50% + var(--ty)), 0) scale(var(--scale)); }
}

/* Mobile planets */
@media (max-width:640px){
  #solutions-scope{ --planet-size: 80px; --equator-lat: -20%; --ty: -6%; }
}

/* Color variants */
#solutions-scope .ia-planet[data-app="airvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #38e8c4 0%, #0fb39a 42%, #006d5c 88%); }
#solutions-scope .ia-planet[data-app="campvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #555555 0%, #333333 45%, #111111 90%); }
#solutions-scope .ia-planet[data-app="cvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #222222 0%, #111111 45%, #000000 90%); }
#solutions-scope .ia-planet[data-app="cannavai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.3) 35%, rgba(0,0,0,.25) 70%),
  radial-gradient(140% 140% at 30% 30%, #ffffff 0%, #f2f2f2 55%, #e6e6e6 98%); }
#solutions-scope .ia-planet[data-app="mxvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #e5e5e5 0%, #cfcfcf 45%, #a6a6a6 90%); }
#solutions-scope .ia-planet[data-app="bvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #2a3b8f 0%, #162861 55%, #0b1e3a 98%); }
#solutions-scope .ia-planet[data-app="ancolvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #ffffff 0%, #f2f2f2 55%, #dcdcdc 98%); }
#solutions-scope .ia-planet[data-app="musicvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #d4af37 0%, #8b5e3c 55%, #4c4c4c 95%); }
#solutions-scope .ia-planet[data-app="golfvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #6d4c41 0%, #4e342e 55%, #3e2723 98%); }
#solutions-scope .ia-planet[data-app="gvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #222222 0%, #111111 45%, #000000 90%); }
#solutions-scope .ia-planet[data-app="goldvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #fff6d5 0%, #ffe7b3 45%, #e6c985 90%); }
#solutions-scope .ia-planet[data-app="fhevai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #90caf9 0%, #42a5f5 45%, #1565c0 90%); }
#solutions-scope .ia-planet[data-app="stockvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #d4af37 0%, #8b5e3c 55%, #4c4c4c 95%); }
#solutions-scope .ia-planet[data-app="bivai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #10223e 0%, #0b1e3a 55%, #d4af37 115%); }
#solutions-scope .ia-planet[data-app="plvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #ffffff 0%, #f2f2f2 55%, #dcdcdc 98%); }
#solutions-scope .ia-planet[data-app="realvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #ffe082 0%, #fbc02d 45%, #a67c00 90%); }
#solutions-scope .ia-planet[data-app="legalvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #0b1e3a 0%, #1a2b4d 55%, #d4af37 115%); }
#solutions-scope .ia-planet[data-app="hrvai"] .ia-sphere{ background:
  radial-gradient(120% 120% at 30% 30%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.06) 35%, rgba(0,0,0,.35) 65%),
  radial-gradient(140% 140% at 30% 30%, #299194 0%, #1f7c7f 50%, #145b5d 92%); }

/* Spin speed buckets (ETA) */
#solutions-scope .ia-planet{ --spin-speed: 22s; } /* default */
#solutions-scope .ia-planet[data-app="airvai"]{ --spin-speed: 12s; }
#solutions-scope .ia-planet[data-app="golfvai"],
#solutions-scope .ia-planet[data-app="plvai"],
#solutions-scope .ia-planet[data-app="cvai"]{ --spin-speed: 16s; }
#solutions-scope .ia-planet[data-app="bvai"],
#solutions-scope .ia-planet[data-app="fhevai"],
#solutions-scope .ia-planet[data-app="stockvai"],
#solutions-scope .ia-planet[data-app="bivai"],
#solutions-scope .ia-planet[data-app="realvai"],
#solutions-scope .ia-planet[data-app="goldvai"]{ --spin-speed: 22s; }
#solutions-scope .ia-planet[data-app="ancolvai"],
#solutions-scope .ia-planet[data-app="musicvai"],
#solutions-scope .ia-planet[data-app="hrvai"]{ --spin-speed: 28s; }
#solutions-scope .ia-planet[data-app="gvai"]{ --spin-speed: 36s; } /* hold */

/* =========================================================
   HERO — full-bleed image, locked to logo center
   ========================================================= */

/* make alignfull truly edge-to-edge */
.wp-site-blocks .alignfull,
.alignfull { width:100vw; margin-left:50%; transform:translateX(-50%); }

/* ONE source of truth */
section.hero{
  /* knobs you can nudge */
  --logo-line: 56%;                       /* vertical position of “innovAIT” */
  --cta-offset: clamp(24px, 4.2vw, 72px);   /* gap under the tagline to the CTAs */
  --x-nudge: 1.5%;                          /* + moves image right, - left */
  --hero-h: clamp(360px, 58vh, 780px);    /* hero height, tamed on small screens */

  position: relative;
  isolation: isolate;
  height: var(--hero-h);
  overflow: hidden;
  color: #eaf2ff;
  text-align: center;

  background-image: url("/wp-content/uploads/2025/08/App_Suite.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: calc(50% + var(--x-nudge)) var(--logo-line);
}

/* readable vignette */
section.hero::after{
  content:""; position:absolute; inset:0; z-index:0;
  background: radial-gradient(120% 90% at 50% 70%,
     rgba(0,0,0,.36) 0%, rgba(0,0,0,.24) 40%, rgba(0,0,0,.08) 100%);
}

/* kill any older pseudo-BG or padding implementations */
section.hero::before{ display:none !important; }
section.hero{ padding:0 !important; }

/* position content on the guide lines */
section.hero .hero__inner{ position:absolute; inset:0; z-index:1; }

section.hero h1{
  position:absolute; left:50%; top:var(--logo-line);
  text-shadow: 0 1px 12px rgba(0,0,0,.35); 
  transform:translate(-50%,-50%);
  width:min(1100px,92vw);
  margin:0;
  font-weight:800;
  font-size: clamp(1.6rem, 3.6vw, 3rem);
  line-height:1.05; letter-spacing:.2px;
}

/* CTAs sit under the tagline and are hard-centered across full width */
section.hero .cta-row{
  position:absolute;
  top: calc(var(--logo-line) + var(--cta-offset));
  inset-inline: 0;                       /* left:0; right:0 */
  width:100%;
  margin:0 !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:.8rem; flex-wrap:wrap;
}
section.hero .cta-row .wp-block-button,
section.hero .cta-row .wp-block-button__link{ margin:0 !important; }

/* ---------- aspect-ratio nudges (reliable across devices) ---------- */
@media (min-aspect-ratio: 16/9){          /* ultrawide/short */
  section.hero{ --logo-line:54%; --cta-offset: clamp(32px,4.4vw,76px); --x-nudge:-1.5%; }
}
@media (max-aspect-ratio: 16/10){         /* common laptops */
  section.hero{ --logo-line:56%; --cta-offset: clamp(36px,5vw,84px); --x-nudge:-0.5%; }
}
@media (max-aspect-ratio: 4/3){           /* taller laptops */
  section.hero{ --logo-line:57%; --cta-offset: clamp(40px,5.6vw,90px); --x-nudge:1%; }
}
@media (max-aspect-ratio: 3/4){           /* phones portrait */
  section.hero{ --logo-line:58%; --cta-offset: clamp(44px,6vw,96px); --x-nudge:2%; --hero-h: clamp(320px,52vh,640px); }
  section.hero .cta-row .btn-hero{ padding:.7rem 1.1rem; font-size:.95rem; }
}

/* Professional Services tweaks */
.ia-form label { display:block; font-weight:500; margin-bottom:.75rem; }
.ia-form input[type="text"],
.ia-form input[type="email"] { width:100%; padding:.75rem 1rem; border-radius:.75rem; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.04); color:inherit; }
.ia-checkbox { display:flex; gap:.5rem; align-items:flex-start; margin:1rem 0 1.25rem; }
.ia-checkbox input { margin-top:.35rem; }
.ia-button { padding:.875rem 1.25rem; border-radius:1rem; border:0; cursor:pointer; }