/* Secpresio / About Us — company story, scoped to prevent changes to existing SVG animations. */
.about-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(155deg,#071b17,#0b2d25 75%,#09231d);padding:100px 0 108px;isolation:isolate}
.about-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 700px 520px at 80% 42%,rgba(31,207,148,.12),transparent 70%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,60px 60px,60px 60px;opacity:.8;pointer-events:none;z-index:-1}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:64px}
.about-eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#add1bd;font-weight:650;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.about-dot{width:8px;height:8px;background:#57e7ad;border-radius:50%;box-shadow:0 0 0 5px rgba(87,231,173,.11)}
.about-eyebrow i{height:1px;width:21px;background:#548a70}
.about-hero h1{font-size:clamp(49px,5.4vw,76px);letter-spacing:-.062em;line-height:1.02;font-weight:650;margin:23px 0 27px}
.about-hero h1 em{font-style:normal;color:#83edbc}
.about-hero-content>p:not(.about-trial-note){font-size:16px;line-height:1.82;color:#afcfc0;max-width:540px;margin:0 0 16px}
.about-hero-content strong{color:#f3fff7;font-weight:700}
.about-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:36px}
.about-outline{display:inline-flex;align-items:center;gap:11px;padding:12px 20px;font-size:14px;font-weight:630;color:#e6fff0;text-decoration:none;border-radius:99px;border:1px solid rgba(255,255,255,.28);transition:border-color .2s,background .2s}
.about-outline:hover{border-color:#8aefb9;background:rgba(255,255,255,.06)}
.about-trial-note{font-size:12px;color:#8fbbab;line-height:1.65;margin-top:15px}
.about-brand-canvas{position:relative;height:435px;border-radius:26px;overflow:hidden;background:linear-gradient(140deg,#071b18,#0e3128);border:1px solid rgba(148,236,190,.19);box-shadow:0 40px 90px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025);isolation:isolate}
.about-canvas-grid{position:absolute;inset:0;background:linear-gradient(rgba(103,203,143,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(103,203,143,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 65%,transparent);pointer-events:none}
.about-brand-canvas:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 45%,rgba(37,208,137,.15),transparent 48%);pointer-events:none;z-index:-1}
.about-graph-top,.about-graph-foot{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#719587;font-size:10px;letter-spacing:.16em;line-height:1.5;font-weight:680;z-index:3}
.about-graph-top{top:25px}.about-graph-foot{bottom:25px}.about-graph-foot span:first-child{color:#a1eac3}.about-graph-top b,.about-graph-foot b{color:#42cf8e;font-weight:500}
.about-core{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:330px;max-width:calc(100% - 70px);display:flex;align-items:center;gap:17px;padding:20px 22px;background:rgba(11,48,37,.92);border:1px solid rgba(78,220,140,.55);border-radius:18px;box-shadow:0 0 0 11px rgba(30,177,106,.05),0 25px 80px rgba(0,0,0,.27);z-index:4}
.about-core img{flex:none;object-fit:contain}.about-core small{font-size:9px;letter-spacing:.16em;color:#8bd6ac;font-weight:730}.about-core strong{display:block;font-size:26px;line-height:1.15;letter-spacing:-.04em;font-weight:730}.about-core strong span{color:#69dfa2}.about-core p{color:#a7caba;font-size:10px;line-height:1.5;margin:8px 0 0}
.about-graph-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.about-graph-line{position:absolute;top:55%;left:50%;height:1px;width:1px;background:#3ee895;transform-origin:left}.about-graph-line:before{content:"";position:absolute;width:165px;height:1px;left:0;background:linear-gradient(90deg,#3ee895,rgba(62,232,149,0));opacity:.5}.about-graph-line-1{transform:rotate(150deg)}.about-graph-line-2{transform:rotate(90deg)}.about-graph-line-3{transform:rotate(30deg)}
.about-nodes{position:absolute;bottom:90px;left:22px;right:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;z-index:3}.about-nodes span{min-width:0;text-align:center;padding:12px 8px;color:#c4e7d3;font-size:10px;font-weight:700;border:1px solid rgba(108,225,151,.22);border-radius:9px;background:rgba(18,61,47,.82)}
.about-metrics{background:#f3f9f5;border-bottom:1px solid #e1ebe5}.about-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.about-metric{padding:39px 25px 36px;border-right:1px solid #deebe2}.about-metric:last-child{border-right:0}.about-metric strong{display:block;color:#104c36;font-weight:660;font-size:45px;letter-spacing:-.065em;line-height:1.1;margin-bottom:9px}.about-metric>span{display:block;font-size:13px;font-weight:740;color:#213f31}.about-metric small{display:block;margin-top:4px;color:#718379;font-size:12px;line-height:1.55}
.about-story-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px}.about-story-sticky{align-self:start}.about-story-sticky h2,.about-heading h2,.about-work h2,.about-end-cta h2{font-size:clamp(36px,3.9vw,53px);line-height:1.1;letter-spacing:-.05em;font-weight:650;margin:15px 0 22px}.about-story-sticky h2 em,.about-heading h2 em,.about-end-cta h2 em{color:#0d9870;font-style:normal}.about-story-sticky>p{font-size:16px;line-height:1.85;color:#647d70;max-width:420px;margin-bottom:24px}
.about-inline-link{color:#137d58;display:inline-flex;gap:11px;align-items:center;text-decoration:none;font-size:14px;font-weight:710;border-bottom:1px solid rgba(19,125,88,.25);padding-bottom:5px;transition:gap .2s}.about-inline-link:hover{gap:16px}
.about-timeline{position:relative;padding-left:39px;border-left:1px solid #d3e8d9}.about-timeline-step{position:relative;display:grid;grid-template-columns:90px 1fr;gap:22px;padding:0 0 53px}.about-timeline-step:last-child{padding-bottom:0}.about-timeline-step:before{content:"";position:absolute;top:7px;left:-45px;width:10px;height:10px;background:#2ac88d;border:2px solid #e2f8e9;border-radius:50%;box-shadow:0 0 0 5px #f0faf3}
.about-timeline-index{font-size:23px;letter-spacing:-.04em;color:#29a876;font-weight:660;line-height:1}.about-timeline-index span{display:block;color:#82998b;font-size:10px;letter-spacing:.12em;margin-top:10px;font-weight:660}
.about-timeline-step h3{font-size:23px;letter-spacing:-.025em;font-weight:650;margin-bottom:9px}.about-timeline-step p{color:#667e70;font-size:14px;line-height:1.83}
.about-values{padding:92px 0 101px;background:#0b241e;color:#fff;position:relative;overflow:hidden}.about-values:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 30%,rgba(35,172,114,.16),transparent 60%);pointer-events:none}.about-values .container{position:relative}.about-heading{max-width:730px;margin-bottom:40px}.about-heading h2{color:#fff}.about-heading h2 em{color:#80efb6}.about-heading>p{font-size:16px;color:#b1cdc0;line-height:1.7}.about-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-value-card{min-height:260px;border:1px solid rgba(115,195,145,.21);border-radius:16px;background:rgba(255,255,255,.025);padding:30px}.about-value-no{color:#74c99b;font-size:10px;letter-spacing:.2em;font-weight:720}.about-value-card h3{font-size:23px;font-weight:650;letter-spacing:-.02em;margin:47px 0 10px}.about-value-card p{font-size:14px;line-height:1.76;color:#b0c9b9}
.about-work{padding:105px 0;background:#fff}.about-work-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.about-work h2{max-width:450px}.about-work p{color:#61776a;font-size:15px;line-height:1.9;margin-bottom:24px;max-width:500px}.about-work-stack{display:grid;gap:12px}.about-work-stack>div{padding:22px 24px;border:1px solid #dfebe2;background:#f8fbf9;border-radius:14px;display:grid;grid-template-columns:40px 1fr;column-gap:15px;align-items:start}.about-work-stack small{color:#2caa7a;font-size:12px;letter-spacing:.1em;grid-row:span 2;font-weight:750}.about-work-stack strong{font-weight:680;font-size:17px;margin-bottom:4px;line-height:1.4}.about-work-stack span{color:#708379;font-size:13px;line-height:1.55}
.about-end-cta{padding:0 0 96px;background:#fff}.about-end-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;background:#edf7f0;border:1px solid #d4e8d9;border-radius:24px;padding:51px 56px}.about-end-cta h2{font-size:clamp(31px,3.5vw,46px);margin:13px 0 14px}.about-end-cta p{font-size:14px;color:#617b68;max-width:610px}.about-end-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex:none}.about-end-actions .about-inline-link{white-space:nowrap}
@media(max-width:1120px){.about-hero-grid{gap:35px}.about-story-grid,.about-work-grid{gap:50px}}
@media(max-width:950px){.about-hero{padding:70px 0 76px}.about-hero-grid{grid-template-columns:1fr}.about-hero-content{max-width:740px}.about-brand-canvas{width:100%;max-width:730px;margin:0 auto}.about-story-grid,.about-work-grid{grid-template-columns:1fr;gap:46px}.about-value-grid{grid-template-columns:1fr}.about-value-card{min-height:unset}.about-value-card h3{margin:22px 0 10px}.about-end-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:720px){.about-metric-grid{grid-template-columns:1fr 1fr}.about-metric:nth-child(2){border-right:0}.about-metric:nth-child(-n+2){border-bottom:1px solid #deebe2}.about-value-grid{gap:12px}.about-values,.about-work{padding:72px 0}.about-end-inner{padding:34px 26px}.about-timeline-step{grid-template-columns:56px 1fr;gap:14px}}
@media(max-width:470px){.about-hero h1{font-size:45px}.about-hero-actions .btn,.about-hero-actions .about-outline{width:100%;justify-content:center}.about-brand-canvas{height:390px}.about-graph-top,.about-graph-foot{font-size:8px;left:18px;right:18px}.about-graph-top span:last-child{display:none}.about-core{max-width:calc(100% - 36px);padding:14px}.about-core img{width:55px;height:55px}.about-core strong{font-size:22px}.about-nodes{grid-template-columns:1fr;bottom:50px}.about-nodes span{padding:7px}.about-metric{padding:27px 13px}.about-metric strong{font-size:37px}.about-timeline{padding-left:24px}.about-timeline-step:before{left:-30px}.about-timeline-step{grid-template-columns:1fr;gap:14px;padding-bottom:38px}}