:root{
  --bg:#0b0f14; --card:#121925; --text:#fdfdfd; --muted:#a9bfd3; --accent:#00eaff; --accent2:#39ffb6; --ring: rgba(0,234,255,.35);

  /* Unified premium "teal glow" card background (matches Contact card look) */
  --card-bg:
    radial-gradient(1200px 520px at 14% 0%, rgba(0,234,255,.18), rgba(0,51,161,.10) 35%, rgba(0,0,0,.16) 72%)
    , linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  --card-border: rgba(255,255,255,.10);
  --card-shadow: 0 18px 45px rgba(0,0,0,.45);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6;}
a{color:var(--accent);text-decoration:none}
a:focus,.btn:focus,.menu a:focus{outline:3px solid var(--accent); outline-offset:2px;}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:8px;top:8px;width:auto;height:auto;background:#000;color:#fff;padding:8px;border-radius:8px;z-index:9999;}
.container{max-width:1150px;margin:0 auto;padding:0 20px;}
.center{text-align:center;}
.section{padding:64px 0;}
.section h2{font-size:40px; font-weight:800; letter-spacing:.2px; text-align:center; margin:0 0 16px;}
.lead{max-width:920px; margin:0 auto 28px; text-align:center; color:var(--muted); font-size:18px;}
.grid{display:grid; gap:16px;}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.margin-top{margin-top:28px;}
.card{
  position:relative;
  background: var(--card-bg);
  border-radius:18px; padding:20px 22px; border:1px solid var(--card-border);
  box-shadow: var(--card-shadow), 0 0 0 0px var(--ring);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card:hover{ transform:translateY(-4px); box-shadow:0 12px 55px rgba(0,0,0,.45), 0 0 0 6px var(--ring); border-color: rgba(0,234,255,.35);}
.card h3{margin:0 0 6px; font-weight:800; font-size:18px; color:var(--accent); text-align:center;}
.card p{margin:0; color:var(--muted); line-height:1.55;}
.badge{display:inline-block; padding:6px 10px; border-radius:999px; background:rgba(0,234,255,.12); color:var(--accent); font-weight:700; font-size:12px; letter-spacing:.3px; text-transform:uppercase;}
.kicker{font-weight:800; color:var(--accent2);}
.ul{margin:10px 0 0 0; padding:0 0 0 18px; color:var(--muted);}
.ul li{margin:6px 0;}
.table{width:100%; border-collapse:collapse; margin-top:10px; font-size:15px;}
.table th,.table td{border:1px solid rgba(255,255,255,.08); padding:12px; text-align:left;}
.table th{background:rgba(255,255,255,.04);}
.small{font-size:13px; color:var(--muted);}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,15,20,.75);backdrop-filter: blur(8px); border-bottom:1px solid rgba(255,255,255,.06);}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;}
.brand-title{font-weight:900;font-size:20px;color:var(--text)}
.brand-title span{color:var(--accent)}
.menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}
.menu a{color:var(--text);padding:8px 10px;border-radius:10px;border:1px solid transparent;}
.menu a:hover{border-color:rgba(255,255,255,.15);}
/* Hero */
.hero h1{font-size:56px;line-height:1.05;margin:0 0 10px;}
.cta-row{display:flex; gap:12px; justify-content:center; margin-top:18px;}
.btn{padding:12px 18px; border-radius:12px; border:1px solid rgba(255,255,255,.1); text-decoration:none; color:var(--text); font-weight:700; display:inline-block; cursor:pointer;}
.btn-primary{background:linear-gradient(90deg, var(--accent), #3ecbff); color:#00131b; border-color:transparent;}
.btn-ghost{background:transparent;}
/* Footer */
.site-footer{padding:40px 0;background:#0a0e13;border-top:1px solid rgba(255,255,255,.06);}
.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.copy{margin-top:12px;color:var(--muted);text-align:center;}
.muted{color:var(--muted);}
/* Sticky CTA */
.sticky-cta{position:fixed;right:16px;bottom:16px;display:flex;gap:10px;z-index:80;flex-wrap:wrap;}
/* Cookie banner */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(2,6,10,.9);border-top:1px solid rgba(255,255,255,.12);padding:12px;}
.cookie-inner{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--muted);}
.cookie-actions .btn{margin-left:6px;}
/* Calc */
.calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px;}
.calc-grid label{display:flex;flex-direction:column;font-weight:700;color:var(--muted);}
.calc-grid select{margin-top:6px;padding:10px;border-radius:10px;background:#0f1723;color:var(--text);border:1px solid rgba(255,255,255,.08);}
.calc-result{margin-top:10px;font-size:22px;font-weight:800;}
/* Forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin:12px auto 0;}
.form-grid textarea{grid-column:1/-1;min-height:120px;}
.form-grid input,.form-grid textarea{padding:12px;border-radius:10px;background:#0f1723;color:var(--text);border:1px solid rgba(255,255,255,.12);}
.form-grid .consent{grid-column:1/-1;color:var(--muted);font-size:14px;}
.form-note{grid-column:1/-1;margin-top:6px;}
/* Responsive */
@media (max-width:900px){
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr;}
  .hero h1{font-size:42px;}
  .footer-grid{grid-template-columns:1fr;}
  .calc-grid{grid-template-columns:1fr;}
  .sticky-cta{left:16px;right:16px;justify-content:center;}
}


