.about-reference-hero{position:relative;overflow:hidden;background:#eef7ff;padding:0;font-family:Inter,Arial,sans-serif}
.about-reference-main{position:relative;min-height:514px;background:linear-gradient(101deg,#f4faff 0%,#eef7ff 49%,#e5f2ff 100%)}
.about-reference-main::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 31% 22%,rgba(255,255,255,.95),transparent 52%),linear-gradient(120deg,transparent 0 44%,rgba(154,204,255,.12) 44.2% 44.8%,transparent 45%);pointer-events:none}
.about-reference-wrap{position:relative;z-index:3;max-width:1320px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.about-reference-copy{position:relative;z-index:4;width:50%;padding:53px 0 28px 34px}
.about-reference-copy .eyebrow{display:flex;align-items:center;gap:20px;margin:0 0 24px;color:#1b65df;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.about-reference-copy .eyebrow::after{content:"";width:52px;height:2px;background:#116df3}
.about-reference-copy h1{max-width:535px;margin:0 0 18px;color:#0a0f55;font:700 clamp(43px,3.72vw,48px)/1.01 "Source Serif 4",Georgia,serif;letter-spacing:-.034em;text-wrap:balance}
.about-reference-copy h1 .hl{display:inline;color:#0872f8}
.about-reference-copy .sub{max-width:540px;margin:0 0 12px;color:#405b8d;font-size:16px;line-height:1.38}
.about-reference-actions{display:flex;align-items:center;gap:30px;margin-top:15px}
.about-reference-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:284px;padding:15px 23px;border-radius:7px;background:#0266fe;box-shadow:0 10px 23px rgba(2,102,254,.25);color:#fff!important;font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}
.about-reference-actions .btn:hover{background:#0558e0;transform:translateY(-1px)}
.about-reference-actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.about-reference-anchor{color:#112a9b;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.about-reference-disclaimer{margin:7px 0 0;color:#647aa0;font-size:12px;line-height:1.3}
.about-reference-visual{position:absolute;z-index:2;left:48.5%;right:0;top:0;height:514px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0 5%,#000 18%);mask-image:linear-gradient(90deg,transparent 0 5%,#000 18%)}
.about-reference-visual img{position:absolute;width:1280px;max-width:none;height:959px;left:-621px;top:-100px;object-fit:none}
.about-reference-strip{position:relative;z-index:5;max-width:1280px;height:160px;margin:0 auto;border-radius:25px 25px 0 0;overflow:hidden;box-shadow:0 0 25px rgba(50,100,190,.3)}
.about-reference-strip img{position:absolute;width:1280px;max-width:none;height:959px;left:0;top:-614px;object-fit:none}
.about-reference-mobile-frustrations{display:none}
@media(max-width:900px){
  .about-reference-main{min-height:auto;padding-bottom:0}
  .about-reference-copy{width:100%;padding:46px 24px 30px}
  .about-reference-copy h1,.about-reference-copy .sub{max-width:680px}
  .about-reference-visual{position:relative;left:auto;right:auto;top:auto;height:auto;aspect-ratio:660/514;margin-inline:clamp(16px,4vw,48px)}
  .about-reference-visual img{width:194%;height:auto;left:-94%;top:-19.5%}
  .about-reference-strip{height:auto;aspect-ratio:1256/160;margin-top:0}
  .about-reference-strip img{width:102%;height:auto;left:-1%;top:-384%}
}
@media(max-width:560px){
  .about-straight{display:none!important}
  .about-reference-desktop-break{display:none}
  .about-reference-copy{padding:34px 0 28px}
  .about-reference-copy .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:18px}
  .about-reference-copy h1{font-size:39px;line-height:1.03}
  .about-reference-copy .sub{font-size:15px}
  .about-reference-actions{align-items:stretch;flex-direction:column;gap:14px;margin-top:22px}
  .about-reference-actions .btn{min-width:0;width:100%}
  .about-reference-anchor{text-align:center}
  .about-reference-visual{margin-top:6px;margin-inline:0;aspect-ratio:660/514}
  .about-reference-visual img{width:205%;height:auto;left:-118%;top:-19.5%}
  .about-reference-strip{display:none}
  .about-reference-mobile-frustrations{display:grid;background:#071d67;padding:28px 20px;gap:18px}
  .about-reference-mobile-frustrations article{color:#fff;border-top:1px solid rgba(255,255,255,.18);padding-top:17px}
  .about-reference-mobile-frustrations h3{margin:0 0 6px;color:#fff;font:700 21px/1.3 "Source Serif 4",Georgia,serif}
  .about-reference-mobile-frustrations p{margin:0;color:#dbe7ff;font-size:14px;line-height:1.45}
}
@media(prefers-reduced-motion:no-preference){.about-reference-copy{animation:aboutCopyIn .55s ease both}.about-reference-visual{animation:aboutVisualIn .65s .05s ease both}}
@keyframes aboutCopyIn{from{opacity:0;transform:translateY(7px)}}
@keyframes aboutVisualIn{from{opacity:0}}