/* About Us page — extends the shared Codes With Pankaj design system. */
.breadcrumbs{display:flex;align-items:center;gap:10px;padding-top:24px;color:var(--muted);font-size:.78rem}.breadcrumbs a:hover,.story-copy a:hover{color:var(--cyan)}.breadcrumbs i{font-size:.65rem;color:#66748c}
.about-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;padding-top:52px;padding-bottom:55px;min-height:560px}.about-hero-copy{max-width:720px}.about-hero h1{font-size:clamp(2.8rem,5.8vw,5rem);line-height:1.03;letter-spacing:-.065em;margin:17px 0 20px}.about-hero-lead{font-size:1.04rem;line-height:1.85;color:var(--muted);max-width:670px}.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.about-proof{display:flex;flex-wrap:wrap;gap:11px 17px;margin-top:24px}.about-proof span{display:flex;align-items:center;gap:7px;color:#d5deef;font-size:.76rem}.about-proof i{color:var(--green)}
.about-hero-art{min-height:420px;position:relative;display:grid;place-items:center;isolation:isolate}.about-orbit{position:absolute;border:1px solid rgba(167,139,250,.22);border-radius:50%;z-index:-1}.orbit-one{width:360px;height:360px;transform:rotate(-22deg)}.orbit-two{width:285px;height:285px;border-color:rgba(103,232,249,.2)}.founder-card{width:min(100%,350px);padding:30px;border-radius:25px;text-align:center;box-shadow:var(--shadow)}.founder-avatar{width:88px;height:88px;border-radius:26px;display:grid;place-items:center;margin:0 auto 17px;background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(103,232,249,.13));border:1px solid var(--line);font-size:2.4rem;color:#d8ccff}.founder-kicker{font-size:.65rem;font-weight:800;letter-spacing:.16em;color:var(--cyan)}.founder-card h2{font-size:1.6rem;margin:9px 0}.founder-card>p{color:var(--muted);margin:0}.founder-card-bottom{display:grid;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:18px;text-align:left}.founder-card-bottom span{font-size:.76rem;color:#d5deef}.founder-card-bottom i{color:var(--cyan);width:22px}.about-floating{position:absolute;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(12,18,32,.9);box-shadow:var(--shadow);font-size:.73rem;font-weight:700}.about-floating i{color:var(--cyan)}.float-code{left:-5px;top:60px}.float-brain{right:-5px;bottom:54px}.float-brain i{color:#c4b5fd}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,70px);align-items:center}.story-visual{padding:clamp(24px,4vw,38px);border-radius:var(--radius);overflow:hidden;position:relative}.story-visual-icon{width:70px;height:70px;display:grid;place-items:center;border-radius:20px;background:rgba(103,232,249,.1);color:var(--cyan);font-size:2rem;margin-bottom:25px}.story-visual h2{font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.045em;line-height:1.15;margin:12px 0}.story-visual>p,.story-copy p{color:var(--muted);line-height:1.85;font-size:.92rem}.story-code-line{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:.8rem;color:#dce4f4}.story-code-line span{color:var(--cyan);font-family:ui-monospace,monospace}.story-code-line i{margin-left:auto;color:var(--green)}.story-copy h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;letter-spacing:-.055em;margin:12px 0 20px}.story-copy a{display:inline-flex;gap:8px;align-items:center;margin-top:6px;color:#d7ceff;font-size:.84rem;font-weight:700}
.vision-panel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:clamp(25px,4vw,42px);border-radius:var(--radius)}.vision-icon{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:rgba(167,139,250,.13);color:#c4b5fd;font-size:1.8rem}.vision-panel h2{font-size:clamp(1.8rem,3.5vw,2.7rem);letter-spacing:-.05em;margin:9px 0}.vision-panel p{max-width:720px;color:var(--muted);font-size:.9rem;line-height:1.8;margin:0}.vision-panel>.btn{white-space:nowrap}
.about-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.about-benefit{padding:25px;border-radius:18px;transition:transform .2s,border-color .2s}.about-benefit:hover{transform:translateY(-4px);border-color:rgba(103,232,249,.28)}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:1.15rem}.about-benefit h3{font-size:1rem;margin:18px 0 9px}.about-benefit p{font-size:.83rem;line-height:1.75;color:var(--muted);margin:0}.about-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.about-stat{padding:28px;text-align:center;border-radius:18px}.about-stat strong{display:block;font-size:clamp(2.1rem,4vw,3.2rem);letter-spacing:-.06em;background:linear-gradient(100deg,#c4b5fd,#67e8f9);color:transparent;background-clip:text;-webkit-background-clip:text}.about-stat span{display:block;color:var(--muted);font-size:.82rem;margin-top:6px}.stats-note,.testimonial-note{color:#8490a5;font-size:.72rem;text-align:center;margin-top:14px}
.learning-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(25px,4vw,42px);border-radius:var(--radius)}.learning-banner>div:first-child{max-width:760px}.learning-banner h2{font-size:clamp(1.8rem,3.7vw,2.8rem);letter-spacing:-.05em;line-height:1.15;margin:10px 0}.learning-banner p{font-size:.9rem;line-height:1.8;color:var(--muted);margin:0}.learning-banner-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}.learning-banner-actions .btn{white-space:nowrap}
.learner-voices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learner-voice{padding:24px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}.voice-stars{color:#fbbf24;letter-spacing:.12em;font-size:.9rem}.learner-voice blockquote{margin:14px 0 20px;color:#d8e0ef;font-size:.86rem;line-height:1.8;flex:1}.learner-voice strong{font-size:.83rem}.learner-voice>span{color:var(--muted);font-size:.73rem;margin-top:4px}.about-faq{max-width:900px;margin-inline:auto;display:grid;gap:11px}.faq-item{border-radius:14px;padding:0 20px}.faq-item summary{list-style:none;cursor:pointer;position:relative;padding:20px 28px 20px 0;font-weight:700;font-size:.9rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:0;top:17px;color:var(--cyan);font-size:1.3rem;font-weight:400}.faq-item[open] summary::after{content:'−'}.faq-item p{margin:0;padding:0 0 20px;color:var(--muted);font-size:.85rem;line-height:1.8}.faq-item a,.section-heading a{color:var(--cyan)}.about-newsletter{margin-top:0}.about-newsletter .newsletter-form{align-items:flex-start}.about-newsletter .newsletter-form input{min-height:47px}.about-newsletter .newsletter-form button{min-height:47px}.about-newsletter .form-message{flex-basis:100%;min-height:1.2em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.about-hero{grid-template-columns:1fr .8fr;gap:25px}.vision-panel{grid-template-columns:auto 1fr}.vision-panel>.btn{grid-column:2;justify-self:start}.about-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-banner{align-items:flex-start;flex-direction:column}.learning-banner-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:700px){.breadcrumbs{padding-top:18px}.about-hero{grid-template-columns:1fr;padding-top:38px;gap:12px}.about-hero h1{font-size:clamp(2.55rem,11vw,3.8rem)}.about-hero-lead{font-size:.94rem}.about-hero-art{min-height:370px;margin-top:10px}.orbit-one{width:310px;height:310px}.orbit-two{width:245px;height:245px}.founder-card{padding:25px 20px;width:min(100%,330px)}.float-code{left:0;top:18px}.float-brain{right:0;bottom:22px}.about-proof{gap:9px 12px}.about-proof span{font-size:.7rem}.story-grid{grid-template-columns:1fr}.vision-panel{grid-template-columns:1fr;gap:17px}.vision-panel>.btn{grid-column:auto;width:100%}.about-benefits-grid,.about-stats-grid,.learner-voices-grid{grid-template-columns:1fr}.about-benefit{padding:22px}.about-stat{padding:22px}.learning-banner-actions{width:100%;flex-direction:column}.learning-banner-actions .btn{width:100%}.faq-item{padding-inline:15px}.faq-item summary{font-size:.84rem}.about-newsletter .newsletter-form{flex-direction:column}.about-newsletter .newsletter-form input,.about-newsletter .newsletter-form button{width:100%}}
@media(prefers-reduced-motion:reduce){.about-benefit{transition:none}.about-benefit:hover{transform:none}}