/* ==== Enhancements (non-destructive) ==== */
:root{
  --ring: rgba(0, 247, 255, .35);
}

/* Smooth anchor offset for sticky header */
[id] { scroll-margin-top: 88px; }

/* CTA pulse (opt-in via .cta-pulse) */
.cta-pulse{ position:relative; }
.cta-pulse::after{
  content:""; position:absolute; inset:-6px;
  border-radius: inherit;
  box-shadow: 0 0 0 0 var(--ring);
  animation: latPulse 2.2s infinite;
}
@keyframes latPulse{
  0%{ box-shadow: 0 0 0 0 var(--ring); }
  70%{ box-shadow: 0 0 0 18px rgba(0,0,0,0); }
  100%{ box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}

/* Card elevation hover (opt-in) */
.card-hover{ transition: transform .25s, box-shadow .25s; }
.card-hover:hover{ transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0,0,0,.35), 0 0 24px var(--ring); }

/* Glass sticky header when scrolled */
.site-header.is-scrolled{ background: rgba(10,10,10,.75); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(255,255,255,.06); }

/* Utility container width */
.container{ width: min(1180px, 92vw); margin-inline: auto; }


/* === Enhancements v2 (content-safe) === */

/* Mobile nav */
.menu-toggle{ display:none; background:transparent; border:0; padding:8px; cursor:pointer; }
.menu-toggle .bar{ display:block; width:24px; height:2px; background:#e6f3ff; margin:5px 0; transition:transform .25s, opacity .25s; }
@media (max-width: 900px){
  .menu-toggle{ display:inline-block; }
  .nav .menu{ display:none; }
  .nav.is-open .menu{ display:flex; flex-direction:column; gap:10px; position:absolute; right:20px; top:64px; background:#0f1520; padding:14px; border-radius:12px; box-shadow: 0 20px 40px rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.06); }
  .nav.is-open + .sticky-cta { bottom: 76px; } /* keep sticky cta visible above opened menu */
}

/* Sticky header polish */
.site-header{ transition: background .25s ease, box-shadow .25s ease; }
.site-header.is-scrolled{ background: rgba(8,12,18,.7); backdrop-filter: blur(8px); box-shadow: 0 10px 30px rgba(0,0,0,.35); }

/* Reveal on scroll */
.reveal{ opacity:0; transform: translateY(14px); }
.reveal.in{ opacity:1; transform:none; transition: opacity .5s ease, transform .5s ease; }
@media (prefers-reduced-motion: reduce){
  .reveal, .reveal.in{ opacity:1; transform:none; transition: none; }
}

/* === Highlight sentence ("kicker") — keeps the first line green & bold, with a subtle glow === */
.kicker{
  display:block;
  margin-bottom:12px;
  font-weight:800;
  letter-spacing:0.2px;
  color:#00E676; /* neon green */
  text-shadow:0 0 18px rgba(0,230,118,0.22);
}
/* When revealed, give a tiny "spark" without being cheesy */
.kicker.reveal.in{ transition: opacity .55s ease, transform .55s ease, text-shadow .55s ease; }
.kicker.reveal{ transform: translateY(10px); }
.kicker.reveal.in{ text-shadow:0 0 22px rgba(0,230,118,0.28); }

/* How it works – description under the 4 steps */
.howit-description{
  max-width: 980px;
  margin: 22px auto 0;
}
 .howit-description .lead{
  text-align: center;
  line-height: 1.75;
  margin: 0;
}
 .howit-description .kicker{
  text-align: center;
  margin-top: 14px;
}

/* Soft neon card hover (opt-in class) */
.card-hover{ transition: transform .25s ease, box-shadow .25s ease; }
.card-hover:hover{ transform: translateY(-6px); box-shadow: 0 18px 40px rgba(0,0,0,.35), 0 0 18px rgba(0,234,255,.25); }

/* Button micro-polish */
.btn{ position:relative; overflow:hidden; }
.btn-primary::after{
  content:""; position:absolute; inset:0; background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.15) 50%, transparent 100%);
  transform: translateX(-100%);
}
.btn-primary:hover::after{ transform: translateX(100%); transition: transform .7s ease; }

/* Better section spacing on small screens */
@media (max-width: 640px){
  .section{ padding: 48px 0; }
}


/* v4 helpers */
.small{ font-size: 14px; }
.margin-top{ margin-top: 16px; }
.table th, .table td { vertical-align: top; }
@media (max-width: 720px){
  .table { font-size: 14px; }
  .table th, .table td{ padding: 8px; }
}


/* === Pricing layout & tables polish (v5) === */

/* Four day-rate cards auto flow into columns; subscription spans full row */

/* Card & table cosmetics */
#pricing .card h3{ margin: 0 0 10px; }
#pricing .card .table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; }
#pricing .card .table th{
  text-align: left;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color: var(--text);
  font-weight: 800;
}
#pricing .card .table th, 
#pricing .card .table td{
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-right: 1px solid rgba(255,255,255,.06);
}
#pricing .card .table th:last-child,
#pricing .card .table td:last-child{ border-right: 0; }
#pricing .card .table tr:last-child td{ border-bottom: 0; }
#pricing .card{ box-shadow: 0 10px 30px rgba(0,0,0,.25) inset, 0 10px 30px rgba(0,0,0,.15); }

