.about-section{border-bottom:1px solid var(--color-border);background:linear-gradient(#f8fafc 0%,#f1f6fb 100%);padding:3.25rem 0;position:relative;overflow:hidden}.about-container{flex-direction:column;gap:2.5rem;display:flex}.about-main-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:3rem;display:grid}.about-visual-collage{width:100%;padding-bottom:3.5rem;padding-right:2.5rem;position:relative}.collage-primary-card{z-index:1;background:#fff;border:1px solid #dce4ee;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 22px 45px -12px #0b111e24}.blueprint-header-bar{color:#e2e8f0;background:#0b111e;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.blueprint-header-left{align-items:center;gap:.55rem;display:flex}.blueprint-status-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #38bdf8}.blueprint-label{font-family:var(--font-heading);letter-spacing:.08em;color:#cbd5e1;font-size:.72rem;font-weight:700}.blueprint-tag{font-family:var(--font-heading);color:#38bdf8;border-radius:var(--radius-sm);background:#38bdf824;border:1px solid #38bdf84d;padding:.22rem .65rem;font-size:.68rem;font-weight:700}.blueprint-image-wrapper{aspect-ratio:4/3.6;width:100%;position:relative;overflow:hidden}.about-blueprint-img{object-fit:cover;object-position:center;filter:contrast(1.04);transition:transform .6s cubic-bezier(.16,1,.3,1)}.collage-primary-card:hover .about-blueprint-img{transform:scale(1.03)}.blueprint-footer-bar{background:#fff;border-top:1px solid #e2e8f0;padding:.9rem 1.25rem}.blueprint-spec{flex-direction:column;gap:.15rem;display:flex}.spec-label{font-family:var(--font-heading);color:var(--color-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.spec-val{font-family:var(--font-heading);color:#0b111e;font-size:.88rem;font-weight:600}.collage-secondary-card{z-index:3;background:#0b111e;border:3px solid #fff;border-radius:12px;width:58%;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 24px 48px -10px #0b111e52}.secondary-img-wrap{aspect-ratio:16/10.5;width:100%;position:relative;overflow:hidden}.secondary-collage-img{object-fit:cover;object-position:center 55%}.secondary-card-caption{color:#fff;background:#0b111e;flex-direction:column;gap:.2rem;padding:.85rem 1rem;display:flex}.sec-caption-tag{font-family:var(--font-heading);letter-spacing:.1em;color:#38bdf8;font-size:.66rem;font-weight:700}.secondary-card-caption strong{font-family:var(--font-heading);color:#f8fafc;font-size:.82rem;font-weight:600;line-height:1.35}.about-content-column{flex-direction:column;gap:1.25rem;display:flex}.about-section-badge{color:var(--color-primary);font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;font-weight:700}.about-heading{color:var(--color-text-heading);letter-spacing:-.02em;font-size:clamp(2rem,3.1vw,2.85rem);font-weight:700;line-height:1.15}.about-intro{color:#334155;font-size:1.04rem;line-height:1.72}.about-intro strong{color:#0b111e}.about-quote-box{border:1px solid #dce4ee;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:#fff;flex-direction:column;gap:.5rem;padding:1.25rem 1.45rem;display:flex;box-shadow:0 8px 20px -8px #0b111e0f}.about-quote-box p{color:#1e293b;font-size:.95rem;font-style:italic;line-height:1.65}.about-quote-box span{font-family:var(--font-heading);color:var(--color-primary-dark);letter-spacing:.03em;font-size:.78rem;font-weight:700}.about-pillars-grid{grid-template-columns:1fr 1fr;gap:1.15rem;margin-top:.35rem;display:grid}.about-pillar-card{border-radius:var(--radius-md);background:#fff;border:1px solid #dce4ee;padding:1.25rem;transition:all .3s}.about-pillar-card:hover{border-color:#026aa773;transform:translateY(-2px);box-shadow:0 12px 24px -8px #0b111e14}.pillar-header{align-items:baseline;gap:.6rem;margin-bottom:.45rem;display:flex}.pillar-code{font-family:var(--font-heading);color:var(--color-primary);font-size:.84rem;font-weight:700}.pillar-title{font-family:var(--font-heading);color:#0b111e;font-size:1rem;font-weight:700;line-height:1.3}.pillar-desc{color:#475569;font-size:.87rem;line-height:1.58}.about-comparison-banner{background:#fff;border:1px solid #dce4ee;border-radius:14px;flex-direction:column;gap:1.35rem;padding:1.75rem 2rem;display:flex;box-shadow:0 20px 45px -15px #0b111e14}.comparison-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-bottom:1rem;display:flex}.comparison-badge{font-family:var(--font-heading);letter-spacing:.12em;color:var(--color-primary);text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:inline-block}.comparison-header h3{color:#0b111e;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:700}.about-btn{white-space:nowrap;border-radius:var(--radius-md)}.comparison-rows{flex-direction:column;gap:1rem;display:flex}.comparison-row{grid-template-columns:1fr 1.15fr;align-items:stretch;gap:1.25rem;display:grid}.comp-col{border-radius:var(--radius-md);align-items:flex-start;gap:.9rem;padding:1.15rem 1.35rem;display:flex}.comp-bad{background:#f8fafc;border:1px solid #e2e8f0}.comp-good{background:#f0f7ff;border:1px solid #026aa747}.comp-icon-bad{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:.78rem;font-weight:700;display:flex}.comp-icon-good{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;font-size:.82rem;font-weight:700;display:flex}.comp-col-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:block}.comp-bad .comp-col-label{color:#64748b}.comp-good .comp-col-label{color:var(--color-primary-dark)}.comp-col p{color:#1e293b;font-size:.9rem;line-height:1.5}.comp-good p{color:#0b111e;font-weight:500}@media (max-width:1024px){.about-main-grid{grid-template-columns:1fr;gap:3rem}.comparison-header{flex-direction:column;align-items:flex-start;gap:1.25rem}.comparison-row{grid-template-columns:1fr;gap:.65rem}}@media (max-width:768px){.about-section{padding:3.5rem 0}.about-container{gap:3rem}.about-visual-collage{flex-direction:column;gap:1rem;padding-bottom:0;padding-right:0;display:flex}.collage-secondary-card{border-width:1px;width:100%;position:relative}.about-heading{font-size:1.8rem}.about-pillars-grid{grid-template-columns:1fr}.about-comparison-banner{padding:1.5rem 1.25rem}.about-btn{justify-content:center;width:100%}}
