@font-face{font-family:"Datasoft Sans";src:url("Product Sans Regular.ttf") format("truetype");font-display:swap}:root{--text:#1a1f29;--muted:#5f6673;--line:#e6e8ec;--soft:#f5f7fa;--brand:#0067b8;--brand-2:#0b3a75;--white:#fff;--green:#43a047;--yellow:#f9c20a;--orange:#f7631b;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Datasoft Sans","Google Sans","Segoe UI",Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - var(--max))/2));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700}.brand img{width:42px;height:42px;border-radius:14px;object-fit:cover;box-shadow:0 8px 24px rgba(0,103,184,.14)}.site-nav{display:flex;align-items:center;gap:26px;font-size:14px}.site-nav a{color:#2d3340}.site-nav a:hover{color:var(--brand)}.nav-action{padding:9px 16px;border:1px solid var(--line);background:var(--soft);border-radius:999px}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:999px;background:#fff}.nav-toggle span{display:block;width:18px;height:2px;margin:5px auto;background:var(--text)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,540px);gap:56px;align-items:center;max-width:var(--max);min-height:calc(100vh - 70px);margin:0 auto;padding:72px 24px}.eyebrow{margin:0 0 14px;color:var(--brand);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h1,.section h2{margin:0;color:#111827;line-height:1.08;letter-spacing:0}.hero h1{font-size:clamp(42px,7vw,76px);max-width:820px}.hero-text{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,103,184,.14)}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-2)}.button.secondary{background:#fff;color:var(--brand);border-color:#b7c7dc}.button.secondary:hover{border-color:var(--brand);background:#f4f8fc}.hero-panel{overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 24px 80px rgba(18,38,63,.09)}.hero-panel img{width:100%;aspect-ratio:4/3;object-fit:cover}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metric-strip div{padding:18px;border-right:1px solid var(--line)}.metric-strip div:last-child{border-right:0}.metric-strip strong,.metric-strip span{display:block}.metric-strip strong{font-size:18px}.metric-strip span{margin-top:4px;color:var(--muted);font-size:13px}.section{max-width:var(--max);margin:0 auto;padding:76px 24px;border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px}.section h2{font-size:clamp(30px,4vw,50px)}.section-copy p,.product-band p{margin:0 0 18px;color:var(--muted);font-size:18px}.content-image{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:24px;border-radius:28px;box-shadow:0 18px 54px rgba(18,38,63,.1)}.section-heading{max-width:760px;margin-bottom:34px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid article{min-height:310px;padding:16px 16px 26px;background:#fff;border:1px solid var(--line);border-radius:28px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-grid article:hover{transform:translateY(-6px);border-color:#c8d8ea;box-shadow:0 18px 44px rgba(18,38,63,.09)}.service-grid article img{width:100%;aspect-ratio:16/10;object-fit:cover;margin-bottom:20px;border-radius:18px}.icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;border-radius:999px;background:#eff6ff;color:var(--brand);font-weight:800}.service-grid h3{margin:0 0 12px;font-size:22px}.service-grid p{margin:0;color:var(--muted)}.product-band{display:grid;grid-template-columns:280px 1fr auto;gap:32px;align-items:center;background:var(--soft);border-top:0;border-radius:32px}.product-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:24px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-grid a{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.portfolio-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(18,38,63,.09)}.portfolio-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .28s ease}.portfolio-grid span{display:block;padding:16px 18px;font-weight:700}.portfolio-grid a:hover img{transform:scale(1.03)}.contact{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px}.contact-list{margin-top:30px}.contact-list p{margin:0;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}.contact-list strong{display:block;color:var(--text)}.contact-form{display:grid;gap:16px;padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:30px}.contact-form label{display:grid;gap:7px;font-weight:700}.contact-form input,.contact-form textarea{width:100%;padding:13px 16px;border:1px solid #cfd5df;border-radius:18px;background:#fff;font:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(0,103,184,.22);border-color:var(--brand)}.contact-form button{justify-self:start;border:0;cursor:pointer}.site-footer{display:flex;justify-content:space-between;gap:32px;padding:34px max(24px,calc((100vw - var(--max))/2));background:#151922;color:#fff}.site-footer p{max-width:560px;margin:8px 0 0;color:#c4cad5}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;align-content:flex-start}.site-footer a{color:#dce4f0}.site-footer a:hover{color:#fff}.reveal{animation:riseIn .72s cubic-bezier(.2,.8,.2,1) both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.delay-3{animation-delay:.32s}@keyframes riseIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.delay-1,.delay-2,.delay-3{animation:none}.button,.service-grid article,.portfolio-grid a,.portfolio-grid img{transition:none}.button:hover,.service-grid article:hover,.portfolio-grid a:hover{transform:none}}@media (max-width:960px){.hero,.split,.product-band,.contact{grid-template-columns:1fr}.hero{min-height:auto;padding-top:52px}.service-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr 1fr}.product-band{margin:0 24px}.product-image{max-width:420px}}@media (max-width:720px){.site-header{padding:12px 18px}.brand span{font-size:15px}.brand img{width:38px;height:38px}.nav-toggle{display:block}.site-nav{position:absolute;left:0;right:0;top:67px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 18px;background:#fff;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a{padding:12px 0}.nav-action{padding:12px 14px;border:0;background:var(--soft)}.hero{gap:34px;padding:42px 18px}.hero h1{font-size:40px}.hero-text{font-size:17px}.hero-actions{display:grid}.metric-strip{grid-template-columns:1fr}.metric-strip div{border-right:0;border-bottom:1px solid var(--line)}.metric-strip div:last-child{border-bottom:0}.section{padding:56px 18px}.service-grid,.portfolio-grid{grid-template-columns:1fr}.service-grid article{min-height:220px}.product-band{margin:0 18px}.contact-form{padding:20px}.site-footer{display:block;padding:30px 18px}.site-footer nav{margin-top:24px}}

.has-reveal .reveal{opacity:0;transform:translateY(22px);animation:none}.has-reveal .reveal.is-visible{animation:riseIn .72s cubic-bezier(.2,.8,.2,1) both}.has-reveal .delay-1.is-visible{animation-delay:.12s}.has-reveal .delay-2.is-visible{animation-delay:.22s}.has-reveal .delay-3.is-visible{animation-delay:.32s}@media (prefers-reduced-motion:reduce){.has-reveal .reveal{opacity:1;transform:none}.has-reveal .reveal.is-visible{animation:none}}

.site-header{position:sticky;top:0;background:linear-gradient(180deg,#f2f9ff 0%,#eaf5ff 100%);box-shadow:0 8px 24px rgba(15,23,42,.05);transition:background .28s ease,box-shadow .28s ease,border-color .28s ease,padding .28s ease}.site-header.is-scrolled{background:linear-gradient(120deg,#d6ecff 0%,#b9ddfb 52%,#91c9f4 100%);border-color:rgba(64,139,199,.55);box-shadow:0 14px 34px rgba(0,103,184,.18);padding-top:11px;padding-bottom:11px}.site-header.is-scrolled .nav-action{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9)}.site-header.is-scrolled .site-nav a{color:#143957}.site-header.is-scrolled .site-nav a:hover{color:#005a9e}.site-header.is-scrolled .brand{color:#0f3554}

.band{box-shadow:0 0 0 100vmax var(--band-bg);clip-path:inset(0 -100vmax)}.band-blue{--band-bg:#eef7ff;background:#eef7ff}.band-white{--band-bg:#fff;background:#fff}.hero.band-blue{background:linear-gradient(180deg,#f2f9ff 0%,#eaf5ff 100%);--band-bg:#f2f9ff}.product-band.band-white{background:#fff}.testimonials{border-top:1px solid var(--line)}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.testimonial-card{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:24px;border:1px solid #d9e8f5;border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 16px 40px rgba(18,38,63,.06)}.testimonial-card img{width:74px;height:74px;border-radius:999px;object-fit:cover;border:3px solid #e8f4ff}.testimonial-card h3{margin:0 0 4px;font-size:19px}.testimonial-card .role{margin:0 0 12px;color:var(--brand);font-size:13px;font-weight:700}.testimonial-card p:last-child{margin:0;color:var(--muted)}@media (max-width:960px){.testimonial-grid{grid-template-columns:1fr}}@media (max-width:560px){.testimonial-card{grid-template-columns:1fr}.testimonial-card img{width:68px;height:68px}}

.hero-copy h1{animation:textGlowIn .9s cubic-bezier(.2,.8,.2,1) both}.hero-text{animation:textGlowIn .9s cubic-bezier(.2,.8,.2,1) .12s both}.hero-actions{animation:textGlowIn .9s cubic-bezier(.2,.8,.2,1) .22s both}.hero-panel{animation:softFloat 6s ease-in-out infinite}.content-image,.product-image,.service-grid article img,.portfolio-grid img,.testimonial-card img{transition:transform .35s ease,filter .35s ease}.content-image:hover,.product-image:hover,.service-grid article:hover img,.portfolio-grid a:hover img,.testimonial-card:hover img{transform:scale(1.025);filter:saturate(1.05)}.testimonial-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.testimonial-card:hover{transform:translateY(-5px);border-color:#bfdcf3;box-shadow:0 22px 50px rgba(18,38,63,.1)}@keyframes textGlowIn{from{opacity:0;transform:translateY(18px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.hero-copy h1,.hero-text,.hero-actions,.hero-panel{animation:none}.content-image,.product-image,.service-grid article img,.portfolio-grid img,.testimonial-card img,.testimonial-card{transition:none}.content-image:hover,.product-image:hover,.service-grid article:hover img,.portfolio-grid a:hover img,.testimonial-card:hover img,.testimonial-card:hover{transform:none;filter:none}}

.site-header{background:linear-gradient(180deg,#f2f9ff 0%,#eaf5ff 100%)}.language-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #c8dff2;border-radius:999px;background:rgba(255,255,255,.72)}.language-switch button{min-width:36px;height:30px;border:0;border-radius:999px;background:transparent;color:#31506b;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.language-switch button.is-active{background:#0067b8;color:#fff;box-shadow:0 6px 16px rgba(0,103,184,.2)}.language-switch button:focus-visible{outline:2px solid rgba(0,103,184,.35);outline-offset:2px}.site-header.is-scrolled .language-switch{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.85)}@media (max-width:720px){.site-nav{background:linear-gradient(180deg,#f2f9ff 0%,#eaf5ff 100%)}.language-switch{align-self:flex-start;margin-top:8px}}

.brand img{animation:logoBreath 4.8s ease-in-out infinite}.site-nav a{transition:color .22s ease,transform .22s ease}.site-nav a:hover{transform:translateY(-1px)}.button.primary{position:relative;overflow:hidden}.button.primary:after{content:"";position:absolute;inset:0;transform:translateX(-115%);background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.24) 45%,transparent 70%);transition:transform .55s ease}.button.primary:hover:after{transform:translateX(115%)}.service-grid article,.portfolio-grid a,.testimonial-card,.contact-form{will-change:transform}.service-grid article:nth-child(1){animation-delay:.04s}.service-grid article:nth-child(2){animation-delay:.12s}.service-grid article:nth-child(3){animation-delay:.2s}.service-grid article:nth-child(4){animation-delay:.28s}.metric-strip div{animation:metricPop .8s cubic-bezier(.2,.8,.2,1) both}.metric-strip div:nth-child(2){animation-delay:.14s}.metric-strip div:nth-child(3){animation-delay:.26s}.content-image,.product-image{animation:imageDrift 7s ease-in-out infinite}.portfolio-grid a:hover span{color:var(--brand)}@keyframes logoBreath{0%,100%{transform:scale(1);box-shadow:0 8px 24px rgba(0,103,184,.14)}50%{transform:scale(1.045);box-shadow:0 12px 30px rgba(0,103,184,.22)}}@keyframes metricPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes imageDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.brand img,.metric-strip div,.content-image,.product-image{animation:none}.site-nav a,.button.primary:after{transition:none}.site-nav a:hover{transform:none}}

.hero-panel .hero-system-image{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#fff;padding:0}.hero-panel{border-color:rgba(126,87,194,.36);box-shadow:0 30px 90px rgba(111,66,193,.24),0 14px 36px rgba(71,45,146,.16)}.hero-copy{position:relative;z-index:2}.office-card{position:relative;z-index:1;overflow:visible;isolation:isolate;transform-style:preserve-3d}.office-card::before,.office-card::after{content:"";position:absolute;inset:14px;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f6f0ff 56%,#e6f5ff 100%);border:1px solid rgba(126,87,194,.22);box-shadow:0 26px 70px rgba(69,52,111,.2),0 8px 26px rgba(0,103,184,.12);z-index:-1;pointer-events:none}.office-card::before{transform:translate(18px,18px) rotate(4deg);animation:galleryFrameOne 7.5s ease-in-out infinite}.office-card::after{transform:translate(-18px,22px) rotate(-5deg);animation:galleryFrameTwo 8.5s ease-in-out infinite}.office-card .metric-strip{position:relative;z-index:2;background:#fff;border-radius:0 0 30px 30px;box-shadow:0 18px 46px rgba(31,23,56,.09)}.office-tooltip{position:absolute;left:24px;right:24px;bottom:112px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(126,87,194,.28);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 16px 44px rgba(71,45,146,.22);color:#31244f;font-size:14px;font-weight:700;line-height:1.35;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.office-tooltip strong,.office-tooltip span{display:block}.office-tooltip strong{color:#1f1738;font-size:15px}.office-tooltip span{color:#4d4368;font-weight:600}.office-address{min-width:0}.office-title{display:flex;align-items:center;gap:9px;margin-bottom:5px}.office-title img{width:28px;height:28px;border-radius:9px;background:#fff;box-shadow:0 6px 16px rgba(126,87,194,.22);object-fit:cover}.maps-link{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:#7e57c2;color:#fff;box-shadow:0 10px 24px rgba(126,87,194,.32);transition:transform .2s ease,background .2s ease}.maps-link svg{width:22px;height:22px;fill:currentColor}.maps-link:hover{transform:translateY(-2px);background:#6840b4}.hero-gallery{position:relative;z-index:1;width:100%;aspect-ratio:16/9;overflow:visible;border-radius:30px 30px 0 0;background:transparent;perspective:900px}.hero-panel .hero-gallery-frame{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;padding:0;border:0;border-radius:30px;background:#fff;box-shadow:0 28px 72px rgba(31,23,56,.2),0 10px 28px rgba(0,103,184,.12);object-fit:cover;will-change:transform,opacity;transform-origin:72% 58%;animation:heroGalleryStack 6s ease-in-out infinite both}.hero-gallery-frame:nth-child(1){animation-delay:0s}.hero-gallery-frame:nth-child(2){animation-delay:-2s}.hero-gallery-frame:nth-child(3){animation-delay:-4s}.hero-panel .hero-gallery-frame.slide-2{object-position:center;clip-path:inset(1px)}@keyframes galleryFrameOne{0%,100%{transform:translate(18px,18px) rotate(4deg)}50%{transform:translate(10px,11px) rotate(1.5deg)}}@keyframes galleryFrameTwo{0%,100%{transform:translate(-18px,22px) rotate(-5deg)}50%{transform:translate(-8px,15px) rotate(-2deg)}}@keyframes heroGalleryStack{0%,27%{opacity:1;z-index:5;transform:translate3d(0,0,0) rotate(0) scale(1);filter:saturate(1.05)}33%,60%{opacity:1;z-index:4;transform:translate3d(24px,12px,-50px) rotate(4deg) scale(.955);filter:saturate(1)}66%,93%{opacity:1;z-index:3;transform:translate3d(-22px,20px,-100px) rotate(-5deg) scale(.92);filter:saturate(.96)}100%{opacity:1;z-index:5;transform:translate3d(0,0,0) rotate(0) scale(1);filter:saturate(1.05)}}@media (min-width:961px){.hero{grid-template-columns:minmax(0,.9fr) minmax(440px,640px);gap:64px}.hero-copy{margin-left:34px}.hero-panel{justify-self:end;margin-top:-34px;margin-left:28px}}@media (max-width:720px){.office-tooltip{left:14px;right:14px;bottom:120px;font-size:13px}.maps-link{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){.office-card::before,.office-card::after,.hero-panel .hero-gallery-frame{animation:none}.hero-gallery-frame:nth-child(1){z-index:5;opacity:1;transform:none}.hero-gallery-frame:nth-child(2){display:block;z-index:4;opacity:1;transform:translate(24px,12px) rotate(4deg) scale(.955)}.hero-gallery-frame:nth-child(3){display:block;z-index:3;opacity:1;transform:translate(-22px,20px) rotate(-5deg) scale(.92)}}

.office-card:not(.is-address-tooltip-visible) .office-tooltip{opacity:0;transform:translateY(10px);pointer-events:none}.office-card.is-address-tooltip-visible .office-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}

.hero-panel .hero-gallery-frame{animation:heroGalleryStackFour 8s ease-in-out infinite both}.hero-gallery-frame:nth-child(1){animation-delay:0s}.hero-gallery-frame:nth-child(2){animation-delay:-2s}.hero-gallery-frame:nth-child(3){animation-delay:-4s}.hero-gallery-frame:nth-child(4){animation-delay:-6s}@keyframes heroGalleryStackFour{0%,20%{opacity:1;z-index:5;transform:translate3d(0,0,0) rotate(0) scale(1);filter:saturate(1.05)}25%,45%{opacity:1;z-index:4;transform:translate3d(24px,12px,-50px) rotate(4deg) scale(.955);filter:saturate(1)}50%,70%{opacity:1;z-index:3;transform:translate3d(-22px,20px,-100px) rotate(-5deg) scale(.92);filter:saturate(.96)}75%,95%{opacity:1;z-index:2;transform:translate3d(0,30px,-140px) rotate(2deg) scale(.88);filter:saturate(.92)}100%{opacity:1;z-index:5;transform:translate3d(0,0,0) rotate(0) scale(1);filter:saturate(1.05)}}@media (prefers-reduced-motion:reduce){.hero-panel .hero-gallery-frame{animation:none}.hero-gallery-frame:nth-child(1){z-index:5;opacity:1;transform:none}.hero-gallery-frame:nth-child(2){z-index:4;opacity:1;transform:translate(24px,12px) rotate(4deg) scale(.955)}.hero-gallery-frame:nth-child(3){z-index:3;opacity:1;transform:translate(-22px,20px) rotate(-5deg) scale(.92)}.hero-gallery-frame:nth-child(4){z-index:2;opacity:1;transform:translate(0,30px) rotate(2deg) scale(.88)}}

.hero-panel .hero-gallery-frame .hero-system-image{width:100%;height:100%;object-fit:cover;border-radius:30px;background:#fff;padding:0}.slide-1 .office-tooltip{bottom:24px;opacity:0;transform:translateY(10px);pointer-events:none}.slide-1:hover .office-tooltip,.slide-1:focus-within .office-tooltip{opacity:1;transform:translateY(0);pointer-events:auto}

.about-video-card{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;margin-bottom:24px;border:1px solid rgba(200,221,238,.9);border-radius:28px;background:#f8fbff;box-shadow:0 18px 54px rgba(18,38,63,.1);isolation:isolate;animation:none}
.about-video-object,.about-video-card img{display:block;width:100%;height:100%;border:0;object-fit:cover}
.about-process-video{background:linear-gradient(135deg,#f8fbff 0%,#eef8ff 48%,#f5fffb 100%);box-shadow:0 22px 60px rgba(12,36,64,.12),0 8px 22px rgba(0,103,184,.08)}
.about-process-video::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,23,42,.62) 0%,rgba(7,23,42,.28) 43%,rgba(255,255,255,.06) 100%);pointer-events:none}
.about-process-video::after{content:"";position:absolute;inset:auto 0 0;z-index:1;height:38%;background:linear-gradient(0deg,rgba(7,23,42,.58),transparent);pointer-events:none}
.about-process-brand{position:absolute;left:22px;top:20px;z-index:5;display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(255,255,255,.66);border-radius:999px;background:rgba(255,255,255,.84);box-shadow:0 10px 28px rgba(15,23,42,.16);backdrop-filter:blur(12px);color:#16304d;font-size:14px;font-weight:800}
.about-process-brand img{width:34px;height:34px;border-radius:11px;object-fit:cover}
.about-process-stage{position:absolute;inset:0;opacity:0;transform:scale(1.035);animation:aboutStageCycle 16s ease-in-out infinite}
.about-process-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(.98)}
.about-process-stage.stage-1{animation-delay:0s}
.about-process-stage.stage-2{animation-delay:4s}
.about-process-stage.stage-2 img{object-position:center}
.about-process-stage.stage-3{animation-delay:8s}
.about-process-stage.stage-3 img{object-position:center}
.about-process-stage.stage-4{animation-delay:12s}
.about-process-stage.stage-4 img{object-position:center}
.about-process-copy{position:absolute;left:26px;right:104px;bottom:66px;z-index:4;max-width:520px;color:#fff;opacity:0;transform:translateY(14px);animation:aboutCopyCycle 16s ease-in-out infinite}
.stage-1 .about-process-copy{animation-delay:0s}
.stage-2 .about-process-copy{animation-delay:4s}
.stage-3 .about-process-copy{animation-delay:8s}
.stage-4 .about-process-copy{animation-delay:12s}
.about-process-copy span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:28px;margin-bottom:10px;border-radius:999px;background:rgba(36,214,188,.92);color:#073042;font-size:13px;font-weight:900}
.about-process-copy strong{display:block;margin-bottom:8px;font-size:clamp(24px,3vw,36px);line-height:1.05;letter-spacing:0}
.about-process-copy p{max-width:430px;margin:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.45}
.about-process-rail{position:absolute;left:24px;right:84px;bottom:22px;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;color:rgba(255,255,255,.76);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.about-process-rail span{position:relative;padding-top:10px;white-space:nowrap}
.about-process-rail span::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:999px;background:rgba(255,255,255,.35)}
.about-process-progress{position:absolute;left:24px;bottom:30px;z-index:6;width:calc((100% - 116px) / 4);height:3px;border-radius:999px;background:#24d6bc;box-shadow:0 0 18px rgba(36,214,188,.72);animation:aboutProgress 16s steps(4,end) infinite}
.about-process-rail span{overflow:hidden}
.about-process-rail span::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;border-radius:999px;background:#24d6bc;box-shadow:0 0 18px rgba(36,214,188,.65);transform:scaleX(0);transform-origin:left center;animation:aboutSegmentProgress 16s linear infinite}
.about-process-rail span:nth-child(1)::after{animation-delay:0s}
.about-process-rail span:nth-child(2)::after{animation-delay:4s}
.about-process-rail span:nth-child(3)::after{animation-delay:8s}
.about-process-rail span:nth-child(4)::after{animation-delay:12s}
.about-process-progress{display:none}
.about-process-alt{background:linear-gradient(135deg,#f8fbff 0%,#eef8ff 50%,#f6fffb 100%)}
.about-process-alt::before{background:linear-gradient(90deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.18) 42%,rgba(255,255,255,.03) 78%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.34)}
.about-process-alt::after{inset:0;z-index:1;height:auto;background:radial-gradient(circle at 82% 24%,rgba(36,214,188,.16),transparent 26%),radial-gradient(circle at 58% 82%,rgba(0,103,184,.1),transparent 32%);opacity:.72}
.about-process-alt .about-process-brand{background:rgba(255,255,255,.9);color:#16304d}
.about-process-alt .about-process-stage{transform:translateX(18px) scale(.98)}
.about-process-alt .about-process-stage img{position:absolute;top:42px;right:24px;width:52%;height:66%;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 26px 70px rgba(14,39,68,.18);object-fit:cover;filter:saturate(1.02) contrast(.98);animation:aboutImageFloat 5.4s ease-in-out infinite}
.about-process-alt .stage-1 img,.about-process-alt .stage-4 img{object-fit:contain;padding:18px;background:linear-gradient(135deg,#fff,#f2f8ff)}
.about-process-alt .about-process-copy{left:28px;right:auto;bottom:88px;width:min(46%,430px);padding:22px;border:1px solid rgba(208,225,240,.98);border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(15,38,64,.2),0 0 0 5px rgba(36,214,188,.12);backdrop-filter:none;color:#172b4d}
.about-process-alt .stage-1 .about-process-copy{box-shadow:0 18px 44px rgba(15,38,64,.2),0 0 0 5px rgba(36,214,188,.15),0 0 34px rgba(36,214,188,.24)}
.about-process-alt .stage-2 .about-process-copy{box-shadow:0 18px 44px rgba(15,38,64,.2),0 0 0 5px rgba(0,103,184,.13),0 0 34px rgba(0,103,184,.22)}
.about-process-alt .stage-3 .about-process-copy{box-shadow:0 18px 44px rgba(15,38,64,.2),0 0 0 5px rgba(255,194,25,.16),0 0 34px rgba(255,194,25,.24)}
.about-process-alt .stage-4 .about-process-copy{box-shadow:0 18px 44px rgba(15,38,64,.2),0 0 0 5px rgba(255,91,112,.14),0 0 34px rgba(255,91,112,.22)}
.about-process-alt .about-process-copy span{background:#e9fbf6;color:#006b5b}
.about-process-alt .stage-2 .about-process-copy span{background:#eaf4ff;color:#005a9e}
.about-process-alt .stage-3 .about-process-copy span{background:#fff6d9;color:#8a5d00}
.about-process-alt .stage-4 .about-process-copy span{background:#fff0f3;color:#b8283f}
.about-process-alt .about-process-copy p{color:#5f6673}
.about-process-alt .about-process-rail{left:28px;right:88px;bottom:24px;color:#617084}
.about-process-alt .about-process-rail span::before{background:rgba(23,43,77,.14)}
.about-process-alt .about-process-video .about-video-toggle,.about-process-alt .about-video-toggle{background:rgba(255,255,255,.92);color:#0067b8}
.about-video-toggle{position:absolute;right:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.9);color:#0067b8;box-shadow:0 8px 18px rgba(16,44,72,.14);backdrop-filter:blur(10px);cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease}
.about-process-video .about-video-toggle{z-index:8}
.about-video-toggle:hover{transform:translateY(-2px);background:#0067b8;color:#fff;box-shadow:0 16px 34px rgba(0,103,184,.24)}
.about-video-toggle:focus-visible{outline:3px solid rgba(0,103,184,.28);outline-offset:3px}
.about-video-toggle svg{width:14px;height:14px;fill:currentColor}
.about-video-toggle .play-icon{display:none}
.about-video-card.is-paused .about-video-toggle .pause-icon{display:none}
.about-video-card.is-paused .about-video-toggle .play-icon{display:block}
.about-video-card.is-paused .about-process-stage,.about-video-card.is-paused .about-process-copy,.about-video-card.is-paused .about-process-progress{animation-play-state:paused}
.about-video-card.is-paused .about-process-rail span::after,.about-video-card.is-paused .about-process-stage img{animation-play-state:paused}
@keyframes aboutStageCycle{0%{opacity:0;transform:scale(1.045)}5%,25%{opacity:1;transform:scale(1)}30%,100%{opacity:0;transform:scale(.985)}}
@keyframes aboutCopyCycle{0%,3%{opacity:0;transform:translateY(10px)}7%,25%{opacity:1;transform:translateY(0)}29%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes aboutProgress{0%{transform:translateX(0)}25%{transform:translateX(100%)}50%{transform:translateX(200%)}75%{transform:translateX(300%)}100%{transform:translateX(0)}}
@keyframes aboutSegmentProgress{0%{transform:scaleX(0)}20%,25%{transform:scaleX(1)}25.1%,100%{transform:scaleX(0)}}
@keyframes aboutImageFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:720px){.about-video-card{border-radius:22px}.about-process-brand{left:14px;top:14px}.about-process-copy{left:18px;right:72px;bottom:58px}.about-process-copy strong{font-size:24px}.about-process-copy p{font-size:14px}.about-process-rail{left:18px;right:54px;bottom:18px;gap:5px;font-size:9px}.about-process-progress{left:18px;bottom:26px;width:calc((100% - 72px) / 4)}.about-video-toggle{right:14px;bottom:14px;width:30px;height:30px}.about-video-toggle svg{width:14px;height:14px}.about-process-alt::before{background:linear-gradient(0deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 58%,rgba(255,255,255,.03) 100%)}.about-process-alt .about-process-stage img{top:20px;right:14px;left:14px;width:auto;height:52%;border-radius:18px}.about-process-alt .about-process-copy{left:16px;right:52px;bottom:60px;width:auto;padding:16px;border-radius:18px}.about-process-alt .about-process-rail{left:16px;right:50px}}
@media (prefers-reduced-motion:reduce){.about-video-toggle{transition:none}.about-video-toggle:hover{transform:none}.about-process-stage,.about-process-copy,.about-process-progress{animation:none}.about-process-stage.stage-1,.about-process-stage.stage-1 .about-process-copy{opacity:1;transform:none}}