.about-page{background:#f4f7fa}
.about-section{padding:70px 0}
.company-section{padding:42px 0 52px;background:#fff}
.company-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:58px;align-items:center}
.company-photo{position:relative;min-height:455px;border-radius:16px;background-image:linear-gradient(180deg,rgba(3,27,63,.03),rgba(3,27,63,.3)),url('stm-hero-final.webp');background-size:cover;background-position:68% center;box-shadow:0 22px 48px rgba(4,29,68,.16);overflow:hidden}
.company-photo:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);border-radius:inherit}
.company-photo>span{position:absolute;left:24px;right:24px;bottom:24px;padding:15px 17px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(4,29,68,.88);backdrop-filter:blur(8px);font-size:11px}
.company-photo>span svg{grid-row:1/3;width:24px;color:var(--gold2)}
.company-photo>span strong{font-size:13px}
.company-copy h1{max-width:600px;margin:8px 0 18px;font-size:36px;line-height:1.2;letter-spacing:-1.4px}
.company-copy>p:not(.kicker){margin:0 0 14px;color:var(--text);font-size:14px;line-height:1.78}
.company-values{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}
.company-values article{padding:16px;display:flex;gap:12px;border:1px solid var(--line);border-radius:9px;background:#f8fafc}
.company-values svg{width:24px;flex:0 0 auto;color:var(--gold)}
.company-values strong,.company-values span{display:block}
.company-values strong{margin-bottom:4px;font-size:12px}
.company-values span{color:var(--text);font-size:10.5px;line-height:1.45}

.method-section{padding:54px 0 62px;border-top:1px solid #e2e8ef;background:#fff}
.about-heading{max-width:720px;margin:0 auto 34px;text-align:center}
.about-heading h2{margin:8px 0 12px;font-size:34px;letter-spacing:-1.2px}
.about-heading>p:last-child{margin:0;color:var(--text);font-size:14px;line-height:1.65}
.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.method-card{position:relative;min-height:270px;border:1px solid var(--line);border-radius:11px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.method-card:nth-child(4),.method-card:nth-child(5){min-height:270px}
.method-card:hover{transform:translateY(-4px);border-color:#c9d3df;box-shadow:0 16px 36px rgba(7,31,70,.09)}
.method-card-head{padding:25px 23px 8px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px}
.method-card-head>span{position:absolute;right:19px;top:13px;color:#e1e6ec;font-size:27px;font-weight:800}
.method-card-head>svg{grid-row:1/3;width:40px;height:40px;color:var(--navy2);stroke-width:1.6}
.method-card h3{grid-column:2;margin:25px 0 0;font-size:18px;line-height:1.3}
.method-card>p{margin:0;padding:8px 23px 25px;color:var(--text);font-size:14px;line-height:1.65}
.method-scroll-hint{display:none}

.evidence-section{background:#edf3f7}
.evidence-showcase{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);grid-template-areas:"report intro" "report features";column-gap:65px;row-gap:25px;align-items:center}
.report-visual{grid-area:report;width:100%;max-width:350px;aspect-ratio:8/9;padding:18px;display:flex;flex-direction:column;justify-self:center;border:1px solid #d6dfe8;border-radius:15px;background:#fff;box-shadow:0 24px 50px rgba(4,29,68,.13);transform:rotate(-1.1deg)}
.report-head{height:49px;display:flex;align-items:center;gap:15px;color:var(--navy);font-size:16px;font-weight:800;border-bottom:2px solid var(--gold)}
.report-head img{width:76px;height:42px;object-fit:cover;object-position:center}
.report-band{margin-top:10px;padding:6px;text-align:center;color:#fff;background:var(--navy);border-radius:4px;font-size:8px;font-weight:800;letter-spacing:.4px}
.report-rows{display:grid;gap:5px;padding:9px 4px}
.report-rows span{height:8px;border-radius:3px;background:linear-gradient(90deg,#e4eaf0 23%,#f0f3f6 23%)}
.report-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:9px 4px}
.report-columns span{height:52px;border:1px solid #dfe6ed;border-radius:4px;background:repeating-linear-gradient(180deg,#f4f7f9 0,#f4f7f9 7px,#e4eaf0 8px)}
.report-photos{min-height:88px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1;margin-bottom:10px}
.report-photos span{height:100%;display:grid;place-items:center;border-radius:5px;color:#9eabb9;background:#e7edf2}
.report-photos svg{width:22px}
.report-bottom{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.report-bottom span{padding:8px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--navy);border-left:3px solid var(--gold);background:#f3f6f9;font-size:8px;font-weight:800}
.report-bottom svg{width:15px}
.evidence-copy{grid-area:intro;align-self:end}
.evidence-copy h2{max-width:650px;margin:8px 0 14px;font-size:34px;letter-spacing:-1.3px}
.evidence-copy>p:last-of-type{max-width:640px;margin:0;color:var(--text);font-size:14px;line-height:1.72}
.evidence-features{grid-area:features;align-self:start;display:grid;gap:12px;margin:0}
.evidence-features article{padding:14px 16px;display:flex;align-items:flex-start;gap:13px;border:1px solid #d8e1e9;border-radius:9px;background:#fff}
.evidence-features article>svg{width:25px;flex:0 0 auto;color:var(--gold)}
.evidence-features h3{margin:0 0 4px;font-size:13px}
.evidence-features p{margin:0;color:var(--text);font-size:11.5px;line-height:1.5}
.about-footer{margin-top:0}
.about-footer .footer-group summary{display:flex;align-items:center;justify-content:space-between;list-style:none;color:#fff;font-size:13px;font-weight:800;cursor:default}
.about-footer .footer-group summary::-webkit-details-marker{display:none}
.about-footer .footer-group summary svg{display:none;width:17px}
.about-footer .footer-group>div{padding-top:2px}
.about-footer .footer-group a{display:block;margin:9px 0;color:#ecf1f7;font-size:11px}
.about-footer .footer-group p{display:flex;align-items:flex-start;gap:8px;margin:9px 0;color:#ecf1f7;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.about-footer .footer-group p svg{width:15px;flex:0 0 15px}
.about-footer .footer-group .contact-link{display:flex;align-items:flex-start;gap:8px;line-height:1.4;overflow-wrap:anywhere}
.about-footer .footer-group .contact-link svg{width:15px;flex:0 0 15px}
.footer-whatsapp{width:max-content;margin-top:15px!important;padding:8px 11px;display:flex!important;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.28);border-radius:6px}
.footer-whatsapp svg{width:16px}
.about-page .whatsapp-float{display:flex;align-items:center;justify-content:center;bottom:calc(24px + env(safe-area-inset-bottom,0px));padding:0;line-height:0;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}
.about-page .whatsapp-float:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 14px 30px rgba(12,110,52,.42)}
.about-page .whatsapp-float:active{transform:scale(.96)}
.about-page .whatsapp-float:focus-visible{outline:3px solid #fff;box-shadow:0 0 0 5px var(--navy2),0 14px 30px rgba(12,110,52,.42)}
.about-page .whatsapp-float.is-hidden{opacity:0;transform:translateY(14px) scale(.92);pointer-events:none}
.whatsapp-brand-icon{display:block;width:26px;height:26px;flex:none;fill:currentColor}

@media(max-width:980px){
  .company-grid{gap:36px}
  .company-photo{min-height:410px}
  .evidence-showcase{column-gap:36px}
}

@media(max-width:760px){
  .about-section{padding:50px 0}
  .company-section{padding:30px 0 38px}
  .company-grid{grid-template-columns:1fr}
  .company-grid{gap:30px}
  .company-photo{min-height:310px;background-position:67% center}
  .company-photo>span{left:15px;right:15px;bottom:15px}
  .company-copy h1,.evidence-copy h2{font-size:28px}
  .company-copy>p:not(.kicker){font-size:13px}
  .company-values{grid-template-columns:1fr}
  .method-section{padding:42px 0 50px}
  .about-heading{margin-bottom:24px;text-align:left}
  .about-heading h2{font-size:28px}
  .method-grid{display:flex;gap:12px;padding-bottom:8px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .method-grid::-webkit-scrollbar{display:none}
  .method-card,.method-card:nth-child(4),.method-card:nth-child(5){flex:0 0 min(74vw,280px);min-height:270px;scroll-snap-align:start}
  .method-card:hover{transform:none;box-shadow:none}
  .method-scroll-hint{margin:10px 0 0;display:flex;align-items:center;gap:7px;color:var(--text);font-size:11px;font-weight:700}
  .method-scroll-hint svg{width:17px;color:var(--navy2)}
  .evidence-showcase{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "report" "features";align-items:start;gap:24px}
  .evidence-copy{min-width:0}
  .report-visual{width:80%;max-width:350px;padding:16px;justify-self:center;transform:none}
  .evidence-features{gap:9px}
  .about-footer{padding-top:28px}
  .about-footer .footer-grid{display:block}
  .about-footer .footer-brand{padding-bottom:20px}
  .about-footer .footer-brand img{height:72px}
  .about-footer .footer-group{border-top:1px solid rgba(255,255,255,.2)}
  .about-footer .footer-group summary{padding:16px 0;cursor:pointer}
  .about-footer .footer-group summary svg{display:block;transition:transform .2s}
  .about-footer .footer-group[open] summary svg{transform:rotate(180deg)}
  .about-footer .footer-group>div{padding:0 0 12px}
  .about-footer .copyright{margin-top:12px}
  .about-page .whatsapp-float{bottom:calc(16px + env(safe-area-inset-bottom,0px))}
}

@media(min-width:721px){
  .about-page .whatsapp-float:before{content:"WhatsApp";position:absolute;right:62px;padding:7px 10px;color:#fff;background:var(--navy);border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap;opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .18s,transform .18s}
  .about-page .whatsapp-float:hover:before,.about-page .whatsapp-float:focus-visible:before{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){.report-visual,.method-card{transform:none;transition:none}}