/*
 * Travora About — v1.8.0.1
 * ------------------------------------------------------------
 * Composition-only styles for the About page. Global typography,
 * containers, buttons, cards, section rhythm and chrome remain owned
 * by the Unified Frontend System.
 */

body.travora-page-about .travora-about-page{
  overflow:hidden;
}

body.travora-page-about .travora-about-page .about-hero{
  isolation:isolate;
}

body.travora-page-about .travora-about-page .about-hero-glow{
  position:absolute;
  z-index:-1;
  width:420px;
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(30px);
  pointer-events:none;
}
body.travora-page-about .travora-about-page .about-hero-glow-one{
  top:2%;
  right:-150px;
  background:radial-gradient(circle,rgba(0,191,255,.17),rgba(0,191,255,0) 70%);
}
body.travora-page-about .travora-about-page .about-hero-glow-two{
  bottom:-120px;
  left:-220px;
  background:radial-gradient(circle,rgba(212,175,55,.07),rgba(212,175,55,0) 72%);
}

body.travora-page-about .travora-about-page .about-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
  align-items:center;
  gap:clamp(48px,6vw,88px);
}
body.travora-page-about .travora-about-page .hero-copy .breadcrumb{margin-bottom:26px;}
body.travora-page-about .travora-about-page .hero-copy .support-copy{
  max-width:760px;
  margin-top:14px;
  color:var(--color-text-muted);
}

