/* LinkIt tactile cards and buttons — geometry inspired by the Celadon reference. */
:root {
  --linkit-tactile-ease: cubic-bezier(.19,.86,.22,1);
  --linkit-card-shadow: 0 22px 38px -22px rgba(31,41,55,.32), 0 8px 18px -12px rgba(31,41,55,.18), inset 2px 3px 4px rgba(255,255,255,.9), inset -3px -5px 9px rgba(31,41,55,.06);
  --linkit-card-shadow-hover: 0 30px 48px -24px rgba(31,41,55,.36), 0 12px 22px -14px rgba(31,41,55,.2), inset 2px 3px 4px rgba(255,255,255,.92), inset -3px -5px 9px rgba(31,41,55,.07);
}

.home-card {
  background-color: #fff;
  background-image: linear-gradient(155deg, #fff 0%, color-mix(in srgb, var(--primary-color) 4%, #fff) 48%, color-mix(in srgb, var(--primary-color) 11%, #fff) 100%);
  border-radius: 28px !important;
  box-shadow: var(--linkit-card-shadow) !important;
  transition: transform .28s var(--linkit-tactile-ease), box-shadow .28s var(--linkit-tactile-ease), border-color .28s ease;
}
.home-card:hover,
.home-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--linkit-card-shadow-hover) !important;
}

.discount-badge {
  border-radius: 999px;
  box-shadow: 0 8px 14px -9px rgba(31,41,55,.42), inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(31,41,55,.12);
}

@media (hover: none) {
  .home-card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .home-card,
  .gl-auth-card,
}