/* Subscription card emphasis */
#pricing .container > .card:last-of-type h3{ margin-bottom: 6px; }
#pricing .container > .card:last-of-type .table th:nth-child(2),
#pricing .container > .card:last-of-type .table td:nth-child(2){
  background: rgba(0,234,255,.06);
}
#pricing .container > .card:last-of-type .table th:nth-child(3),
#pricing .container > .card:last-of-type .table td:nth-child(3){
  background: rgba(0,234,255,.04);
}
#pricing .container > .card:last-of-type .table th:nth-child(4),
#pricing .container > .card:last-of-type .table td:nth-child(4){
  background: rgba(0,234,255,.02);
}

/* Responsive */

/* === Advantage comparison table (v5) === */
#lat-vs-others .card{ box-shadow: 0 10px 30px rgba(0,0,0,.25) inset, 0 10px 30px rgba(0,0,0,.15); }
#lat-vs-others .table{ width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; }
#lat-vs-others .table th{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  text-align: left; font-weight: 800;
}
#lat-vs-others .table th, 
#lat-vs-others .table td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-right: 1px solid rgba(255,255,255,.06);
}
#lat-vs-others .table th:last-child,
#lat-vs-others .table td:last-child{ border-right: 0; }
#lat-vs-others .table tr:nth-child(even) td{ background: rgba(255,255,255,.02); }

/* Highlight Look AD This column */
#lat-vs-others .table th:nth-child(2),
#lat-vs-others .table td:nth-child(2){
  background: rgba(0,234,255,.07);
  border-color: rgba(0,234,255,.18);
  box-shadow: inset 0 0 0 1px rgba(0,234,255,.08);
  font-weight: 700;
}

/* Mobile table comfort */
@media (max-width: 720px){
  #lat-vs-others .table{ font-size: 14px; }
  #lat-vs-others .table th, #lat-vs-others .table td{ padding: 10px; }
}


/* v6: Robust pricing grid */
#pricing .rates-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
#pricing .rates-grid > .card{ min-width:0; height:100%; }
#pricing .rates-grid > .card.subscription{ grid-column: 1 / -1; }

@media (max-width: 1100px){
  #pricing .rates-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  #pricing .rates-grid{ grid-template-columns: 1fr; }
}

/* Table head keeps single line if possible */
#pricing .card .table th { white-space: nowrap; }
#pricing .card .table th, #pricing .card .table td { word-break: normal; }


@media (max-width: 640px){ #pricing .card{ overflow:auto; } }


/* v6.1: final pricing grid layout */
#pricing .rates-grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
#pricing .rates-grid > .card{ min-width:0; height:100%; }
#pricing .rates-grid > .subscription{ grid-column: 1 / -1; }

@media (max-width: 1100px){
  #pricing .rates-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  #pricing .rates-grid{ grid-template-columns: 1fr; }
  #pricing .card{ overflow:auto; }
}


/* v6.2: pricing overflow + equal heights */
#pricing .rates-grid > .card{ 
  display:flex; 
  flex-direction:column; 
  height:100%; 
  overflow:hidden; /* clip inner table/glow to card radius */
}

/* keep tables constrained inside cards */
#pricing .card .table{ 
  width:100%; 
  table-layout: fixed; 
}
#pricing .card .table th, 
#pricing .card .table td{ 
  white-space: nowrap; 
  text-overflow: ellipsis; 
  overflow: hidden; 
}
/* allow first column to wrap (names) */
#pricing .card .table th:first-child, 
#pricing .card .table td:first-child{ 
  white-space: normal; 
  text-overflow: initial; 
}

/* tighter heading in rightmost card */
#pricing .rates-grid > .card h3{ white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }


/* v7: Full-width calculator + spacing */
#pricing .calc-card{ width:100%; margin: 0 0 18px 0; }
#pricing .rates-grid{ margin-top: 8px; }


/* v7.1: calc summary row */
#pricing .calc-summary{
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
#pricing .calc-summary .calc-total{ font-weight: 700; }
@media (max-width: 640px){
  #pricing .calc-summary{ flex-direction: column; align-items: flex-start; }
}


/* v7.3: Harmonize comparison table style */
#lat-vs-others .table-card{
  padding: 14px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: inset 0 10px 30px rgba(0,0,0,.25), 0 10px 30px rgba(0,0,0,.15);
  border: 1px solid rgba(255,255,255,.06);
}

#lat-vs-others .table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

#lat-vs-others .table th{
  text-align: left;
  font-weight: 800;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}

#lat-vs-others .table th, 
#lat-vs-others .table td{
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  border-right: 1px solid rgba(255,255,255,.06);
}
#lat-vs-others .table th:first-child, 
#lat-vs-others .table td:first-child{ border-left: 0; }
#lat-vs-others .table th:last-child, 
#lat-vs-others .table td:last-child{ border-right: 0; }
#lat-vs-others .table tr:last-child td{ border-bottom: 0; }

/* Subtle zebra + hover like pricing tables */
#lat-vs-others .table tr:nth-child(even) td{ background: rgba(255,255,255,.02); }
#lat-vs-others .table tbody tr:hover td{ background: rgba(0,234,255,.05); }

/* Accent the Look AD This column similar to pricing emphasis */
#lat-vs-others .table th:nth-child(2),
#lat-vs-others .table td:nth-child(2){
  background: rgba(0,234,255,.07);
  border-color: rgba(0,234,255,.18);
  box-shadow: inset 0 0 0 1px rgba(0,234,255,.08);
  font-weight: 700;
}

