.about-page{padding-bottom:80px}
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;position:relative;overflow:hidden;min-height:530px;margin-top:28px;border:1px solid #336b9b;border-radius:29px;background:radial-gradient(circle at 78% 42%,#16688677,transparent 42%),linear-gradient(135deg,#123f65,#06162f 72%);color:#fff}
.about-hero-copy{position:relative;z-index:1;padding:62px 0 62px clamp(4px,2vw,28px)}
.about-hero .eyebrow{color:#82dfff}
.about-hero h1{max-width:620px;margin:18px 0 22px;font:700 clamp(48px,5.2vw,76px)/.95 Barlow,Arial,sans-serif}
.about-hero h1 span{color:#ffe126}
.about-hero p{max-width:515px;color:#dfedfa;font-size:14px;line-height:1.7}
.about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:27px}
.about-text-link{color:#a8e6ff;font-size:12px;font-weight:800}
.about-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.about-hero-visual{align-self:end;position:relative;min-width:0;margin:0;padding:20px 0 51px}
.about-hero-visual:before{content:"";position:absolute;left:10%;right:10%;bottom:17%;height:18%;border-radius:50%;background:#020a18a8;filter:blur(25px)}
.about-hero-visual img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 20px 19px #02071699)}
.about-hero-visual figcaption{position:absolute;z-index:2;right:12px;bottom:18px;max-width:90%;color:#b7d5e8;font-size:10px;text-align:right}
.about-approach,.about-proof{padding-top:82px}
.about-approach .section-head h2,.about-proof .section-head h2{color:#0b2b50}
.about-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.about-steps article{min-width:0;padding:27px;border:1px solid #bad3e8;border-radius:19px;background:#f7fbff}
.about-steps article:nth-child(2){background:#0c2d55;border-color:#0c2d55;color:#fff}
.about-steps span{color:#0c75aa;font-size:10px;font-weight:800;letter-spacing:.13em}
.about-steps article:nth-child(2) span{color:#85dfff}
.about-steps h3{margin:17px 0 9px;color:inherit;font:700 30px/1 Barlow,Arial,sans-serif}
.about-steps p{color:#455f78;font-size:12px;line-height:1.7}
.about-steps article:nth-child(2) p{color:#d8e8f8}
.about-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.about-proof-grid figure{min-width:0;margin:0;overflow:hidden;border-radius:19px;background:#0d2b4b}
.about-proof-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.about-proof-grid figcaption{padding:14px 17px;color:#dceaff;font-size:11px}
.about-more{display:inline-block;margin-top:19px;color:#0d60ae;font-size:12px;font-weight:800}
.about-washi{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:85px;border:1px solid #b5d7e9;border-radius:23px;background:#eaf7ff;padding-top:18px;padding-bottom:18px}
.about-washi img{display:block;width:100px;height:126px;object-fit:contain}
.about-washi h2{margin:8px 0 6px;color:#0b2b50;font-size:34px}
.about-washi p{font-size:12px}
@media(max-width:960px){.about-hero{grid-template-columns:1fr;gap:0}.about-hero-copy{padding:42px 0 15px}.about-hero-visual{width:min(100%,720px);margin:auto;padding:0 0 35px}.about-steps{grid-template-columns:1fr}.about-washi{grid-template-columns:90px minmax(0,1fr)}.about-washi .btn{grid-column:2;justify-self:start}.about-washi img{grid-row:span 2;width:90px}}
@media(max-width:600px){.about-page{padding-bottom:54px}.about-hero{margin-top:15px;border-radius:20px}.about-hero-copy{padding:31px 0 15px}.about-hero h1{font-size:clamp(45px,11vw,58px)}.about-hero p{font-size:12px}.about-hero-visual figcaption{left:0;right:0;bottom:11px;text-align:left}.about-approach,.about-proof{padding-top:58px}.about-approach .section-head h2,.about-proof .section-head h2{font-size:42px}.about-proof-grid{grid-template-columns:1fr}.about-washi{grid-template-columns:65px minmax(0,1fr);gap:10px;margin-top:57px}.about-washi img{width:65px;height:95px}.about-washi h2{font-size:27px}.about-washi p{font-size:11px}.about-washi .btn{grid-column:1/-1}}
