/* RevenuivaAI About Page — requires /v5/styles.css */
.about-hero,.about-section,.about-dark,.about-final{
  --an:#123752;--and:#0d2f48;--at:#16a3a6;--atd:#087f83;--ats:#edfafa;
  --ax:#4f6878;--am:#71838f;--ab:#d8e6e9
}
.about-hero{padding:84px 24px 72px;background:radial-gradient(circle at 84% 14%,rgba(22,163,166,.13),transparent 30%),linear-gradient(180deg,#f8fcfd,#fff)}
.about-breadcrumb{display:flex;gap:8px;margin-bottom:24px;color:#81919b;font-size:12px}.about-breadcrumb a{color:var(--atd);text-decoration:none}
.about-kicker,.about-dark-kicker{display:block;color:var(--atd);font-size:11px;font-weight:900;letter-spacing:.13em}
.about-hero h1{max-width:1080px;margin:14px 0 20px;color:var(--an);font-size:clamp(3rem,6.2vw,5.45rem);line-height:.98;letter-spacing:-.058em}
.about-hero h1 span{display:block;color:var(--atd)}
.about-lead{max-width:850px;margin:0;color:var(--an);font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:700;line-height:1.55}
.about-copy-wide,.about-section-lead{max-width:900px;margin:17px 0 0;color:var(--ax);font-size:17px;line-height:1.72}
.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.about-loop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:38px;color:#587180;font-size:12px;font-weight:800}
.about-loop span{padding:8px 10px;border:1px solid #d7e6e9;border-radius:999px;background:#fff}.about-loop b{color:var(--at)}
.about-section{padding:88px 24px;background:#fff}.about-soft{background:linear-gradient(180deg,#f7fbfc,#fff)}
.about-section h2,.about-dark h2{max-width:930px;margin:9px 0 0;color:var(--an);font-size:clamp(2.2rem,4vw,3.55rem);line-height:1.08;letter-spacing:-.04em}
.about-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}
.about-body p{margin:0 0 17px;color:var(--ax);font-size:15.5px;line-height:1.75}.about-body p:last-child{margin-bottom:0}
.about-three-grid{display:grid;grid-template-columns:repeat(3,1fr)}.about-four-grid{display:grid;grid-template-columns:repeat(4,1fr)}.about-grid-gap{gap:15px;margin-top:38px}
.about-card,.about-stage,.about-industry{padding:25px 22px;border:1px solid var(--ab);border-radius:18px;background:#fff}
.about-card h3,.about-industry h3{margin:0 0 9px;color:var(--an);font-size:19px;line-height:1.3}
.about-card p,.about-stage p,.about-industry p{margin:7px 0 0;color:var(--ax);font-size:13.5px;line-height:1.6}
.about-num,.about-stage>span{display:inline-grid;width:35px;height:35px;place-items:center;margin-bottom:20px;border-radius:10px;background:var(--ats);color:var(--atd);font-size:11px;font-weight:900}
.about-stage strong{display:block;color:var(--an);font-size:17px}
.about-industry>span{display:block;margin-bottom:8px;color:var(--atd);font-size:10px;font-weight:900;letter-spacing:.12em}
.about-badge{display:inline-grid;width:42px;height:42px;place-items:center;margin-bottom:19px;border-radius:12px;background:var(--ats);color:var(--atd);font-size:11px;font-weight:900}
.about-tags{display:grid;grid-template-columns:150px 1fr;gap:18px;margin-top:24px;padding:24px 26px;border:1px solid var(--ab);border-radius:17px;background:#f8fbfc}
.about-tags>strong{color:var(--atd);font-size:11px;letter-spacing:.1em}.about-tags>div{display:flex;flex-wrap:wrap;gap:8px}
.about-tags>div span{padding:8px 11px;border-radius:999px;background:#fff;color:#536f7d;font-size:12px;font-weight:700}
.about-dark{padding:88px 24px;background:linear-gradient(135deg,#102f49,#163e5c);color:#fff}
.about-dark-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.about-dark-kicker{color:#76ddd7}.about-dark h2{color:#fff}
.about-dark p{max-width:760px;margin:16px 0 0;color:#d2e2ea;font-size:15px;line-height:1.7}
.about-ai-flow{display:grid;gap:10px}.about-ai-flow>div{padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.06)}
.about-ai-flow span,.about-ai-flow strong,.about-ai-flow small{display:block}.about-ai-flow span{color:#76ddd7;font-size:10px;font-weight:900}.about-ai-flow strong{margin-top:5px;color:#fff}
.about-ai-flow small{margin-top:5px;color:#cfe0e7;line-height:1.5}.about-ai-flow>b{justify-self:center;color:#70ddd5}
.about-record-loop{padding:24px 26px;border:1px solid var(--ab);border-radius:18px;background:#f8fbfc}
.about-parent-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:64px;align-items:center}
.about-parent-badge{display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:35px;border:1px solid #cfe4e5;border-radius:24px;background:linear-gradient(135deg,#ecfafa,#fff)}
.about-parent-badge span{color:var(--atd);font-size:11px;font-weight:900;letter-spacing:.13em}.about-parent-badge strong{margin-top:12px;color:var(--an);font-size:clamp(2rem,4vw,3.4rem);line-height:1}
.about-text-link{display:inline-block;margin-top:20px;color:var(--atd);font-size:14px;font-weight:800;text-decoration:none}
.about-philosophy{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center;padding:44px;border:1px solid #cfe4e5;border-radius:24px;background:#fff}
.about-quote{padding:30px;border-radius:19px;background:linear-gradient(135deg,var(--and),#174661)}
.about-quote span{color:#75ddd7;font-size:10px;font-weight:900;letter-spacing:.12em}.about-quote blockquote{margin:14px 0 0;color:#fff;font-size:clamp(1.45rem,2.8vw,2.05rem);font-weight:700;line-height:1.35}
.about-future{max-width:970px;margin-top:32px;padding:30px 32px;border-left:4px solid var(--at);border-radius:0 18px 18px 0;background:var(--ats)}
.about-future p{margin:0;color:#496676;font-size:16px;line-height:1.7}.about-future strong{display:block;margin-top:13px;color:var(--an);font-size:19px}
.about-final{padding:24px 24px 90px;background:#fff}.about-final-card{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;padding:48px;border:1px solid #cde6e5;border-radius:25px;background:linear-gradient(135deg,#edfafa,#fff)}
.about-final-card h2{margin:8px 0 11px;color:var(--an);font-size:clamp(2.25rem,4vw,3.6rem);letter-spacing:-.04em}
.about-final-card p{max-width:770px;margin:0;color:var(--ax);font-size:15px;line-height:1.65}.about-final-actions{display:flex;flex-direction:column;gap:10px;min-width:220px}
@media(max-width:1060px){
  .about-three-grid{grid-template-columns:repeat(2,1fr)}.about-four-grid{grid-template-columns:repeat(2,1fr)}
  .about-dark-grid,.about-parent-grid,.about-philosophy{grid-template-columns:1fr}.about-parent-badge{min-height:180px}
}
@media(max-width:720px){
  .about-hero{padding:64px 17px 54px}.about-section,.about-dark{padding:66px 17px}
  .about-two-col,.about-three-grid,.about-four-grid,.about-final-card{grid-template-columns:1fr}.about-two-col{gap:28px}
  .about-tags{grid-template-columns:1fr}.about-philosophy{padding:28px 22px}
  .about-record-loop{flex-direction:column;align-items:stretch}.about-record-loop span{text-align:center}.about-record-loop b{align-self:center;transform:rotate(90deg)}
  .about-final{padding:10px 17px 70px}.about-final-card{padding:30px 23px}.about-final-actions{min-width:0}
}

/* Where RevenuivaAI Is Based (Jose 25 Oct) */
.about-based-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 48px; align-items: center; }
.about-address-card { padding: 30px; border: 1px solid #d7e6eb; border-radius: 20px; background: #fff; box-shadow: 0 18px 40px rgba(16,47,74,.07); }
.about-address-pin { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 16px; border-radius: 14px; background: var(--teal-soft); color: var(--teal-dark); }
.about-address-pin svg { width: 24px; height: 24px; }
.about-address-card strong { display: block; color: var(--navy); font-size: 18px; }
.about-address-card address { margin: 8px 0 16px; color: var(--muted); font-style: normal; font-size: 16px; line-height: 1.7; }
@media (max-width: 860px) { .about-based-grid { grid-template-columns: 1fr; gap: 24px; } }