/* Shared modern information-page system — theme aware and Font Awesome only */
.modern-info-page{position:relative;overflow:hidden;padding:28px 0 72px;min-height:60vh}
.modern-info-page > .wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.modern-info-page .page-hero,.modern-info-page .about-hero{position:relative;overflow:hidden;margin:0 auto 22px;padding:clamp(30px,5vw,56px) clamp(24px,5vw,62px);border:1px solid var(--panel-border);border-radius:26px;background:radial-gradient(circle at 88% 12%,rgba(45,217,232,.13),transparent 30%),radial-gradient(circle at 8% 100%,rgba(139,123,255,.10),transparent 34%),linear-gradient(135deg,var(--panel),var(--surface-hover-soft));box-shadow:0 22px 70px rgba(0,0,0,.10);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.modern-info-page .page-hero::after,.modern-info-page .about-hero::after{content:'';position:absolute;right:-90px;bottom:-150px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(45,217,232,.18);box-shadow:0 0 0 42px rgba(45,217,232,.035),0 0 0 84px rgba(139,123,255,.025);pointer-events:none}
.modern-info-page .eyebrow,.modern-info-page .about-eyebrow{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:8px 13px;border:1px solid var(--panel-border);border-radius:999px;background:rgba(45,217,232,.07);color:var(--cyan);font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.modern-info-page .eyebrow i,.modern-info-page .about-eyebrow i{font-size:13px}
.modern-info-page .page-hero h1,.modern-info-page .about-hero h1{position:relative;z-index:1;max-width:820px;margin:18px auto 10px;color:var(--text-hi);font:600 clamp(34px,5.8vw,62px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.045em}
.modern-info-page .page-hero p,.modern-info-page .about-hero p{position:relative;z-index:1;max-width:760px;margin:0 auto;color:var(--text-mid);font-size:clamp(14px,2vw,18px);line-height:1.7}
.modern-info-page .page-hero h1 span,.modern-info-page .about-hero h1 span{background:linear-gradient(100deg,var(--text-hi),var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.modern-info-page .prose,.modern-info-page .contact-card,.modern-info-page .about-card,.modern-info-page .about-process,.modern-info-page .about-principles,.modern-info-page .about-feature,.modern-info-page .spec-card{border:1px solid var(--panel-border);background:linear-gradient(145deg,var(--panel),var(--surface-hover-soft));box-shadow:0 18px 54px rgba(0,0,0,.07);border-radius:22px}
.modern-info-page .prose{padding:clamp(24px,4vw,50px);max-width:none}
.modern-info-page .prose h2{color:var(--text-hi);font-family:'Space Grotesk',sans-serif;letter-spacing:-.025em}
.modern-info-page .prose p,.modern-info-page .prose li{color:var(--text-mid);line-height:1.85}
.modern-info-page .prose a{color:var(--cyan);text-underline-offset:3px}
.modern-info-page .contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:0}
.modern-info-page .contact-card{position:relative;padding:24px;min-height:190px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.modern-info-page .contact-card:hover,.modern-info-page .about-card:hover,.modern-info-page .about-feature:hover{transform:translateY(-2px);border-color:var(--panel-border-hi);box-shadow:0 24px 60px rgba(0,0,0,.11)}
.modern-info-page .contact-card h3{display:flex;align-items:center;gap:12px;color:var(--text-hi);font:600 17px 'Space Grotesk',sans-serif}
.modern-info-page .contact-card h3 i{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px;border-radius:13px;color:var(--cyan);background:linear-gradient(135deg,rgba(45,217,232,.13),rgba(63,123,255,.11));border:1px solid rgba(45,217,232,.18)}
.modern-info-page .contact-card p,.modern-info-page .contact-card a{color:var(--text-mid);font-size:13.5px;line-height:1.7}
.modern-info-page .contact-card a{color:var(--cyan)}
.modern-info-page .feature-list{display:grid;gap:12px;padding:0;list-style:none}
.modern-info-page .feature-list li{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid var(--panel-border);border-radius:15px;background:var(--surface-hover-soft);color:var(--text-mid)}
.modern-info-page .fl-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:rgba(45,217,232,.11);color:var(--cyan)}
.modern-info-page .cta-box{margin:24px auto 0;max-width:920px;padding:28px;text-align:center;border:1px solid var(--panel-border-hi);border-radius:22px;background:linear-gradient(110deg,rgba(45,217,232,.08),rgba(63,123,255,.08));box-shadow:0 18px 54px rgba(0,0,0,.06)}
.modern-info-page .cta-box h3{color:var(--text-hi);font:600 23px 'Space Grotesk',sans-serif}
.modern-info-page .cta-box p{color:var(--text-mid)}
.modern-info-page .about-section{margin-top:18px}.modern-info-page .about-section-heading h2,.modern-info-page .about-final h2{color:var(--text-hi)}
.modern-info-page .about-trust-pill{background:var(--surface-hover-soft);border-color:var(--panel-border);color:var(--text-low)}
@media(max-width:760px){.modern-info-page{padding:18px 0 48px}.modern-info-page > .wrap{padding:0 16px}.modern-info-page .page-hero,.modern-info-page .about-hero{border-radius:19px;padding:32px 22px}.modern-info-page .contact-grid{grid-template-columns:1fr}.modern-info-page .prose{padding:22px 18px}}
@media(max-width:520px){.modern-info-page > .wrap{padding:0 12px}.modern-info-page .page-hero h1,.modern-info-page .about-hero h1{font-size:clamp(30px,10vw,44px)}.modern-info-page .contact-card{min-height:0;padding:20px}.modern-info-page .page-hero p,.modern-info-page .about-hero p{font-size:14px}}


/* Blog-archive-inspired content hero — shared across About, Contact, Legal and support pages. */
.modern-info-page .content-page-hero,
.content-page-hero{
  position:relative; overflow:hidden; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
  align-items:center; gap:26px; min-height:255px; margin:0 auto 24px; padding:34px 38px;
  border:1px solid var(--panel-border); border-radius:26px;
  background:radial-gradient(circle at 90% 18%,rgba(63,123,255,.13),transparent 30%),
             radial-gradient(circle at 76% 92%,rgba(45,217,232,.10),transparent 34%),
             linear-gradient(135deg,var(--panel),var(--surface-hover-soft));
  box-shadow:0 20px 64px rgba(0,0,0,.08); text-align:left;
}
.content-page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.025) 52%,transparent 100%);pointer-events:none}
.content-page-hero .eyebrow,
.content-page-hero .about-eyebrow{position:relative;z-index:2;justify-content:flex-start;width:max-content;margin:0 0 13px;padding:8px 13px;border:1px solid rgba(63,123,255,.18);border-radius:999px;background:rgba(63,123,255,.08);color:var(--blue);font:600 10.5px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.content-page-hero .eyebrow i,.content-page-hero .about-eyebrow i{font-size:13px}
.content-page-hero h1{position:relative;z-index:2;max-width:760px;margin:0 0 10px;color:var(--text-hi);font:600 clamp(34px,5.1vw,60px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.045em}
.content-page-hero h1 span{background:linear-gradient(100deg,var(--text-hi),var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.content-page-hero>p{position:relative;z-index:2;max-width:720px;margin:0;color:var(--text-mid);font-size:clamp(14px,1.65vw,17px);line-height:1.7}
.content-page-hero .legal-hero-meta{position:relative;z-index:3;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:var(--text-low);font-size:12px}
.content-page-hero .legal-quick-nav{position:relative;z-index:3;margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.content-page-hero .legal-quick-nav a{border:1px solid var(--panel-border);background:var(--surface-hover-soft);color:var(--text-mid);border-radius:999px;padding:7px 11px;font-size:11px;text-decoration:none}
.content-page-hero .legal-quick-nav a.active{border-color:rgba(63,123,255,.35);background:rgba(63,123,255,.11);color:var(--blue)}
.content-page-hero .about-trust-row{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.content-page-hero .about-trust-pill{border:1px solid var(--panel-border);background:var(--surface-hover-soft);color:var(--text-low);border-radius:999px;padding:7px 10px;font:600 9px 'JetBrains Mono',monospace;letter-spacing:.06em}
.content-page-hero-art{position:relative;z-index:1;min-height:210px;display:grid;place-items:center;isolation:isolate}
.content-hero-globe{position:relative;z-index:4;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;font-size:76px;color:var(--blue);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7),rgba(63,123,255,.15));border:1px solid rgba(63,123,255,.22);box-shadow:0 0 0 14px rgba(63,123,255,.045),0 0 0 30px rgba(45,217,232,.035)}
.content-hero-globe i{filter:drop-shadow(0 10px 24px rgba(63,123,255,.18))}
.content-hero-orbit{position:absolute;border:1px solid rgba(63,123,255,.18);border-radius:50%;pointer-events:none}.content-hero-orbit-a{width:240px;height:108px;transform:rotate(-18deg)}.content-hero-orbit-b{width:205px;height:205px;transform:rotate(24deg);border-color:rgba(45,217,232,.16)}
.content-hero-node{position:absolute;z-index:5;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--blue);background:linear-gradient(145deg,var(--panel),var(--surface-hover-soft));border:1px solid var(--panel-border-hi);box-shadow:0 12px 28px rgba(0,0,0,.08);font-size:18px}.content-hero-node-a{top:17px;left:12%}.content-hero-node-b{right:8%;top:28%}.content-hero-node-c{right:15%;bottom:12%;color:var(--cyan)}
@media(max-width:760px){.modern-info-page .content-page-hero,.content-page-hero{grid-template-columns:1fr;min-height:0;padding:28px 22px;gap:14px;text-align:center}.content-page-hero .eyebrow,.content-page-hero .about-eyebrow{margin-left:auto;margin-right:auto}.content-page-hero>p{margin-left:auto;margin-right:auto}.content-page-hero .about-trust-row,.content-page-hero .legal-quick-nav,.content-page-hero .legal-hero-meta{justify-content:center}.content-page-hero-art{min-height:170px;order:2}.content-hero-globe{width:120px;height:120px;font-size:60px}.content-hero-node-a{left:18%}.content-hero-node-b{right:14%}}
@media(max-width:480px){.modern-info-page .content-page-hero,.content-page-hero{padding:24px 17px;border-radius:20px}.content-page-hero h1{font-size:clamp(30px,10vw,44px)}.content-page-hero-art{min-height:145px}.content-hero-globe{width:100px;height:100px;font-size:48px}.content-hero-orbit-a{width:175px;height:82px}.content-hero-orbit-b{width:150px;height:150px}.content-hero-node{width:40px;height:40px;font-size:15px}.content-hero-node-a{left:8%}.content-hero-node-b{right:4%}.content-hero-node-c{right:10%;bottom:4%}}

/* =========================================================
   Responsive refinement — content / legal / about / contact
   Keeps the Blog Archive visual language while preventing
   stacked/list-like layouts and overflow at tablet/mobile sizes.
   ========================================================= */
.modern-info-page,
.modern-legal-page,
.about-page{width:100%;min-width:0;box-sizing:border-box}
.modern-info-page .wrap,
.modern-legal-page .wrap,
.about-page .wrap{width:min(100% - 32px,1180px);margin-inline:auto;box-sizing:border-box}

/* Hero: stable two-column desktop, balanced tablet, clean single-column mobile */
.modern-info-page .content-page-hero,
.modern-legal-page .content-page-hero,
.about-page .content-page-hero{
  width:100%;box-sizing:border-box;
  grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);
  min-height:270px;padding:38px 42px;gap:22px;
}
.content-page-hero > *{min-width:0}
.content-page-hero .hero-copy,
.content-page-hero > .eyebrow,
.content-page-hero > h1,
.content-page-hero > p,
.content-page-hero > .legal-hero-meta,
.content-page-hero > .legal-quick-nav,
.content-page-hero > .about-trust-row{grid-column:1;}
.content-page-hero-art{grid-column:2;grid-row:1 / span 6;align-self:stretch;width:100%;min-width:0}

/* The current markup places direct children sequentially in the grid.
   Explicit placement keeps metadata/nav from falling underneath the artwork. */
.content-page-hero .eyebrow{grid-row:1;align-self:end}
.content-page-hero h1{grid-row:2;align-self:start}
.content-page-hero > p{grid-row:3;align-self:start}
.content-page-hero .legal-hero-meta{grid-row:4;align-self:start}
.content-page-hero .legal-quick-nav{grid-row:5;align-self:start}
.content-page-hero .about-trust-row{grid-row:4 / span 2;align-self:start}

/* Avoid flex/grid children overflowing because of long legal labels or emails. */
.modern-info-page .prose,
.modern-info-page .contact-card,
.modern-info-page .about-card,
.modern-info-page .about-feature,
.modern-info-page .about-process,
.modern-info-page .about-principles,
.modern-legal-page .legal-prose-card,
.modern-legal-page .legal-details{min-width:0;overflow-wrap:anywhere;box-sizing:border-box}

/* Contact/About cards remain a grid instead of becoming a narrow list too early. */
.modern-info-page .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.about-card-grid,.about-features{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-work{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}

/* Legal navigation becomes a compact horizontal scroller rather than a vertical pile. */
.modern-legal-page .legal-quick-nav{
  flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;
  scrollbar-width:thin;padding-bottom:4px;max-width:100%;
}
.modern-legal-page .legal-quick-nav a{flex:0 0 auto;white-space:nowrap}

/* Wide legal content stays readable while headings and lists remain aligned. */
.modern-legal-page .legal-prose-card{width:100%;max-width:none;padding:clamp(26px,4vw,48px)}
.modern-legal-page .prose h2{max-width:900px}
.modern-legal-page .prose p,
.modern-legal-page .prose ul,
.modern-legal-page .prose ol,
.modern-legal-page .prose h3{max-width:900px}
.modern-legal-page .prose table{display:block;max-width:100%;overflow-x:auto}

@media (max-width:1080px){
  .modern-info-page .content-page-hero,
  .modern-legal-page .content-page-hero,
  .about-page .content-page-hero{padding:32px 32px;grid-template-columns:minmax(0,1.08fr) minmax(245px,.92fr);gap:18px}
  .content-hero-globe{width:132px;height:132px;font-size:66px}
  .content-hero-orbit-a{width:220px;height:100px}
  .content-hero-orbit-b{width:190px;height:190px}
  .content-hero-node{width:44px;height:44px;font-size:16px}
  .content-hero-node-a{left:8%}.content-hero-node-b{right:3%}.content-hero-node-c{right:8%}
  .about-card-grid,.about-features{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
  .modern-info-page .content-page-hero,
  .modern-legal-page .content-page-hero,
  .about-page .content-page-hero{
    grid-template-columns:1fr;min-height:0;padding:30px 26px;gap:10px;text-align:center;
  }
  .content-page-hero .eyebrow,
  .content-page-hero h1,
  .content-page-hero > p,
  .content-page-hero .legal-hero-meta,
  .content-page-hero .legal-quick-nav,
  .content-page-hero .about-trust-row{grid-column:1;grid-row:auto}
  .content-page-hero .eyebrow{justify-self:center}
  .content-page-hero h1,.content-page-hero > p{margin-left:auto;margin-right:auto}
  .content-page-hero .legal-hero-meta,
  .content-page-hero .legal-quick-nav,
  .content-page-hero .about-trust-row{justify-content:center}
  .content-page-hero-art{grid-column:1;grid-row:auto;min-height:190px;width:100%;margin-top:4px}
  .modern-info-page .contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-work{grid-template-columns:1fr}
}

@media (max-width:640px){
  .modern-info-page .wrap,
  .modern-legal-page .wrap,
  .about-page .wrap{width:min(100% - 24px,1180px)}
  .modern-info-page{padding:16px 0 48px}
  .modern-info-page .content-page-hero,
  .modern-legal-page .content-page-hero,
  .about-page .content-page-hero{padding:25px 18px;border-radius:21px}
  .content-page-hero h1{font-size:clamp(29px,9vw,43px);line-height:1.07;letter-spacing:-.035em}
  .content-page-hero > p{font-size:14px;line-height:1.65}
  .content-page-hero .legal-hero-meta{font-size:10.5px;line-height:1.6;gap:6px 9px}
  .modern-info-page .contact-grid{grid-template-columns:1fr;gap:13px}
  .modern-info-page .contact-card{min-height:0;padding:20px}
  .modern-info-page .prose{padding:22px 18px;border-radius:19px}
  .about-card-grid,.about-features{grid-template-columns:1fr;gap:12px}
  .about-card,.about-feature{min-height:0}
  .about-process,.about-principles{padding:20px}
  .modern-legal-page .legal-prose-card{padding:22px 18px;border-radius:20px}
  .modern-legal-page .prose h2{font-size:21px;margin-top:31px}
  .modern-legal-page .prose h2::before{left:-10px;width:3px}
  .modern-legal-page .prose p,.modern-legal-page .prose li{font-size:14px;line-height:1.78}
  .modern-legal-page .legal-details{padding:17px;border-radius:18px}
  .content-hero-globe{width:108px;height:108px;font-size:52px}
  .content-hero-orbit-a{width:185px;height:84px}
  .content-hero-orbit-b{width:155px;height:155px}
  .content-hero-node{width:38px;height:38px;border-radius:12px;font-size:14px}
  .content-hero-node-a{left:5%;top:13px}.content-hero-node-b{right:3%;top:24%}.content-hero-node-c{right:9%;bottom:2%}
}

@media (max-width:390px){
  .modern-info-page .wrap,
  .modern-legal-page .wrap,
  .about-page .wrap{width:calc(100% - 20px)}
  .modern-info-page .content-page-hero,
  .modern-legal-page .content-page-hero{padding:22px 14px;border-radius:18px}
  .content-page-hero h1{font-size:30px}
  .content-page-hero .legal-quick-nav{justify-content:flex-start}
  .content-page-hero .legal-quick-nav a{font-size:9.5px;padding:7px 9px}
  .content-page-hero-art{min-height:155px}
  .modern-info-page .contact-card{padding:18px}
  .modern-info-page .contact-card h3{font-size:15.5px;gap:9px}
  .modern-info-page .contact-card h3 i{width:36px;height:36px;flex-basis:36px}
  .modern-legal-page .prose h2{font-size:19px}
}

/* =====================================================================
   CONTENT HERO V2 — same visual language as the Blog/Legal reference.
   Applied to About and Contact without changing their page content.
===================================================================== */
.modern-info-page .content-hero-v2{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  align-items:center;
  gap:26px;
  overflow:hidden;
  min-height:390px;
  margin:10px 0 22px;
  padding:44px 60px;
  border:1px solid #dce9f7;
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 108%,rgba(53,133,242,.10),transparent 30%),
    linear-gradient(135deg,#f5faff 0%,#fff 56%,#edf5ff 100%);
  box-shadow:0 18px 45px rgba(38,78,129,.08);
  text-align:left;
}
.modern-info-page .content-hero-v2::before{
  content:'';position:absolute;width:300px;height:300px;left:-125px;bottom:-205px;
  border-radius:50%;background:rgba(53,133,242,.10);filter:blur(2px);pointer-events:none;
}
.modern-info-page .content-hero-v2 .eyebrow,
.modern-info-page .content-hero-v2 .about-eyebrow{
  position:relative;z-index:5;display:inline-flex;align-items:center;gap:9px;
  width:max-content;margin:0 0 13px;padding:8px 13px;border:0;border-radius:999px;
  background:#e7f1ff;color:#1468df;font:700 11px 'Inter',sans-serif;letter-spacing:.1em;
}
.modern-info-page .content-hero-v2 h1{
  position:relative;z-index:5;max-width:790px;margin:18px 0 12px;color:#10254b;
  font:700 clamp(38px,5vw,62px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.045em;
}
.modern-info-page .content-hero-v2 h1 span{background:none;color:#2879eb}
.modern-info-page .content-hero-v2>p{position:relative;z-index:5;max-width:700px;margin:0;color:#60799f;font:400 15px/1.72 'Inter',sans-serif}
.modern-info-page .content-hero-v2 .about-trust-row{position:relative;z-index:5;display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.modern-info-page .content-hero-v2 .about-trust-pill{
  display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #dce8f6;
  border-radius:999px;background:rgba(255,255,255,.78);color:#57719a;font:600 10.5px 'Inter',sans-serif;
}
.modern-info-page .content-hero-v2 .about-trust-pill::before{content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;color:#16ae78}
.modern-info-page .content-hero-v2 .content-page-hero-art{position:relative;z-index:3;min-height:300px;display:grid;place-items:center;width:100%}
.modern-info-page .content-hero-v2 .content-hero-globe{
  position:relative;z-index:4;width:172px;height:172px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(145deg,#2d82ef,#1762d2);box-shadow:0 18px 40px rgba(39,119,235,.25),inset 0 1px rgba(255,255,255,.55);color:#fff;
}
.modern-info-page .content-hero-v2 .content-hero-globe i{font-size:92px}
.modern-info-page .content-hero-v2 .content-hero-orbit{border-color:rgba(49,128,236,.20)}
.modern-info-page .content-hero-v2 .content-hero-orbit-a{width:290px;height:150px;transform:rotate(-18deg)}
.modern-info-page .content-hero-v2 .content-hero-orbit-b{width:230px;height:230px;transform:rotate(32deg)}
.modern-info-page .content-hero-v2 .content-hero-node{width:54px;height:54px;border-radius:15px;background:#fff;border:1px solid #dce9f7;box-shadow:0 12px 28px rgba(37,82,139,.12);font-size:20px;color:#2879eb}
.modern-info-page .content-hero-v2 .content-hero-node-a{top:22px;left:10%;color:#1fb88f}
.modern-info-page .content-hero-v2 .content-hero-node-b{bottom:18px;right:6%;color:#7746e7}
.modern-info-page .content-hero-v2 .content-hero-node-c{top:44%;left:2%;color:#2879eb}

/* Contact does not have About's trust-row, so keep the same vertical rhythm. */
.modern-info-page.contact-page .content-hero-v2 .content-page-hero-art{grid-row:1 / span 3;grid-column:2}
.modern-info-page.contact-page .content-hero-v2>p{grid-column:1}
.modern-info-page.contact-page .content-hero-v2 .eyebrow{grid-column:1}
.modern-info-page.contact-page .content-hero-v2 h1{grid-column:1}

:root[data-theme="dark"] .modern-info-page .content-hero-v2{
  border-color:rgba(126,163,255,.18);
  background:radial-gradient(circle at 8% 108%,rgba(53,133,242,.12),transparent 30%),linear-gradient(135deg,#101827 0%,#0b1120 56%,#101a30 100%);
  box-shadow:0 18px 55px rgba(0,0,0,.24)
}
:root[data-theme="dark"] .modern-info-page .content-hero-v2 .eyebrow,
:root[data-theme="dark"] .modern-info-page .content-hero-v2 .about-eyebrow{background:rgba(63,123,255,.14);color:#8fc0ff}
:root[data-theme="dark"] .modern-info-page .content-hero-v2 h1{color:var(--text-hi)}
:root[data-theme="dark"] .modern-info-page .content-hero-v2>p{color:var(--text-mid)}
:root[data-theme="dark"] .modern-info-page .content-hero-v2 .about-trust-pill,
:root[data-theme="dark"] .modern-info-page .content-hero-v2 .content-hero-node{background:rgba(16,24,39,.92);border-color:var(--panel-border-hi);color:var(--text-mid)}

@media(max-width:900px){
  .modern-info-page .content-hero-v2{grid-template-columns:1fr;min-height:0;padding:34px 30px;text-align:center}
  .modern-info-page .content-hero-v2 .eyebrow,.modern-info-page .content-hero-v2 .about-eyebrow{margin-inline:auto}
  .modern-info-page .content-hero-v2>p{margin-inline:auto}
  .modern-info-page .content-hero-v2 .about-trust-row{justify-content:center}
  .modern-info-page.contact-page .content-hero-v2 .content-page-hero-art{grid-row:auto;grid-column:auto}
  .modern-info-page.contact-page .content-hero-v2>p,.modern-info-page.contact-page .content-hero-v2 .eyebrow,.modern-info-page.contact-page .content-hero-v2 h1{grid-column:auto}
  .modern-info-page .content-hero-v2 .content-page-hero-art{min-height:240px}
}
@media(max-width:560px){
  .modern-info-page .content-hero-v2{padding:28px 20px;border-radius:22px}
  .modern-info-page .content-hero-v2 h1{font-size:38px}
  .modern-info-page .content-hero-v2>p{font-size:13.5px}
  .modern-info-page .content-hero-v2 .about-trust-row{gap:8px}
  .modern-info-page .content-hero-v2 .about-trust-pill{font-size:10px;padding:7px 9px}
  .modern-info-page .content-hero-v2 .content-page-hero-art{min-height:200px}
  .modern-info-page .content-hero-v2 .content-hero-globe{width:120px;height:120px}
  .modern-info-page .content-hero-v2 .content-hero-globe i{font-size:64px}
  .modern-info-page .content-hero-v2 .content-hero-orbit-a{width:230px;height:120px}
  .modern-info-page .content-hero-v2 .content-hero-orbit-b{width:190px;height:190px}
  .modern-info-page .content-hero-v2 .content-hero-node{width:46px;height:46px;border-radius:13px;font-size:17px}
  .modern-info-page .content-hero-v2 .content-hero-node-a{left:5%;top:12px}
  .modern-info-page .content-hero-v2 .content-hero-node-b{right:1%;bottom:8px}
  .modern-info-page .content-hero-v2 .content-hero-node-c{left:0;top:43%}
}
@media(max-width:390px){
  .modern-info-page .content-hero-v2{padding:24px 15px}
  .modern-info-page .content-hero-v2 h1{font-size:31px}
  .modern-info-page .content-hero-v2 .content-page-hero-art{min-height:175px}
  .modern-info-page .content-hero-v2 .content-hero-globe{width:105px;height:105px}
  .modern-info-page .content-hero-v2 .content-hero-globe i{font-size:55px}
}
.modern-info-page .content-hero-v2 .content-hero-copy{position:relative;z-index:5;min-width:0}
.modern-info-page.contact-page .content-hero-v2 .content-page-hero-art{grid-row:auto;grid-column:auto}

/* V53 — About hero spans the complete content width instead of inheriting the old narrow hero rule. */
.about-page .about-hero.content-page-hero{
  width:100%;max-width:none;box-sizing:border-box;
}


/* =========================================================
   Final visual alignment + About card polish
   - Keep hero copy left-aligned on desktop.
   - Use balanced vertical padding instead of excess bottom space.
   - Preserve centered mobile composition.
   ========================================================= */
.modern-info-page .content-page-hero,
.about-page .content-page-hero{
  text-align:left;
  align-items:stretch;
  min-height:0;
  padding:44px 60px;
  box-sizing:border-box;
}
.modern-info-page .content-page-hero .eyebrow,
.about-page .content-page-hero .about-eyebrow{
  margin-left:0;
  margin-right:0;
  justify-self:start;
}
.modern-info-page .content-page-hero h1,
.about-page .content-page-hero h1{margin-left:0;margin-right:0;}
.modern-info-page .content-page-hero > p,
.about-page .content-page-hero > p{margin-left:0;margin-right:0;}
.about-page .content-page-hero .about-trust-row{justify-content:flex-start;}

.about-feature{
  position:relative;
  overflow:hidden;
  min-height:205px;
  padding:22px;
  background:linear-gradient(145deg,var(--panel),var(--surface-hover-soft));
  box-shadow:0 14px 38px rgba(0,0,0,.045);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.about-feature::after{
  content:'';
  position:absolute;
  width:130px;height:130px;right:-48px;top:-55px;border-radius:50%;
  background:radial-gradient(circle,rgba(63,123,255,.11),transparent 68%);
  pointer-events:none;
}
.about-feature:hover{
  transform:translateY(-3px);
  border-color:var(--panel-border-hi);
  box-shadow:0 22px 48px rgba(0,0,0,.09);
}
.about-feature .feature-icon{
  position:relative;z-index:1;
  width:42px;height:42px;display:grid;place-items:center;
  margin-bottom:14px;border-radius:13px;
  color:var(--blue);
  background:linear-gradient(145deg,rgba(63,123,255,.14),rgba(45,217,232,.08));
  border:1px solid rgba(63,123,255,.18);
  box-shadow:0 8px 18px rgba(63,123,255,.08);
}
.about-feature .feature-icon i{font-size:17px;line-height:1;}
.about-feature .feature-tag{position:relative;z-index:1;margin-bottom:8px;}
.about-feature h3,.about-feature p{position:relative;z-index:1;}

:root[data-theme="dark"] .about-feature .feature-icon{
  background:linear-gradient(145deg,rgba(63,123,255,.20),rgba(45,217,232,.10));
  border-color:rgba(126,163,255,.22);
}

@media(max-width:900px){
  .modern-info-page .content-page-hero,
  .about-page .content-page-hero{padding:34px 32px;}
}
@media(max-width:760px){
  .modern-info-page .content-page-hero,
  .about-page .content-page-hero{
    text-align:center;
    padding:34px 30px;
  }
  .modern-info-page .content-page-hero .eyebrow,
  .about-page .content-page-hero .about-eyebrow{margin-left:auto;margin-right:auto;}
  .modern-info-page .content-page-hero > p,
  .about-page .content-page-hero > p{margin-left:auto;margin-right:auto;}
  .about-page .content-page-hero .about-trust-row{justify-content:center;}
}
@media(max-width:480px){
  .modern-info-page .content-page-hero,
  .about-page .content-page-hero{padding:26px 18px;}
  .about-feature{min-height:0;padding:20px;}
}

/* V54 — About/content hero compact left-aligned treatment. */
.modern-info-page .content-page-hero,
.about-page .content-page-hero{
  min-height:0;
  padding:28px 60px;
  text-align:left;
  align-items:center;
}
.modern-info-page .content-page-hero .content-hero-copy,
.about-page .content-page-hero .content-hero-copy{
  text-align:left;
}
.modern-info-page .content-page-hero .about-eyebrow,
.about-page .content-page-hero .about-eyebrow{
  margin-left:0;
  margin-right:0;
}
.modern-info-page .content-page-hero h1,
.about-page .content-page-hero h1,
.modern-info-page .content-page-hero > p,
.about-page .content-page-hero > p{
  margin-left:0;
  margin-right:0;
  text-align:left;
}
.about-page .content-page-hero .about-trust-row{
  justify-content:flex-start;
}
@media(max-width:900px){
  .modern-info-page .content-page-hero,
  .about-page .content-page-hero{
    padding:26px 30px;
    text-align:left;
  }
}
@media(max-width:760px){
  .modern-info-page .content-page-hero,
  .about-page .content-page-hero{
    padding:24px 22px;
    text-align:left;
  }
  .modern-info-page .content-page-hero .about-eyebrow,
  .about-page .content-page-hero .about-eyebrow{
    margin-left:0;
    margin-right:0;
  }
  .modern-info-page .content-page-hero > p,
  .about-page .content-page-hero > p{
    margin-left:0;
    margin-right:0;
  }
  .about-page .content-page-hero .about-trust-row{
    justify-content:flex-start;
  }
}
@media(max-width:480px){
  .modern-info-page .content-page-hero,
  .about-page .content-page-hero{
    padding:21px 17px;
  }
}

/* V55 — Final About/Contact hero composition: all copy left-aligned and equal compact padding. */
.modern-info-page .content-hero-v2,
.about-page .content-page-hero.content-hero-v2{
  min-height:0;
  padding:24px 60px;
  text-align:left;
  align-items:center;
}
.modern-info-page .content-hero-v2 .content-hero-copy,
.modern-info-page .content-hero-v2 .about-eyebrow,
.modern-info-page .content-hero-v2 h1,
.modern-info-page .content-hero-v2 > p,
.about-page .content-page-hero .content-hero-copy,
.about-page .content-page-hero .about-eyebrow,
.about-page .content-page-hero h1,
.about-page .content-page-hero > p{
  text-align:left;
}
.about-page .content-page-hero .about-trust-row{justify-content:flex-start;}
.modern-info-page .content-hero-v2 .content-page-hero-art{min-height:250px;}
@media(max-width:900px){
  .modern-info-page .content-hero-v2,
  .about-page .content-page-hero.content-hero-v2{
    padding:24px 30px;
    text-align:left;
  }
  .modern-info-page .content-hero-v2 .content-page-hero-art{min-height:230px;}
}
@media(max-width:760px){
  .modern-info-page .content-hero-v2,
  .about-page .content-page-hero.content-hero-v2{
    padding:20px 22px;
    text-align:left;
  }
  .modern-info-page .content-hero-v2 .content-page-hero-art{min-height:200px;}
}
@media(max-width:480px){
  .modern-info-page .content-hero-v2,
  .about-page .content-page-hero.content-hero-v2{
    padding:18px 17px;
  }
  .modern-info-page .content-hero-v2 .content-page-hero-art{min-height:175px;}
}

/* V57 — Final hero vertical centering for Legal + About.
   The hero keeps equal top/bottom padding while the complete content group
   is vertically centered inside the container. Existing left alignment is preserved. */
.modern-legal-page .legal-hero-v2,
.about-page .content-page-hero{
  min-height:390px !important;
  height:auto !important;
  box-sizing:border-box !important;
  align-items:center !important;
  padding-top:44px !important;
  padding-bottom:44px !important;
}

.modern-legal-page .legal-hero-copy,
.about-page .content-hero-copy{
  align-self:center !important;
  justify-self:stretch;
  text-align:left !important;
}

.modern-legal-page .legal-hero-art-v2,
.about-page .content-page-hero-art{
  align-self:center !important;
  justify-self:stretch;
}

@media (max-width:900px){
  .modern-legal-page .legal-hero-v2,
  .about-page .content-page-hero{
    min-height:0 !important;
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
}

@media (max-width:560px){
  .modern-legal-page .legal-hero-v2,
  .about-page .content-page-hero{
    min-height:0 !important;
    padding-top:28px !important;
    padding-bottom:28px !important;
  }
}

@media (max-width:390px){
  .modern-legal-page .legal-hero-v2,
  .about-page .content-page-hero{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }
}

.page-related-faq{padding:34px 20px 58px;background:var(--surface,#f7f9fc)}.page-related-faq-inner{max-width:900px;margin:0 auto}.page-related-faq h2{margin:5px 0 8px}.page-related-faq-inner>p{color:var(--text-low);line-height:1.65}.page-related-faq details{margin:12px 0;padding:16px 18px;border:1px solid var(--panel-border);border-radius:12px;background:var(--panel)}.page-related-faq summary{cursor:pointer;font-weight:650;color:var(--text-hi)}.page-related-faq details p{margin:10px 0 0;line-height:1.7;color:var(--text-mid)}

/* FAQ explorer: persistent topic navigation with section-based content */
.faq-explorer{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start;margin:34px 0 42px}
.faq-sidebar{position:sticky;top:18px;align-self:start;padding:16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.07)}
.faq-sidebar-title{display:flex;align-items:center;gap:10px;padding:5px 7px 15px;color:var(--text-hi);font:700 14px 'Space Grotesk',sans-serif;border-bottom:1px solid var(--panel-border)}
.faq-sidebar-title i{color:var(--cyan)}.faq-sidebar nav{display:grid;gap:6px;margin-top:12px}
.faq-nav-link{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 10px;border-radius:10px;color:var(--text-mid);text-decoration:none;font-size:12px;line-height:1.35;transition:background .18s,color .18s}
.faq-nav-link i{color:var(--text-low);text-align:center}.faq-nav-link b{font:600 10px 'JetBrains Mono',monospace;color:var(--text-low);background:var(--surface-hover);padding:3px 5px;border-radius:6px}
.faq-nav-link:hover,.faq-nav-link.is-active{background:rgba(45,217,232,.12);color:var(--text-hi)}.faq-nav-link.is-active{box-shadow:inset 3px 0 var(--cyan)}.faq-nav-link.is-active i{color:var(--cyan)}
.faq-sidebar-note{margin:14px 7px 2px;color:var(--text-low);font-size:10px}.faq-content{min-width:0}.faq-section-panel{scroll-margin-top:24px;margin:0 0 30px;padding:22px;background:var(--surface,transparent);border:1px solid var(--panel-border);border-radius:18px}
.faq-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px;padding-bottom:16px;border-bottom:1px solid var(--panel-border)}.faq-section-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:rgba(45,217,232,.12);color:var(--cyan);font-size:17px}.faq-section-heading p{margin:0 0 3px;color:var(--text-low);font:10px 'JetBrains Mono',monospace;letter-spacing:.09em}.faq-section-heading h2{margin:0;color:var(--text-hi);font:700 20px 'Space Grotesk',sans-serif}.faq-count{margin-left:auto;padding:6px 9px;border-radius:8px;background:var(--surface-hover);color:var(--text-mid);font:600 11px 'JetBrains Mono',monospace}.faq-section-panel .faq-list{margin:0;gap:9px}.faq-section-panel .faq-item{border-radius:12px}.faq-section-panel .faq-item summary{font-size:14px;padding:15px 17px}.faq-section-panel .faq-answer{font-size:13px;padding:0 17px 16px}
@media(max-width:850px){.faq-explorer{grid-template-columns:1fr;gap:16px}.faq-sidebar{position:relative;top:auto}.faq-sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.faq-nav-link{min-width:190px;scroll-snap-align:start}.faq-sidebar-note{display:none}.faq-section-panel{padding:17px}}
@media(max-width:520px){.faq-section-heading h2{font-size:17px}.faq-section-panel{padding:13px}.faq-section-panel .faq-item summary{font-size:13px;padding:13px}.faq-section-panel .faq-answer{padding:0 13px 14px}}

/* Revision 1.3.1: keep FAQ topic navigation visible while reading the section list. */
@media (min-width:851px){
  .faq-explorer{align-items:stretch;}
  .faq-sidebar{
    position:-webkit-sticky;
    position:sticky;
    top:18px;
    align-self:start;
    max-height:calc(100vh - 36px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .faq-section-panel{scroll-margin-top:22px;}
}
/* FAQ Browse Topics remains sticky for the full FAQ explorer/content column. */
@media(min-width:851px){
  .faq-explorer{align-items:stretch}
  .faq-sidebar{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .faq-sidebar nav{min-height:0}
}
@media(max-width:850px){.faq-sidebar{position:relative;top:auto;max-height:none;overflow:visible}}

/* Revision 1.3.3: sticky inner Browse Topics panel is bounded by the full FAQ explorer. */
@media(min-width:851px){
  .faq-explorer{display:grid;grid-template-columns:minmax(235px,285px) minmax(0,1fr);align-items:stretch;gap:24px;overflow:visible}
  .faq-sidebar{position:relative;top:auto;align-self:stretch;max-height:none;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none}
  .faq-sidebar-inner{position:-webkit-sticky;position:sticky;top:18px;max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:16px;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.07)}
}
@media(max-width:850px){.faq-sidebar{position:relative;align-self:auto}.faq-sidebar-inner{position:relative;top:auto;max-height:none;overflow:visible}}