/* Responsive wrapper to avoid overflow */
@media (max-width: 760px){
  #lat-vs-others .table-card{ overflow-x: auto; }
  #lat-vs-others .table{ min-width: 720px; }
}


/* v7.4: Match comparison table card background to other cards */
#lat-vs-others .table-card{
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)) , var(--card);
  box-shadow: 0 10px 40px rgba(0,0,0,.35), 0 0 0 0px var(--ring);
}


/* v7.5: Comparison table accents */
#lat-vs-others .table tr:first-child th{
  font-weight: 900; /* bolder header for ad formats */
}
#lat-vs-others .table th:first-child,
#lat-vs-others .table td:first-child{
  color: #00EAFE;            /* turquoise labels on the left column */
  font-weight: 700;
}


/* === Pricing (calc on, two cards only) === */
#pricing .rates-grid-two{ display:grid; grid-template-columns: 1fr 1fr; gap: 28px; width:100%; }
@media (max-width: 900px){ #pricing .rates-grid-two{ grid-template-columns: 1fr; } }

/* === Compare table upgrades === */
.center{ text-align:center; }

.compare-wrap{ position: relative; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.compare-wrap::-webkit-scrollbar{ height: 8px; }
.compare-wrap::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.15); border-radius: 999px; }

.table-compare{ width: 100%; table-layout: auto; border-collapse: separate; border-spacing: 0; }
.table-compare thead th{ position: sticky; top: 0; background: rgba(255,255,255,.04); backdrop-filter: blur(2px); z-index: 3; }
.table-compare th:first-child, .table-compare td:first-child{ position: sticky; left: 0; z-index: 2; background: rgba(255,255,255,.03); }
.table-compare tbody tr:nth-child(odd) td{ background: rgba(255,255,255,.02); }
.table-compare th, .table-compare td{ padding: 12px 14px; vertical-align: middle; white-space: normal; }
.table-compare th:first-child, .table-compare td:first-child{ min-width: 240px; font-weight: 700; }
.table-compare td:not(:first-child){ min-width: 200px; }

.table-compare td .chip{ display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:12px; line-height:1; padding:4px 6px; border-radius:999px; margin-right:8px; }
.chip-ok{ background: rgba(57,255,182,.14); color:#39FFB6; border:1px solid rgba(57,255,182,.35); }
.chip-warn{ background: rgba(255,202,87,.12); color:#FFCA57; border:1px solid rgba(255,202,87,.35); }
.chip-bad{ background: rgba(255,115,115,.12); color:#FF7373; border:1px solid rgba(255,115,115,.35); }
@media (max-width: 900px){
  .table-compare th:first-child, .table-compare td:first-child{ min-width: 200px; }
  .table-compare td:not(:first-child){ min-width: 180px; }
}


/* ==== v6.2 — UX/UI refinements ==== */

/* Better hero entrance */
.hero h1{animation:latFadeUp .6s ease-out both; will-change: transform, opacity;}
.hero .lead{animation:latFadeUp .7s ease-out both; animation-delay:.05s;}
.hero .cta-row{animation:latFadeUp .8s ease-out both; animation-delay:.1s;}
@keyframes latFadeUp{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:translateY(0)}}

/* Pricing grid: equal cards + clear structure */
#pricing .rates-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(2, minmax(0,1fr));
  align-items:stretch;
}
#pricing .rates-grid > .card{height:100%; min-width:0;}
#pricing .rates-grid > .card.subscription{grid-column:1 / -1;}
@media (min-width: 1100px){
  #pricing .rates-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 700px){
  #pricing .rates-grid{grid-template-columns:1fr;}
}

/* Calculator visibility */
.calc-card .calc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
@media (max-width:900px){
  .calc-card .calc-grid{grid-template-columns:1fr;}
}
#calc-out{
  display:inline-block;
  font-weight:800;
  font-size:24px;
  letter-spacing:.2px;
}
.calc-summary{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.calc-summary .btn{white-space:nowrap;}

/* Compare table: stronger header + scroll affordance */
.table-card{position:relative; overflow:auto; border-radius:14px;}
.table-card::after{
  content:"";
  position:sticky; left:0; top:0; bottom:0; width:10px;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(11,15,20,1) 0%, rgba(11,15,20,0) 100%);
  display:block;
}
.table-compare th{
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.08);
  text-align:center;
  font-weight:800;
}
.table-compare th:first-child{text-align:left;}
.table-compare td{border-bottom:1px solid rgba(255,255,255,.06);}

/* Forms: bigger click targets + accessible focus */
.form-grid input,.form-grid textarea{
  padding:14px 12px;
  border-radius:12px;
  background:#0f1723;
  border:1px solid rgba(255,255,255,.14);
  color:var(--text);
  outline:none;
  transition: box-shadow .2s ease, border-color .2s ease, transform .02s ease;
}
.form-grid input:focus,.form-grid textarea:focus{
  border-color: var(--accent);
  box-shadow: 0 0 0 4px var(--ring);
}

/* Buttons: consistent radius/weight */
.btn{
  border-radius:999px;
  padding:.8rem 1.1rem;
  font-weight:800;
  border:1px solid rgba(255,255,255,.14);
  transition:transform .06s ease, box-shadow .2s ease, background .2s ease;
}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}

