.about-grid { gap:64px; align-items:center; }
.about-copy h2 { color:#edf5ff; font-size:26px; margin:0 0 20px; }
.about-contact-button { display:inline-flex; margin-top:28px; padding:12px 20px; border-radius:9px; background:#72d6f2; color:#10243b; font-weight:700; }
.about-values.section { padding:0 0 64px; background:#101d2e!important; }
.about-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.about-values-grid article { padding:28px; background:#182d43; border:1px solid #344d65; border-radius:16px; }
.about-values-grid span { color:#72d6f2; font-size:12px; letter-spacing:.06em; }
.about-values-grid h2 { margin:16px 0 12px; font-size:24px; color:#edf5ff; }
.about-values-grid p { margin:0; color:#b9cce0; font-size:16px; line-height:1.9; }
.about-capabilities.section { padding:56px 0 72px; background:#15283d!important; }
.about-capabilities h2 { font-size:clamp(23px,3vw,32px); color:#edf5ff; margin:0 0 26px; }
.about-service-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-bottom:28px; }
.about-service-links .about-service-card { padding:18px 22px; border:1px solid #344d65; border-radius:10px; color:#d7eafa; background:#1c334b; }
.about-service-links .about-service-card:hover { border-color:#72d6f2; color:#72d6f2; }
@media(max-width:800px) { .about-values-grid { grid-template-columns:1fr; } .about-grid { gap:32px; } }
@media(max-width:520px) { .about-service-links { grid-template-columns:1fr; } }
.about .section-heading>p { max-width:440px; line-height:1.9; }
.about-work-link { display:inline-flex; margin:18px 0 0 20px; color:#bdeafa; font-size:15px; }
.about .about-copy { padding:32px; border:1px solid #344d65; border-radius:20px; background:linear-gradient(140deg,#1d354e,#16293e); }
.about .pull-quote { border-color:#72d6f2; color:#dff5ff; font-size:18px; line-height:1.8; }
.about-principles.section { padding:72px 0; background:#101d2e!important; }
.about-section-heading { max-width:680px; margin-bottom:32px; }
.about-section-heading>span,.about-final-cta span { color:#72d6f2; font-size:12px; letter-spacing:.12em; font-weight:700; }
.about-section-heading h2 { font-size:clamp(27px,3.5vw,40px); line-height:1.4; margin:14px 0; color:#edf5ff; }
.about-section-heading p { color:#b9cce0; line-height:1.9; font-size:16px; }
.about-principle-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.about-principle-grid article { padding:26px; border-top:2px solid #72d6f2; background:#182d43; border-radius:0 0 14px 14px; }
.about-principle-grid article>span { color:#72d6f2; font-size:24px; font-weight:600; }
.about-principle-grid h3,.about-workflow-list h3 { color:#edf5ff; font-size:19px; line-height:1.6; margin:14px 0 10px; }
.about-principle-grid p,.about-workflow-list p { color:#b9cce0; font-size:15px; line-height:1.9; margin:0; }
.about-workflow.section { padding:64px 0; background:#15283d!important; }
.about-workflow-list { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; counter-reset:steps; }
.about-workflow-list li { counter-increment:steps; padding-top:18px; border-top:1px solid #425d73; }
.about-workflow-list li::before { content:counter(steps,decimal-leading-zero); color:#72d6f2; font-size:14px; font-weight:700; }
.about-final-cta.section { padding:56px 0; background:#101d2e!important; }
.about-final-cta>.container { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:36px; border:1px solid #395c75; border-radius:18px; background:linear-gradient(120deg,#1a364e,#162a40); }
.about-final-cta h2 { margin:12px 0; color:#edf5ff; font-size:clamp(24px,3vw,32px); }
.about-final-cta p { color:#b9cce0; line-height:1.9; margin:0; }
.about-final-cta .about-contact-button { flex-shrink:0; margin:0; }
.about-contact-button:hover { background:#a7ebfb; }
.about-contact-button:focus-visible,.about-work-link:focus-visible,.about-service-links .about-service-card:focus-visible { outline:3px solid #72d6f2; outline-offset:4px; }
@media(max-width:1000px) { .about-principle-grid,.about-workflow-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .about .about-copy { padding:24px; } .about-final-cta>.container { flex-direction:column; align-items:flex-start; padding:26px; } .about-principle-grid,.about-workflow-list { grid-template-columns:1fr; } .about-work-link { margin-left:0; display:flex; } }
main>.section.about:first-child { background:linear-gradient(135deg,#f4fbfe,#fff 70%)!important; padding:64px 0!important; min-height:0; }
main .about .about-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; align-items:center; }
main .about .section-heading { text-align:left; max-width:none; }
main .about .section-heading h1 { color:#17324b!important; font-size:clamp(32px,3.8vw,48px)!important; line-height:1.4!important; margin:18px 0 20px; letter-spacing:-.025em; }
main .about .section-heading>p { color:#60778b!important; text-align:left; max-width:430px; font-size:16px; }
main .about .eyebrow { color:#1689b2; }
main .about .about-copy { background:#fff; border:1px solid #dce9f1; border-radius:16px; padding:32px; box-shadow:0 14px 40px #193c5710; }
main .about .about-copy h2 { color:#17324b!important; font-size:25px; margin:0 0 18px; }
main .about .about-copy p { color:#60778b!important; font-size:16px; line-height:1.95; margin:0 0 18px; }
main .about .pull-quote { background:#edf8fc; color:#24536c!important; border-left:3px solid #2cb6d7; border-radius:0 8px 8px 0; padding:16px 20px; margin-top:24px; font-size:16px; font-weight:600; }
main .about .about-contact-button { background:#098bb5; color:#fff!important; margin-top:24px; }
main .about .about-contact-button:hover { background:#086e92; }
main .about .about-work-link { color:#216986!important; margin-left:18px; }
@media(max-width:800px) { main .about .about-grid { grid-template-columns:1fr; gap:30px; } main>.section.about:first-child { padding:40px 0!important; } }
@media(max-width:520px) { main .about .about-copy { padding:24px; } main .about .about-work-link { margin:18px 0 0; } }
/* Unified about-page design: light surfaces, navy typography, cyan accents. */
body:has(.about-values) main { background:#fff; }
body:has(.about-values) main .section { background:#fff!important; padding:64px 0; }
body:has(.about-values) main .container { width:min(1120px,calc(100% - 48px)); }
body:has(.about-values) main h2,body:has(.about-values) main h3 { color:#17324b!important; letter-spacing:-.02em; }
body:has(.about-values) main p { color:#60758a!important; line-height:1.9; }
body:has(.about-values) main>.section.about:first-child { background:linear-gradient(120deg,#edf9fd,#fff 78%)!important; padding:72px 0!important; }
main .about .section-heading h1 { font-size:clamp(34px,4vw,52px)!important; line-height:1.35!important; }
main .about .about-copy { border:0; border-left:1px solid #cce4ee; background:transparent; border-radius:0; padding:12px 0 12px 36px; box-shadow:none; }
main .about .pull-quote { background:transparent; border:0; border-top:1px solid #cce4ee; padding:20px 0 0; border-radius:0; }
body:has(.about-values) .about-values.section { padding:0 0 56px; background:#edf9fd!important; }
.about-values-grid { gap:0; background:#fff; border:1px solid #dceaf1; border-radius:16px; overflow:hidden; }
.about-values-grid article { background:#fff; border:0; border-right:1px solid #e1edf3; border-radius:0; padding:28px; }
.about-values-grid article:last-child { border:0; }
.about-values-grid span { color:#1489b0; font-size:11px; font-weight:700; }
.about-values-grid h2 { font-size:22px; margin:12px 0; }
body:has(.about-values) .about-capabilities.section { background:#fff!important; padding:56px 0; border-bottom:1px solid #e2edf3; }
.about-capabilities h2 { font-size:clamp(24px,3vw,32px); max-width:650px; }
.about-service-links { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.about-service-links .about-service-card { background:#f4fafd; border:1px solid #deedf4; color:#28526e!important; padding:22px 18px; font-size:15px; line-height:1.7; border-radius:12px; font-weight:600; }
.about-service-links .about-service-card:hover { background:#e8f7fc; border-color:#57bedb; }
.about-capabilities .text-link { color:#087fa5!important; border-color:#9ccfde; font-size:14px; }
.about-section-heading { max-width:700px; }
.about-section-heading>span,.about-final-cta span { color:#1287ab; font-size:11px; letter-spacing:.13em; }
.about-section-heading h2 { font-size:clamp(27px,3.1vw,38px); margin:12px 0 16px; }
.about-section-heading h2 br { display:none; }
.about-principle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.about-principle-grid article { display:grid; grid-template-columns:40px 1fr; column-gap:16px; padding:24px 0; background:transparent; border:0; border-top:1px solid #dce9f0; border-radius:0; }
.about-principle-grid article>span { grid-row:1/3; color:#36a7c6; font-size:19px; padding-top:3px; }
.about-principle-grid h3 { margin:0 0 8px; }
body:has(.about-values) .about-workflow.section { background:#f4f9fc!important; }
.about-workflow-list { gap:24px; margin:0; }
.about-workflow-list li { border-top:2px solid #b8dce9; }
.about-workflow-list li::before { color:#168bae; }
.about-workflow-list h3 { font-size:18px; }
body:has(.about-values) .about-final-cta.section { padding:56px 0; }
.about-final-cta>.container { background:linear-gradient(110deg,#eaf8fd,#f7fcfe); border:1px solid #cfe6f0; padding:32px; border-radius:16px; }
.about-final-cta .about-contact-button { color:#fff!important; background:#098bb5; }
.about-final-cta .about-contact-button:hover { background:#076e91; }
@media(max-width:900px) { .about-service-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .about-values-grid article { border-right:0; border-bottom:1px solid #e1edf3; } main .about .about-copy { border-left:0; border-top:1px solid #cce4ee; padding:28px 0 0; } }
@media(max-width:600px) { body:has(.about-values) main .container { width:calc(100% - 32px); } body:has(.about-values) main .section { padding:40px 0; } .about-principle-grid,.about-workflow-list { grid-template-columns:1fr; } .about-service-links { grid-template-columns:1fr; } .about-final-cta>.container { width:calc(100% - 32px); padding:24px; } }
/* Editorial hero and real-work visual. */
body:has(.about-values) main { display:flex; flex-direction:column; }
body:has(.about-values) main>.about { order:0; }
body:has(.about-values) main>.about-company-story { order:1; }
body:has(.about-values) main>.about-values { order:2; }
body:has(.about-values) main>.about-principles { order:3; }
body:has(.about-values) main>.about-capabilities { order:4; }
body:has(.about-values) main>.about-workflow { order:5; }
body:has(.about-values) main>.about-final-cta { order:6; }
body:has(.about-values) main>.section.about:first-child { background:#10243b!important; padding:64px 0!important; }
main .about .about-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:44px; }
main .about .section-heading { text-align:left!important; }
main .about .section-heading h1 { color:#fff!important; font-size:clamp(34px,3.7vw,50px)!important; text-align:left!important; line-height:1.32!important; margin:20px 0; }
main .about .section-heading>p { color:#b9cfe0!important; text-align:left!important; }
main .about .eyebrow { color:#76d9ef!important; }
main .about .about-work-link { color:#c7ecf6!important; display:inline-flex; margin-left:18px; }
.about-showcase { margin:0; border:1px solid #35536c; border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 24px 50px #0002; }
.about-showcase-label { display:flex; justify-content:space-between; padding:15px 20px; background:#19334c; color:#a9d7e8; font-size:10px; letter-spacing:.1em; }
.about-showcase img { display:block; width:100%; height:auto; }
.about-showcase figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; background:#f0f8fc; color:#315368; font-size:12px; }
.about-showcase figcaption a { color:#087f9f; font-weight:700; white-space:nowrap; }
.about-company-story>.container { display:grid; grid-template-columns:1fr 1.25fr; gap:0 64px; }
.about-company-story>.container>span { grid-column:1/-1; color:#168aac; font-size:11px; font-weight:700; letter-spacing:.12em; margin-bottom:18px; }
.about-company-story h2 { margin:0; font-size:clamp(27px,3vw,38px); line-height:1.45; }
.about-company-story p { margin:0 0 16px; font-size:16px; }
body:has(.about-values) .about-values.section { background:#fff!important; padding:0 0 64px; }
.about-values-grid { background:#f4f9fc; border:0; }
.about-values-grid article { background:transparent; }
body:has(.about-values) .about-principles.section { background:#f4f9fc!important; }
@media(max-width:800px) { main .about .about-grid,.about-company-story>.container { grid-template-columns:1fr; gap:24px; } .about-company-story>.container>span { margin-bottom:0; } .about-showcase { max-width:650px; } }
@media(max-width:520px) { .about-showcase figcaption { flex-direction:column; align-items:flex-start; gap:8px; } main .about .about-work-link { display:flex; margin-left:0; } }
.about-company-story>.container { display:block; max-width:900px; }
.about-company-story>.container>span { display:block; margin-bottom:14px; }
.about-company-story h2 { max-width:740px; margin:0 0 24px; font-size:clamp(28px,3.4vw,40px); line-height:1.45; }
.about-company-story h2 br { display:none; }
.about-company-story>.container>div { max-width:800px; }
.about-company-story p { font-size:17px; line-height:1.9; margin:0 0 14px; }
body:has(.about-values) .about-company-story.section { padding:56px 0 30px; }
body:has(.about-values) .about-values.section { padding:0 0 56px; }
.about-values>.container { max-width:900px; }
.about-values-grid { display:block; background:transparent; border-radius:0; overflow:visible; }
.about-values-grid article { display:grid; grid-template-columns:160px 1fr; column-gap:32px; padding:24px 0; border:0; border-top:1px solid #dae8f0; background:transparent; }
.about-values-grid article:last-child { border-top:1px solid #dae8f0; border-bottom:1px solid #dae8f0; }
.about-values-grid article>span { grid-column:1; font-size:10px; margin-bottom:8px; }
.about-values-grid article>h2 { grid-column:1; font-size:21px; margin:0; }
.about-values-grid article>p { grid-column:2; grid-row:1/3; align-self:center; margin:0; font-size:16px; line-height:1.85; max-width:650px; }
@media(max-width:600px) { .about-values-grid article { grid-template-columns:1fr; gap:8px; } .about-values-grid article>p { grid-column:1; grid-row:auto; } .about-company-story p { font-size:16px; } }
main .about .about-hero-copy { display:block; text-align:left!important; }
main .about .about-hero-copy .eyebrow { display:inline-flex; justify-content:flex-start; margin:0; }
main .about .about-hero-copy h1 { padding:0; margin:20px 0 22px; width:100%; max-width:none; text-align:left!important; font-size:clamp(30px,3.2vw,44px)!important; line-height:1.5!important; letter-spacing:-.035em; }
main .about .about-hero-copy h1 span { color:#72d6f2; font-size:.86em; }
main .about .about-hero-copy>p { margin:0; max-width:440px; text-align:left!important; font-size:16px; line-height:1.9; }
main .about .about-hero-actions { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:18px; margin-top:28px; }
main .about .about-hero-actions .about-contact-button,main .about .about-hero-actions .about-work-link { margin:0; display:inline-flex; font-size:14px; }
body:has(.about-values) main>.section.about:first-child { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 82% 40%,#17647c66 0,transparent 52%),radial-gradient(ellipse at 8% 95%,#19567b45 0,transparent 45%),linear-gradient(115deg,#10243b,#132e47)!important; }
main>.about::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:linear-gradient(#a0dcf00a 1px,transparent 1px),linear-gradient(90deg,#a0dcf00a 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent,#000 65%); }
main>.about::after { content:""; position:absolute; width:650px; height:650px; right:-160px; top:-210px; z-index:-1; pointer-events:none; border:1px solid #77d5f02b; border-radius:50%; box-shadow:0 0 0 75px #77d5f008,0 0 0 150px #77d5f006,0 0 90px #32b8d512; }
main .about .about-showcase { box-shadow:0 24px 64px #020c1e55,0 0 45px #53cce714; border-color:#6eabc466; }
body:has(.about-values) .about-principles.section { background:#f1f8fc!important; padding:64px 0; }
.about-principles .about-section-heading { text-align:center; margin:0 auto 36px; max-width:760px; }
.about-principles .about-section-heading h2 { font-size:clamp(26px,3vw,36px); line-height:1.5; margin:12px 0 16px; }
.about-principles .about-section-heading p { max-width:660px; margin:0 auto; }
.about-principles .about-principle-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.about-principles .about-principle-grid article { position:relative; display:block; padding:26px 22px; border:1px solid #dbeaf2; border-radius:16px; background:#fff; box-shadow:0 8px 24px #153e5906; overflow:hidden; }
.about-principles .about-principle-grid article::after { content:""; position:absolute; width:72px; height:72px; border-radius:50%; background:#edf8fc; right:-30px; top:-30px; pointer-events:none; }
.about-principles .about-principle-grid article>span { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; margin-bottom:22px; border-radius:13px; background:#e7f6fc; color:#087fa7; font-size:19px; font-weight:700; }
.about-principles .about-principle-grid article h3 { font-size:18px; line-height:1.6; margin:0 0 12px; min-height:58px; }
.about-principles .about-principle-grid article p { font-size:15px; line-height:1.9; margin:0; }
.about-principles .about-principle-grid article:first-child { background:#17364e; border-color:#17364e; }
.about-principles .about-principle-grid article:first-child h3 { color:#fff!important; }
body:has(.about-values) main .about-principles .about-principle-grid article:first-child p { color:#c3d8e8!important; }
.about-principles .about-principle-grid article:first-child>span { background:#72d6f21f; color:#72d6f2; }
.about-principles .about-principle-grid article:first-child::after { background:#72d6f20a; }
@media(max-width:1000px) { .about-principles .about-principle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .about-principles .about-principle-grid article h3 { min-height:0; } }
@media(max-width:560px) { .about-principles .about-principle-grid { grid-template-columns:1fr; gap:14px; } .about-principles .about-section-heading { text-align:left; } .about-principles .about-principle-grid article { padding:24px; } }
body:has(.about-values) .about-principles.section { background:#fff!important; padding:64px 0; }
.about-principles>.container { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; align-items:start; }
.about-principles .about-section-heading { text-align:left; margin:0; max-width:none; }
.about-principles .about-section-heading h2 { max-width:380px; font-size:clamp(28px,3vw,38px); line-height:1.5; margin:16px 0 22px; }
.about-principles .about-section-heading p { margin:0; max-width:400px; font-size:16px; }
.about-principles .about-principle-grid { display:block; }
.about-principles .about-principle-grid article,.about-principles .about-principle-grid article:first-child { display:grid; grid-template-columns:42px minmax(0,1fr); gap:0 18px; margin:0; padding:22px 0; border:0; border-bottom:1px solid #e0ebf2; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.about-principles .about-principle-grid article:first-child { padding-top:0; }
.about-principles .about-principle-grid article::after { display:none; }
.about-principles .about-principle-grid article>span,.about-principles .about-principle-grid article:first-child>span { grid-column:1; grid-row:1/3; width:40px; height:40px; margin:0; border-radius:50%; background:#eaf7fc; color:#0b88af; font-size:15px; }
body:has(.about-values) main .about-principles .about-principle-grid article h3,body:has(.about-values) main .about-principles .about-principle-grid article:first-child h3 { grid-column:2; min-height:0; margin:3px 0 8px; color:#17324b!important; font-size:19px; line-height:1.5; }
body:has(.about-values) main .about-principles .about-principle-grid article p,body:has(.about-values) main .about-principles .about-principle-grid article:first-child p { grid-column:2; margin:0; color:#60758a!important; font-size:15px; line-height:1.9; }
@media(max-width:800px) { .about-principles>.container { grid-template-columns:1fr; gap:32px; } .about-principles .about-section-heading h2,.about-principles .about-section-heading p { max-width:650px; } }
body:has(.about-values) .about-principles.section { background:#f1f8fc!important; padding:64px 0; }
.about-principles>.container { display:block; }
.about-principles .about-section-heading { text-align:center; margin:0 auto 36px; max-width:760px; }
.about-principles .about-section-heading h2 { max-width:none; font-size:clamp(26px,3vw,36px); line-height:1.5; margin:12px 0 16px; }
.about-principles .about-section-heading p { max-width:660px; margin:0 auto; }
.about-principles .about-principle-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.about-principles .about-principle-grid article,.about-principles .about-principle-grid article:first-child { display:block; position:relative; margin:0; padding:26px 22px; border:1px solid #dbeaf2; border-radius:16px; background:#fff; box-shadow:0 8px 24px #153e5906; overflow:hidden; }
.about-principles .about-principle-grid article::after,.about-principles .about-principle-grid article:first-child::after { display:block; background:#edf8fc; }
.about-principles .about-principle-grid article>span,.about-principles .about-principle-grid article:first-child>span { display:inline-flex; width:48px; height:48px; margin:0 0 22px; border-radius:13px; background:#e7f6fc; color:#087fa7; font-size:19px; }
body:has(.about-values) main .about-principles .about-principle-grid article h3,body:has(.about-values) main .about-principles .about-principle-grid article:first-child h3 { min-height:58px; margin:0 0 12px; color:#17324b!important; font-size:18px; line-height:1.6; }
body:has(.about-values) main .about-principles .about-principle-grid article p,body:has(.about-values) main .about-principles .about-principle-grid article:first-child p { color:#60758a!important; }
@media(max-width:1000px) { .about-principles .about-principle-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .about-principles .about-principle-grid { grid-template-columns:1fr; gap:14px; } }
body:has(.about-values) .about-principles.section { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 8% 14%,#b6eafa66,transparent 42%),radial-gradient(ellipse at 96% 88%,#c1e5fa77,transparent 44%),linear-gradient(135deg,#f3fbfe,#eef7fc)!important; }
.about-principles.section::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background-image:radial-gradient(#47a5c533 .9px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000); }
.about-principles.section::after { content:""; position:absolute; width:420px; height:420px; right:-240px; top:-220px; z-index:-1; pointer-events:none; border:1px solid #67b8d54d; border-radius:50%; box-shadow:0 0 0 55px #82c8df13,0 0 0 110px #82c8df0c; }
.about-principles .about-section-heading>span { display:inline-block; padding:7px 13px; border:1px solid #bfe5f0; border-radius:999px; background:#ffffffb3; }
/* Company story: editorial introduction with three balanced value cards. */
body:has(.about-values) main>.about-company-story.section { padding:64px 0 32px; }
.about-company-story>.container { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:0 48px; max-width:1120px; align-items:start; }
.about-company-story>.container>span { grid-column:1/-1; margin:0 0 18px; display:block; color:#0c8eb4; font-size:11px; letter-spacing:.13em; }
.about-company-story h2 { grid-column:1; margin:0; max-width:440px; font-size:clamp(27px,3vw,36px); line-height:1.5; }
.about-company-story h2 br { display:block; }
.about-company-story>.container>div { grid-column:2; max-width:none; border-left:2px solid #c5e6f1; padding-left:28px; }
.about-company-story p { font-size:16px; line-height:1.95; margin:0 0 16px; }
.about-company-story p:last-child { margin-bottom:0; }
body:has(.about-values) main>.about-values.section { padding:0 0 64px; background:#fff!important; }
.about-values>.container { max-width:1120px; }
.about-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; background:transparent; border:0; border-radius:0; overflow:visible; }
.about-values-grid article,.about-values-grid article:last-child { display:block; position:relative; padding:26px; border:1px solid #daebf3; border-radius:14px; background:linear-gradient(145deg,#f1f9fd,#fff); }
.about-values-grid article>span { display:inline-block; padding:6px 10px; margin:0 0 18px; background:#e3f3fa; color:#0b86ac; border-radius:6px; font-size:10px; font-weight:700; letter-spacing:.04em; }
.about-values-grid article>h2 { font-size:22px; line-height:1.5; margin:0 0 12px; }
.about-values-grid article>p { font-size:15px; line-height:1.9; margin:0; }
@media(max-width:800px) { .about-company-story>.container { grid-template-columns:1fr; gap:18px; } .about-company-story>.container>span { margin:0; } .about-company-story h2,.about-company-story>.container>div { grid-column:1; } .about-company-story h2 { max-width:none; } .about-company-story h2 br { display:none; } .about-company-story>.container>div { padding:0; border:0; } .about-values-grid { grid-template-columns:1fr; gap:14px; } }
.about-company-story>.container { display:block; padding:36px 40px; background:linear-gradient(115deg,#edf8fd,#f8fcfe); border:1px solid #dcecf4; border-radius:18px; }
.about-company-story>.container>span { display:block; margin:0 0 14px; }
.about-company-story h2 { max-width:none; margin:0 0 24px; font-size:clamp(27px,3vw,36px); line-height:1.5; }
.about-company-story h2 br { display:none; }
.about-company-story>.container>div { display:grid; grid-template-columns:1fr; gap:16px; max-width:none; border:0; padding:0; }
.about-company-story p,.about-company-story p:last-child { margin:0; font-size:16px; line-height:1.95; }
@media(max-width:700px) { .about-company-story>.container { padding:26px; } .about-company-story>.container>div { grid-template-columns:1fr; gap:16px; } }
.about-values-grid article,.about-values-grid article:last-child { border:1.5px solid #7baac1; }
body:has(.about-values) main .about-capabilities.section { background:#f3f9fc!important; padding:56px 0; border:0; }
.about-capabilities h2 { max-width:760px; margin:0 0 28px; font-size:clamp(25px,3vw,34px); line-height:1.5; }
.about-capabilities .about-service-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; counter-reset:service; margin:0 0 26px; }
.about-capabilities .about-service-links .about-service-card { position:relative; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; min-height:160px; gap:22px; padding:24px; background:#fff; border:1px solid #9bbdce; border-radius:14px; color:#1d4663!important; font-size:17px; line-height:1.7; font-weight:600; box-shadow:0 6px 18px #1a4a6506; counter-increment:service; transition:background .18s,border-color .18s,box-shadow .18s; }
.about-capabilities .about-service-links .about-service-card::before { content:counter(service,decimal-leading-zero); display:grid; place-items:center; width:38px; height:38px; border-radius:10px; background:#e7f6fc; color:#0789b1; font-size:14px; font-weight:700; }
.about-capabilities .about-service-links .about-service-card:hover { background:#edf9fe; border-color:#0789b1; box-shadow:0 8px 24px #1a4a6510; }
.about-capabilities>.container>.text-link { display:inline-flex; align-items:center; padding:10px 0; border-bottom:1px solid #75b4cb; color:#087c9f!important; font-size:15px; }
@media(max-width:950px) { .about-capabilities .about-service-links { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .about-capabilities .about-service-links { grid-template-columns:1fr; gap:12px; } .about-capabilities .about-service-links .about-service-card { flex-direction:row; align-items:center; justify-content:flex-start; min-height:90px; padding:20px; gap:16px; font-size:16px; } .about-capabilities .about-service-links .about-service-card::before { flex-shrink:0; } }
.about-capabilities h2 { font-size:clamp(24px,2.7vw,32px); margin-bottom:24px; }
.about-capabilities .about-service-links { gap:16px; margin-bottom:0; }
.about-capabilities .about-service-links .about-service-card { min-height:136px; padding:22px; gap:20px; justify-content:flex-start; border-radius:12px; font-size:16px; }
.about-capabilities .about-service-links .about-service-card::before { width:34px; height:34px; border-radius:9px; font-size:13px; }
@media(max-width:520px) { .about-capabilities .about-service-links .about-service-card { min-height:84px; align-items:center; gap:16px; padding:18px; } }
.about-capabilities .about-service-links .about-service-card { overflow:hidden; isolation:isolate; background:linear-gradient(135deg,#fff 50%,#f0faff); border-top:3px solid #45b7d6; transition:transform .18s,box-shadow .18s,border-color .18s; }
.about-capabilities .about-service-links .about-service-card::after { content:""; position:absolute; z-index:-1; pointer-events:none; width:110px; height:110px; right:-42px; top:-42px; border:1px solid #6fc9e54d; border-radius:50%; box-shadow:0 0 0 18px #78cde512,0 0 0 36px #78cde50a; }
.about-capabilities .about-service-links .about-service-card::before { border:1px solid #bee7f3; background:linear-gradient(135deg,#e5f7fd,#d8f0f9); box-shadow:0 3px 8px #1b799610; }
.about-capabilities .about-service-links .about-service-card:hover { transform:translateY(-3px); background:linear-gradient(135deg,#fff,#eaf8fd); border-color:#209ec2; box-shadow:0 12px 26px #174c6514; }
@media(prefers-reduced-motion:reduce) { .about-capabilities .about-service-links .about-service-card { transition:none; } .about-capabilities .about-service-links .about-service-card:hover { transform:none; } }
.about-hero-copy .about-experience { display:flex; align-items:center; gap:16px; width:fit-content; margin:22px 0; padding:12px 20px 12px 16px; border:1px solid #67d0ed66; border-radius:12px; background:linear-gradient(120deg,#29b9df1f,#ffffff05); }
.about-hero-copy .about-experience strong { color:#72d6f2; font-size:36px; line-height:1.2; font-weight:800; letter-spacing:-1px; }
.about-hero-copy .about-experience span { color:#e4f5fc; font-size:16px; font-weight:600; }
.about-hero-copy .about-experience { position:relative; gap:20px; margin:24px 0 26px; padding:0; border:0; border-radius:0; background:none; }
.about-hero-copy .about-experience strong { display:block; font-size:64px; line-height:1; letter-spacing:-3px; color:#82e0f5; text-shadow:0 6px 28px #48c5e322; }
.about-hero-copy .about-experience span { max-width:180px; padding:8px 0 8px 20px; border-left:1px solid #75cce65c; font-size:15px; line-height:1.8; color:#d3e9f4; font-weight:500; }
main .about .about-hero-copy h1 { margin:22px 0 18px; line-height:1.35!important; }
main .about .about-hero-copy h1 span { display:inline-block; margin-top:10px; background:linear-gradient(100deg,#a1e9fa,#53c6e8); background-clip:text; -webkit-background-clip:text; color:transparent; }
main .about .about-hero-copy>p { color:#b9d0df; line-height:1.95; max-width:420px; }
main .about .about-hero-actions { margin-top:30px; gap:24px; }
main .about .about-contact-button { border:1px solid #65d1ec66; border-radius:10px; background:linear-gradient(135deg,#11a3c9,#0789b1); box-shadow:0 8px 24px #00162530; }
main .about .about-showcase { border-radius:20px; border-color:#9bd6e766; box-shadow:0 28px 70px #03102066,0 0 0 8px #95daf105; }
main .about .about-showcase-label { padding:17px 22px; background:#1a364d; color:#bedce9; }
main .about .about-showcase figcaption { padding:18px 22px; background:#f3fafe; }
@media(max-width:520px) { .about-hero-copy .about-experience strong { font-size:54px; } .about-hero-copy .about-experience { gap:16px; margin:22px 0; } .about-hero-copy .about-experience span { padding-left:16px; font-size:14px; } main .about .about-hero-actions { gap:18px; } }
/* Layered atmospheric backdrop, scoped to the About hero. */
body:has(.about-values) main>.section.about:first-child { background:radial-gradient(ellipse at 76% 24%,#168fb43d 0,transparent 48%),radial-gradient(ellipse at 2% 100%,#077ca343 0,transparent 48%),radial-gradient(ellipse at 100% 100%,#28589755 0,transparent 44%),linear-gradient(125deg,#0b1d31 0%,#102a42 52%,#12334a 100%)!important; }
body:has(.about-values) main>.section.about:first-child::before { inset:0; border:0; border-radius:0; background-image:radial-gradient(#8bdcf239 .8px,transparent 1px),linear-gradient(120deg,transparent 42%,#70d8f209 42.1%,transparent 62%); background-size:26px 26px,100% 100%; mask-image:linear-gradient(90deg,#0008,transparent 32%,transparent 65%,#000); opacity:.65; }
body:has(.about-values) main>.section.about:first-child::after { width:1100px; height:570px; right:-220px; top:auto; bottom:-400px; border:1px solid #73d9f04d; border-radius:50%; transform:rotate(-18deg); background:linear-gradient(160deg,#58cbe90a,transparent 60%); box-shadow:0 0 0 42px #6dd9ed09,0 0 0 84px #6dd9ed07,0 0 0 126px #6dd9ed05,0 0 90px #36c5e51a; }
@media(max-width:800px) { body:has(.about-values) main>.section.about:first-child::after { right:-500px; bottom:-420px; opacity:.65; } }
.about-hero-copy .about-experience span { max-width:none; white-space:nowrap; }
@media(max-width:400px) { .about-hero-copy .about-experience { gap:12px; } .about-hero-copy .about-experience strong { font-size:48px; } .about-hero-copy .about-experience span { padding-left:12px; font-size:13px; } }
.about-hero-copy .about-experience { display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:24px 0; }
.about-hero-copy .about-experience strong { display:flex; align-items:baseline; gap:8px; font-size:56px; letter-spacing:-2px; }
.about-hero-copy .about-experience strong small { font-size:20px; font-weight:500; letter-spacing:0; color:#d3e9f4; }
.about-hero-copy .about-experience span { padding:0; border:0; font-size:14px; line-height:1.7; white-space:normal; max-width:200px; }
@media(max-width:520px) { .about-hero-copy .about-experience { align-items:flex-start; flex-direction:column; gap:8px; } .about-hero-copy .about-experience strong { font-size:52px; } .about-hero-copy .about-experience span { max-width:none; } }
.about-hero-copy .about-experience { flex-direction:row; flex-wrap:nowrap; align-items:center; gap:20px; }
.about-hero-copy .about-experience span { max-width:none; white-space:nowrap; font-size:15px; padding:0; }
.about-hero-copy .about-experience strong { padding-inline-start:20px; border-inline-start:1px solid #75cce680; font-size:56px; }
@media(max-width:520px) { .about-hero-copy .about-experience { flex-direction:row; align-items:center; gap:12px; } .about-hero-copy .about-experience span { font-size:13px; } .about-hero-copy .about-experience strong { padding-inline-start:12px; font-size:44px; } }
.about-hero-copy .about-experience span { font-size:20px; font-weight:600; white-space:normal; line-height:1.6; }
@media(max-width:520px) { .about-hero-copy .about-experience span { font-size:18px; } }
main .about .about-hero-copy h1 span { font-size:1em; }
main .about .about-hero-copy .about-experience { margin:24px 0 0; }
main .about .about-hero-copy .about-experience + .about-hero-actions { margin-top:18px; }
.about-workflow .about-workflow-list { gap:28px; margin-top:32px; }
.about-workflow .about-workflow-list li { position:relative; border:0; padding:0; }
.about-workflow .about-workflow-list li::before { display:grid; place-items:center; position:relative; z-index:1; width:52px; height:52px; box-sizing:border-box; border:1px solid #79bfd5; border-radius:50%; background:#e7f6fc; color:#0789b1; font-size:16px; font-weight:700; box-shadow:0 0 0 6px #f4f9fc; }
.about-workflow .about-workflow-list li:not(:last-child)::after { content:""; position:absolute; top:26px; inset-inline-start:58px; width:calc(100% - 36px); height:1px; background:linear-gradient(90deg,#79bfd5,#c9e4ee); }
.about-workflow .about-workflow-list h3 { margin:22px 0 12px; font-size:18px; }
.about-workflow .about-workflow-list p { font-size:15px; line-height:1.9; max-width:29ch; }
@media(max-width:1000px) { .about-workflow .about-workflow-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; } .about-workflow .about-workflow-list li:nth-child(2)::after { display:none; } }
@media(max-width:640px) { .about-workflow .about-workflow-list { grid-template-columns:1fr; gap:0; } .about-workflow .about-workflow-list li { padding-inline-start:72px; padding-bottom:30px; min-height:100px; } .about-workflow .about-workflow-list li::before { position:absolute; inset-inline-start:0; top:0; width:46px; height:46px; } .about-workflow .about-workflow-list li:not(:last-child)::after { display:block; inset-inline-start:23px; top:52px; width:1px; height:calc(100% - 58px); background:#b8dce9; } .about-workflow .about-workflow-list h3 { margin:0 0 10px; } .about-workflow .about-workflow-list p { max-width:none; } .about-workflow .about-workflow-list li:last-child { padding-bottom:0; } }
.about-workflow .about-workflow-list li { text-align:center; }
.about-workflow .about-workflow-list li::before { margin-inline:auto; }
.about-workflow .about-workflow-list li:not(:last-child)::after { inset-inline-start:calc(50% + 32px); width:calc(100% - 36px); }
.about-workflow .about-workflow-list p { margin-inline:auto; }
@media(max-width:640px) { .about-workflow .about-workflow-list li { text-align:start; } .about-workflow .about-workflow-list li::before { margin-inline:0; } .about-workflow .about-workflow-list li:not(:last-child)::after { inset-inline-start:23px; width:1px; } }