/* Home-only sections, hero, motion and responsive presentation. */
/* Home page: isolated, light-theme layout that does not inherit legacy dark utilities. */
.home-page {
  --home-ink: var(--gl-text-primary);
  --home-muted: var(--gl-text-muted);
  --home-surface: var(--gl-surface-bg);
  --home-surface-soft: var(--gl-surface-inset-bg);
  --home-border: color-mix(in srgb,var(--gl-text-muted) 18%,transparent);
  flex: none;
  width: 100%;
  overflow-x: clip;
  background: transparent;
  color: var(--home-ink);
  margin-top: 28px;
}
.home-page section { isolation: isolate; }
.home-page section:not(.home-hero):where(:not(.network-reach-banner)) { padding-block: clamp(2.75rem, 4.5vw, 4rem); }
.home-page section:where(:not(.network-reach-banner)) h2,
.home-page section:where(:not(.network-reach-banner)) h3,
.home-page section:where(:not(.network-reach-banner)) h4,
.home-page section:where(:not(.network-reach-banner)) h5,
.home-page section:where(:not(.network-reach-banner)) h6 { color: var(--home-ink); line-height: 1.2; }
.home-page section:where(:not(.network-reach-banner)) p,
.home-page section:where(:not(.network-reach-banner)) .gl-text-muted,
.home-page section:where(:not(.network-reach-banner)) .gl-text-soft { color: var(--home-muted); line-height: 1.7; }
.home-hero {
  min-height: clamp(580px, 72vh, 760px);
  background: transparent;
}
.home-hero .gl-container { position: relative; z-index: 2; }
.home-hero .gl-row { align-items: center; }
.home-hero h1 { max-width: 720px; color: var(--gl-text-primary); letter-spacing: -.035em; }
.home-hero p { max-width: 650px; color: var(--gl-text-secondary); }
.home-hero .gl-btn-text { color: var(--gl-text-primary); }
.home-hero .gl-btn-text:hover { color: #fed254; }
.home-hero-image { max-height: 490px; object-fit: contain; filter: drop-shadow(0 24px 42px rgba(9,4,24,.28)); }
.hero-globe-bg { position: absolute; inset: 0; overflow: hidden; }
.hero-globe-bg::before {
  position: absolute;
  inset-inline-end: clamp(-150px, -5vw, -50px);
  width: min(48vw, 620px);
  height: min(48vw, 620px);
  opacity: .11;
}
.home-intro,
.home-how,
.home-faq { background: var(--home-surface-soft); }
.home-intro h2,
.home-trust h3,
.home-how h3,
.home-faq h3 { font-size: clamp(1.9rem, 3vw, 2.75rem); letter-spacing: -.025em; }
.home-page .home-card-grid { margin: 0; display: grid; align-items: stretch; }
.home-page .home-card-grid > [class*="gl-col-"] { width: auto; padding: 0; min-width: 0; }
.home-stats-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.home-stats-grid > [class*="gl-col-"] { height: 220px; }
.home-trust {
  background:
    radial-gradient(48vw 40vw at 12% 6%, rgba(183,212,245,.55), transparent 62%),
    radial-gradient(40vw 36vw at 88% 22%, color-mix(in srgb, var(--primary-color) 24%, transparent), transparent 64%),
    radial-gradient(52vw 44vw at 60% 96%, rgba(232,115,92,.11), transparent 66%),
    #e8edf7;
}
.home-trust > .gl-container { width: min(100% - 2rem, 1180px); }
.home-features-heading { max-width:720px; margin:0 auto 44px; text-align:center; }
.home-features-heading .home-eyebrow { color:var(--primary-color); }
.home-features-heading h2 { max-width:680px; margin:22px auto 18px; color:var(--gl-text-primary); font-size:clamp(2.5rem,5vw,4rem); font-weight:300; line-height:1.08; letter-spacing:-.035em; }
.home-features-lede { max-width:650px; margin:0 auto; color:var(--gl-text-muted); font-size:1.08rem; line-height:1.62; }
.home-features-hint { margin-top:22px; color:var(--gl-text-muted); font-size:.83rem; letter-spacing:.02em; }
.home-metrics-panel {
  padding: 44px;
}
.home-metrics-panel .metric-well-card {
  box-sizing: border-box;
  width: 100%;
  height: 220px;
  padding: 28px 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-metrics-panel .metric-feature-icon {
  display:grid;
  place-items:center;
  flex:0 0 54px;
  width:54px;
  height:54px;
  margin-bottom:18px;
  border-radius:18px;
  background:linear-gradient(155deg,#a6e1cb,#7ccfb0);
  color:#1d3a34;
  box-shadow:0 12px 18px -12px rgba(35,45,60,.55),inset 2px 2px 3px rgba(255,255,255,.7),inset -3px -4px 7px rgba(35,45,60,.16);
  font-size:25px;
  line-height:1;
}
.home-stats-grid > :nth-child(3n + 2) .metric-feature-icon { background:linear-gradient(155deg,#cfe3fa,#b7d4f5); color:#2b2b3a; }
.home-stats-grid > :nth-child(3n) .metric-feature-icon { background:linear-gradient(155deg,color-mix(in srgb,var(--primary-color) 22%,#fff),color-mix(in srgb,var(--primary-color) 72%,#fff)); color:color-mix(in srgb,var(--primary-color) 48%,#172033); }
.home-metrics-panel .metric-feature-icon i { display:block; line-height:1; }
.home-metrics-panel .metric-stat-card h4 { margin: 0; font-size: clamp(2.2rem, 4.4vw, 3rem); font-weight: 300; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.home-metrics-panel .metric-stat-card p { margin-top: 6px; font-size: .88rem; }
.home-metrics-panel .metric-feature-card h5 { margin: 0; max-width: 18ch; font-size: 1.28rem; font-weight: 400; line-height: 1.15; }
.home-metrics-panel .metric-feature-card p { margin-top: 10px; font-size: .88rem; line-height: 1.4; }
.home-steps-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home-faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-card {
  height: 100%;
  background: var(--home-surface);
  border: 1px solid var(--home-border);
  box-shadow: 0 14px 36px rgba(45,30,82,.08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.home-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--primary-color) 32%, #e9e7f2); box-shadow: 0 20px 46px rgba(45,30,82,.13); }
.home-card .gl-text-white { color: var(--home-ink); }
.home-stat-card { min-height: 190px; display: flex; flex-direction: column; justify-content: center; }
.home-stat-card h4 { font-size: 1.7rem; }
.home-feature-card { min-height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.home-step-card { min-height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.home-how > .gl-container { width:min(1280px,calc(100% - 44px)); }
.home-how .home-section-heading { max-width:1100px; margin-bottom:0; }
.home-how .home-section-heading h2 { white-space:nowrap; }
.home-process-track { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; margin-top:64px; }
.home-process-track::before { content:""; position:absolute; left:16%; right:16%; top:38px; height:4px; border-radius:99px; background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary-color) 35%,rgba(35,45,60,.22)) 0 6px,transparent 6px 15px); }
.home-process-step { position:relative; min-width:0; text-align:center; }
.home-process-disc { position:relative; z-index:2; display:grid; place-items:center; width:76px; height:76px; margin:0 auto; border-radius:99px; background:linear-gradient(158deg,#fcfeff,#f3f6fd 48%,color-mix(in srgb,var(--primary-color) 8%,#e5ecf9)); color:var(--home-ink); box-shadow:0 18px 28px -16px rgba(35,45,60,.45),inset 2px 3px 4px rgba(255,255,255,.98),inset -3px -5px 10px rgba(35,45,60,.13); font-size:1.7rem; font-weight:400; }
.home-process-step h3 { margin:24px 0 0; color:var(--gl-text-primary); font-size:1.32rem; font-weight:500; }
.home-process-step p { max-width:34ch; margin:10px auto 0; color:var(--gl-text-muted); font-size:.94rem; }
.home-use-cases .gl-row { align-items: start; }
.home-use-cases h4 { font-size: 1.5rem; }
.home-example-image { border: 1px solid var(--home-border); background: #fff; }
.home-faq-card { min-height: 155px; text-align: start; }
.home-link-form { display:flex; width:fit-content; max-width:100%; justify-content:center; align-items:stretch; flex-wrap:nowrap; gap:12px; margin:32px auto 0; }
.home-link-field { box-sizing:border-box; display:flex; align-items:center; width:min(430px,100%); min-height:52px; padding:0 22px; border:0; border-radius:99px; background:var(--gl-surface-inset-bg); color:var(--gl-text-muted); box-shadow:inset 4px 5px 11px -3px rgba(35,45,60,.22),inset -2px -3px 6px rgb(202 207 227); font-size:.95rem; text-align:start; transition:box-shadow .25s ease; }
.home-link-field:focus-within { box-shadow:inset 4px 5px 11px -3px rgba(35,45,60,.22),inset -2px -3px 6px rgb(202 207 227),0 0 0 3px color-mix(in srgb,var(--primary-color) 48%,transparent); }
.home-link-field > span { flex:0 0 auto; color:var(--gl-text-secondary); font-weight:600; }
.home-link-field input { min-width:0; flex:1 1 auto; padding:15px 2px; border:0; outline:0; background:transparent; color:var(--gl-text-primary); font:inherit; }
.home-link-field input::placeholder { color:var(--gl-control-placeholder); }
@media (max-width: 991.98px) {
  .home-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-hero { min-height: auto; padding-block: 5rem !important; }
}
@media (max-width: 767.98px) {
  .home-page { margin-top: 18px; }
  .home-page section:not(.home-hero):where(:not(.network-reach-banner)) { padding-block: 2.5rem; }
  .home-hero { padding-block: 3.5rem !important; text-align: center; }
  .home-hero .gl-flex { justify-content: center; }
  .home-hero-image { margin-top: 1rem; max-height: 360px; }
  .hero-globe-bg::before { width: 430px; height: 430px; inset-inline-end: -180px; opacity: .08; }
  .home-steps-grid,
  .home-faq-grid { grid-template-columns: 1fr; }
  .home-step-card { min-height: 220px; }
  .home-how > .gl-container { width:calc(100% - 24px); }
  .home-how .home-section-heading h2 { white-space:normal; }
  .home-process-track { grid-template-columns:1fr; gap:38px; margin-top:44px; }
  .home-process-track::before { display:none; }
  .home-link-form { width:min(430px,100%); flex-direction:column; align-items:center; }
  .home-link-form .gl-btn { width:min(430px,100%); }
}
@media (max-width: 479.98px) {
  .home-features-heading { margin-bottom:30px; }
  .home-features-heading h2 { margin-top:16px; font-size:2.25rem; }
  .home-features-lede { font-size:.96rem; }
  .home-features-hint { margin-top:16px; }
  .home-stats-grid { grid-template-columns: 1fr; gap: 12px; }
  .home-metrics-panel { padding: 22px; }
  .home-metrics-panel .metric-well-card { height: 205px; padding: 20px; }
  .home-stats-grid > [class*="gl-col-"] { height: 205px; }
  .home-metrics-panel .metric-feature-icon { flex-basis:48px; width:48px; height:48px; margin-bottom:14px; border-radius:16px; font-size:22px; }
  .home-metrics-panel .metric-stat-card h4 { font-size: 2rem; }
  .home-metrics-panel .metric-stat-card p { font-size: .82rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-card { transition: none; }
  .home-card:hover { transform: none; }
}

/* Centered hero with gently animated, CSS-scaled public profile snapshots. */
.home-hero {
  min-height: 0;
  padding-block: 58px 82px !important;
  align-items: flex-start;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.home-hero .home-hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; }
.home-hero .home-hero-copy { width: min(100%, 920px); margin-inline: auto; }
.home-hero .home-hero-copy h1,
.home-hero .home-hero-copy p { margin-inline: auto; }
.home-hero .home-hero-actions { width:min(100%,860px); justify-content:center; align-items:center; margin-inline:auto; }
body.gl-public-shell .home-hero .home-hero-copy h1 { font-size: clamp(2.25rem, 4.2vw, 3.55rem); }
body.gl-public-shell .home-hero .home-hero-copy p { font-size: clamp(.95rem, 1.3vw, 1.08rem); }
.home-hero-link-form { margin-top:0; }
@media (min-width: 768px) {
  .home-hero-link-form .home-link-field { width: min(520px, 58vw); flex: 0 1 520px; }
}

.profile-fan {
  position: relative;
  width: min(100%, 1060px);
  height: 500px;
  margin: 42px auto 0;
  perspective: 1200px;
}
.profile-fan-card {
  --fan-card-x: var(--fan-x);
  position: absolute;
  top: 0;
  left: 50%;
  z-index: var(--fan-z);
  display: block;
  width: 250px;
  height: 449px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 24px;
  background: #fff;
  color: var(--gl-text-primary);
  text-decoration: none;
  box-shadow: 0 24px 40px -20px rgba(8,4,24,.7), inset 2px 2px 3px rgba(255,255,255,.9);
  transform: translate(calc(-50% + var(--fan-card-x)), var(--fan-y)) rotate(var(--fan-r)) scale(var(--fan-s));
  transform-origin: 50% 92%;
  backface-visibility: hidden;
  will-change: translate;
  transition: transform .25s cubic-bezier(.19,.86,.22,1);
  animation:homeProfileFanFloat var(--fan-float-duration,6.8s) cubic-bezier(.45,.05,.55,.95) var(--fan-float-delay,0s) infinite;
}
.home-hero-signal{position:absolute;z-index:60;top:-8px;right:3%;display:grid;width:132px;height:132px;place-items:center;border:0;background:transparent;color:var(--primary-color);font-size:5rem;line-height:1;animation:homeHeroSignalHover 4.4s ease-in-out infinite}
.home-hero-signal::before,.home-hero-signal::after{content:"";position:absolute;inset:18px;border:3px solid color-mix(in srgb,currentColor 52%,transparent);border-radius:50%;opacity:0;animation:homeHeroSignalPulse 2.5s ease-out infinite}
.home-hero-signal::after{animation-delay:1.25s}
.home-hero-signal i{animation:homeHeroWifiGlow 2.5s ease-in-out infinite}
html[data-public-theme="dark"] .home-hero-signal{color:#fff}
@keyframes homeProfileFanFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes homeHeroSignalHover{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes homeHeroSignalPulse{0%{transform:scale(.76);opacity:.7}72%,100%{transform:scale(1.7);opacity:0}}
@keyframes homeHeroWifiGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
.profile-fan-card img {
  display: block;
  width: 592px;
  height: 700px;
  border: 0;
  pointer-events: none;
  transform: translateX(-10.5%) scale(.641);
  transform-origin: top left;
  object-fit: cover;
  object-position: top;
  user-select: none;
  background: #fff;
}
html[dir="rtl"] body.gl-public-shell .profile-fan-card img { transform-origin: top right; }
html[dir="rtl"] body.gl-public-shell .profile-fan-card {
  --fan-card-x: calc(-1 * var(--fan-x));
}
html[dir="rtl"] body.gl-public-shell .profile-fan-card:focus-visible {
  transform: translate(calc(-50% + var(--fan-card-x)), calc(var(--fan-y) - 4px)) rotate(calc(-1 * var(--fan-r))) scale(calc(var(--fan-s) + .01));
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[dir="rtl"] body.gl-public-shell .profile-fan-card:hover {
    transform: translate(calc(-50% + var(--fan-card-x)), calc(var(--fan-y) - 4px)) rotate(calc(-1 * var(--fan-r))) scale(calc(var(--fan-s) + .01));
  }
}
.profile-fan-card:focus-visible {
  z-index: 50;
  transform: translate(calc(-50% + var(--fan-card-x)), calc(var(--fan-y) - 4px)) rotate(var(--fan-r)) scale(calc(var(--fan-s) + .01));
  outline: none;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .profile-fan-card { will-change: transform,translate; }
  .profile-fan-card:hover {
    z-index: 50;
    transform: translate(calc(-50% + var(--fan-card-x)), calc(var(--fan-y) - 4px)) rotate(var(--fan-r)) scale(calc(var(--fan-s) + .01));
  }
}

@media (max-width: 1199.98px) {
  .profile-fan-card--compact-hidden { display: none; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .home-hero { padding-block: 54px 68px !important; }
  body.gl-public-shell .home-hero .home-hero-copy h1 { font-size: clamp(2.55rem, 6.2vw, 3.25rem); }
  .home-hero .home-hero-copy { width: min(100%, 680px); }
  .profile-fan { width: min(100%, 760px); height: 390px; margin-top: 38px; }
  .profile-fan-card {
    --fan-card-x: var(--fan-tablet-x);
    width: 190px;
    height: 341px;
    border-radius: 20px;
  }
  html[dir="rtl"] body.gl-public-shell .profile-fan-card { --fan-card-x: calc(-1 * var(--fan-tablet-x)); }
  .profile-fan-card img { width: 154px; height: 276px; transform: translateX(-10.5%) scale(.641); }
}

@media (max-width: 767.98px) {
  .home-hero { min-height: 0; padding-block: 42px 60px !important; }
  body.gl-public-shell .home-hero .home-hero-copy h1 { font-size: clamp(2rem, 8.2vw, 2.4rem); line-height: 1.12; }
  .home-hero .home-hero-copy p { max-width: 370px; font-size: 1rem; line-height: 1.6; }
  .home-hero .home-hero-actions { flex-direction:column; gap:12px; }
  .home-hero-link-form .home-link-field,
  .home-hero-link-form .gl-btn { width:100%; }
  .profile-fan { width: 100%; height: 285px; margin-top: 30px; }
  .home-hero-signal{top:-12px;right:-2%;width:82px;height:82px;font-size:3.1rem}
  .home-hero-signal::before,.home-hero-signal::after{inset:12px;border-width:2px}
  .profile-fan-card {
    --fan-card-x: var(--fan-mobile-x);
    width: 146px;
    height: 262px;
    border-radius: 17px;
  }
  html[dir="rtl"] body.gl-public-shell .profile-fan-card { --fan-card-x: calc(-1 * var(--fan-mobile-x)); }
  .profile-fan-card img { width: 302px; height: 435px; transform: translateX(-8.5%) scale(.640); }
}
html[dir="rtl"] body.gl-public-shell .profile-fan-card img {
  transform: translateX(12.5%) scale(.641);
  transform-origin: top right;
}
@media (max-width: 767.98px) {
  html[dir="rtl"] body.gl-public-shell .profile-fan-card img {
    transform: translateX(8.5%) scale(.640);
  }
}
@media (min-width: 768px) {
  html[dir="rtl"] body.gl-public-shell .home-hero-link-form {
    flex-direction: row-reverse;
  }
}
html[dir="rtl"] body.gl-public-shell .home-hero-link-form .home-link-field,
html[dir="rtl"] body.gl-public-shell .home-hero-link-form .home-link-field input {
  direction: ltr;
  text-align: left;
}
@media (prefers-reduced-motion: reduce) {
  .profile-fan-card { animation:none; transition: none; }
  .home-hero-signal,.home-hero-signal::before,.home-hero-signal::after,.home-hero-signal i{animation:none}
  .profile-fan-card:focus-visible {
    transform: translate(calc(-50% + var(--fan-card-x)), var(--fan-y)) rotate(var(--fan-r)) scale(var(--fan-s));
  }
}

/* Bright rotating globe centered behind the live profile fan. */
.home-hero .hero-globe-bg { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.home-hero .hero-globe-bg::after {
  content:none;
}
.home-hero .hero-globe-bg::before {
  position:absolute;
  left:50%;
  top:50%;
  inset-inline-end:auto;
  width:clamp(660px,60vw,820px);
  height:auto;
  aspect-ratio:1;
  border-radius:50%;
  background-color:transparent;
  background-image:url("/assets/img/world.png");
  background-position:center;
  background-size:contain;
  background-repeat:no-repeat;
  background-blend-mode:normal;
  mix-blend-mode:multiply;
  opacity:.46;
  filter:hue-rotate(70deg) saturate(1.9) contrast(1.18) brightness(1.08) drop-shadow(0 0 20px color-mix(in srgb,var(--primary-color) 70%,transparent));
  animation:heroGlobeSpin 75s linear infinite;
  will-change:transform;
}
@keyframes heroGlobeSpin {
  from { transform:translate(-50%,-50%) rotate(0deg); }
  to { transform:translate(-50%,-50%) rotate(360deg); }
}
@media (max-width:767.98px) {
  .home-hero .hero-globe-bg::before { left:50%; top:50%; width:min(135vw,560px); opacity:.42; }
}
@media (prefers-reduced-motion:reduce) {
  .home-hero .hero-globe-bg::before { animation:none; }
}

/* Celadon-inspired one-page structure, using LinkIt's own color tokens. */
.home-section-heading { max-width: 760px; margin: 0 auto 46px; }
.home-section-heading h1,
.home-section-heading h2 { margin: 10px 0 12px; font-size: clamp(2.15rem, 4vw, 3.35rem); font-weight: 500; letter-spacing: -.035em; }
.home-section-heading p { margin: 0; }
.home-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--primary-color); font-size: .78rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.home-eyebrow::before { content:""; width: 20px; height: 3px; border-radius: 99px; background: var(--primary-color); }

.home-pricing-section,
.canonical-pricing {
  --home-ink:var(--gl-text-primary);
  --home-muted:var(--gl-text-muted);
  --pricing-plate:#f8f8fa;
  --pricing-plate-2:#ebebeb;
  --pricing-sunk:color-mix(in srgb,var(--primary-color) 6%,#dce4f3);
  --pricing-well:inset 4px 5px 11px -3px rgba(35,45,60,.22),inset -2px -3px 6px rgba(255,255,255,.9);
  --pricing-clay:0 22px 38px -20px rgba(35,45,60,.36),0 8px 16px -10px rgba(35,45,60,.18),inset 2px 3px 4px rgba(255,255,255,.95),inset -3px -5px 9px rgba(35,45,60,.09);
  --pricing-gloss:linear-gradient(180deg,#fefeff 0%,#f5f8fd 46%,#e9effa 46.01%,#dee7f6 100%);
  --pricing-gloss-primary:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 35%,#fff) 0%,color-mix(in srgb,var(--primary-color) 62%,#fff) 46%,var(--primary-color) 46.01%,color-mix(in srgb,var(--primary-color) 88%,#111) 100%);
  --pricing-lip:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(35,45,60,.12);
  padding-block:clamp(76px,9vw,120px);
  background:var(--home-surface);
  color:var(--home-ink);
}
.canonical-pricing-heading { max-width:1200px; }
.canonical-pricing-heading,
.canonical-pricing-toggle,
.canonical-pricing-grid { width:min(100% - 2rem,1200px); margin-inline:auto; }
.canonical-pricing-heading h1,
.canonical-pricing-heading h2 { margin:10px 0 12px; font-size:clamp(2.15rem,4vw,3.35rem); font-weight:500; line-height:1.15; letter-spacing:-.035em; }
.upgrade-pricing { padding:clamp(24px,4vw,48px) clamp(18px,3vw,36px); background:transparent; }
.upgrade-pricing .canonical-pricing-toggle { margin-top:0; margin-bottom:26px; }
.pricing-page-shared { background:transparent; }
.pricing-context-public .canonical-pricing-grid { padding-top:42px; }
.pricing-page-shared .pricing-legal { margin-top:42px; }
.home-pricing-section > .gl-container { width:min(100% - 2rem,1200px); }
.home-billing-toggle { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 26px; color: var(--home-muted); font-size: .9rem; }
.home-billing-toggle > b { padding: 6px 10px; border-radius: 999px; background: color-mix(in srgb, var(--primary-color) 13%, #fff); color: var(--primary-color); font-size: .72rem; }
.home-switch { position:relative; display:inline-flex; width:74px; height:38px; border-radius:99px; background:var(--pricing-sunk); box-shadow:var(--pricing-well); }
.home-switch input { position: absolute; opacity: 0; pointer-events: none; }
.home-switch > span { width:100%; border-radius:99px; cursor:pointer; }
.home-switch > span::after { content:""; position:absolute; top:5px; left:5px; width:28px; height:28px; border-radius:99px; background:var(--pricing-gloss); box-shadow:0 4px 7px -4px rgba(35,45,60,.7),var(--pricing-lip); transition:transform .34s cubic-bezier(.19,.86,.22,1),background .34s linear,box-shadow .34s; }
[dir="rtl"] .home-switch > span::after { left:auto; right:5px; }
.home-switch input:checked + span::after { transform:translateX(36px); background:var(--pricing-gloss-primary); }
[dir="rtl"] .home-switch input:checked + span::after { transform:translateX(-36px); }
.home-pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:1fr; gap:26px; align-items:stretch; max-width:1200px; margin-inline:auto; }
.home-plan-card { box-sizing:border-box; position:relative; display:flex; flex-direction:column; width:100%; height:540px; min-width:0; padding:38px 34px; border-radius:30px; background:linear-gradient(160deg,#fafcff,var(--pricing-plate) 46%,var(--pricing-plate-2)); color:var(--home-ink); box-shadow:var(--pricing-clay); }
.home-plan-card.is-featured { background:linear-gradient(160deg,#fafcff,var(--pricing-plate) 46%,var(--pricing-plate-2)); box-shadow:0 34px 52px -24px color-mix(in srgb,var(--primary-color) 40%,transparent),0 12px 20px -12px rgba(35,45,60,.2),inset 2px 3px 5px rgba(255,255,255,.98),inset -4px -6px 12px color-mix(in srgb,var(--primary-color) 14%,transparent); transform:translateY(-14px); }
.home-plan-card h3.home-plan-name { margin:0; color:var(--home-muted); font-size:.72rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }
.home-plan-card.is-featured h3.home-plan-name { color:var(--primary-color); }
.home-plan-cost { display:flex; align-items:baseline; gap:7px; min-height:58px; margin-top:16px; }
.home-plan-cost strong { font-size:3rem; font-weight:300; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.home-plan-cost span,.home-plan-desc { color:var(--home-muted); font-size:.82rem; }
.home-plan-total,
.canonical-pricing .home-plan-total { align-self:flex-start; margin:12px 0 0; padding:7px 14px; border-radius:99px; background:var(--primary,#fed254); color:var(--gl-text-on-accent); box-shadow:0 8px 14px -10px rgba(35,45,60,.7),inset 0 1px 0 rgba(255,255,255,.55); font-size:.82rem; font-weight:650; }
.canonical-pricing .home-plan-total.is-yearly{box-sizing:border-box;display:grid;align-self:stretch;gap:5px;min-height:62px;margin-top:12px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--primary-color) 16%,var(--gl-border));border-radius:14px;background:color-mix(in srgb,var(--primary-color) 4%,var(--gl-surface-bg));color:var(--home-ink);box-shadow:none}
.pricing-yearly-total{display:block;font-size:.82rem;font-weight:750;line-height:1.35}
.pricing-yearly-detail{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--home-muted);font-size:.72rem;font-weight:500;line-height:1.35}
.pricing-yearly-saving{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary-color) 14%,var(--gl-surface-bg));color:var(--primary-color);font-weight:750;white-space:nowrap}
.home-plan-desc { min-height:44px; margin:10px 0 0; }
.home-plan-cta { margin-top:22px; }
/* Keep the subtle resting lift exclusive to neutral pricing CTAs. */
.canonical-pricing .home-plan-cta.gl-btn-neutral { box-shadow:var(--button-lift); }
.home-plan-card ul { display:grid; gap:12px; margin:24px 0 0; padding:0; list-style:none; color:var(--home-muted); font-size:.93rem; }
.home-plan-card li { display:flex; align-items:flex-start; gap:11px; }
.home-plan-card li i { position:relative; display:block; flex:0 0 20px; width:20px; height:20px; margin-top:2px; border-radius:99px; background:linear-gradient(155deg,#a6e1cb,#7ccfb0); box-shadow:inset 0 -2px 3px rgba(20,80,62,.3),inset 0 2px 2px rgba(255,255,255,.6); color:transparent; font-size:0; }
.home-plan-card li i::before { content:none !important; }
.home-plan-card li i::after { content:""; position:absolute; left:6.5px; top:5px; width:5px; height:9px; border:solid #12433a; border-width:0 2px 2px 0; transform:rotate(42deg); }
.canonical-pricing .home-plan-card { height:auto; min-height:620px; }
.canonical-pricing-lifetime-grid { width:min(100% - 2rem,1200px); margin:64px auto 0; display:grid; grid-template-columns:minmax(0,1fr); }
.canonical-pricing .home-plan-card.is-lifetime{--home-ink:var(--gl-text-inverse);--home-muted:color-mix(in srgb,var(--gl-text-inverse) 74%,transparent);display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.45fr);grid-template-rows:auto auto auto 1fr auto;column-gap:clamp(36px,6vw,88px);min-height:340px;padding:42px 48px;background:radial-gradient(circle at 82% -12%,transparent 0 92px,rgba(255,255,255,.11) 93px 95px,transparent 96px 146px,rgba(255,255,255,.075) 147px 149px,transparent 150px 202px,rgba(255,255,255,.045) 203px 205px,transparent 206px),linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 88%,#2f56c9),#3a2190);color:var(--gl-text-inverse);box-shadow:0 34px 66px -38px color-mix(in srgb,var(--primary-color) 80%,transparent),0 18px 34px -24px rgba(35,45,60,.45)}
.canonical-pricing .home-plan-card.is-lifetime .home-plan-name{grid-column:1;grid-row:1}
.canonical-pricing .home-plan-card.is-lifetime .home-plan-cost{grid-column:1;grid-row:2}
.canonical-pricing .home-plan-card.is-lifetime .canonical-pricing-offer-label{grid-column:1;grid-row:3}
.canonical-pricing .home-plan-card.is-lifetime .home-plan-desc{grid-column:1;grid-row:4;min-height:0}
.canonical-pricing .home-plan-card.is-lifetime .home-plan-cta{grid-column:1;grid-row:5;align-self:end}
.canonical-pricing .home-plan-card.is-lifetime > ul{grid-column:2;grid-row:1 / 6;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:16px 28px;margin:0;padding-inline-start:clamp(0px,2vw,24px);border-inline-start:1px solid rgba(255,255,255,.2)}
.canonical-pricing-lifetime-badge{position:absolute;z-index:2;inset-block-start:-19px;inset-inline-end:30px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:0;padding:7px 14px;border:0;border-radius:99px;background:var(--primary,#fed254);color:var(--gl-text-on-accent);box-shadow:0 8px 14px -10px rgba(35,45,60,.7),inset 0 1px 0 rgba(255,255,255,.55);font-size:.82rem;font-weight:650;letter-spacing:normal;text-transform:none}
.canonical-pricing-lifetime-badge span{color:inherit;font-size:inherit;line-height:1;text-shadow:none}
.canonical-pricing-offer-label { margin:12px 0 0; color:var(--primary-color); font-weight:700; }.canonical-pricing .home-plan-card.is-lifetime .canonical-pricing-offer-label{color:var(--gl-text-inverse)}

.home-faq { padding-block:clamp(76px,9vw,120px) !important; background:var(--home-surface-soft); }
.home-faq-stack { display:grid; gap:14px; max-width:960px; margin:auto; }
.home-faq-item { border-radius:24px; background:linear-gradient(158deg,#fff,color-mix(in srgb,var(--primary-color) 5%,#edf2fa)); box-shadow:0 12px 22px -13px rgba(35,45,60,.34),inset 2px 2px 3px rgba(255,255,255,.92),inset -2px -3px 6px rgba(35,45,60,.1); overflow:hidden; }
.home-faq-item summary { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:62px; padding:14px 22px; cursor:pointer; list-style:none; color:var(--home-ink); font-size:1.05rem; font-weight:600; }
.home-faq-item summary::-webkit-details-marker { display:none; }
.home-faq-item summary i { position:relative; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:color-mix(in srgb,var(--primary-color) 10%,#fff); box-shadow:inset 0 2px 5px rgba(35,45,60,.16); }
.home-faq-item summary i::before,.home-faq-item summary i::after { content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; border-radius:2px; background:var(--primary-color); transform:translate(-50%,-50%); }
.home-faq-item summary i::after { transform:translate(-50%,-50%) rotate(90deg); transition:transform .42s cubic-bezier(.19,.86,.22,1); }
.home-faq-item[open] summary i::after { transform:translate(-50%,-50%) rotate(0); }
.home-faq-item > div { padding:0; overflow:hidden; transform-origin:top; }
.home-faq-item p { box-sizing:border-box; margin:0; max-width:812px; padding:0 26px 24px; color:var(--home-muted); }

@media(max-width:1100px){.home-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-plan-card.is-featured{transform:none}}
@media(max-width:720px){.home-pricing-grid{grid-template-columns:1fr}.home-section-heading{margin-bottom:32px}.home-billing-toggle{flex-wrap:wrap}.canonical-pricing .home-plan-card.is-lifetime{display:flex;min-height:620px;padding:50px 34px 38px}.canonical-pricing .home-plan-card.is-lifetime > ul{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0 0;padding:0;border:0}.canonical-pricing-lifetime-badge{inset-inline-end:24px}.home-faq-item summary{min-height:58px;padding:12px 16px}.home-faq-item summary i{flex-basis:30px;width:30px;height:30px}.home-faq-item>div{padding:0}.home-faq-item p{padding:0 16px 18px}}
.gl-my-5{margin-block:3rem}.gl-me-3{margin-inline-end:1rem}.gl-ms-auto{margin-inline-start:auto}.gl-bg-white{background:#fff}.gl-bg-light{background:#f8f9fa}.gl-bg-primary{background:var(--primary-color)}.gl-text-success{color:#198754}.gl-fs-5{font-size:1.25rem}.gl-p-3{padding:1rem}.gl-rounded-3{border-radius:.75rem}.gl-alert-info{color:#055160;background:#cff4fc}.gl-table-responsive{overflow-x:auto}.gl-table{width:100%;border-collapse:collapse}.gl-table th,.gl-table td{padding:.75rem;border-bottom:1px solid #dee2e6;text-align:start}.gl-table-bordered th,.gl-table-bordered td{border:1px solid #dee2e6}.gl-table-light{background:#f8f9fa}.gl-align-middle th,.gl-align-middle td{vertical-align:middle}
.gl-dashboard-page{min-height:100vh;background:#f8f9fa}.gl-min-vh-100{min-height:100vh}.gl-justify-between{justify-content:space-between}.gl-mb-0{margin-bottom:0}.gl-fs-3{font-size:1.75rem}.gl-lh-1{line-height:1}.gl-p-3{padding:1rem}.gl-border-top{border-top:1px solid #dee2e6}.gl-w-100{width:100%}
.gl-mb-2{margin-bottom:.5rem}
.gl-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-btn-group{display:inline-flex;gap:.35rem}

/* Match the light public-page canvas to the footer surface. */
html:not([data-public-theme="dark"]) body.gl-public-shell { background:var(--gl-canvas-bg); }
body.gl-public-shell .gl-footer,
body.gl-public-shell .main-footer { background:var(--gl-surface-bg); }
html:not([data-public-theme="dark"]) body.gl-public-shell .home-page { background:transparent; }
html:not([data-public-theme="dark"]) body.gl-public-shell .home-page section:not(.home-hero):where(:not(.network-reach-banner)) { background:transparent; }

/* Keep every main homepage section title on one line; scale type instead of wrapping. */
.home-features-heading,
.home-how .home-section-heading,
.home-pricing-section .home-section-heading,
.home-faq .home-section-heading { max-width:1200px; }
.home-intro h2,
.home-features-heading h2,
.home-how .home-section-heading h2,
.home-pricing-section .home-section-heading h2,
.home-faq .home-section-heading h2 {
  max-width:none;
  white-space:nowrap;
  font-size:clamp(1.7rem,3.1vw,2.8rem) !important;
  font-weight:750;
  line-height:1.14;
  letter-spacing:-.035em;
}
@media (max-width:420px) {
  .home-intro h2,
  .home-features-heading h2,
  .home-how .home-section-heading h2,
  .home-pricing-section .home-section-heading h2,
  .home-faq .home-section-heading h2 { font-size:clamp(1.45rem,7vw,1.85rem) !important; white-space:normal; }
}

/* Home product story — the approved Hero remains owned by its existing rules. */
.home-product-story,.home-capabilities,.home-how,.home-final-cta{position:relative;overflow:hidden}
.home-product-story>.gl-container,.home-capabilities>.gl-container,.home-how>.gl-container,.home-final-cta>.gl-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.home-product-story{padding:clamp(86px,10vw,148px) 0;background:var(--gl-canvas-bg)}
.home-product-story::before{content:"";position:absolute;width:520px;height:520px;inset-block-start:8%;inset-inline-end:-260px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 14%,transparent);pointer-events:none}
.home-product-story>.gl-container{position:relative;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(52px,7vw,100px)}
.home-story-copy h2{max-width:720px;margin:18px 0 22px;color:var(--gl-text-primary);font-size:clamp(2.45rem,4.8vw,4.9rem);font-weight:500;line-height:1.02;letter-spacing:-.055em}
.home-story-copy>p{max-width:620px;margin:0;color:var(--gl-text-muted);font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.75}
.home-story-points{display:grid;gap:13px;margin-top:30px}
.home-story-points span{display:flex;align-items:center;gap:10px;color:var(--gl-text-secondary);font-size:.9rem;font-weight:600}
.home-story-points i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 13%,var(--gl-surface-bg));color:var(--primary-color);font-size:.9rem}
.home-profile-stage{position:relative;max-width:580px;margin-inline:auto;padding:28px}
.home-profile-stage::before{content:"";position:absolute;inset:9% 2% -2% 8%;border-radius:42px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 24%,#fff),color-mix(in srgb,#fed254 18%,#fff));transform:rotate(4deg);box-shadow:0 35px 80px -42px color-mix(in srgb,var(--primary-color) 52%,transparent)}
.home-browser-frame{position:relative;z-index:2;overflow:hidden;border:1px solid color-mix(in srgb,var(--gl-border) 82%,transparent);border-radius:28px;background:var(--gl-surface-bg);box-shadow:0 34px 80px -34px rgba(23,32,51,.42)}
.home-browser-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 14px;border-bottom:1px solid var(--gl-border);background:color-mix(in srgb,var(--gl-surface-inset-bg) 82%,var(--gl-surface-bg));color:var(--gl-text-muted);font-size:.66rem}
.home-browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff7f78}.home-browser-bar i:nth-child(2){background:#fed254}.home-browser-bar i:nth-child(3){background:#5bdc99}.home-browser-bar span{margin-inline:auto;padding:5px 16px;border-radius:999px;background:var(--gl-surface-bg)}
.home-profile-shot{height:clamp(440px,49vw,620px);overflow:hidden;background:#fff}
.home-profile-shot img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top center}
.home-floating-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid color-mix(in srgb,var(--gl-border) 70%,transparent);border-radius:999px;background:var(--gl-surface-bg);color:var(--gl-text-primary);box-shadow:0 16px 34px -18px rgba(23,32,51,.38);font-size:.75rem;font-weight:700}
.home-floating-chip i{color:var(--primary-color);font-size:1rem}.home-floating-chip--qr{inset-block-start:20%;inset-inline-start:-22px}.home-floating-chip--live{inset-block-end:12%;inset-inline-end:-18px}
.home-capabilities{padding:clamp(86px,10vw,140px) 0;background:color-mix(in srgb,var(--gl-canvas-bg) 88%,var(--gl-surface-bg))}
.home-capabilities .home-section-heading{max-width:850px;margin-bottom:54px}.home-capabilities .home-section-heading h2{margin-top:18px;font-size:clamp(2.3rem,4.2vw,4rem);font-weight:500;line-height:1.07}.home-capabilities .home-section-heading p{max-width:680px;margin-inline:auto;color:var(--gl-text-muted);font-size:1rem;line-height:1.7}
.home-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.home-bento-card{position:relative;display:flex;min-height:330px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(24px,3vw,36px);border:1px solid var(--gl-border);border-radius:30px;background:var(--gl-surface-bg);color:var(--gl-text-primary);box-shadow:0 24px 48px -40px rgba(23,32,51,.5)}
.home-bento-card::after{content:"";position:absolute;width:220px;height:220px;inset-block-start:-130px;inset-inline-end:-100px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 12%,transparent)}
.home-bento-card--showcase,.home-bento-card--analytics{grid-column:span 7}.home-bento-card--assistant,.home-bento-card--seo{grid-column:span 5}.home-bento-card--share,.home-bento-card--network{grid-column:span 6}
.home-bento-copy{position:relative;z-index:2;max-width:540px}.home-feature-icon{display:grid;width:44px;height:44px;margin-bottom:18px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary-color) 12%,var(--gl-surface-bg));color:var(--primary-color);font-size:1.1rem}.home-bento-copy h3{margin:0;color:var(--gl-text-primary);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:650;letter-spacing:-.025em}.home-bento-copy p{max-width:58ch;margin:10px 0 0;color:var(--gl-text-muted);font-size:.9rem;line-height:1.65}
.home-showcase-ui{position:relative;z-index:2;display:grid;grid-template-columns:155px 1fr;align-items:center;gap:20px;margin-top:28px;padding:13px;border:1px solid var(--gl-border);border-radius:22px;background:var(--gl-surface-inset-bg)}
.home-showcase-image{min-height:120px;border-radius:15px;background:linear-gradient(135deg,rgba(12,68,145,.18),transparent),url('/assets/img/program-covers/jordan.webp') center/cover}
.home-showcase-ui>div:last-child{display:grid;gap:7px;text-align:start}.home-showcase-ui span{color:var(--primary-color);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.home-showcase-ui strong{font-size:1.05rem}.home-showcase-ui small{color:var(--gl-text-muted)}
.home-chat-ui{position:relative;z-index:2;display:grid;gap:10px;margin-top:26px}.home-chat-ui span{width:max-content;max-width:88%;padding:11px 14px;border-radius:16px;color:var(--gl-text-secondary);font-size:.78rem}.home-chat-ui .is-question{justify-self:end;border-end-end-radius:5px;background:var(--primary-color);color:var(--gl-text-inverse)}.home-chat-ui .is-answer{display:flex;align-items:center;gap:8px;border-end-start-radius:5px;background:var(--gl-surface-inset-bg)}.home-chat-ui .is-answer i{color:var(--primary-color)}
.home-chart-ui{position:relative;z-index:2;margin-top:28px;padding:18px;border-radius:20px;background:var(--gl-surface-inset-bg);color:var(--primary-color)}.home-chart-top{display:flex;align-items:center;justify-content:space-between;color:var(--gl-text-muted);font-size:.75rem}.home-chart-top strong{color:#149b61;font-size:1rem}.home-chart-ui svg{display:block;width:100%;margin-top:12px;overflow:visible}.home-chart-area{fill:url(#homeChartFill)}.home-chart-line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round}
.home-search-ui{position:relative;z-index:2;display:grid;gap:5px;margin-top:30px;padding:17px 18px;border-radius:18px;background:var(--gl-surface-inset-bg);text-align:start}.home-search-ui small{color:#149b61}.home-search-ui strong{color:#2563c9;font-size:.93rem}.home-search-ui span{color:var(--gl-text-muted);font-size:.72rem;line-height:1.5}
.home-share-ui{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:20px;margin-top:24px}.home-mini-qr{display:grid;width:108px;height:108px;place-items:center;border-radius:22px;background:#fff;color:#111827;box-shadow:0 14px 30px -20px rgba(23,32,51,.5);font-size:4.3rem}.home-nfc-card{display:flex;width:190px;height:112px;flex-direction:column;justify-content:space-between;padding:18px;border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 72%,#fff),var(--primary-color) 58%,color-mix(in srgb,var(--primary-color) 82%,#2b0a47));color:#fff;box-shadow:0 18px 34px -22px color-mix(in srgb,var(--primary-color) 82%,transparent);transform:rotate(5deg)}.home-nfc-card span{font-size:1.1rem;font-weight:800}.home-nfc-card i{align-self:flex-end;font-size:1.4rem;transform:rotate(90deg)}
.home-network-ui{position:relative;z-index:2;display:grid;min-height:190px;margin-top:12px;place-items:center;padding:4px 2px 0}.home-network-ui>img{display:block;width:min(100%,520px);height:185px;object-fit:contain;filter:drop-shadow(0 20px 24px color-mix(in srgb,var(--primary-color) 22%,transparent));transition:transform .4s cubic-bezier(.19,.86,.22,1)}.home-network-ui>strong{position:absolute;inset-block-end:2px;display:inline-flex;min-height:32px;align-items:center;padding:6px 16px;border:1px solid color-mix(in srgb,var(--primary-color) 20%,var(--gl-border));border-radius:999px;background:rgba(255,255,255,.88);color:var(--primary-color);box-shadow:0 12px 24px -18px rgba(23,32,51,.5);font-size:.75rem;font-weight:800;letter-spacing:.04em}.home-bento-card--network:hover .home-network-ui>img{transform:translateY(-5px) scale(1.02)}
.home-how{padding:clamp(90px,11vw,148px) 0;background:var(--gl-canvas-bg)}.home-how .home-section-heading{max-width:860px}.home-how .home-section-heading h2{white-space:normal;font-size:clamp(2.25rem,4vw,3.85rem);font-weight:500;line-height:1.08}.home-how .home-process-track{gap:24px;margin-top:60px}.home-how .home-process-track::before{top:80px}.home-how .home-process-step{padding:26px 20px}.home-how .home-process-disc{position:relative;display:block;width:160px;height:160px;overflow:hidden;border:4px solid var(--gl-surface-bg);border-radius:28px;background:var(--gl-surface-inset-bg);box-shadow:0 24px 42px -20px color-mix(in srgb,var(--primary-color) 48%,rgba(23,32,51,.32))}.home-how .home-process-disc img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.19,.86,.22,1)}.home-how .home-process-disc span{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;display:grid;width:30px;height:30px;place-items:center;margin:0;border:2px solid rgba(255,255,255,.92);border-radius:10px;background:var(--primary-color);color:#fff;box-shadow:0 8px 18px -9px rgba(23,32,51,.7);font-size:.58rem;font-weight:800;letter-spacing:.05em}.home-how .home-process-step:hover .home-process-disc img{transform:scale(1.06)}.home-how .home-process-step h3{font-size:1.18rem;font-weight:650}.home-how .home-process-step p{font-size:.86rem;line-height:1.65}
.home-proof-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:68px;padding:26px;border:1px solid color-mix(in srgb,var(--primary-color) 12%,var(--gl-border));border-radius:28px;background:var(--gl-surface-bg);box-shadow:0 24px 55px -32px color-mix(in srgb,var(--primary-color) 48%,rgba(23,32,51,.38)),0 8px 22px -18px rgba(23,32,51,.28)}.home-proof-strip>div{display:grid;gap:5px;text-align:center}.home-proof-strip>div+div{border-inline-start:1px solid var(--gl-border)}.home-proof-strip strong{color:var(--gl-text-primary);font-size:clamp(1.55rem,2.5vw,2.2rem);font-weight:650}.home-proof-strip span{color:var(--gl-text-muted);font-size:.74rem}
.home-final-cta{padding:40px 0 clamp(80px,10vw,130px);background:var(--gl-canvas-bg)}.home-final-cta-panel{position:relative;display:flex;align-items:center;justify-content:space-between;gap:42px;overflow:hidden;padding:clamp(34px,6vw,68px);border-radius:36px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 88%,#2f56c9),#3a2190);color:#fff;box-shadow:0 36px 70px -42px color-mix(in srgb,var(--primary-color) 70%,transparent)}.home-final-cta-panel::after{content:"";position:absolute;width:330px;height:330px;inset-block-start:-190px;inset-inline-end:8%;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.055),0 0 0 110px rgba(255,255,255,.035)}.home-final-cta-panel>div,.home-final-cta-panel>.gl-btn{position:relative;z-index:2}.home-final-cta .home-eyebrow{color:#fed254}.home-final-cta-panel h2{max-width:700px;margin:15px 0 10px;color:#fff;font-size:clamp(2rem,4vw,3.7rem);font-weight:550;line-height:1.05;letter-spacing:-.045em}.home-final-cta-panel p{margin:0;color:rgba(255,255,255,.76);font-size:.95rem}.home-final-cta-panel>.gl-btn{flex:0 0 auto;gap:10px;white-space:nowrap}
html[data-public-theme="dark"] body.gl-public-shell :is(.home-product-story,.home-capabilities,.home-how,.home-final-cta){background:transparent}.home-product-story .home-eyebrow,.home-capabilities .home-eyebrow,.home-how .home-eyebrow{color:var(--primary-color)}
@media(max-width:980px){.home-product-story>.gl-container{grid-template-columns:1fr;gap:48px}.home-story-copy{text-align:center}.home-story-copy h2,.home-story-copy>p{margin-inline:auto}.home-story-points{width:max-content;max-width:100%;margin-inline:auto;text-align:start}.home-profile-stage{width:min(100%,560px)}.home-bento-card--showcase,.home-bento-card--analytics,.home-bento-card--assistant,.home-bento-card--seo,.home-bento-card--share,.home-bento-card--network{grid-column:span 6}.home-final-cta-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.home-product-story>.gl-container,.home-capabilities>.gl-container,.home-how>.gl-container,.home-final-cta>.gl-container{width:min(100% - 24px,1180px)}.home-product-story,.home-capabilities,.home-how{padding-block:76px}.home-story-copy h2{font-size:2.45rem}.home-profile-stage{padding:12px}.home-profile-shot{height:500px}.home-floating-chip--qr{inset-inline-start:-2px}.home-floating-chip--live{inset-inline-end:-2px}.home-bento-grid{grid-template-columns:1fr}.home-bento-card--showcase,.home-bento-card--analytics,.home-bento-card--assistant,.home-bento-card--seo,.home-bento-card--share,.home-bento-card--network{grid-column:auto;min-height:310px}.home-showcase-ui{grid-template-columns:110px 1fr}.home-showcase-image{min-height:100px}.home-proof-strip{grid-template-columns:repeat(2,1fr);gap:0;padding:10px}.home-proof-strip>div{padding:18px 8px}.home-proof-strip>div+div{border-inline-start:0}.home-proof-strip>div:nth-child(even){border-inline-start:1px solid var(--gl-border)}.home-proof-strip>div:nth-child(n+3){border-top:1px solid var(--gl-border)}.home-final-cta-panel{padding:36px 24px;border-radius:28px}.home-final-cta-panel>.gl-btn{width:100%}}

/* Homepage product visuals and motion; the Hero remains unchanged. */
.home-story-copy h2{font-size:clamp(2rem,3.7vw,3.55rem);font-weight:750;line-height:1.08;letter-spacing:-.045em}
.home-capabilities .home-section-heading h2,.home-how .home-section-heading h2{font-size:clamp(1.9rem,3.2vw,2.85rem);font-weight:750;line-height:1.14}
.home-bento-copy h3,.home-how .home-process-step h3{font-weight:750}
.home-control-stage{position:relative;width:min(100%,620px);margin-inline:auto;padding:28px}
.home-control-stage::before{content:"";position:absolute;inset:7% 1% -3% 9%;border-radius:42px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 27%,#fff),color-mix(in srgb,#fed254 20%,#fff));transform:rotate(3deg);box-shadow:0 38px 86px -44px color-mix(in srgb,var(--primary-color) 62%,transparent)}
.home-control-window{position:relative;z-index:2;overflow:hidden;border:1px solid color-mix(in srgb,var(--gl-border) 78%,transparent);border-radius:28px;background:var(--gl-surface-bg);box-shadow:0 34px 80px -34px rgba(23,32,51,.42)}
.home-control-topbar{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 20px;border-bottom:1px solid var(--gl-border);background:var(--gl-surface-bg);color:var(--gl-text-muted);font-size:.7rem}.home-control-brand{margin-inline-end:auto;color:var(--gl-text-primary);font-size:1rem;font-weight:800}.home-control-live{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a36a 10%,var(--gl-surface-bg));color:#118252;font-weight:700}.home-control-live i{width:7px;height:7px;border-radius:50%;background:#18b879;box-shadow:0 0 0 5px rgba(24,184,121,.12)}
.home-control-layout{display:grid;grid-template-columns:58px 1fr;min-height:470px;background:color-mix(in srgb,var(--gl-surface-inset-bg) 72%,var(--gl-surface-bg))}.home-control-nav{display:flex;align-items:center;flex-direction:column;gap:13px;padding:20px 10px;border-inline-end:1px solid var(--gl-border)}.home-control-nav i{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:var(--gl-text-muted)}.home-control-nav i:first-child{background:var(--primary-color);color:#fff;box-shadow:0 10px 20px -12px var(--primary-color)}
.home-control-main{display:grid;align-content:start;gap:15px;padding:22px}.home-control-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.home-control-heading>div{display:grid;gap:4px}.home-control-heading small{color:var(--gl-text-muted);font-size:.65rem}.home-control-heading strong{color:var(--gl-text-primary);font-size:1rem}.home-control-heading>span{padding:6px 9px;border-radius:10px;background:color-mix(in srgb,#16a36a 10%,var(--gl-surface-bg));color:#118252;font-size:.68rem;font-weight:800}
.home-control-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-control-metrics>span{display:grid;gap:5px;padding:13px;border:1px solid var(--gl-border);border-radius:15px;background:var(--gl-surface-bg)}.home-control-metrics i{color:var(--primary-color)}.home-control-metrics small{overflow:hidden;color:var(--gl-text-muted);font-size:.58rem;white-space:nowrap;text-overflow:ellipsis}.home-control-metrics strong{color:var(--gl-text-primary);font-size:1rem}
.home-control-chart{padding:16px 16px 10px;border:1px solid var(--gl-border);border-radius:18px;background:var(--gl-surface-bg)}.home-control-chart-head{display:flex;align-items:center;justify-content:space-between;color:var(--gl-text-secondary);font-size:.7rem;font-weight:700}.home-control-chart-head small{color:var(--gl-text-muted);font-size:.58rem;font-weight:400}.home-control-bars{display:flex;align-items:flex-end;gap:9px;height:112px;padding-top:18px}.home-control-bars i{height:var(--bar);flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#7c58e9,var(--primary-color));box-shadow:0 8px 16px -10px var(--primary-color);transform-origin:bottom;animation:homeBarRise 1.1s cubic-bezier(.19,.86,.22,1) both}
.home-control-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-control-tools>span{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:1px 9px;padding:12px;border:1px solid var(--gl-border);border-radius:15px;background:var(--gl-surface-bg)}.home-control-tools i{display:grid;width:32px;height:32px;grid-row:1/3;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--primary-color) 11%,var(--gl-surface-bg));color:var(--primary-color)}.home-control-tools b{color:var(--gl-text-primary);font-size:.7rem}.home-control-tools small{color:var(--gl-text-muted);font-size:.58rem}
.home-control-stage .home-floating-chip{animation:homeChipFloat 4.5s ease-in-out infinite}.home-control-stage .home-floating-chip--live{animation-delay:-2.2s}
.home-bento-card{transition:transform .38s cubic-bezier(.19,.86,.22,1),box-shadow .38s ease,border-color .38s ease}.home-bento-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--primary-color) 34%,var(--gl-border));box-shadow:0 32px 64px -38px color-mix(in srgb,var(--primary-color) 45%,transparent)}.home-bento-card:hover .home-feature-icon{transform:rotate(-7deg) scale(1.08)}.home-feature-icon{transition:transform .35s cubic-bezier(.19,.86,.22,1)}
.home-network-ui svg{animation:homeDashFlow 7s linear infinite}.home-nfc-card{animation:homeCardTilt 5s ease-in-out infinite}.home-final-cta-panel :is(.home-eyebrow,h2,p){color:#fff}.home-final-cta-panel h2{font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:750;line-height:1.1}.home-final-cta-panel::before{content:"";position:absolute;inset:-60% auto -60% -18%;width:28%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);transform:rotate(18deg);animation:homeCtaShine 7s ease-in-out infinite}
.home-motion-ready .home-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.19,.86,.22,1)}.home-motion-ready .home-reveal.is-visible{opacity:1;transform:none}.home-motion-ready .home-bento-card.home-reveal:nth-child(even){transition-delay:.09s}
@keyframes homeBarRise{from{transform:scaleY(.08);opacity:.25}to{transform:scaleY(1);opacity:1}}@keyframes homeChipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes homeDashFlow{to{stroke-dashoffset:-48}}@keyframes homeCardTilt{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}@keyframes homeCtaShine{0%,68%{transform:translateX(-180%) rotate(18deg)}88%,100%{transform:translateX(620%) rotate(18deg)}}
@media(max-width:980px){.home-control-stage{width:min(100%,620px)}}
@media(max-width:700px){.home-story-copy h2{font-size:2.15rem}.home-control-stage{padding:10px 4px}.home-control-layout{grid-template-columns:42px 1fr;min-height:430px}.home-control-nav{padding-inline:4px}.home-control-nav i{width:30px;height:30px}.home-control-main{padding:15px 10px}.home-control-metrics{gap:6px}.home-control-metrics>span{padding:9px 7px}.home-control-heading strong{font-size:.85rem}.home-control-tools>span{grid-template-columns:28px 1fr;padding:9px}.home-control-tools i{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.home-control-bars i,.home-control-stage .home-floating-chip,.home-network-ui svg,.home-nfc-card,.home-final-cta-panel::before{animation:none}.home-bento-card,.home-feature-icon,.home-reveal{transition:none!important}}

/* Keep homepage section headings and lead descriptions on one shared type scale. */
.home-page :is(.home-hero-copy>h1,.home-story-copy>h2,.home-section-heading>h1,.home-section-heading>h2,.home-final-cta-panel h2){
  font-size:clamp(2rem,3.2vw,2.85rem);
  font-weight:750;
  line-height:1.14;
  letter-spacing:-.035em;
}
.home-page :is(.home-hero-copy>p,.home-story-copy>p,.home-section-heading>p,.home-final-cta-panel>div>p){
  font-size:.9rem;
  line-height:1.6;
}
.home-page .home-section-heading{max-width:1200px}
@media(min-width:900px){
  .home-page .home-hero-copy{width:min(100%,1100px)}
  .home-page .home-hero-copy>p{width:100%;max-width:none;white-space:nowrap}
}
@media(max-width:700px){
  body.gl-public-shell .home-page .home-hero .home-hero-copy>h1,
  .home-page :is(.home-story-copy>h2,.home-section-heading>h1,.home-section-heading>h2,.home-final-cta-panel h2){font-size:clamp(1.7rem,7.2vw,2rem)}
  .home-page :is(.home-hero-copy>p,.home-story-copy>p,.home-section-heading>p,.home-final-cta-panel>div>p){font-size:.84rem;line-height:1.55}
}

/* Present the three-step journey as one raised surface, matching the proof counter. */
.home-how .home-process-track{
  padding:30px 20px 34px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  background:radial-gradient(circle at 82% -12%,transparent 0 92px,rgba(255,255,255,.11) 93px 95px,transparent 96px 146px,rgba(255,255,255,.075) 147px 149px,transparent 150px 202px,rgba(255,255,255,.045) 203px 205px,transparent 206px),linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 88%,#2f56c9),#3a2190);
  box-shadow:0 34px 66px -38px color-mix(in srgb,var(--primary-color) 80%,transparent),0 18px 34px -24px rgba(35,45,60,.45);
}
.home-how .home-process-track::before{
  top:110px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.58) 0 7px,transparent 7px 16px);
}
.home-how .home-process-disc{
  width:190px;
  height:160px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.home-how .home-process-disc img{object-fit:contain;filter:drop-shadow(0 18px 20px rgba(20,8,68,.24))}
.home-how .home-process-disc span{
  inset-block-start:17px;
  inset-inline-start:16px;
  background:rgba(255,255,255,.96);
  color:var(--primary-color);
  border-color:rgba(255,255,255,.72);
}
.home-how .home-process-step h3{color:var(--gl-text-inverse)}
.home-how .home-process-step p{color:color-mix(in srgb,var(--gl-text-inverse) 76%,transparent)}
@media(max-width:700px){
  .home-how .home-process-track{padding:18px 12px 24px}
  .home-how .home-process-disc{width:180px;height:150px}
}