:root{
  --institutional-ink:#11131a;
  --institutional-copy:#4f5664;
  --institutional-muted:#717887;
  --institutional-paper:#f6f7fa;
  --institutional-white:#fff;
  --institutional-line:#dde1e9;
  --institutional-blue:#4b55ff;
  --institutional-night:#07090e;
  --institutional-panel:#10141d;
}

.institutional-page{
  color:var(--institutional-ink)!important;
  background:var(--institutional-paper)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
}

.institutional-page .shell{overflow:clip}
.institutional-page .header{
  min-height:76px!important;
  border-color:#202631!important;
  color:#fff!important;
  background:rgba(7,9,14,.94)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02)!important;
}
.institutional-page .logo{color:#fff!important}
.institutional-page .logo-bars{filter:none!important;color:var(--institutional-blue)!important}
.institutional-page .logo-bars i,
.institutional-page .company-symbol i{background:currentColor!important}
.institutional-page .nav{color:#aeb4c0!important}
.institutional-page .nav a:hover{color:#fff!important}
.institutional-page .back-link{
  min-height:42px!important;
  border-color:#303846!important;
  border-radius:6px!important;
  color:#f7f8fb!important;
  background:#111620!important;
}
.institutional-page .back-link:hover{
  border-color:#596272!important;
  background:#181e29!important;
}
.institutional-page .footer{
  border-color:#202631!important;
  color:#7f8795!important;
  background:#07090e!important;
}
.institutional-page .footer a{color:#cbd0d8!important}
.institutional-page :focus-visible{
  outline:3px solid rgba(75,85,255,.45)!important;
  outline-offset:3px!important;
}

/* About */
.about-page .hero{
  min-height:650px!important;
  border-color:#202631!important;
  background-image:
    linear-gradient(90deg,#07090e 3%,rgba(7,9,14,.97) 34%,rgba(7,9,14,.63) 66%,rgba(7,9,14,.2) 100%),
    linear-gradient(0deg,#07090e 0%,transparent 35%),
    url("app-radiodeck-juillet-2026.webp")!important;
  background-size:auto,auto,1120px auto!important;
  background-position:center,center,calc(50% + 390px) center!important;
  background-repeat:no-repeat!important;
}
.about-page .hero-copy{width:min(610px,58%)!important;padding:90px 0 102px!important}
.about-page .eyebrow,
.about-page .section-kicker{
  color:#717aff!important;
  letter-spacing:.11em!important;
}
.about-page .eyebrow:before{background:var(--institutional-blue)!important}
.about-page h1{
  color:#fff!important;
  font-size:82px!important;
  line-height:.96!important;
}
.about-page .hero-lead{color:#fff!important;font-size:24px!important}
.about-page .hero-text{color:#b5bcc8!important;font-size:16px!important}
.about-page .button,
.about-page .contact-button,
.about-page .action-button{
  border-radius:6px!important;
}
.about-page .button-primary{
  color:#fff!important;
  background:var(--institutional-blue)!important;
  box-shadow:0 14px 36px rgba(75,85,255,.25)!important;
}
.about-page .button-primary:hover{background:#626cff!important}
.about-page .button-secondary{
  border-color:#3c4452!important;
  color:#fff!important;
  background:#111620!important;
}
.about-page .platforms span{
  border-color:#303846!important;
  border-radius:5px!important;
  color:#c4cad4!important;
  background:#111620!important;
}
.about-page .section{
  border-color:var(--institutional-line)!important;
  background:var(--institutional-white)!important;
}
.about-page .section h2{color:var(--institutional-ink)!important}
.about-page .mission-copy p,
.about-page .product-copy p{color:var(--institutional-copy)!important}
.about-page .statement{
  border-color:var(--institutional-blue)!important;
  color:var(--institutional-ink)!important;
}
.about-page .statement p{color:var(--institutional-muted)!important}
.about-page .principles{background:#eef1f6!important}
.about-page .principle-grid{gap:1px!important;border:1px solid var(--institutional-line)!important;background:var(--institutional-line)!important}
.about-page .principle{
  min-height:246px!important;
  border:0!important;
  border-radius:0!important;
  color:var(--institutional-ink)!important;
  background:#fff!important;
}
.about-page .principle-icon{
  border-color:#cbd0ff!important;
  border-radius:6px!important;
  color:var(--institutional-blue)!important;
  background:#eff0ff!important;
}
.about-page .principle p{color:var(--institutional-copy)!important}
.about-page .product-grid{grid-template-columns:1.12fr .88fr!important;gap:74px!important}
.about-page .product-visual{
  padding:7px!important;
  border-color:#d7dce5!important;
  border-radius:8px!important;
  background:#0c1018!important;
  box-shadow:0 35px 80px rgba(24,30,43,.18)!important;
}
.about-page .product-visual:before{
  border-color:#343c4b!important;
  border-radius:5px!important;
  color:#fff!important;
  background:rgba(7,9,14,.9)!important;
}
.about-page .feature-list span{color:#363c47!important}
.about-page .feature-list i{
  border-color:#bec4ff!important;
  color:var(--institutional-blue)!important;
}
.about-page .radioway{
  color:#fff!important;
  background:#0a0d13!important;
}
.about-page .radioway .company-symbol{
  border-color:#31394a!important;
  border-radius:8px!important;
  color:var(--institutional-blue)!important;
  background:#121720!important;
}
.about-page .company-mark strong{color:#fff!important}
.about-page .company-mark>div>span{color:#848c9a!important}
.about-page .company-copy p{color:#bbc1cb!important}
.about-page .company-facts span{
  border-color:#303846!important;
  border-radius:5px!important;
  color:#c4cad4!important;
  background:#111620!important;
}
.about-page .cta{background:#f6f7fa!important}
.about-page .cta-inner{
  border-color:#242a35!important;
  border-radius:8px!important;
  color:#fff!important;
  background:#0d1118!important;
  box-shadow:0 24px 70px rgba(20,25,36,.14)!important;
}
.about-page .cta p{color:#aeb5c0!important}

/* Legal and sales documents */
.legal-document-page .hero{
  position:relative!important;
  border-color:#202631!important;
  color:#fff!important;
  background:#090c12!important;
  overflow:hidden!important;
}
.legal-document-page .hero:after{
  content:""!important;
  position:absolute!important;
  right:max(24px,calc((100vw - 1160px)/2))!important;
  bottom:-54px!important;
  width:300px!important;
  height:190px!important;
  opacity:.34!important;
  background:
    linear-gradient(90deg,transparent 0 4%,var(--institutional-blue) 4% 7%,transparent 7% 12%,var(--institutional-blue) 12% 16%,transparent 16% 21%,var(--institutional-blue) 21% 25%,transparent 25% 30%,var(--institutional-blue) 30% 35%,transparent 35% 40%,var(--institutional-blue) 40% 46%,transparent 46% 51%,var(--institutional-blue) 51% 58%,transparent 58% 63%,var(--institutional-blue) 63% 70%,transparent 70% 75%,var(--institutional-blue) 75% 83%,transparent 83% 88%,var(--institutional-blue) 88% 96%,transparent 96%)!important;
  clip-path:polygon(0 44%,8% 36%,16% 55%,24% 29%,32% 46%,40% 17%,48% 36%,56% 8%,64% 31%,72% 20%,80% 47%,88% 32%,96% 52%,100% 45%,100% 100%,0 100%)!important;
}
.legal-document-page .hero-inner{position:relative!important;z-index:1!important;padding:90px 0 74px!important}
.legal-document-page .eyebrow{
  color:#737cff!important;
  letter-spacing:.11em!important;
}
.legal-document-page .eyebrow:before{background:var(--institutional-blue)!important}
.legal-document-page h1{
  max-width:900px!important;
  color:#fff!important;
  font-size:64px!important;
  line-height:1.02!important;
}
.legal-document-page .hero p{color:#b7bdc8!important}
.legal-document-page .updated{
  border-color:#303846!important;
  border-radius:5px!important;
  color:#c6ccd5!important;
  background:#111620!important;
}
.legal-document-page .doc-layout,
.legal-document-page .legal-layout{
  gap:70px!important;
  padding:64px 0 110px!important;
}
.legal-document-page .toc{
  top:104px!important;
  padding:20px!important;
  border:1px solid var(--institutional-line)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 16px 40px rgba(26,31,43,.06)!important;
}
.legal-document-page .toc-title{color:#7b8290!important}
.legal-document-page .toc nav{
  gap:1px!important;
  border:0!important;
}
.legal-document-page .toc a{
  padding:9px 10px!important;
  border-left:2px solid transparent!important;
  border-bottom:0!important;
  border-radius:4px!important;
  color:#626978!important;
}
.legal-document-page .toc a:hover{
  margin-left:0!important;
  border-left-color:var(--institutional-blue)!important;
  color:#171a22!important;
  background:#f2f3f7!important;
}
.legal-document-page .offer-summary{
  gap:1px!important;
  border-color:var(--institutional-line)!important;
  border-radius:8px!important;
  background:var(--institutional-line)!important;
}
.legal-document-page .offer{
  color:var(--institutional-ink)!important;
  background:#fff!important;
}
.legal-document-page .offer span{color:var(--institutional-muted)!important}
.legal-document-page .offer.featured{color:#fff!important;background:#111620!important}
.legal-document-page .offer.featured strong{color:#8d94ff!important}
.legal-document-page .offer.featured span{color:#b9c0cb!important}
.legal-document-page .doc-section,
.legal-document-page .legal-section{border-color:var(--institutional-line)!important}
.legal-document-page .section-number{
  border-color:#c9ceff!important;
  border-radius:6px!important;
  color:var(--institutional-blue)!important;
  background:#eeefff!important;
}
.legal-document-page h2{color:var(--institutional-ink)!important}
.legal-document-page .doc-section p,
.legal-document-page .legal-section p,
.legal-document-page .list li,
.legal-document-page .data-list li{color:var(--institutional-copy)!important}
.legal-document-page .doc-section a,
.legal-document-page .legal-section a{color:#3844e8!important}
.legal-document-page .list li:before,
.legal-document-page .data-list li:before{border-color:var(--institutional-blue)!important}
.legal-document-page .definition,
.legal-document-page .facts{
  border-color:var(--institutional-line)!important;
  border-radius:8px!important;
  background:var(--institutional-line)!important;
}
.legal-document-page .definition dt,
.legal-document-page .definition dd,
.legal-document-page .fact{background:#fff!important}
.legal-document-page .definition dt,
.legal-document-page .fact-label{color:#7a8290!important}
.legal-document-page .definition dd,
.legal-document-page .fact-value{color:var(--institutional-ink)!important}
.legal-document-page .action-panel,
.legal-document-page .contact-panel{
  border-color:#242a35!important;
  border-radius:8px!important;
  color:#fff!important;
  background:#111620!important;
}
.legal-document-page .action-panel span,
.legal-document-page .contact-panel span{color:#aab1bd!important}
.legal-document-page .action-button,
.legal-document-page .contact-button{
  border-radius:6px!important;
  color:#fff!important;
  background:var(--institutional-blue)!important;
}

@media(max-width:900px){
  .about-page .hero{
    min-height:710px!important;
    background-image:
      linear-gradient(180deg,#07090e 0%,rgba(7,9,14,.75) 52%,#07090e 95%),
      url("app-radiodeck-juillet-2026.webp")!important;
    background-size:auto,940px auto!important;
    background-position:center,center bottom 36px!important;
  }
  .about-page .hero-copy{width:100%!important;max-width:650px!important;padding:72px 0 300px!important}
  .about-page .product-grid{grid-template-columns:1fr!important;gap:42px!important}
  .legal-document-page .doc-layout,
  .legal-document-page .legal-layout{gap:30px!important;padding-top:38px!important}
  .legal-document-page .toc{position:static!important}
  .legal-document-page .toc nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:620px){
  .institutional-page .header{min-height:68px!important}
  .about-page .hero{min-height:715px!important;background-size:auto,720px auto!important;background-position:center,center bottom 42px!important}
  .about-page .hero-copy{padding:54px 0 286px!important}
  .about-page h1{font-size:52px!important}
  .about-page .hero-lead{font-size:20px!important}
  .about-page .principle-grid{grid-template-columns:1fr!important}
  .about-page .principle{min-height:0!important}
  .about-page .cta-inner{padding:28px 22px!important}
  .legal-document-page .hero-inner{padding:56px 0 48px!important}
  .legal-document-page .hero:after{right:-80px!important;width:250px!important;height:150px!important}
  .legal-document-page h1{font-size:40px!important}
  .legal-document-page .doc-layout,
  .legal-document-page .legal-layout{padding:32px 0 72px!important}
  .legal-document-page .toc{padding:14px!important}
  .legal-document-page .toc nav{grid-template-columns:1fr!important}
  .legal-document-page .action-panel,
  .legal-document-page .contact-panel{align-items:stretch!important;flex-direction:column!important}
}