/* Center utility fix */
.center{text-align:center;}

/* Minor spacing polish */
.section h2 + .lead{margin-top:-2px;}
.section .lead{max-width:900px;}

/* v6.3 enforce 2-column pricing grid on desktop */
#pricing .rates-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
@media (max-width:700px){#pricing .rates-grid{grid-template-columns:1fr;}}

/* v6.4 — Calculator separated + sticky CTA visuals */
.calc-card{margin-bottom:18px;}
.calc-summary{justify-content:space-between; align-items:center;}
.calc-summary .calc-meta{opacity:.8;}
@media (max-width:900px){
  .calc-summary{gap:8px;}
}

/* Sticky CTA already exists; ensure it floats above footer */
.sticky-cta{right:16px; bottom:16px;}

/* v6.5 hide inline calc CTA (we use sticky CTA) */
#pricing #calc-cta{display:none}


/* ===== Compare Table UX (v7.0) ===== */
.table-card{position:relative; overflow:auto; border-radius:16px; padding:10px;}
.table-compare{width:100%; border-collapse:separate; border-spacing:0;}
.table-compare thead th{
  font-weight:800; text-align:center;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border-bottom:1px solid rgba(255,255,255,.08);
}
.table-compare thead th:first-child{text-align:left;}
.table-compare tbody td{border-bottom:1px solid rgba(255,255,255,.06);}
.table-compare tbody tr:hover td{ background: rgba(255,255,255,.02); }

/* Emphasis for "Look AD This" column (2nd col) */
.table-compare th:nth-child(2), .table-compare td:nth-child(2){
  background: linear-gradient(180deg, rgba(0,234,255,.05), rgba(0,234,255,.02));
  box-shadow: inset 0 0 0 1px rgba(0,234,255,.12);
}

/* Icon-like semantics */
.table-compare td.ok{ color:#39FFB6; font-weight:700; }
.table-compare td.warn{ color:#FFCA57; font-weight:700; }
.table-compare td.bad{ color:#FF7373; font-weight:700; }
.table-compare td.ok::before,
.table-compare td.warn::before,
.table-compare td.bad::before{
  content: '';
  display:inline-block; width:8px; height:8px; border-radius:999px; margin-right:8px;
}
.table-compare td.ok::before{ background:#39FFB6; box-shadow:0 0 0 3px rgba(57,255,182,.18); }
.table-compare td.warn::before{ background:#FFCA57; box-shadow:0 0 0 3px rgba(255,202,87,.18); }
.table-compare td.bad::before{ background:#FF7373; box-shadow:0 0 0 3px rgba(255,115,115,.18); }

/* Column hover (data-col-hover from JS) */
.table-compare[data-col-hover="0"] td:nth-child(1), .table-compare[data-col-hover="0"] th:nth-child(1),
.table-compare[data-col-hover="1"] td:nth-child(2), .table-compare[data-col-hover="1"] th:nth-child(2),
.table-compare[data-col-hover="2"] td:nth-child(3), .table-compare[data-col-hover="2"] th:nth-child(3),
.table-compare[data-col-hover="3"] td:nth-child(4), .table-compare[data-col-hover="3"] th:nth-child(4),
.table-compare[data-col-hover="4"] td:nth-child(5), .table-compare[data-col-hover="4"] th:nth-child(5),
.table-compare[data-col-hover="5"] td:nth-child(6), .table-compare[data-col-hover="5"] th:nth-child(6){
  background: rgba(255,255,255,.04);
}

/* Mobile card layout */
@media (max-width: 900px){
  .table-card{padding:0;}
  .table-compare thead{display:none;}
  .table-compare tbody tr{ display:block; margin:12px; padding:12px; background:rgba(255,255,255,.02); border:1px solid rgba(255,255,255,.08); border-radius:12px; }
  .table-compare tbody td{ display:flex; align-items:center; justify-content:space-between; padding:8px 6px; border:0; }
  .table-compare tbody td + td{ border-top:1px dashed rgba(255,255,255,.08); }
  .table-compare tbody td:first-child{
    display:block; font-weight:800; margin-bottom:6px; background:none;
  }
  .table-compare tbody td::before{
    content: attr(data-label);
    color: var(--muted);
    font-weight:700; margin-right:14px; flex:0 0 auto;
  }
}


/* Accessibility & CLS guard */
.site-header{min-height:64px}
.site-header .menu-toggle:focus{outline:2px dashed var(--lat-accent,#39ffb6); outline-offset:3px}
a:focus{outline:2px dashed var(--lat-accent,#39ffb6); outline-offset:2px}
/* Honeypot field hidden but accessible offscreen */
form.lat-contact input.hp{position:absolute;left:-5000px;top:auto;width:1px;height:1px;overflow:hidden}


/* Brand logo sizing */
.brand .brand-logo{height:40px; width:auto; display:block}
@media(min-width:768px){ .brand .brand-logo{height:54px} }

/* Pricing calc improvements */
#pricing .calc-card{position:relative}
#pricing .calc-card .calc-footer{position:absolute; right:16px; bottom:16px}
#pricing .calc-card .calc-grid label{font-weight:600}
#pricing .calc-card .calc-grid select{border:1px solid var(--lat-line); border-radius:10px; background:#0c111b; color:#fff; padding:8px 10px}
#pricing .calc-card #calc-out{font-size:20px; font-weight:700; margin-top:4px}
.table th{background:rgba(255,255,255,0.04)}
.table tr:hover td{background:rgba(255,255,255,0.03)}


/* === Look AD This custom UI tweaks v5 === */

/* Center brand logo in header */
.header-inner{position:relative}
.site-header .brand{position:absolute;left:50%;transform:translateX(-50%);top:10px}
.site-header .brand img,.site-header .brand .custom-logo{height:70px;width:auto;display:block}
@media (max-width:640px){
  .site-header .brand img,.site-header .brand .custom-logo{height:52px}
}

/* Header logo subtle hover */
.brand-logo img{transition:transform .2s ease}
.brand-logo:hover img{transform:scale(1.02)}

/* Footer logo sizing */
.footer-logo{height:70px;width:auto;display:block;margin-bottom:10px}
@media (max-width:640px){.footer-logo{height:56px}}

/* Compare table badges */
.badge.good{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.45);color:#2ecc71}
.badge.bad{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.45);color:#e74c3c}
.badge.meh{background:rgba(241,196,15,.12);border:1px solid rgba(241,196,15,.45);color:#f1c40f}

/* Contact form grid alignment */
.lat-contact .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lat-contact .form-grid textarea{grid-column:1 / -1;min-height:160px}
.lat-contact .form-grid .consent{grid-column:1 / -1;display:flex;align-items:center;gap:8px}
.lat-contact .form-grid button{grid-column:2 / 3;justify-self:end}
.lat-contact .form-grid .form-note{grid-column:1 / -1}
@media (max-width:640px){
  .lat-contact .form-grid{grid-template-columns:1fr}
  .lat-contact .form-grid button{grid-column:1 / -1;justify-self:stretch}
}

/* Portfolio */
.section.portfolio{padding-top:48px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.portfolio-grid{grid-template-columns:1fr}}
.portfolio-card{border-radius:12px;overflow:hidden;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);box-shadow:0 3px 10px rgba(0,0,0,.2);transition:transform .2s ease, box-shadow .2s ease}
.portfolio-card img{width:100%;height:260px;object-fit:cover;display:block}
.portfolio-card .caption{padding:10px 12px;font-size:14px;color:#cfd8e3}
.portfolio-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 20px rgba(0,0,0,.35)}

/* Lightbox */
#lat-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}
#lat-lightbox.open{display:flex}
#lat-lightbox img{max-width:92vw;max-height:88vh;display:block;border-radius:8px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
#lat-lightbox .close{position:absolute;top:16px;right:18px;font-size:22px;cursor:pointer;color:#fff;opacity:.85}


/* Proof badges under hero */
.proof-badges{display:flex;gap:16px;justify-content:center;margin-top:16px;flex-wrap:wrap;padding:0;list-style:none}
.proof-badges li{font-size:0.95rem;opacity:0.95;background:#0f1318;border:1px solid rgba(255,255,255,0.08);padding:8px 12px;border-radius:999px;display:flex;align-items:center;gap:8px}
.proof-badges .icon{font-size:1rem;line-height:1}
@media (max-width:640px){ .proof-badges{gap:12px} .proof-badges li{font-size:0.9rem} }

/* Portfolio picture ratio fix */
.portfolio-grid picture{display:block}


/* Ensure proof badges only appear under the hero section */
.section:not(.hero) .proof-badges{display:none!important}


/* --- Contact form consent row fix --- */
.form-grid .consent-row{
  grid-column: 1 / -1;
  display: flex; align-items: center; gap: .6rem; 
  font-size: .95rem; color: var(--muted, #aab4bf);
  margin-top: .25rem;
}
.form-grid .consent-row input[type="checkbox"]{width:18px;height:18px;accent-color:#14b8a6}
.form-grid .consent-row a{color:#7dd3fc;text-decoration:underline}
.form-grid button[type="submit"]{margin-left:auto}


/* v7.4 consent row fix */
.form-grid .consent{grid-column:1/-1;color:var(--muted);font-size:14px;display:flex;align-items:center;gap:10px;line-height:1.4;margin-top:-6px}
.form-grid .consent input[type="checkbox"]{accent-color:#10b981;min-width:16px;min-height:16px}
.form-grid .consent a{text-decoration:underline}


/* === LATX • Analytics toggle & grid polish (v2.4) === */
#latx-analytics-pro .latx-tabs{ 
  display:flex; justify-content:center; gap:12px; margin:16px auto 8px; 
  background:transparent; border:none; padding:0; position:relative; top:auto; 
}
#latx-analytics-pro .latx-tabs .seg{
  display:inline-flex; gap:8px; padding:6px; border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.18); box-shadow:0 4px 18px rgba(0,0,0,.30);
}
#latx-analytics-pro .latx-tabs .seg .latx-tab{
  min-width:96px; padding:10px 16px; border-radius:999px; font-weight:800;
  letter-spacing:.2px; color:#ffffff; opacity:.95;
}
#latx-analytics-pro .latx-tabs .seg .latx-tab.is-active{ color:#ffffff;
  border:0; box-shadow:0 6px 18px rgba(34,211,238,.35);
  inset:6px auto 6px 6px; height:auto; 
}

/* Analytics cards: subtle separators & tighter rhythm */
#latx-analytics-pro .card{box-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 12px 24px rgba(0,0,0,.25)}
#latx-analytics-pro .row{padding:9px 0}
#latx-analytics-pro .row .label{font-weight:800; letter-spacing:.2px}
#latx-analytics-pro .row .value{opacity:.95}

/* === Compare Matrix polish === */
#latx-compare-pro .cmp-matrix{box-shadow:0 12px 28px rgba(0,0,0,.28);}
#latx-compare-pro .cmp-row:nth-of-type(odd) .cmp-cell:not(.cmp-cell--head)[role="cell"]{background:rgba(255,255,255,.02)}
#latx-compare-pro .cmp-cell[role="rowheader"]{position:sticky; left:0; z-index:1}
#latx-compare-pro .cmp-cell[role="rowheader"]::after{content:""; position:absolute; right:-1px; top:0; bottom:0; width:1px; background:rgba(255,255,255,.12)}


/* LATX Global Tokens (v8) */
:root{--latx-bg:#0b1117;--latx-text:#eaf2f7;--latx-muted:#9cb4c2;--latx-line:rgba(255,255,255,.12);--latx-accent:#38bdf8;--latx-radius:16px}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{outline:2px solid var(--latx-accent); outline-offset:2px}
[id]{scroll-margin-top:96px}


/* Compare icons center fix */
#latx-compare-pro .tick,
#latx-compare-pro .tilde,
#latx-compare-pro .cross{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;border-radius:999px;font-size:13px;line-height:1;font-weight:900;margin-right:8px;vertical-align:middle}
#latx-compare-pro .tick{color:#22c55e;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.45)}
#latx-compare-pro .tilde{color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.45)}
#latx-compare-pro .cross{color:#ef4444;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.45)}

/* ================================
   Look AD This – Premium Info Cards
   Used in "Who We Are" section
   ================================ */

.lad-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
@media (max-width: 900px){
  .lad-grid{grid-template-columns:1fr}
}

.lad-card{
  position:relative;
  padding:26px 26px 22px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:0 18px 45px rgba(0,0,0,0.45);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  overflow:hidden;
}
.lad-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:radial-gradient(900px 260px at 20% 0%, rgba(0,167,255,0.18), transparent 60%);
  pointer-events:none;
}

.lad-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 0 16px 0;
  font-weight:800;
  letter-spacing:-0.02em;
  font-size:18px;
  line-height:1.2;
  text-align:center;
  color: var(--accent);
}
.lad-title .lad-accent{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#00A7FF;
  box-shadow:0 0 0 6px rgba(0,167,255,0.12);
}

.lad-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.lad-item{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:12px;
  align-items:start;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(0,0,0,0.18);
  border:1px solid rgba(255,255,255,0.06);
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
}

.lad-item:hover{
  transform:translateY(-1px);
  border-color:rgba(0,167,255,0.25);
  background:rgba(0,0,0,0.24);
}

.lad-ico{
  width:30px;
  height:30px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,167,255,0.10);
  border:1px solid rgba(0,167,255,0.22);
  color:#BFE9FF;
  font-size:16px;
}

.lad-item strong{
  color:#FFFFFF;
  font-weight:800;
}

.lad-item span{
  color:rgba(234,243,255,0.80);
  line-height:1.45;
}

.lad-badge{
  display:inline-block;
  padding:2px 8px;
  border-radius:999px;
  margin-left:6px;
  font-size:12px;
  font-weight:700;
  color:#0B1220;
  background:#FF6A00;
}


/* =========================================================
   Look AD This – Unified Card / Panel System (Homepage)
   Makes all boxes + table containers share the same look
   ========================================================= */
:root{
  --lad-card-radius: 22px;
  --lad-card-border: var(--card-border);
  --lad-card-bg: var(--card-bg);
  --lad-card-shadow: var(--card-shadow);
  --lad-card-blur: 10px;
  --lad-card-glow: radial-gradient(1200px 520px at 14% 0%, rgba(0,234,255,.18), transparent 60%);
  --lad-card-glow-2: radial-gradient(900px 360px at 85% 100%, rgba(0,51,161,.14), transparent 65%);
  --lad-divider: rgba(255,255,255,0.08);
}

.card,
.table-card,
.lad-card,
.latx-card,
.portfolio-card{
  position: relative;
  border-radius: var(--lad-card-radius);
  background: var(--lad-card-bg);
  border: 1px solid var(--lad-card-border);
  box-shadow: var(--lad-card-shadow);
  backdrop-filter: blur(var(--lad-card-blur));
  -webkit-backdrop-filter: blur(var(--lad-card-blur));
  overflow: hidden;
}

.card::before,
.table-card::before,
.lad-card::before,
.latx-card::before,
.portfolio-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: var(--lad-card-glow);
  pointer-events:none;
}

.card::after,
.table-card::after,
.lad-card::after,
.latx-card::after,
.portfolio-card::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: var(--lad-card-glow-2);
  pointer-events:none;
  opacity:.85;
}

.card,
.table-card,
.lad-card,
.latx-card,
.portfolio-card{
  padding: 20px 22px;
}

@media (max-width: 640px){
  .card, .table-card, .lad-card, .latx-card, .portfolio-card{ padding: 16px 16px; border-radius: 18px; }
}

.card h3,
.table-card h3,
.lad-card h3,
.latx-card h3,
.portfolio-card h3{
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-align: center;
}

/* Tables: clean + consistent */
.table,
.compare-table{
  width: 100%;
  border-collapse: collapse;
  background: transparent;
}

.table th, .table td,
.compare-table th, .compare-table td{
  border-bottom: 1px solid var(--lad-divider);
  padding: 10px 12px;
}

.table tr:last-child th,
.table tr:last-child td,
.compare-table tr:last-child th,
.compare-table tr:last-child td{
  border-bottom: none;
}

.compare-wrap{ background: transparent !important; }

/* Analytics list dividers */
#latx-analytics .latx-m li{ border-top: 1px dashed var(--lad-divider) !important; }


/* === Pricing layout fixes (center cards + spacing) === */
#pricing .rates-grid{
  grid-template-columns: repeat(2, minmax(320px, 520px));
  justify-content: center;
  justify-items: center;
  gap: 22px;
  margin-top: 18px;
  margin-bottom: 22px;
}
@media (max-width: 900px){
  #pricing .rates-grid{ grid-template-columns: 1fr; }
}
#pricing .card{ width: 100%; }
#pricing .card.subscription{
  margin-top: 42px;
}




/* === HOTFIX v2.1 — Restore analytics tabs + metric spacing + pricing spacing === */

/* Analytics duration tabs (buttons) */
#latx-analytics .latx-tabs{
  display:flex;
  justify-content:center;
  gap:12px;
  margin: 14px auto 10px;
  padding: 0;
}
#latx-analytics .latx-tabs .latx-tab{
  appearance:none;
  -webkit-appearance:none;
  border-radius:999px;
  padding:10px 16px;
  font-weight:800;
  letter-spacing:.2px;
  color:#ffffff !important;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.30);
  cursor:pointer;
}
#latx-analytics .latx-tabs .latx-tab[aria-selected="true"],
#latx-analytics .latx-tabs .latx-tab.is-active,
#latx-analytics .latx-tabs .latx-tab.active{
  background: linear-gradient(180deg, rgba(34,211,238,.35), rgba(34,211,238,.12)) !important;
  border-color: rgba(34,211,238,.45) !important;
  box-shadow: 0 8px 22px rgba(34,211,238,.28);
}

/* Analytics metric rows: fix "Impressions390K" spacing */
#latx-analytics .latx-m li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
#latx-analytics .latx-m li strong{
  flex: 0 0 auto;
  color: rgba(234,243,255,.92);
}
#latx-analytics .latx-m li span{
  flex: 0 0 auto;
  color: rgba(234,243,255,.90);
  text-align:right;
}

