/* The company story shares the dark palette of the rest of the site. */
.about{position:relative;isolation:isolate;overflow:hidden;color:#edf8fa;background:radial-gradient(ellipse at 10% 57%,#0b3c4552,transparent 54%),linear-gradient(135deg,#071b28,#071520 68%,#0c1c29);padding-block:84px 90px}
.about::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(440px circle at var(--about-x,28%) var(--about-y,45%),#3dcecc0c,transparent 74%);pointer-events:none}
.about::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#57d9d650,transparent);pointer-events:none}
.about-grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#4b97a008 1px,transparent 1px),linear-gradient(90deg,#4b97a008 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,#000,transparent 63%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 63%)}
.about .section-tag{color:#77e5df;margin-bottom:30px}
.about-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.2fr);gap:72px}
.about-showcase,.about-story{min-width:0}
.about h2{font-size:clamp(36px,3.7vw,50px);line-height:1.32;letter-spacing:-1.1px;font-weight:500}
.about h2 span{color:#72e3df}
.about-company-name{font-size:19px;font-weight:600;line-height:1.6;letter-spacing:.1px;margin:6px 0 27px;max-width:100%;overflow-wrap:break-word}
.about-story>p{color:#a8becb;font-size:15px;font-weight:300;line-height:1.95;margin:0 0 24px}
.about-cta{margin-top:0;padding:11px 0;border-bottom-color:#80e7de;color:#e2faf7;font-size:13px;gap:36px}
.about-cta span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #4aa6b061;border-radius:50%;color:#87e9e0;transition:background .2s,transform .2s}
.about-cta:hover span{transform:translate(2px,-2px);background:#368a9333}
.about-system{margin-top:32px;position:relative}
.about-visual-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font:500 8px/1.6 Montserrat,Kanit,Arial,sans-serif;letter-spacing:1.3px;color:#7da7b6}
.about-visual-meta>span:first-child{display:flex;align-items:center;gap:8px;color:#a3d5d7}
.about-visual-meta i{width:4px;height:4px;background:#88eadc;border-radius:50%;box-shadow:0 0 9px #60e1d999}
.about-circuit{display:block;width:100%;height:auto;max-width:440px;margin:8px auto 4px;overflow:visible}
.about-core{transform-origin:210px 145px}
.about-flow{stroke-dashoffset:0}
.about-node-halo{fill:#3ab5b8;opacity:0;transition:opacity .4s}
.about-node-ring{fill:#091e2b;stroke:#447483;stroke-width:1;transition:stroke .4s}
.about-node-dot{fill:#5d8f9d;transition:fill .4s}
.about-circuit-node.is-active .about-node-halo{opacity:.15}
.about-circuit-node.is-active .about-node-ring{stroke:#97f4e5}
.about-circuit-node.is-active .about-node-dot{fill:#a3ffea}
.about-steps{display:flex;justify-content:space-between;position:relative;gap:6px;padding-top:9px}
.about-steps::before{content:"";position:absolute;top:19px;left:8%;right:8%;height:1px;background:#295361}
.about-step{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;gap:11px;color:#7c9eae;background:transparent;border:0;padding:5px 0 8px;min-width:0;min-height:52px;font:400 10px/1.5 Kanit,Arial,sans-serif;transition:color .25s}
.about-step-dot{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #426a78;background:#081b28;position:relative;box-shadow:0 0 0 5px #081b28;transition:border-color .25s,background .25s,box-shadow .25s}
.about-step[aria-pressed="true"],.about-step:hover{color:#c2fff0}
.about-step[aria-pressed="true"] .about-step-dot{background:#83ead8;border-color:#a4fff0;box-shadow:0 0 0 5px #0a2732,0 0 18px #7bebd955}
.about-step:focus-visible{outline-offset:2px;border-radius:4px}
.about-layout .about-stage-description{font-size:12px;line-height:1.8;font-weight:300;color:#89aebb;text-align:center;min-height:44px;margin:11px auto 0;max-width:365px}
@media(max-width:1100px){.about-layout{gap:40px}.about-company-name{font-size:17px}.about-visual-meta{letter-spacing:.7px}}
@media(max-width:800px){.about{padding-block:60px}.about-layout{grid-template-columns:1fr;gap:40px}.about-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px}.about h2{font-size:35px}.about-system{margin-top:0}.about-visual-meta{font-size:7px;letter-spacing:.4px}.about-visual-meta>span:last-child{display:none}.about-company-name{font-size:20px;margin-bottom:24px}}
@media(max-width:540px){.about{padding-block:48px 54px}.about .section-tag{margin-bottom:23px}.about-showcase{display:block}.about h2{font-size:38px}.about-system{margin-top:26px}.about-visual-meta{font-size:8px;letter-spacing:1px}.about-visual-meta>span:last-child{display:block}.about-circuit{max-width:350px;margin-block:4px 0}.about-layout{gap:32px}.about-company-name{font-size:17px;line-height:1.65;max-width:300px}.about-story>p{font-size:14px;line-height:1.95}.about-layout .about-stage-description{min-height:44px;max-width:300px}}