/* TetherOps About page */
.about-hero{position:relative;min-height:500px;background:radial-gradient(circle at 80% 22%,rgba(45,156,248,.19),transparent 30%),linear-gradient(120deg,#061624,#081f33 60%,#0a2b45);overflow:visible}
.about-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,177,255,.45),transparent)}
.about-hero .topbar{position:relative;z-index:20}
.about-hero-copy{position:relative;z-index:2;padding:78px 0 92px;max-width:1040px}
.about-hero-copy h1{margin:0;max-width:1020px;font-size:64px;line-height:1.04;letter-spacing:-3.2px;font-weight:790}
.about-hero-copy h1 span{color:#2f9cf8}
.about-hero-copy .about-lede{max-width:900px;margin:24px 0 30px;color:#b8c8d7;font-size:21px;line-height:1.58}
.about-main{background:#f7fbfe;color:#08162a}
.about-section{padding:86px 0}
.about-section.alt{background:#edf5fb}
.about-kicker{margin:0 0 10px;color:#218de8;font-size:12px;font-weight:800;letter-spacing:2.2px}
.about-heading{margin:0;color:#071827;font-size:43px;line-height:1.08;letter-spacing:-1.8px}
.about-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:start}
.about-copy{font-size:19px;line-height:1.72;color:#425a70}
.about-copy p{margin:0 0 18px}
.about-copy strong{color:#0a243b}
.principles-head{max-width:800px;margin-bottom:38px}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.principle-card{background:#fff;border:1px solid #d9e7f1;border-radius:16px;padding:30px;min-height:230px;box-shadow:0 12px 30px rgba(22,65,98,.05)}
.principle-card .card-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e8f4ff;color:#168beb;font-size:15px;font-weight:800;margin-bottom:20px}
.principle-card h3{margin:0 0 11px;font-size:22px;letter-spacing:-.55px;color:#09223a}
.principle-card p{margin:0;color:#4b6276;font-size:16px;line-height:1.58}
.privacy-section{background:linear-gradient(120deg,#061624,#092a44);color:#fff;padding:86px 0}
.privacy-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:78px;align-items:start}
.privacy-section .about-kicker{color:#52adfb}
.privacy-section .about-heading{color:#fff}
.privacy-copy{font-size:18px;line-height:1.7;color:#b9cbd9}
.privacy-copy p{margin:0 0 18px}
.privacy-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}
.privacy-point{padding:20px;border:1px solid rgba(139,195,235,.18);border-radius:14px;background:rgba(255,255,255,.035)}
.privacy-point strong{display:block;color:#fff;font-size:16px;margin-bottom:7px}
.privacy-point span{display:block;color:#aebfcd;font-size:14px;line-height:1.5}
.explain-band{padding:78px 0;background:#f7fbfe}
.explain-box{position:relative;padding:44px 48px;border-radius:20px;background:#fff;border:1px solid #d7e6f0;box-shadow:0 18px 42px rgba(24,66,98,.07);overflow:hidden}
.explain-box::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#2899f7,#56b8ff)}
.explain-box h2{margin:0 0 14px;color:#071827;font-size:40px;line-height:1.1;letter-spacing:-1.5px}
.explain-box h2 span{color:#2295f2}
.explain-box p{margin:0;max-width:1000px;color:#4c6477;font-size:18px;line-height:1.65}
.about-cta{background:linear-gradient(120deg,#061624,#0a2942);color:#fff;padding:68px 0}
.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.about-cta h2{margin:0 0 10px;font-size:38px;letter-spacing:-1.3px}
.about-cta p{margin:0;color:#afc2d1;font-size:18px;line-height:1.55;max-width:760px}
.about-cta .button{flex:0 0 auto;min-width:220px}
.about-active{border-bottom-color:#2da3ff!important;color:#fff!important}

@media(max-width:1150px){
  .about-hero-copy h1{font-size:55px}
  .about-split,.privacy-grid{gap:48px}
}
@media(max-width:820px){
  .principles-grid{grid-template-columns:1fr}
  .principle-card{min-height:0}
  .privacy-points{grid-template-columns:1fr}
}
@media(max-width:760px){
  .about-hero{min-height:0}
  .about-hero .page-shell{width:calc(100% - 32px)}
  .about-hero .contact-button{padding:11px 12px;font-size:12px}
  .about-hero .brand img{width:44px}
  .about-hero .brand-name{font-size:23px}
  .about-hero-copy{padding:70px 0 78px}
  .about-hero-copy h1{font-size:43px;letter-spacing:-1.8px}
  .about-hero-copy .about-lede{font-size:18px}
  .about-section,.privacy-section{padding:60px 0}
  .about-split,.privacy-grid{grid-template-columns:1fr;gap:25px}
  .about-heading{font-size:34px}
  .about-copy,.privacy-copy{font-size:17px}
  .explain-band{padding:58px 0}
  .explain-box{padding:32px 28px 32px 32px}
  .explain-box h2{font-size:33px}
  .about-cta-inner{align-items:flex-start;flex-direction:column}
  .about-cta h2{font-size:32px}
}