.about-project{--ink:#172338;--muted:#5e6b7d;--blue:#0091dc;--dark:#006ca8;--soft:#f3f9fd;color:var(--ink);overflow:hidden}
.about-project *{box-sizing:border-box}.about-project h1,.about-project h2,.about-project h3{color:var(--ink);letter-spacing:-.025em}.about-project h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.04;margin:0 0 24px}.about-project h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;margin:0 0 20px}.about-project h3{font-size:1.42rem;margin:0 0 12px}.about-project p{color:var(--muted);font-size:1.15rem;line-height:1.78;margin:0 0 18px}
.about-wrap{width:min(1280px,calc(100% - 48px));margin:auto}.about-narrow{max-width:820px;margin-left:auto;margin-right:auto}.about-section{padding:clamp(72px,9vw,120px) 0;scroll-margin-top:100px}.about-soft{background:var(--soft)}.about-heading{margin-bottom:42px}.centered{max-width:820px;margin:0 auto 48px;text-align:center}.about-kicker{color:var(--blue)!important;font-size:.78rem!important;font-weight:800;letter-spacing:.16em;margin-bottom:14px!important;text-transform:uppercase}
.about-hero{background:linear-gradient(135deg,#eef8fe,#fff 58%,#e4f5fd);padding:clamp(76px,10vw,136px) 0}.about-split{align-items:center;display:grid;gap:clamp(42px,7vw,86px);grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}.about-lead{color:var(--ink)!important;font-size:1.38rem!important;font-weight:600}.about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.about-button{border:2px solid transparent;border-radius:8px;display:inline-flex;font-weight:700;justify-content:center;line-height:1.2;padding:15px 22px;text-decoration:none!important;transition:.2s}.about-button:hover{transform:translateY(-2px)}.about-button.primary{background:var(--blue);color:#fff!important}.about-button.secondary{border-color:var(--blue);color:var(--blue)!important}
.about-media{background:#fff;border:1px solid #dbe5e1;border-radius:16px;box-shadow:0 22px 60px rgba(20,52,45,.13);margin:0;overflow:hidden;padding:12px}.about-media img{border-radius:9px;display:block;height:auto;width:100%}.about-media figcaption{color:var(--muted);font-size:.86rem;line-height:1.55;padding:14px 6px 3px}
.about-grid{display:grid;gap:22px}.about-grid.four{grid-template-columns:repeat(4,1fr)}.about-grid.six{grid-template-columns:repeat(3,1fr)}.about-grid article{background:#fff;border:1px solid #e0e8e5;border-radius:14px;box-shadow:0 10px 30px rgba(25,50,43,.055);padding:36px}.about-grid article:before{background:var(--blue);border-radius:9px;content:"";display:block;height:5px;margin-bottom:22px;width:40px}.about-grid article p{font-size:1.06rem;margin:0}
.about-plugin{background:#edf8fd}.plugin-shots{display:grid;gap:14px}.plugin-shots img+img{border-top:1px solid #dbe5e1;padding-top:14px}.about-table-wrap{border:1px solid #dce5e2;border-radius:14px;overflow-x:auto}.about-table-wrap table{border-collapse:collapse;margin:0;min-width:620px;width:100%}.about-table-wrap th,.about-table-wrap td{border:0;border-bottom:1px solid #e2e9e7;padding:18px 22px;text-align:left}.about-table-wrap th{background:var(--blue);color:#fff}.about-table-wrap tr:nth-child(even){background:var(--soft)}
.project-checklist{display:grid;gap:12px;list-style:none;margin:26px 0 30px;padding:0}.project-checklist li{color:var(--ink);padding-left:34px;position:relative}.project-checklist li:before{align-items:center;background:#d9f1fc;border-radius:50%;color:var(--blue);content:"✓";display:flex;font-weight:900;height:22px;justify-content:center;left:0;position:absolute;width:22px}.about-media.wide{margin-top:42px}
.about-cta{background:var(--dark);padding:clamp(70px,9vw,110px) 0;text-align:center}.about-cta .about-wrap{max-width:820px}.about-cta h2,.about-cta p{color:#fff}.about-cta .about-kicker{color:#bce9fb!important}.about-cta .about-actions{justify-content:center}.about-button.light{background:#fff;color:var(--dark)!important}.about-button.outline{border-color:#fff;color:#fff!important}
@media(max-width:980px){.about-split{grid-template-columns:1fr}.about-grid.four,.about-grid.six{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.about-wrap{width:calc(100% - 28px)}.about-section{padding:64px 0}.about-project h1{font-size:2.3rem}.about-project h2{font-size:2rem}.about-grid.four,.about-grid.six{grid-template-columns:1fr}.about-actions{flex-direction:column}.about-button{width:100%}}