body.travora-page-about .travora-about-page .about-system-visual{
  min-width:0;
  margin:0;
}
body.travora-page-about .travora-about-page .about-system-frame{
  position:relative;
  padding:18px;
  border:1px solid rgba(0,191,255,.21);
  border-radius:var(--radius-500);
  background:
    radial-gradient(circle at 80% 0%,rgba(0,191,255,.14),transparent 32%),
    linear-gradient(180deg,rgba(16,42,67,.88),rgba(7,21,33,.82));
  box-shadow:var(--shadow-lg),inset 0 1px 0 rgba(255,255,255,.035);
}
body.travora-page-about .travora-about-page .about-system-frame::before{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background-image:
    linear-gradient(rgba(230,247,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(230,247,255,.025) 1px,transparent 1px);
  background-size:30px 30px;
  content:"";
  pointer-events:none;
  mask-image:linear-gradient(to bottom,#000,transparent 92%);
}
body.travora-page-about .travora-about-page .about-system-topbar{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:10px 10px 16px;
  border-bottom:1px solid rgba(168,195,214,.12);
}
body.travora-page-about .travora-about-page .about-system-topbar>div{display:flex;gap:5px;}
body.travora-page-about .travora-about-page .about-system-topbar>div span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(168,195,214,.36);
}
body.travora-page-about .travora-about-page .about-system-topbar strong{
  font-size:13px;
  letter-spacing:.01em;
}
body.travora-page-about .travora-about-page .about-system-topbar small{
  color:var(--color-text-subtle);
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
body.travora-page-about .travora-about-page .about-system-flow{
  position:relative;
  z-index:1;
  display:grid;
  gap:9px;
  padding:18px 0;
}
body.travora-page-about .travora-about-page .about-system-flow::before{
  position:absolute;
  top:34px;
  bottom:34px;
  left:26px;
  width:1px;
  background:linear-gradient(var(--color-accent),rgba(0,191,255,.08));
  content:"";
}
body.travora-page-about .travora-about-page .about-system-node{
  position:relative;
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  gap:11px;
  min-height:66px;
  padding:11px 12px 11px 8px;
  border:1px solid rgba(168,195,214,.12);
  border-radius:var(--radius-300);
  background:rgba(7,21,33,.58);
}
body.travora-page-about .travora-about-page .about-system-node i{
  z-index:1;
  display:grid;
  width:36px;
  height:36px;
  place-items:center;
  border:1px solid rgba(0,191,255,.23);
  border-radius:12px;
  background:#0B1C2C;
  color:var(--color-accent-strong);
  font-size:10px;
  font-style:normal;
  font-weight:800;
}
body.travora-page-about .travora-about-page .about-system-node div{display:grid;gap:3px;min-width:0;}
body.travora-page-about .travora-about-page .about-system-node div strong{font-size:13px;}
body.travora-page-about .travora-about-page .about-system-node div span{
  overflow:hidden;
  color:var(--color-text-subtle);
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.travora-page-about .travora-about-page .about-system-node b{
  padding:5px 8px;
  border-radius:var(--radius-pill);
  background:rgba(168,195,214,.08);
  color:rgba(230,247,255,.64);
  font-size:9px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.travora-page-about .travora-about-page .about-system-node.is-accent{
  border-color:rgba(0,191,255,.24);
  background:rgba(0,191,255,.055);
}
body.travora-page-about .travora-about-page .about-system-node.is-accent b{
  background:rgba(0,191,255,.11);
  color:var(--color-accent-strong);
}
body.travora-page-about .travora-about-page .about-system-controls{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding-top:2px;
}
body.travora-page-about .travora-about-page .about-system-controls span{
  display:grid;
  gap:2px;
  padding:10px;
  border:1px solid rgba(168,195,214,.10);
  border-radius:12px;
  background:rgba(16,42,67,.42);
}
body.travora-page-about .travora-about-page .about-system-controls small{color:var(--color-text-subtle);font-size:9px;}
body.travora-page-about .travora-about-page .about-system-controls strong{font-size:11px;}
body.travora-page-about .travora-about-page .about-system-visual figcaption{
  max-width:520px;
  margin:12px auto 0;
  color:var(--color-text-subtle);
  font-size:11px;
  line-height:1.55;
  text-align:center;
}

/* Page-nav outer geometry and transparency are shared system contracts. */
body.travora-page-about .travora-about-page .about-page-nav-inner{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding-block:10px;
  scrollbar-width:none;
}
body.travora-page-about .travora-about-page .about-page-nav-inner::-webkit-scrollbar{display:none;}
body.travora-page-about .travora-about-page .about-page-nav a{
  flex:none;
  padding:8px 12px;
  border-radius:var(--radius-pill);
  color:var(--color-text-subtle);
  font-size:13px;
  font-weight:650;
  transition:background-color .2s ease,color .2s ease;
}
body.travora-page-about .travora-about-page .about-page-nav a:hover,
body.travora-page-about .travora-about-page .about-page-nav a:focus-visible,
body.travora-page-about .travora-about-page .about-page-nav a.is-current{
  background:rgba(0,191,255,.08);
  color:var(--color-text-primary);
}

body.travora-page-about .travora-about-page .about-card-number{
  display:inline-grid;
  width:36px;
  height:36px;
  margin-bottom:22px;
  place-items:center;
  border:1px solid rgba(0,191,255,.23);
  border-radius:11px;
  background:rgba(0,191,255,.07);
  color:var(--color-accent-strong);
  font-size:11px;
  font-weight:800;
}
body.travora-page-about .travora-about-page .about-capability-grid,
body.travora-page-about .travora-about-page .about-industry-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
body.travora-page-about .travora-about-page .about-capability-grid .travora-card,
body.travora-page-about .travora-about-page .about-industry-card{
  padding:26px;
}
body.travora-page-about .travora-about-page .about-capability-grid h3,
body.travora-page-about .travora-about-page .about-industry-card h3{margin-bottom:10px;}
body.travora-page-about .travora-about-page .about-capability-grid p,
body.travora-page-about .travora-about-page .about-industry-card p{margin:0;color:var(--color-text-muted);}
body.travora-page-about .travora-about-page .about-industry-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
body.travora-page-about .travora-about-page .about-industry-card>strong{
  margin-top:auto;
  padding-top:24px;
  color:var(--color-accent-strong);
  font-size:13px;
}
body.travora-page-about .travora-about-page .about-section-link{margin:26px 0 0;}

body.travora-page-about .travora-about-page .about-origin-grid{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:center;
  gap:clamp(48px,6vw,88px);
}
body.travora-page-about .travora-about-page .about-origin-copy>p:not(.eyebrow){
  max-width:650px;
  margin-top:16px;
  color:var(--color-text-muted);
}
body.travora-page-about .travora-about-page .about-origin-copy .text-cta{display:inline-flex;margin-top:24px;}
body.travora-page-about .travora-about-page .about-transformation{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:14px;
}
body.travora-page-about .travora-about-page .about-state-card{
  min-height:320px;
  padding:24px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-400);
  background:rgba(16,42,67,.45);
  box-shadow:var(--shadow-sm);
}
body.travora-page-about .travora-about-page .about-state-card.is-after{
  border-color:rgba(0,191,255,.27);
  background:linear-gradient(180deg,rgba(0,191,255,.08),rgba(16,42,67,.48));
}
body.travora-page-about .travora-about-page .about-state-label{
  display:inline-flex;
  margin-bottom:22px;
  color:var(--color-text-subtle);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.travora-page-about .travora-about-page .about-state-card.is-after .about-state-label{color:var(--color-accent-strong);}
body.travora-page-about .travora-about-page .about-state-card ul{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
body.travora-page-about .travora-about-page .about-state-card li{
  position:relative;
  padding-left:20px;
  color:rgba(230,247,255,.76);
  font-size:14px;
  line-height:1.55;
}
body.travora-page-about .travora-about-page .about-state-card li::before{
  position:absolute;
  top:.65em;
  left:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(168,195,214,.45);
  content:"";
}
body.travora-page-about .travora-about-page .about-state-card.is-after li::before{background:var(--color-accent);box-shadow:0 0 0 4px rgba(0,191,255,.08);}
body.travora-page-about .travora-about-page .about-transform-arrow{
  display:grid;
  gap:4px;
  place-items:center;
  color:var(--color-accent-strong);
  text-align:center;
}
body.travora-page-about .travora-about-page .about-transform-arrow span{font-size:24px;}
body.travora-page-about .travora-about-page .about-transform-arrow small{max-width:58px;color:var(--color-text-subtle);font-size:9px;line-height:1.25;text-transform:uppercase;}

body.travora-page-about .travora-about-page .about-process{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
body.travora-page-about .travora-about-page .about-process::before{
  position:absolute;
  top:31px;
  right:10%;
  left:10%;
  height:1px;
  background:linear-gradient(90deg,rgba(0,191,255,.1),rgba(0,191,255,.45),rgba(0,191,255,.1));
  content:"";
}
body.travora-page-about .travora-about-page .about-process>li{
  z-index:1;
  display:grid;
  gap:22px;
  padding:22px;
}
body.travora-page-about .travora-about-page .about-process>li>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(0,191,255,.28);
  border-radius:13px;
  background:#0B1C2C;
  color:var(--color-accent-strong);
  font-size:11px;
  font-weight:800;
}
body.travora-page-about .travora-about-page .about-process h3{margin-bottom:8px;}
body.travora-page-about .travora-about-page .about-process p{margin:0;color:var(--color-text-muted);}

body.travora-page-about .travora-about-page .about-principles-layout{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  align-items:start;
  gap:clamp(48px,6vw,88px);
}
body.travora-page-about .travora-about-page .about-principles-intro{
  position:sticky;
  top:132px;
}
body.travora-page-about .travora-about-page .about-principles-intro>p:not(.eyebrow){margin-top:16px;color:var(--color-text-muted);}
body.travora-page-about .travora-about-page .about-principle-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body.travora-page-about .travora-about-page .about-principle-grid .travora-card{padding:26px;}
body.travora-page-about .travora-about-page .about-principle-grid h3{margin-bottom:10px;}
body.travora-page-about .travora-about-page .about-principle-grid p{margin:0;color:var(--color-text-muted);}

body.travora-page-about .travora-about-page .about-journey{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  overflow:hidden;
  border:1px solid rgba(0,191,255,.18);
  border-radius:var(--radius-400);
  background:rgba(7,21,33,.42);
  box-shadow:var(--shadow-sm);
}
body.travora-page-about .travora-about-page .about-journey-stage{
  position:relative;
  display:grid;
  align-content:start;
  min-height:180px;
  gap:7px;
  padding:22px 18px;
  border-right:1px solid rgba(168,195,214,.10);
}
body.travora-page-about .travora-about-page .about-journey-stage:last-child{border-right:0;}
body.travora-page-about .travora-about-page .about-journey-stage::after{
  position:absolute;
  top:30px;
  right:-5px;
  z-index:2;
  width:9px;
  height:9px;
  border:2px solid #0B1C2C;
  border-radius:50%;
  background:var(--color-accent);
  content:"";
}
body.travora-page-about .travora-about-page .about-journey-stage:last-child::after{display:none;}
body.travora-page-about .travora-about-page .about-journey-stage>span{color:var(--color-accent-strong);font-size:10px;font-weight:800;}
body.travora-page-about .travora-about-page .about-journey-stage>strong{font-size:15px;}
body.travora-page-about .travora-about-page .about-journey-stage>small{color:var(--color-text-subtle);font-size:11px;line-height:1.55;}
body.travora-page-about .travora-about-page .about-solution-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:24px;
}
body.travora-page-about .travora-about-page .about-solution-links>a{
  display:grid;
  gap:6px;
  padding:20px;
}
body.travora-page-about .travora-about-page .about-solution-links>a>span{
  color:var(--color-accent-strong);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.travora-page-about .travora-about-page .about-solution-links>a>strong{font-size:15px;}
body.travora-page-about .travora-about-page .about-solution-links>a>small{color:var(--color-text-subtle);font-size:12px;line-height:1.55;}

body.travora-page-about .travora-about-page .about-specific-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:center;
  gap:clamp(48px,6vw,88px);
}
body.travora-page-about .travora-about-page .about-specific-copy>p:not(.eyebrow){margin-top:16px;color:var(--color-text-muted);}
body.travora-page-about .travora-about-page .about-complexity-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding:20px;
  border:1px solid rgba(0,191,255,.18);
  border-radius:var(--radius-500);
  background:radial-gradient(circle at 90% 0%,rgba(0,191,255,.1),transparent 34%),rgba(16,42,67,.37);
  box-shadow:var(--shadow-sm);
}
body.travora-page-about .travora-about-page .about-complexity-grid span{
  position:relative;
  padding:16px 16px 16px 38px;
  border:1px solid rgba(168,195,214,.10);
  border-radius:14px;
  background:rgba(7,21,33,.45);
  color:rgba(230,247,255,.78);
  font-size:13px;
  font-weight:650;
}
body.travora-page-about .travora-about-page .about-complexity-grid span::before{
  position:absolute;
  top:50%;
  left:17px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--color-accent);
  box-shadow:0 0 0 4px rgba(0,191,255,.08);
  content:"";
  transform:translateY(-50%);
}

body.travora-page-about .travora-about-page .about-expect-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.travora-page-about .travora-about-page .about-expect-item{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:16px 18px;
  border:1px solid rgba(168,195,214,.12);
  border-radius:var(--radius-300);
  background:rgba(16,42,67,.37);
}
body.travora-page-about .travora-about-page .about-expect-item span{
  display:grid;
  flex:0 0 28px;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:50%;
  background:rgba(0,191,255,.10);
  color:var(--color-accent-strong);
  font-size:12px;
  font-weight:900;
}
body.travora-page-about .travora-about-page .about-expect-item strong{font-size:13px;}

body.travora-page-about .travora-about-page .about-final-section{padding-top:var(--section-space-md);}
body.travora-page-about .travora-about-page .travora-final-cta-card .micro-line a{color:var(--color-accent-strong);}

/* Progressive enhancement mirrors the existing solution/industry contract. */
body.travora-page-about .travora-about-page .reveal{opacity:1;transform:none;}
body.travora-page-about .travora-about-page.is-enhanced .reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .6s ease,transform .6s ease;
}
body.travora-page-about .travora-about-page.is-enhanced .reveal:is(.visible,.is-visible){opacity:1;transform:none;}
body.travora-page-about .travora-about-page.is-enhanced .delay-1{transition-delay:.08s;}
body.travora-page-about .travora-about-page.is-enhanced .delay-2{transition-delay:.14s;}
body.travora-page-about .travora-about-page.is-enhanced .delay-3{transition-delay:.20s;}

@media(max-width:1100px){
  body.travora-page-about .travora-about-page .about-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:40px;}
  body.travora-page-about .travora-about-page .about-capability-grid,
  body.travora-page-about .travora-about-page .about-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.travora-page-about .travora-about-page .about-process{grid-template-columns:repeat(2,minmax(0,1fr));}
  body.travora-page-about .travora-about-page .about-process::before{display:none;}
  body.travora-page-about .travora-about-page .about-journey{grid-template-columns:repeat(3,minmax(0,1fr));}
  body.travora-page-about .travora-about-page .about-journey-stage:nth-child(3){border-right:0;}
  body.travora-page-about .travora-about-page .about-journey-stage:nth-child(3)::after{display:none;}
  body.travora-page-about .travora-about-page .about-journey-stage:nth-child(-n+3){border-bottom:1px solid rgba(168,195,214,.10);}
}

