/* index.html — page-specific styles extracted from inline attributes */
html{overflow-x:hidden}
/* Hero cards */
.idx-card-float{animation:floatA 5s ease-in-out infinite}
.idx-card-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.idx-lbl-nmb{margin-bottom:0}
.idx-api-col{display:flex;flex-direction:column;gap:12px}
.idx-txt-q1{color:rgba(255,255,255,.25)}
.idx-api-resp{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}
.idx-ok-row{margin-bottom:6px}
.idx-fast{font-size:10px;color:rgba(255,255,255,.25)}
/* Architecture */
.idx-arch-h2{max-width:760px;margin-top:18px}
.idx-arch-p{max-width:680px}
.idx-graph-mt{margin-top:56px;width:100%}
.idx-mt24{margin-top:24px}
.idx-graph-sub{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.42)}
.idx-graph-inner{padding:34px 22px 42px}
.idx-wf-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.idx-step-bg{background:rgba(255,255,255,.03)}
.idx-icon-blue{border-color:rgba(123,179,255,.28);color:#7bb3ff}
.idx-icon-purple{border-color:rgba(179,140,255,.28);color:#d8b4fe}
.idx-icon-green{border-color:rgba(82,242,180,.28);color:#52f2b4}
.idx-icon-white{border-color:rgba(255,255,255,.22);color:#f8fafc}
.idx-tag-blue{background:rgba(123,179,255,.12);color:#bfdbfe}
.idx-tag-purple{background:rgba(179,140,255,.12);color:#e9d5ff}
.idx-tag-green{background:rgba(82,242,180,.12);color:#bbf7d0}
.idx-tag-white{background:rgba(255,255,255,.10);color:#e2e8f0}
.idx-pills-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}
.idx-clarity-mt{margin-top:28px}
.idx-head-w{color:#fff}
/* Section backgrounds */
/* var(--off) resolves to transparent under the shared style.css dark
   override -- used by 5 real homepage sections (verify-flow, positioning,
   problem, dev, testimonials). Same subtle dark tint as the equivalent
   fix elsewhere (developers.html/.section-off, contact.html/
   .ct-form-section, style.css's shared .section-off/.prod-section-off). */
.idx-sec-off{background:rgba(255,255,255,.025)}
.idx-sec-none{background:transparent}
.idx-sec-black{background:var(--black);color:#fff;padding:100px 0}
/* Solutions */
.idx-sol-h{max-width:860px}
.idx-sol-p{max-width:760px}
/* How section code block */
.idx-2col-how{align-items:start;gap:80px}
.idx-steps-mt{margin-top:44px}
.idx-sticky{position:sticky;top:100px}
.idx-code-sm{font-size:11.5px}
.idx-code-brace{color:rgba(255,255,255,.35)}
.idx-pl1{padding-left:14px}
.idx-pl2{padding-left:28px}
/* Wallet section */
.idx-sect-hdr-l{text-align:center;max-width:640px;margin:0 auto 60px}
.idx-wallet-tag{color:rgba(0,194,122,.8)}
.idx-wallet-p{margin:0 auto;text-align:center;color:rgba(255,255,255,.55)}
.idx-wfi-b{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3)}
.idx-wfi-g{background:rgba(0,194,122,.15);border-color:rgba(0,194,122,.3)}
.idx-wfi-v{background:rgba(139,92,246,.15);border-color:rgba(139,92,246,.3)}
.idx-wfi-a{background:rgba(251,191,36,.15);border-color:rgba(251,191,36,.3)}
.idx-wtag-b{background:rgba(59,130,246,.15);color:#7dd3fc}
.idx-wtag-g{background:rgba(0,194,122,.15);color:var(--green)}
.idx-wtag-v{background:rgba(139,92,246,.15);color:#c4b5fd}
.idx-wtag-a{background:rgba(251,191,36,.15);color:#fbbf24}
.idx-notice{max-width:640px;margin:52px auto 0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:28px 32px;display:flex;align-items:flex-start;gap:16px}
.idx-notice-ico{font-size:22px;flex-shrink:0}
.idx-notice-title{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:6px}
.idx-notice-body{font-size:13px;line-height:1.7;color:rgba(255,255,255,.5)}
/* Products */
.idx-models{padding:88px 0;background:linear-gradient(180deg,#fff 0%,#f7f7f5 100%);border-top:1px solid #e8e8e4}
#integration-models .sec-h{color:#1a1a1a!important}
#integration-models .sec-p{color:#4a4a4a!important}
.idx-models-head{max-width:780px;margin:0 auto 42px;text-align:center}
.idx-models-head .sec-p{max-width:690px;margin:0 auto}
.idx-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.idx-model-card{position:relative;display:flex;flex-direction:column;min-height:280px;padding:28px;border:1px solid #e8e8e4;border-radius:18px;background:#fff;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}
.idx-model-card:hover{transform:translateY(-4px);border-color:rgba(0,117,235,.35);box-shadow:0 18px 48px rgba(15,23,42,.08)}
.idx-model-card--soon{background:linear-gradient(145deg,#fff,rgba(123,97,255,.04))}
.idx-model-kicker{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0075eb;margin-bottom:18px}
.idx-model-card--soon .idx-model-kicker{color:#7b61ff}
.idx-model-title{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:850;letter-spacing:-.025em;margin-bottom:10px;color:#1a1a1a}
.idx-model-copy{font-size:13px;line-height:1.7;color:#4a4a4a;margin-bottom:22px}
.idx-model-output{margin-top:auto;padding-top:16px;border-top:1px solid #e8e8e4;font-size:11px;line-height:1.55;color:#767676}
.idx-model-output strong{display:block;color:#1a1a1a;font-size:11px;margin-bottom:3px}
.idx-model-arrow{position:absolute;right:24px;top:24px;color:#0075eb;font-size:18px}
@media(max-width:980px){.idx-model-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.idx-models{padding:64px 0}.idx-model-grid{grid-template-columns:1fr}.idx-model-card{min-height:0}}
@media(max-width:1200px) and (min-width:901px){.section-jumpnav{gap:3px;padding:0 12px}.section-jumpnav .sjn-link{padding:5px 9px;font-size:10.5px}}
.idx-hdr-sm{text-align:center;max-width:600px;margin:0 auto 52px}
.idx-hdr-md{text-align:center;max-width:620px;margin:0 auto 52px}
.idx-hdr-lx{text-align:center;max-width:660px;margin:0 auto 52px}
.idx-ctr-p{margin:0 auto;text-align:center}
.idx-picon-g{background:rgba(0,194,122,.1)}
.idx-picon-b{background:rgba(0,98,255,.1)}
.idx-picon-v{background:rgba(139,92,246,.1)}
.idx-picon-a{background:rgba(245,158,11,.1)}
.idx-picon-r{background:rgba(244,63,94,.1)}
.idx-picon-t{background:rgba(16,185,129,.1)}
.idx-prod-badge{font-size:11px;font-weight:600;color:var(--text-3);background:var(--off2);padding:2px 7px;border-radius:5px;margin-left:4px}
/* Corridors stats */
.idx-stat-c{text-align:center}
/* Tech section */
.idx-tech-tag{border-left:2px solid var(--green);padding-left:12px;color:rgba(255,255,255,.5)}
.idx-mb44{margin-bottom:44px}
.idx-ani-b{background:rgba(59,130,246,.15)}
.idx-ani-g{background:rgba(0,194,122,.15)}
.idx-ani-v{background:rgba(139,92,246,.15)}
.idx-ani-a{background:rgba(251,191,36,.15)}
.idx-ani-r{background:rgba(244,63,94,.15)}
.idx-abadge-b{background:rgba(59,130,246,.15);color:#7dd3fc}
.idx-abadge-g{background:rgba(0,194,122,.15);color:var(--green)}
.idx-abadge-v{background:rgba(139,92,246,.15);color:#c4b5fd}
.idx-abadge-a{background:rgba(251,191,36,.15);color:#fbbf24}
.idx-abadge-r{background:rgba(244,63,94,.15);color:#fca5a5}
/* Why PASSID comparison */
.idx-cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:860px;margin:0 auto 52px}
.idx-cmp-bad{border:1px solid rgba(239,68,68,.22);border-radius:var(--radius);overflow:hidden}
.idx-cmp-bad-hdr{padding:18px 24px;background:rgba(239,68,68,.06);border-bottom:1px solid rgba(239,68,68,.14)}
.idx-cmp-bad-lbl{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f87171;margin-bottom:5px}
.idx-cmp-title{font-size:15px;font-weight:700}
.idx-cmp-body{padding:8px 0}
.idx-cmp-row{display:flex;align-items:flex-start;gap:12px;padding:12px 24px;border-bottom:1px solid var(--border)}
.idx-cmp-row-last{display:flex;align-items:flex-start;gap:12px;padding:12px 24px}
.idx-cmp-x{color:#f87171;font-size:15px;flex-shrink:0;margin-top:1px}
.idx-cmp-ok{color:var(--green);font-size:15px;flex-shrink:0;margin-top:1px}
.idx-cmp-txt{font-size:13px;line-height:1.6;color:var(--text-2)}
.idx-cmp-good{border:1px solid rgba(0,194,122,.3);border-radius:var(--radius);overflow:hidden}
.idx-cmp-good-hdr{padding:18px 24px;background:rgba(0,194,122,.07);border-bottom:1px solid rgba(0,194,122,.18)}
.idx-cmp-good-lbl{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin-bottom:5px}
.idx-feat-ico{font-size:28px;margin-bottom:10px}
.idx-feat-t{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;margin-bottom:8px}
.idx-feat-b{font-size:13px;line-height:1.65;color:var(--text-2)}
/* Dev section */
.idx-mb32{margin-bottom:32px}
.idx-dev-links{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.idx-dev-link{padding:12px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:9px;font-size:13px;font-weight:700;color:#f8fafc;text-decoration:none;transition:all .15s}
.idx-code-dim1{color:rgba(255,255,255,.3)}
.idx-code-dim2{color:rgba(255,255,255,.4)}
.idx-code-var{color:#c4b5fd}
.idx-code-fn{color:#7dd3fc}
.idx-code-arg{color:#86efac}
.idx-code-ind{padding-left:16px}
.idx-code-ind2{padding-left:32px}
/* Testimonials */
.idx-test-hdr{text-align:center;margin-bottom:48px}
.idx-av-jm{background:linear-gradient(135deg,#0075eb,#7b61ff)}
.idx-av-sc{background:linear-gradient(135deg,#00e896,#00d4ff)}
.idx-av-mo{background:linear-gradient(135deg,#ff9500,#ff5ca8)}
/* Pilot */
.idx-pilot-note{margin-top:20px;font-size:13px;color:rgba(255,255,255,.32)}
.idx-pilot-link{color:rgba(255,255,255,.55);text-decoration:underline}
.idx-pilot-lbl{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:18px}
/* Graph / ZK */
.idx-graph-mt2{margin-top:42px}
.idx-bar-88{width:88%}
.idx-bar-81{width:81%}
.idx-bar-93{width:93%}
.idx-bar-96{width:96%}
.idx-bar-90{width:90%}
.idx-zk-left{text-align:left}
/* Code dots */
.idx-dot-red{background:#ff5f56}
.idx-dot-yellow{background:#ffbd2e}
.idx-dot-green{background:#27c93f}
/* Footer */
.idx-foot-logo{text-decoration:none}
.idx-foot-tagline{padding:0 0 20px;text-align:center;font-size:12px;color:rgba(255,255,255,.45);font-family:'Inter',sans-serif}
/* ZK section */
.idx-pt30{padding-top:30px}

/* ── PREMIUM HERO UPGRADES ────────────────────────────────────────────────── */

/* Bigger, bolder hero headline */
.hero-h-premium{
  font-size:clamp(52px,6.5vw,88px) !important;
  letter-spacing:-0.03em !important;
  line-height:1.02 !important;
  max-width:900px !important;
}

/* Gradient text on "credential infrastructure" */
.hero-grad-span{
  background:linear-gradient(90deg,#0075eb 0%,#7b61ff 55%,#00e896 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* Pilot badge pulse */
.hero-pilot-pill{
  animation:heroPilotPulse 2.4s ease-in-out infinite;
}
@keyframes heroPilotPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(52,242,180,.22)}
  50%{box-shadow:0 0 0 8px rgba(52,242,180,.0)}
}

/* Premium primary CTA button */
.btn-hero-p-premium{
  background:linear-gradient(135deg,#0075eb 0%,#7b61ff 100%) !important;
  color:#fff !important;
  box-shadow:0 8px 32px rgba(0,117,235,.28) !important;
  border:none !important;
  transition:transform .3s cubic-bezier(.2,.85,.25,1),box-shadow .3s ease,background .3s ease !important;
}
.btn-hero-p-premium:hover{
  background:linear-gradient(135deg,#0063cc 0%,#6a50e0 100%) !important;
  box-shadow:0 16px 48px rgba(0,117,235,.48) !important;
  transform:translateY(-3px) !important;
}
.btn-hero-p-premium svg{transition:transform .3s cubic-bezier(.2,.85,.25,1)}
.btn-hero-p-premium:hover svg{transform:translateX(3px)}

/* Live metrics row */
.hero-metrics{
  display:flex;
  align-items:center;
  gap:0;
  margin-top:32px;
  margin-bottom:8px;
  padding:14px 24px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  flex-wrap:wrap;
  justify-content:center;
  max-width:720px;
}
.metric-live-dot{
  display:flex;
  align-items:center;
  gap:5px;
  margin-right:20px;
  flex-shrink:0;
}
.metric-live-indicator{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#00e896;
  box-shadow:0 0 0 0 rgba(0,232,150,.5);
  animation:metricLivePulse 1.6s ease-in-out infinite;
}
@keyframes metricLivePulse{
  0%{box-shadow:0 0 0 0 rgba(0,232,150,.5)}
  70%{box-shadow:0 0 0 7px rgba(0,232,150,.0)}
  100%{box-shadow:0 0 0 0 rgba(0,232,150,.0)}
}
.metric-live-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  color:#00e896;
  text-transform:uppercase;
}
.hero-metric-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 20px;
}
.hero-metric-num{
  font-family:'Space Grotesk',sans-serif;
  font-size:17px;
  font-weight:800;
  color:#f8fafc;
  letter-spacing:-0.02em;
  line-height:1;
  margin-bottom:3px;
}
.hero-metric-lbl{
  font-size:10px;
  font-weight:600;
  color:rgba(148,163,184,.7);
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}
.hero-positioning-p{max-width:760px !important;margin-bottom:18px !important}
.hero-proof-strip{margin-top:4px;margin-bottom:28px;max-width:880px}
.hero-proof-strip + .hero-actions{margin-bottom:26px !important}
.hero-proof-strip .hero-metric-num{font-size:14px}
.hero-proof-strip .hero-metric-item{min-width:120px;padding:0 14px}
.hero-proof-strip .metric-live-dot{margin-right:12px}
@media(max-width:520px){
  body{overflow-x:hidden}
  .nav-logo{flex:0 0 auto !important}
  .nav-right .btn-signup{max-width:72px !important;padding:8px 10px !important}
  .hero-h-premium{font-size:clamp(34px,10.5vw,40px) !important;max-width:320px !important}
  .hero-h-premium .hero-grad-span{display:block}
  .hero-positioning-p{font-size:15px !important;line-height:1.65 !important;max-width:300px !important;width:100% !important}
  .hero-proof-strip{width:min(100%,278px);align-items:stretch !important;text-align:left}
  .hero-proof-strip .metric-live-dot{margin:0 0 8px 0}
  .hero-proof-strip .hero-metric-item{min-width:0;width:100%;align-items:flex-start;padding:10px 0}
  .hero-proof-strip .hero-metric-sep{width:100%;height:1px}
  .hero-disclaimer{max-width:300px !important;width:100% !important;overflow-wrap:break-word}
}
.hero-metric-sep{
  width:1px;
  height:28px;
  background:rgba(255,255,255,.1);
  flex-shrink:0;
}

/* Disclaimer contrast is owned by home-v3-overlay.css */
.hero-disclaimer{
  font-size:14px !important;
  margin-top:8px !important;
  margin-bottom:20px !important;
}

/* ── PREMIUM STATS BAR (replaces plain marquee) ───────────────────────────── */
.stats-bar-premium{
  position:relative;
  padding:44px 0 !important;
  background:rgba(255,255,255,.025) !important;
  border-top:none !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.stats-bar-premium::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#0075eb 25%,#7b61ff 50%,#00e896 75%,transparent 100%);
  pointer-events:none;
}
.stats-bar-premium-inner{
  max-width:1280px;
  margin:0 auto;
  padding:0 40px;
}
.stats-grid-premium{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  text-align:center;
}
.stats-grid-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 24px;
  border-right:1px solid rgba(255,255,255,.07);
}
.stats-grid-item:last-child{border-right:none}
.stats-grid-num{
  font-family:'Syne','Space Grotesk',sans-serif;
  font-size:clamp(44px,5vw,64px);
  font-weight:800;
  letter-spacing:-0.04em;
  line-height:1;
  color:#f8fafc;
  margin-bottom:8px;
  background:linear-gradient(135deg,#f8fafc 50%,rgba(123,179,255,.8));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.stats-grid-lbl{
  font-size:12px;
  font-weight:600;
  color:rgba(148,163,184,.62);
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* ── TRUSTED-BY LOGOS BAR ─────────────────────────────────────────────────── */
.trusted-bar{
  padding:28px 0 36px;
  position:relative;
  z-index:2;
  background:transparent !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  border-top:none !important;
}
.trusted-bar-lbl{
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(148,163,184,.45);
  text-align:center;
  margin-bottom:20px;
}
.trusted-logos-row{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
}
.trusted-logo-pill{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:14px 26px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  transition:border-color .18s,background .18s;
}
.trusted-logo-img{
  height:22px;
  width:auto;
  display:block;
}
.trusted-logo-pill:hover{
  border-color:rgba(0,117,235,.35);
  background:rgba(0,117,235,.06);
}
.trusted-monogram{
  width:26px;
  height:26px;
  border-radius:8px;
  background:linear-gradient(135deg,#0075eb,#7b61ff);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Space Grotesk',sans-serif;
  font-size:10px;
  font-weight:800;
  color:#fff;
  flex-shrink:0;
  letter-spacing:-.01em;
}
.trusted-name{
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  font-weight:700;
  color:rgba(226,232,240,.7);
  white-space:nowrap;
}

/* ── VS CODE-STYLE API CARD ────────────────────────────────────────────────── */
.api-card-vscode{
  background:rgba(8,12,28,.92) !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-radius:14px !important;
  overflow:hidden;
  padding:0 !important;
}
.api-vscode-bar{
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  background:rgba(255,255,255,.04);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.api-vscode-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  flex-shrink:0;
}
.api-vscode-red{background:#ff5f56}
.api-vscode-yellow{background:#ffbd2e}
.api-vscode-green{background:#27c93f}
.api-vscode-filename{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  color:rgba(255,255,255,.45);
  margin-left:6px;
  flex:1;
}
.api-vscode-lang{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  font-weight:700;
  color:rgba(123,179,255,.6);
  letter-spacing:.06em;
}
.api-card-vscode .api-top,
.api-card-vscode .api-code{
  padding:14px 18px;
}
.api-card-vscode .api-top{
  padding-bottom:0;
}

/* Responsive for metrics row and stats grid */
@media(max-width:768px){
  .hero-metrics{gap:6px;padding:12px 16px;border-radius:16px}
  .hero-metric-item{padding:0 12px}
  .hero-metric-num{font-size:14px}
  .stats-grid-premium{grid-template-columns:1fr 1fr;gap:24px 0}
  .stats-grid-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:16px 0}
  .stats-grid-item:nth-child(2n){border-right:none}
  .stats-grid-item:last-child{border-bottom:none}
  .trusted-logos-row{gap:8px}
  .trusted-name{font-size:12px}
  .stats-bar-premium-inner{padding:0 22px}
  .metric-live-dot{margin-right:10px}
}
@media(max-width:480px){
  .hero-metrics{flex-direction:column;border-radius:14px;gap:10px;align-items:flex-start;padding:14px 18px}
  .hero-metric-sep{width:100%;height:1px}
  .hero-metric-item{flex-direction:row;gap:10px;align-items:center;width:100%}
  .metric-live-dot{margin-right:0}
  .stats-grid-premium{grid-template-columns:1fr}
}
@media(max-width:768px){
  html,body{width:100%;max-width:100vw;overflow-x:hidden}
  #hero,.hero-inner{width:100%;max-width:100vw;overflow:hidden}
  .hero-h-premium{width:min(100%,300px)!important;max-width:calc(100vw - 56px)!important;margin-left:auto!important;margin-right:auto!important;overflow-wrap:break-word!important}
  .hero-positioning-p{width:min(100%,260px)!important;max-width:calc(100vw - 80px)!important;margin-left:auto!important;margin-right:auto!important;white-space:normal!important;overflow-wrap:break-word!important}
  .hero-proof-strip,.hero-cards{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;margin-left:auto!important;margin-right:auto!important}
}

/* Final homepage responsive guardrails */
@media(max-width:1366px){
  #passid-connect > div,
  #identity-graph .inner,
  .trust-bar .trust-inner{
    padding-left:clamp(18px,2.4vw,30px)!important;
    padding-right:clamp(18px,2.4vw,30px)!important;
  }

  #passid-connect iframe{
    width:100%!important;
    max-width:100%!important;
  }
}

@media(max-width:1100px){
  #passid-connect > div{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  #passid-connect [style*='display:grid;grid-template-columns:1.12fr .88fr']{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }

  #passid-connect [style*='display:grid;grid-template-columns:1fr 1fr 1fr']{
    grid-template-columns:1fr!important;
  }

  #passid-connect [style*='display:flex;gap:10px;flex-wrap:wrap']{
    justify-content:center!important;
  }
}

@media(max-width:430px){
  #hero{overflow-x:clip!important}
  .hero-glow{width:138vw!important;height:360px!important;top:-120px!important}
  .hero-h-premium{font-size:clamp(30px,9.2vw,36px)!important;max-width:100%!important}
  .hero-positioning-p,
  .hero-disclaimer{max-width:100%!important;width:100%!important}

  #passid-connect{
    padding:64px 0 56px!important;
    overflow-x:clip!important;
  }

  #passid-connect > div{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  #passid-connect h2,
  #passid-connect p,
  #passid-connect .sec-p{
    max-width:100%!important;
  }

  #passid-connect [style*='position:relative;width:100%;padding-top:56.25%;overflow:hidden']{
    border-radius:12px!important;
  }

  #passid-connect iframe{
    transform:scale(var(--showcase-scale-mobile,0.35))!important;
    width:1600px!important;
    height:900px!important;
    transform-origin:top left!important;
  }

  #passid-connect [style*='display:flex;align-items:center;justify-content:space-between;padding:12px 20px']{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:10px!important;
    padding:12px 14px!important;
  }

  #passid-connect [style*='display:flex;gap:10px;flex-wrap:wrap']{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  #passid-connect [style*='display:flex;gap:10px;flex-wrap:wrap'] a{
    width:100%!important;
    justify-content:center!important;
  }

  .idx-wf-4col{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .idx-wf-4col .wf-step{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:16px 14px!important;
  }

  [style*='display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px'],
  [style*='display:grid;grid-template-columns:1fr 1fr;gap:20px'],
  .three-col[style*='grid-template-columns:repeat(2,1fr)']{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .dev-step,
  .dev-step-b,
  .dev-step-t{
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}

/* Working original: keep content, stop clip and blocked clicks */
#hero,.hero-inner,.hero-h,.hero-h-premium,.hero-grad-span{overflow:visible}
.hero-grad-span{padding-right:.12em;display:inline-block}
.passid-consent{
  left:auto!important;
  right:16px!important;
  bottom:16px!important;
  width:min(420px,calc(100% - 32px))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.45)!important;
}