/* Pricing: ensure top cards centered and subscription box has breathing room */
#pricing .pricing-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 420px));
  justify-content:center;
  gap: 22px;
}
@media (max-width: 980px){
  #pricing .pricing-grid{ grid-template-columns: 1fr; }
}
#pricing .card.subscription{
  margin-top: 34px !important;
}



/* === LATX v4 — Restore analytics grid + compact cards === */
#latx-analytics .latx-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 1120px;
  margin: 22px auto 0;
}
@media (max-width: 980px){
  #latx-analytics .latx-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  #latx-analytics .latx-grid{ grid-template-columns: 1fr; }
}

/* Compact card rhythm */
#latx-analytics .latx-card{
  padding: 18px 20px;
}
#latx-analytics .latx-card h3{
  margin: 0 0 12px 0;
  font-size: 20px;
  line-height: 1.15;
}
#latx-analytics .latx-m{
  margin: 0;
  padding: 0;
  list-style: none;
}
#latx-analytics .latx-m li{
  display:flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 14px;
  padding: 8px 0;
}
#latx-analytics .latx-m li strong{
  font-weight: 800;
}
#latx-analytics .latx-m li span{
  text-align:right;
  opacity: .95;
}
#latx-analytics .latx-m li span em{
  font-style: normal;
  opacity: .7;
  font-size: .85em;
}