@media(max-width:900px){
  body.travora-page-about .travora-about-page .about-hero-grid,
  body.travora-page-about .travora-about-page .about-origin-grid,
  body.travora-page-about .travora-about-page .about-principles-layout,
  body.travora-page-about .travora-about-page .about-specific-grid{grid-template-columns:1fr;}
  body.travora-page-about .travora-about-page .about-hero-grid{gap:52px;}
  body.travora-page-about .travora-about-page .about-system-visual{width:min(100%,620px);margin-inline:auto;}
  body.travora-page-about .travora-about-page .about-origin-grid,
  body.travora-page-about .travora-about-page .about-specific-grid{gap:42px;}
  body.travora-page-about .travora-about-page .about-principles-intro{position:static;}
  body.travora-page-about .travora-about-page .about-solution-links{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:680px){
  body.travora-page-about .travora-about-page .about-system-topbar{grid-template-columns:auto 1fr;}
  body.travora-page-about .travora-about-page .about-system-topbar small{display:none;}
  body.travora-page-about .travora-about-page .about-system-controls{grid-template-columns:1fr;}
  body.travora-page-about .travora-about-page .about-system-node{grid-template-columns:36px 1fr;}
  body.travora-page-about .travora-about-page .about-system-node>b{grid-column:2;width:max-content;}
  body.travora-page-about .travora-about-page .about-capability-grid,
  body.travora-page-about .travora-about-page .about-industry-grid,
  body.travora-page-about .travora-about-page .about-process,
  body.travora-page-about .travora-about-page .about-principle-grid,
  body.travora-page-about .travora-about-page .about-solution-links,
  body.travora-page-about .travora-about-page .about-expect-grid{grid-template-columns:1fr;}
  body.travora-page-about .travora-about-page .about-transformation{grid-template-columns:1fr;}
  body.travora-page-about .travora-about-page .about-state-card{min-height:0;}
  body.travora-page-about .travora-about-page .about-transform-arrow span{transform:rotate(90deg);}
  body.travora-page-about .travora-about-page .about-journey{grid-template-columns:1fr;}
  body.travora-page-about .travora-about-page .about-journey-stage{
    min-height:0;
    border-right:0;
    border-bottom:1px solid rgba(168,195,214,.10);
  }
  body.travora-page-about .travora-about-page .about-journey-stage:nth-child(3){border-bottom:1px solid rgba(168,195,214,.10);}
  body.travora-page-about .travora-about-page .about-journey-stage:last-child{border-bottom:0;}
  body.travora-page-about .travora-about-page .about-journey-stage::after{display:none;}
  body.travora-page-about .travora-about-page .about-complexity-grid{grid-template-columns:1fr;padding:14px;}
}

@media(prefers-reduced-motion:reduce){
  body.travora-page-about .travora-about-page .reveal{opacity:1!important;transform:none!important;transition:none!important;}
}