/* CloudTen About R2 — scoped page styles only */
.about-r2 {
  --ct-navy: #041a33;
  --ct-navy-2: #061d39;
  --ct-blue: #0757a6;
  --ct-sky: #29b6e6;
  --ct-sky-soft: #eaf7ff;
  --ct-ink: #082a4d;
  --ct-copy: #4b5f72;
  --ct-line: #d8e9f5;
  --ct-canvas: #ffffff;
  background: #f5faff;
  color: #102b46;
}

.about-hero-r2 {
  position: relative;
  min-height: clamp(36rem, 72vh, 47rem);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  color: #fff;
  background: #031329;
}
.about-hero-r2__media,
.about-hero-r2__video,
.about-hero-r2__overlay {
  position: absolute;
  inset: 0;
}
.about-hero-r2__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  z-index: -3;
}
.about-hero-r2__overlay {
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(2, 16, 35, .95) 0%, rgba(3, 25, 52, .86) 38%, rgba(3, 28, 58, .55) 67%, rgba(3, 20, 43, .33) 100%),
    linear-gradient(180deg, rgba(2, 17, 38, .20) 0%, rgba(2, 17, 38, .18) 62%, rgba(2, 17, 38, .72) 100%);
}
.about-hero-r2__grid {
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .16;
  background-image:
    linear-gradient(rgba(134, 215, 246, .22) 1px, transparent 1px),
    linear-gradient(90deg, rgba(134, 215, 246, .22) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to right, #000 0%, rgba(0,0,0,.45) 42%, transparent 80%);
}
.about-hero-r2__inner {
  width: 100%;
  padding-top: clamp(5rem, 10vh, 8rem);
  padding-bottom: clamp(5rem, 10vh, 8rem);
}
.about-hero-r2 h1 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(3.25rem, 6.2vw, 6.5rem);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 800;
  text-wrap: balance;
}
.about-hero-r2__lead {
  max-width: 760px;
  margin-top: 1.7rem;
  color: #d7e7f3;
  font-size: clamp(1.08rem, 1.6vw, 1.35rem);
  line-height: 1.7;
}
.about-hero-r2__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 2rem;
}
.about-r2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3.25rem;
  padding: .85rem 1.3rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: .95rem;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.about-r2-btn:hover { transform: translateY(-2px); }