/* === Contact section layout fixes (v7.5.6+formfix) === */
#cta .rates-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  align-items:stretch;
}
#cta .rates-grid--single{
  grid-template-columns:1fr;
}
#cta .rates-grid .card{
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
}

/* Keep form grid clean and aligned */
#cta .form-grid{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
#cta .form-grid button[type="submit"]{
  grid-column:1/-1;
  justify-self:end;
  min-width:220px;
}
@media (max-width: 640px){
  #cta .form-grid button[type="submit"]{
    justify-self:stretch;
    width:100%;
    min-width:0;
  }
}


/* --- Thank-you modal --- */
.lat-thanks{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2147483647;padding:18px}
.lat-thanks.is-open{display:flex}
.lat-thanks__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter: blur(6px)}
.lat-thanks__card{position:relative;max-width:560px;width:100%;border-radius:16px;padding:22px 22px 18px;background:rgba(6,14,26,.92);border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 40px rgba(0,0,0,.55)}
.lat-thanks__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.lat-thanks__title{letter-spacing:.18em;font-weight:700;font-size:14px;color:#9ad7ff;margin-bottom:10px}
.lat-thanks__text{color:rgba(255,255,255,.86);font-size:15px;line-height:1.45}
.lat-thanks__actions{display:flex;justify-content:flex-end;margin-top:16px}
.lat-thanks__btn{border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(90deg,#00A7FF,#2dd4ff);color:#00142b;font-weight:700;cursor:pointer}
html.lat-modal-open{overflow:hidden}