.about-page{--about-edge:#d3e5ed;background:#fff}
.about-intro{padding:30px 0 64px;background:linear-gradient(125deg,#fff 30%,#f2f9fc)}.about-intro .breadcrumbs{margin-bottom:36px}
.about-intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}.about-intro h1{font-size:clamp(36px,3.65vw,55px);line-height:1.16}.about-intro h1 span,.about-principle h2 span{color:var(--primary)}
.about-intro .about-lead{font-size:18px;line-height:1.75;color:var(--ink);margin:24px 0 14px;max-width:550px}.about-intro-text{max-width:500px;font-size:15px}.about-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}
.about-blueprint{background:radial-gradient(#bfd8e5 .8px,transparent .8px) 0 0/18px 18px,#f0f8fc;border:1px solid var(--about-edge);border-radius:22px;padding:25px;box-shadow:0 20px 50px #163e5008;transform:rotate(1deg)}.about-blueprint-top{display:flex;justify-content:space-between;gap:15px;font-size:9px;font-weight:750;letter-spacing:.1em;color:#466a7e}.about-blueprint>svg{display:block;width:100%;height:auto;margin-top:17px}
.about-diagram-labels{display:flex;justify-content:space-between;padding:12px 0 20px;font-size:11px;color:var(--primary);gap:10px}.about-diagram-labels strong{color:var(--ink);margin-left:6px;font-size:12px}.about-blueprint figcaption{border-top:1px solid #cee1eb;padding-top:15px;font-size:11px;color:#466477;line-height:1.7}
.about-trace{stroke-dasharray:650;animation:about-draw 900ms ease-out both}.about-paper{animation:about-paper 400ms ease-out both}
.about-audience{border-block:1px solid var(--about-edge);background:#fbfdfe}.about-audience>.container{display:flex;align-items:center;gap:35px;padding-block:25px}.about-audience p{font-size:12px;flex-shrink:0}.about-audience strong{color:var(--ink);font-weight:650}.about-audience ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 0 auto;padding:0}.about-audience li{font-size:13px;font-weight:650;color:#3b596b}
.about-section{padding-block:74px}.about-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}.about-heading h2,.about-principle h2,.about-connect h2{font-size:clamp(29px,3vw,41px)}.about-heading>p{max-width:330px;font-size:14px;line-height:1.8}
.about-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.about-service{border:1px solid var(--about-edge);border-radius:14px;padding:28px;background:white;transition:transform 180ms,border-color 180ms}.about-service-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.about-service-top>span:last-child{font-size:12px;color:#557384}.about-service h3{font-size:21px;margin-bottom:14px}.about-service p{font-size:14px;line-height:1.85}
.about-principle{background:#f2f9fc;border-block:1px solid #e1edf3;padding:58px 0}.about-principle-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-principle p:not(.eyebrow){font-size:15px;line-height:1.85;margin-bottom:18px}
.about-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;list-style:none;margin:0;padding:0}.about-process li{position:relative}.about-step{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #b9dcea;border-radius:50%;background:#f2f9fc;color:var(--primary);font-size:12px;font-weight:750;margin-bottom:22px}.about-process li:not(:last-child)::after{content:'';height:1px;background:var(--about-edge);position:absolute;top:19px;left:52px;right:0}.about-process h3{font-size:18px;margin-bottom:12px}.about-process p{font-size:14px;line-height:1.8}
.about-expectations{display:flex;align-items:center;gap:23px;border:1px solid var(--about-edge);background:#fbfdfe;padding:26px 28px;border-radius:12px;margin-top:40px}.about-expectations>svg{color:var(--primary)}.about-expectations>div{flex:1}.about-expectations h3{font-size:16px;margin-bottom:8px}.about-expectations p{font-size:13px;max-width:700px}.about-expectations>.text-link{flex-shrink:0;font-size:12px}.about-learning-note{font-size:12px;margin-top:18px;max-width:810px}
.about-last{padding-bottom:76px}.about-connect{background:#edf7fc;border:1px solid #cce3ef;border-radius:20px;padding:46px;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.about-connect>div>p:not(.eyebrow){font-size:15px;max-width:460px;margin-top:19px}.about-contact-list{border-left:1px solid #c9e0eb;padding-left:34px;min-width:0}.about-contact-list h3{font-size:15px;margin-bottom:12px}.about-contact-list>a{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #d4e6ef}.about-contact-list>a:last-child{border-bottom:0}.about-contact-list>a>svg{color:var(--primary)}.about-contact-list span{flex:1;min-width:0}.about-contact-list small{display:block;font-size:11px;color:#506b7c;margin-bottom:3px}.about-contact-list strong{font-size:13px;overflow-wrap:anywhere}.about-contact-list a:hover strong{text-decoration:underline;text-underline-offset:4px}
@keyframes about-draw{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}@keyframes about-paper{from{transform:translateY(-8px)}to{transform:none}}
@media(hover:hover){.about-service:hover{transform:translateY(-3px);border-color:#8abdd2}}
@media(max-width:1000px){.about-intro-grid{gap:30px}.about-intro h1{font-size:38px}.about-blueprint{padding:19px}.about-audience ul{gap:10px 20px}.about-connect{gap:35px;padding:35px}.about-contact-list{padding-left:25px}.about-principle-grid{gap:40px}.about-services{gap:14px}.about-service{padding:22px}.about-service h3{font-size:18px}}
@media(max-width:900px){.about-intro{padding:24px 0 40px}.about-intro .breadcrumbs{margin-bottom:28px}.about-intro-grid{grid-template-columns:1fr;gap:30px}.about-intro h1{font-size:clamp(34px,6vw,44px)}.about-intro .about-lead{font-size:17px}.about-blueprint{max-width:530px;width:100%;margin-inline:auto;transform:none}.about-audience>.container{display:block;padding-block:23px}.about-audience p br{display:none}.about-audience strong{margin-left:4px}.about-audience ul{margin:14px 0 0;gap:9px 19px}.about-audience li{font-size:12px}.about-section{padding-block:46px}.about-heading{display:block;margin-bottom:27px}.about-heading>p{margin-top:17px;max-width:540px}.about-services{grid-template-columns:1fr}.about-service{padding:24px}.about-service-top{margin-bottom:17px}.about-service h3{font-size:21px}.about-principle{padding:42px 0}.about-principle-grid{grid-template-columns:1fr;gap:24px}.about-process{grid-template-columns:1fr;gap:25px}.about-process li{display:flex;gap:18px}.about-step{flex-shrink:0;margin:0}.about-process li:not(:last-child)::after{top:50px;bottom:-13px;left:18px;width:1px;height:auto;right:auto}.about-process h3{margin:5px 0 9px}.about-expectations{align-items:start;flex-wrap:wrap;padding:22px;gap:15px;margin-top:30px}.about-expectations>.text-link{margin-left:39px}.about-connect{grid-template-columns:1fr;padding:29px;gap:32px}.about-contact-list{border-left:0;border-top:1px solid #c9e0eb;padding:26px 0 0}.about-last{padding-bottom:46px}.about-actions{gap:19px}}
@media(max-width:380px){.about-intro h1{font-size:31px}.about-diagram-labels{font-size:10px;gap:5px}.about-diagram-labels strong{font-size:10px;margin-left:3px}.about-connect{padding:23px}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *::after{animation:none!important;transition:none!important}.about-service:hover{transform:none}}