.about-r2-btn--primary { background: #49c7f0; color: #031329; }
.about-r2-btn--primary:hover { background: #fff; }
.about-r2-btn--ghost { border: 1px solid rgba(255,255,255,.35); color: #fff; background: rgba(3,19,41,.28); backdrop-filter: blur(8px); }
.about-r2-btn--ghost:hover { border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.09); }
.about-hero-r2__signature {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #9edff7;
  font-size: .8rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.about-hero-r2__signature::before {
  content: "";
  width: 42px;
  height: 1px;
  background: #52c9f0;
}

.about-r2-intro {
  padding: clamp(4.5rem, 8vw, 7.5rem) 0 2.6rem;
}
.about-r2-intro__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(20rem, .85fr);
  gap: clamp(2rem, 5vw, 5.5rem);
  align-items: end;
}
.about-r2-kicker {
  margin: 0 0 .9rem;
  color: #0b6caf;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.about-r2-intro h2,
.about-panel h2 {
  margin: 0;
  color: #082a4d;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.06;
}
.about-r2-intro h2 { font-size: clamp(2.45rem, 4.2vw, 4.6rem); max-width: 780px; }
.about-r2-intro__copy {
  margin: 0;
  color: #52687b;
  font-size: 1.08rem;
  line-height: 1.8;
}

.about-explorer {
  padding: 0 0 clamp(5rem, 8vw, 8rem);
}
.about-explorer__shell {
  display: grid;
  grid-template-columns: 18.5rem minmax(0, 1fr);
  gap: 1.1rem;
  align-items: start;
}
.about-sidebar {
  position: sticky;
  top: 8.3rem;
  overflow: hidden;
  border-radius: 1.75rem;
  background: #061d39;
  box-shadow: 0 28px 70px rgba(3, 30, 58, .16);
  color: #fff;
}
.about-sidebar__head {
  padding: 1.5rem 1.4rem 1.15rem;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.about-sidebar__head strong {
  display: block;
  font-size: 1.05rem;
  letter-spacing: -.01em;
}
.about-sidebar__head span {
  display: block;
  margin-top: .45rem;
  color: #9cb6cb;
  font-size: .78rem;
  line-height: 1.5;
}
.about-sidebar__nav {
  display: grid;
  gap: .3rem;
  padding: .8rem;
}
.about-tab {
  position: relative;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .55rem;
  align-items: center;
  padding: .82rem .85rem;
  border: 1px solid transparent;
  border-radius: .95rem;
  color: #c5d7e4;
  font-size: .875rem;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
  transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease;
}
.about-tab__num {
  color: #5abfe6;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .7rem;
  font-weight: 800;
}
.about-tab:hover,
.about-tab:focus-visible {
  color: #fff;
  background: rgba(255,255,255,.055);
  outline: none;
}
.about-tab.is-active {
  color: #031329;
  background: #66d0f3;
  border-color: #8ee0fa;
  box-shadow: 0 12px 30px rgba(45, 187, 232, .16);
}
.about-tab.is-active .about-tab__num { color: #075786; }
.about-sidebar__foot {
  padding: 1.15rem 1.4rem 1.45rem;
  border-top: 1px solid rgba(255,255,255,.09);
}
.about-sidebar__foot a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #6fd4f5;
  font-size: .78rem;
  font-weight: 800;
}

.about-canvas {
  position: relative;
  min-height: 45rem;
  overflow: hidden;
  border: 1px solid #d8e9f5;
  border-radius: 1.9rem;
  background: #fff;
  box-shadow: 0 28px 75px rgba(8, 53, 91, .095);
}
.about-canvas::before {
  content: "";
  position: absolute;
  width: 28rem;
  height: 28rem;
  right: -12rem;
  top: -14rem;
  border-radius: 50%;
  background: rgba(55, 191, 235, .10);
  filter: blur(8px);
  pointer-events: none;
}
.about-panel {
  position: relative;
  padding: clamp(2rem, 4.5vw, 4.2rem);
}
.about-tabs-ready .about-panel { display: none; }
.about-tabs-ready .about-panel.is-active {
  display: block;
  animation: aboutPanelIn .32s ease both;
}
@keyframes aboutPanelIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.about-panel__number {
  margin: 0 0 1rem;
  color: #0b79b7;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.about-panel h2 { font-size: clamp(2.15rem, 3.6vw, 4rem); max-width: 850px; }
.about-panel__lead {
  max-width: 850px;
  margin: 1.35rem 0 0;
  color: #4e6578;
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  line-height: 1.78;
}
.about-panel__rule {
  width: 64px;
  height: 3px;
  margin: 1.6rem 0 0;
  border-radius: 99px;
  background: linear-gradient(90deg, #0757a6, #42c7ee);
}
.about-panel__body { margin-top: 2.5rem; }

.about-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  margin-top: 2.5rem;
  border-top: 1px solid #dcebf5;
  border-bottom: 1px solid #dcebf5;
}
.about-proof {
  padding: 1.45rem 1.1rem 1.45rem 0;
}
.about-proof + .about-proof { padding-left: 1.1rem; border-left: 1px solid #dcebf5; }
.about-proof strong { display:block; color:#082a4d; font-size:.97rem; }
.about-proof span { display:block; margin-top:.45rem; color:#63788a; font-size:.78rem; line-height:1.55; }

.about-capability-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0;
  margin-top: 2rem;
  border: 1px solid #dcebf5;
  border-radius: 1.2rem;
  overflow: hidden;
}
.about-capability-list div {
  display:flex;
  align-items:center;
  gap:.8rem;
  min-height:3.8rem;
  padding:.9rem 1.05rem;
  border-bottom:1px solid #e3eef6;
  color:#29465f;
  font-weight:750;
  font-size:.9rem;
}
.about-capability-list div:nth-child(odd){border-right:1px solid #e3eef6;}
.about-capability-list div:nth-last-child(-n+2){border-bottom:0;}
.about-capability-list i {
  width:.52rem;height:.52rem;border-radius:50%;background:#31bde9;box-shadow:0 0 0 5px #e8f8fd;flex:0 0 auto;
}

.about-dual {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.about-statement {
  min-height:19rem;
  padding:2rem;
  border-radius:1.35rem;
  background:#061d39;
  color:#fff;
}
.about-statement--light { background:#eaf7ff; color:#082a4d; }
.about-statement__label { color:#72d5f5; font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.about-statement--light .about-statement__label{color:#0875ad;}
.about-statement h3 { margin:1.2rem 0 0; font-size:clamp(1.75rem,2.5vw,2.5rem); line-height:1.12; letter-spacing:-.035em; }
.about-statement p { margin:1rem 0 0; color:#c4d4e1; line-height:1.75; }
.about-statement--light p{color:#516a7d;}
.about-principle {
  margin-top:1.1rem;
  padding:1.3rem 1.4rem;
  border-left:3px solid #28bce8;
  background:#f7fbff;
  color:#29465f;
  font-size:1.04rem;
  line-height:1.75;
}

.about-flow {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.7rem;
}
.about-flow__step {
  position:relative;
  min-height:9.6rem;
  padding:1.2rem;
  border:1px solid #dcebf5;
  border-radius:1.15rem;
  background:#fafdff;
}
.about-flow__step span { font:800 .7rem ui-monospace, monospace; color:#0b79b7; }
.about-flow__step strong { display:block; margin-top:1.2rem; color:#082a4d; font-size:1rem; }
.about-flow__step p { margin:.5rem 0 0; color:#65798b; font-size:.8rem; line-height:1.55; }
.about-split-note { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; margin-top:1.4rem; }
.about-split-note > div { padding:1.5rem; border-radius:1.2rem; }
.about-split-note > div:first-child { background:#061d39; color:#fff; }
.about-split-note > div:last-child { background:#eaf7ff; color:#082a4d; }
.about-split-note h3 { margin:0; font-size:1.18rem; }
.about-split-note p { margin:.8rem 0 0; line-height:1.7; font-size:.9rem; color:#bfd1df; }
.about-split-note > div:last-child p { color:#567083; }

.about-lanes {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.9rem;
}
.about-lane {
  padding:1.5rem;
  border-top:3px solid #29bde9;
  background:#f8fcff;
}
.about-lane strong { color:#082a4d; font-size:1.05rem; }
.about-lane p { margin:.7rem 0 0; color:#5c7285; font-size:.88rem; line-height:1.65; }
.about-innovation-quote {
  margin-top:1.4rem;
  padding:1.55rem 1.65rem;
  border-radius:1.2rem;
  background:linear-gradient(105deg,#061d39,#0a3c69);
  color:#fff;
  font-size:clamp(1.15rem,2vw,1.5rem);
  line-height:1.55;
  font-weight:750;
}
.about-innovation-quote em{color:#69d2f3;font-style:normal;}

.about-trust-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #dcebf5;
  border-left:1px solid #dcebf5;
}
.about-trust-item {
  padding:1.4rem;
  border-right:1px solid #dcebf5;
  border-bottom:1px solid #dcebf5;
}
.about-trust-item strong { display:block; color:#082a4d; }
.about-trust-item p { margin:.5rem 0 0; color:#607689; font-size:.86rem; line-height:1.65; }
.about-trust-links { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.3rem; }
.about-trust-links a { padding:.7rem 1rem; border-radius:999px; background:#eaf7ff; color:#0757a6; font-size:.8rem; font-weight:850; }

.about-sectors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }
.about-sector { padding:1.3rem 1.35rem; border:1px solid #dcebf5; border-radius:1.1rem; }
.about-sector:last-child { grid-column:1/-1; }
.about-sector strong { color:#082a4d; }
.about-sector p { margin:.5rem 0 0; color:#607689; font-size:.86rem; line-height:1.62; }

.about-governance {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:1.2rem;
}
.about-governance__thesis {
  padding:1.7rem;
  border-radius:1.25rem;
  background:#061d39;
  color:#fff;
}
.about-governance__thesis strong { font-size:1.4rem; line-height:1.3; }
.about-governance__thesis p { margin:1rem 0 0; color:#c3d4e1; line-height:1.7; font-size:.9rem; }
.about-governance__roles { display:grid; gap:.65rem; }
.about-role { display:grid; grid-template-columns:2.2rem 1fr; gap:.8rem; padding:1rem 1.1rem; border-bottom:1px solid #e1edf5; }
.about-role span { color:#0b79b7; font:900 .72rem ui-monospace, monospace; }
.about-role strong { display:block; color:#082a4d; font-size:.94rem; }
.about-role p { margin:.35rem 0 0; color:#61778a; font-size:.8rem; line-height:1.55; }

.about-values-list { display:grid; gap:.15rem; }
.about-value { display:grid; grid-template-columns:3.2rem minmax(0,.55fr) minmax(0,1fr); gap:1.1rem; align-items:start; padding:1.05rem 0; border-bottom:1px solid #e0edf6; }
.about-value span { color:#0b79b7; font:900 .72rem ui-monospace, monospace; }
.about-value strong { color:#082a4d; }
.about-value p { margin:0; color:#607689; font-size:.84rem; line-height:1.6; }

.about-timeline { position:relative; display:grid; gap:0; }
.about-timeline::before { content:""; position:absolute; left:1rem; top:1rem; bottom:1rem; width:1px; background:#b9deef; }
.about-time { position:relative; display:grid; grid-template-columns:2.1rem 1fr; gap:1rem; padding:0 0 1.55rem; }
.about-time:last-child{padding-bottom:0;}
.about-time__dot { position:relative; z-index:1; width:2rem; height:2rem; display:grid; place-items:center; border-radius:50%; background:#e9f8fd; border:1px solid #9bdcf1; color:#0875ad; font:900 .65rem ui-monospace, monospace; }
.about-time strong { display:block; color:#082a4d; font-size:1rem; }
.about-time p { margin:.45rem 0 0; color:#607689; font-size:.86rem; line-height:1.65; }

.about-r2-cta {
  padding: 0 0 clamp(5rem, 8vw, 8rem);
}
.about-r2-cta__box {
  position:relative;
  overflow:hidden;
  border-radius:1.8rem;
  background:#0757a6;
  padding:clamp(2.1rem,5vw,4.3rem);
  color:#fff;
  box-shadow:0 28px 80px rgba(5,64,119,.20);
}
.about-r2-cta__box::after { content:""; position:absolute; width:20rem;height:20rem;right:-6rem;top:-9rem;border-radius:50%;background:rgba(81,207,244,.2);filter:blur(12px); }
.about-r2-cta__inner { position:relative; z-index:1; display:flex; gap:2rem; align-items:end; justify-content:space-between; }
.about-r2-cta h2 { margin:0; max-width:760px; font-size:clamp(2.2rem,4vw,4.1rem); line-height:1.05; letter-spacing:-.045em; }
.about-r2-cta p { margin:1rem 0 0; max-width:720px; color:#cce8f7; line-height:1.7; }
.about-r2-cta a { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:3.5rem; padding:.9rem 1.3rem; border-radius:999px; background:#fff; color:#063d73; font-weight:850; }

@media (max-width: 1100px) {
  .about-explorer__shell { grid-template-columns: 15.8rem minmax(0,1fr); }
  .about-proof-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .about-proof + .about-proof { border-left:0; }
  .about-proof:nth-child(even) { padding-left:1.1rem; border-left:1px solid #dcebf5; }
  .about-proof:nth-child(-n+2) { border-bottom:1px solid #dcebf5; }
  .about-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .about-hero-r2 { min-height: 39rem; }
  .about-hero-r2__overlay { background:linear-gradient(90deg,rgba(2,16,35,.93) 0%,rgba(3,25,52,.82) 62%,rgba(3,20,43,.62) 100%),linear-gradient(180deg,rgba(2,17,38,.18),rgba(2,17,38,.55)); }
  .about-r2-intro__grid { grid-template-columns:1fr; align-items:start; gap:1.25rem; }
  .about-explorer__shell { display:block; }
  .about-sidebar { position:sticky; top:7.1rem; z-index:20; border-radius:1.15rem; margin-bottom:1rem; }
  .about-sidebar__head, .about-sidebar__foot { display:none; }
  .about-sidebar__nav { display:flex; overflow-x:auto; gap:.35rem; padding:.55rem; scrollbar-width:none; }
  .about-sidebar__nav::-webkit-scrollbar { display:none; }
  .about-tab { flex:0 0 auto; display:flex; min-height:2.75rem; padding:.7rem .9rem; white-space:nowrap; }
  .about-tab__num { display:none; }
  .about-canvas { min-height:0; }
  .about-panel { padding:2rem 1.45rem 2.3rem; }
  .about-dual, .about-split-note, .about-governance { grid-template-columns:1fr; }
  .about-lanes { grid-template-columns:1fr; }
  .about-r2-cta__inner { display:block; }
  .about-r2-cta a { margin-top:1.5rem; }
}

@media (max-width: 620px) {
  .about-hero-r2 { min-height: 37rem; }
  .about-hero-r2__inner { padding-top:4rem; padding-bottom:4rem; }
  .about-hero-r2 h1 { font-size:clamp(2.7rem,14vw,4.5rem); }
  .about-hero-r2__lead { font-size:1rem; line-height:1.65; }
  .about-hero-r2__actions { display:grid; grid-template-columns:1fr; max-width:19rem; }
  .about-r2-btn { width:100%; }
  .about-proof-strip, .about-capability-list, .about-flow, .about-trust-grid, .about-sectors { grid-template-columns:1fr; }
  .about-proof + .about-proof, .about-proof:nth-child(even) { padding-left:0; border-left:0; }
  .about-proof { border-bottom:1px solid #dcebf5; }
  .about-proof:last-child { border-bottom:0; }
  .about-capability-list div:nth-child(odd){border-right:0;}
  .about-capability-list div:nth-last-child(-n+2){border-bottom:1px solid #e3eef6;}
  .about-capability-list div:last-child{border-bottom:0;}
  .about-sector:last-child{grid-column:auto;}
  .about-value { grid-template-columns:2.2rem 1fr; gap:.75rem; }
  .about-value p { grid-column:2; }
  .about-panel h2 { font-size:2.15rem; }
  .about-r2-intro { padding-top:4.3rem; }
}

@media (prefers-reduced-motion: reduce) {
  .about-hero-r2__video { display:none; }
  .about-tabs-ready .about-panel.is-active { animation:none; }
  .about-r2-btn, .about-tab { transition:none; }
}