/* FUL BookBank About Page — unified navy/cyan visual system */
.about-page{background:#eef3f8}
.about-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#1f3f65,#2d5b89 58%,#2c7487);color:#fff;padding:76px 0 66px}
.about-hero:before,.about-hero:after{content:'';position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.about-hero:before{width:420px;height:420px;right:-170px;top:-230px}.about-hero:after{width:220px;height:220px;left:-90px;bottom:-140px}
.about-hero-grid{position:relative;z-index:1;width:var(--fbb-shell);margin:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.72fr);gap:45px;align-items:center}
.about-hero h1{max-width:850px;margin:14px 0 17px;font-size:clamp(2.15rem,5vw,4.25rem);line-height:1.03;letter-spacing:-.055em}
.about-hero h1 span{color:#7ce2e8}
.about-hero p{max-width:760px;margin:0;color:#dceaf5;font-size:clamp(.93rem,1.5vw,1.05rem);line-height:1.75}
.about-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.about-hero-panel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:21px;backdrop-filter:blur(10px);box-shadow:0 20px 48px rgba(10,31,55,.16)}
.about-hero-panel h2{margin:0 0 12px;font-size:.95rem;color:#fff}
.about-hero-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.about-hero-panel li{display:flex;gap:9px;align-items:flex-start;color:#e1edf6;font-size:.72rem;line-height:1.5}.about-hero-panel i{color:#78e0e7;margin-top:3px}
.about-main{width:var(--fbb-shell);margin:auto;padding:54px 0 70px}
.about-card{background:#fff;border:1px solid #dfe7ef;border-radius:20px;padding:clamp(22px,4vw,38px);box-shadow:0 10px 30px rgba(25,53,85,.06)}
.about-card + .about-card{margin-top:16px}
.about-card h2{margin:6px 0 13px;color:#173653;font-size:clamp(1.35rem,3vw,1.9rem);letter-spacing:-.04em}
.about-card p{margin:0 0 14px;color:#607086;font-size:.78rem;line-height:1.78}.about-card p:last-child{margin-bottom:0}.about-lead{font-size:.84rem!important;color:#42566e!important}
.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0}
.about-value{background:#fff;border:1px solid #dfe7ef;border-radius:18px;padding:19px;box-shadow:0 7px 20px rgba(25,53,85,.045)}
.about-value i{width:40px;height:40px;border-radius:12px;background:#e9f6f8;color:#277b8b;display:grid;place-items:center}
.about-value h3{margin:12px 0 7px;color:#1c3955;font-size:.88rem}.about-value p{margin:0;color:#758397;font-size:.7rem;line-height:1.62}
.about-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
.about-tool{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:start;padding:15px;border:1px solid #e1e8ef;border-radius:15px;background:#fafcfd}
.about-tool i{width:38px;height:38px;border-radius:11px;background:#e9f3fa;color:#2b628e;display:grid;place-items:center}.about-tool h3{margin:0 0 5px;color:#1b3854;font-size:.8rem}.about-tool p{margin:0;color:#768498;font-size:.68rem;line-height:1.55}
.about-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.about-two .about-card{margin:0}
.about-founder{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(290px,.72fr);gap:22px;align-items:start}
.about-promise{border-radius:18px;padding:22px;background:linear-gradient(120deg,#203f65,#2d6388);color:#fff}.about-promise h3{margin:0 0 8px;color:#fff;font-size:.95rem}.about-promise p{margin:0;color:#dceaf5;font-size:.72rem;line-height:1.65}
.about-disclosure{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f1f6fa;border:1px solid #dbe6ee;color:#5f7185;font-size:.68rem;line-height:1.6}
@media(max-width:920px){.about-hero-grid,.about-founder{grid-template-columns:1fr}.about-hero-panel{max-width:650px}.about-values{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.about-hero{padding:54px 0}.about-main{padding:38px 0 52px}.about-values,.about-tools,.about-two{grid-template-columns:1fr}.about-card{border-radius:17px}.about-actions{display:grid}.about-actions .fbb-btn{width:100%}}