
/* =========================================================
   ThoughtNIdea — About Page
   Isolated stylesheet: assets/css/about.css
   ========================================================= */
.about-page{--ap:#5b2aa6;--apd:#32155f;--at:#18a9a1;--al:#9ad329;--ai:#111326;--am:#626778;--aline:#e5e6ed;font-family:Inter,Arial,sans-serif;color:var(--ai);background:#fff;overflow:hidden}
.about-page *{box-sizing:border-box}
.about-page h1,.about-page h2,.about-page h3{font-family:"Space Grotesk",Inter,sans-serif}
.about-page a{text-decoration:none}
.about-kicker{font:700 9px/1.2 "Space Grotesk";letter-spacing:1.6px;text-transform:uppercase;color:var(--ap)}
.about-kicker>span{display:inline-block;width:20px;height:2px;vertical-align:middle;margin-right:7px;background:linear-gradient(90deg,var(--ap),var(--at))}
.about-hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 45%,rgba(24,169,161,.12),transparent 25%),radial-gradient(circle at 15% 40%,rgba(91,42,166,.09),transparent 28%),#f8f7fb}
.about-hero-glow{position:absolute;width:550px;height:550px;border:1px solid rgba(91,42,166,.08);border-radius:50%;right:-220px;top:-150px}
.about-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.about-hero-copy{padding:90px 0}
.about-hero h1{font-size:clamp(47px,5.6vw,75px);line-height:1.02;letter-spacing:-3.4px;margin:18px 0 23px}
.about-hero h1 strong{color:var(--ap)}
.about-hero-copy>p{max-width:650px;color:var(--am);font-size:15px;line-height:1.8;margin:0}
.about-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.about-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:47px;padding:0 18px;border-radius:9px;font:700 10px "Space Grotesk";transition:.2s}
.about-btn-primary{background:var(--ap);color:#fff;box-shadow:0 10px 25px rgba(91,42,166,.18)}
.about-btn-primary:hover,.about-btn-light:hover,.about-btn-white:hover{transform:translateY(-3px)}
.about-btn-light{background:#fff;color:var(--ai);border:1px solid var(--aline)}
.about-hero-card{position:relative;min-height:420px;padding:45px;border-radius:30px;background:linear-gradient(145deg,var(--apd),#17182d);color:#fff;box-shadow:0 28px 70px rgba(17,19,38,.16);overflow:hidden}
.about-hero-card:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-110px;top:-100px}
.about-hero-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(24,169,161,.14);left:-70px;bottom:-70px}
.about-year{position:relative;z-index:2;font:700 88px/.9 "Space Grotesk";letter-spacing:-5px}
.about-year-label{position:relative;z-index:2;margin-top:7px;color:#a9a7b5;font:700 8px "Space Grotesk";letter-spacing:1.5px}
.about-hero-line{position:relative;z-index:2;width:100%;height:1px;background:rgba(255,255,255,.12);margin:70px 0 30px}
.about-hero-statement{position:relative;z-index:2;font:500 21px/1.4 "Space Grotesk";color:#d8d5df}
.about-hero-statement strong{color:#fff}
.about-hero-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}
.about-hero-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:99px;color:#aaa9b5;font-size:8px}
.about-intro,.about-evolution,.about-capabilities{padding:105px 0}
.about-section-head{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:end;margin-bottom:48px}
.about-section-head.single{display:block;max-width:850px}
.about-section-head h2{font-size:clamp(38px,4.4vw,59px);line-height:1.04;letter-spacing:-2.4px;margin:14px 0 0}
.about-section-head h2 strong{color:var(--ap)}
.about-section-head>p{color:var(--am);font-size:13px;line-height:1.8;margin:0}
.about-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--aline);border-bottom:1px solid var(--aline)}
.about-stats>div{padding:27px 25px;border-right:1px solid var(--aline)}
.about-stats>div:last-child{border-right:0}
.about-stats strong{display:block;font:700 37px "Space Grotesk";color:var(--ap)}
.about-stats span{display:block;margin-top:4px;color:#858895;font-size:9px}
.about-story{padding:105px 0;background:#f6f7fa}
.about-story-grid{display:grid;grid-template-columns:.55fr 1fr;gap:100px}
.about-story-number{margin-top:55px;color:#d7d8de;font:700 95px/.8 "Space Grotesk";letter-spacing:-7px}
.about-story-label h3{font:700 25px/1.1 "Space Grotesk";margin:23px 0 0}
.about-story-content{padding-top:28px}
.about-story-content p{color:var(--am);font-size:13px;line-height:1.85;margin:0 0 19px}
.about-story-content .about-lead{font:600 23px/1.45 "Space Grotesk";color:var(--ai);letter-spacing:-.4px}
.about-timeline{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;align-items:center}
.about-timeline article{min-height:280px;padding:28px;border:1px solid var(--aline);border-radius:20px;background:#fff}
.about-timeline article.current{background:linear-gradient(145deg,#f1ebf9,#eefaf9);border-color:#ddd4e9;box-shadow:0 14px 40px rgba(91,42,166,.07)}
.about-timeline article span{font:700 8px "Space Grotesk";letter-spacing:1.2px;color:#989ba7}
.about-timeline article>b{display:block;margin:29px 0 9px;color:var(--ap);opacity:.45;font:700 36px "Space Grotesk"}
.about-timeline article h3{font-size:20px;margin:0 0 7px}
.about-timeline article p{font-size:10px;color:var(--am);line-height:1.65;margin:0}
.about-timeline-arrow{text-align:center;color:#afb1ba}
.about-values{padding:105px 0;background:#f6f7fa}
.about-value-grid,.about-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.about-value-grid article{min-height:265px;padding:25px;border:1px solid var(--aline);border-radius:18px;background:#fff;transition:.2s}
.about-value-grid article:hover,.about-cap-grid a:hover{transform:translateY(-5px);box-shadow:0 15px 38px rgba(17,19,38,.07)}
.about-value-grid em{font:700 9px "Space Grotesk";font-style:normal;color:#9ea1ac}
.about-value-grid h3{font-size:19px;margin:28px 0 8px}
.about-value-grid p{font-size:10px;line-height:1.7;color:var(--am);margin:0}
.about-cap-grid a{position:relative;min-height:250px;padding:25px;border-radius:19px;border:1px solid var(--aline);background:#fff;transition:.2s}
.about-cap-grid a>span{color:#9ea1ac;font:700 9px "Space Grotesk"}
.about-cap-grid h3{font-size:20px;margin:31px 0 7px}
.about-cap-grid p{font-size:10px;line-height:1.65;color:var(--am);margin:0}
.about-cap-grid b{position:absolute;bottom:23px;color:var(--ap);font:700 9px "Space Grotesk"}
.about-leadership{padding:110px 0;background:linear-gradient(145deg,#121328,#21133d);color:#fff;overflow:hidden}
.about-lead-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}
.about-profile-visual{position:relative;height:430px;display:grid;place-items:center}
.about-profile-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}
.about-profile-orbit.orbit-one{width:330px;height:330px}
.about-profile-orbit.orbit-two{width:240px;height:240px;border-style:dashed;border-color:rgba(24,169,161,.28)}
.about-profile-avatar {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.about-profile-badge{position:absolute;z-index:3;right:10%;bottom:60px;padding:10px 13px;border-radius:9px;background:#fff;color:var(--ai);font:700 7px/1.5 "Space Grotesk";letter-spacing:1px}
.about-leadership .about-kicker{color:#bbb5ca}
.about-profile-content h2{font-size:clamp(42px,4.8vw,64px);line-height:1;margin:15px 0 4px;letter-spacing:-2px}
.about-role{color:#9e9baa;font:600 11px "Space Grotesk"}
.about-profile-content p{max-width:700px;color:#aaa8b5;font-size:12px;line-height:1.8;margin:18px 0 0}
.about-profile-content .about-lead{font:600 22px/1.45 "Space Grotesk";color:#fff;margin-top:20px}
.about-lead-facts{display:flex;gap:35px;margin-top:30px}
.about-lead-facts strong{display:block;font:700 24px "Space Grotesk";color:#b8d35c}
.about-lead-facts span{display:block;margin-top:2px;color:#7e8090;font-size:8px}
.about-linkedin{display:inline-flex;align-items:center;gap:9px;margin-top:28px;padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:9px;color:#fff;font:700 9px "Space Grotesk"}
.about-linkedin span{display:grid;place-items:center;width:19px;height:19px;border-radius:4px;background:#0a66c2;color:#fff;font:700 11px Arial}
.about-linkedin b{font-size:12px}
.about-cta{position:relative;min-height:400px;display:grid;place-items:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,var(--apd),var(--ap));color:#fff}
.about-cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:55px 55px}
.about-cta-content{position:relative;z-index:2;max-width:760px}
.about-cta .about-kicker{color:#c9bfdb}
.about-cta h2{font-size:clamp(43px,5.2vw,68px);line-height:1;letter-spacing:-2.5px;margin:14px 0}
.about-cta h2 strong{color:#b8d35c}
.about-cta p{max-width:620px;margin:0 auto 25px;color:#d0c9df;font-size:12px}
.about-btn-white{background:#fff;color:var(--ai)}
@media(max-width:1000px){
 .about-hero-grid{gap:40px}.about-hero h1{font-size:clamp(44px,5.8vw,65px)}.about-section-head{gap:40px}.about-value-grid,.about-cap-grid{grid-template-columns:1fr 1fr}.about-lead-grid{gap:45px}
}
@media(max-width:760px){
 .about-hero{min-height:auto}.about-hero-grid{grid-template-columns:1fr}.about-hero-copy{padding:70px 0 25px}.about-hero-card{min-height:350px;padding:32px}.about-year{font-size:70px}.about-hero-line{margin:48px 0 25px}
 .about-intro,.about-story,.about-evolution,.about-values,.about-capabilities{padding:75px 0}.about-section-head{display:block;margin-bottom:34px}.about-section-head>p{margin-top:18px}.about-section-head h2{font-size:40px}
 .about-stats{grid-template-columns:1fr 1fr}.about-stats>div:nth-child(2){border-right:0}.about-stats>div:nth-child(-n+2){border-bottom:1px solid var(--aline)}
 .about-story-grid{grid-template-columns:1fr;gap:15px}.about-story-number{margin-top:25px;font-size:70px}.about-story-content{padding-top:10px}
 .about-timeline{grid-template-columns:1fr}.about-timeline-arrow{padding:10px;transform:rotate(90deg)}
 .about-value-grid,.about-cap-grid{grid-template-columns:1fr}.about-value-grid article{min-height:220px}
 .about-lead-grid{grid-template-columns:1fr;gap:30px}.about-profile-visual{height:320px}.about-profile-orbit.orbit-one{width:260px;height:260px}.about-profile-orbit.orbit-two{width:190px;height:190px}.about-profile-avatar{width:125px;height:125px;font-size:35px}
 .about-profile-content .about-lead{font-size:20px}.about-lead-facts{gap:22px;flex-wrap:wrap}.about-leadership{padding:75px 0}.about-cta{min-height:360px}
}
@media(max-width:430px){
 .about-hero h1{font-size:42px;letter-spacing:-2px}.about-hero-copy>p{font-size:13px}.about-hero-actions{display:grid;grid-template-columns:1fr 1fr}.about-btn{width:100%;padding:0 8px;font-size:9px}
 .about-hero-card{min-height:315px}.about-year{font-size:61px}.about-hero-statement{font-size:18px}.about-stats strong{font-size:30px}.about-stats>div{padding:20px 15px}
 .about-section-head h2{font-size:35px}.about-story-content .about-lead{font-size:19px}.about-cta h2{font-size:40px}.about-lead-facts{gap:18px}
}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;transition:none!important}}
