.capabilities-section{background:linear-gradient(140deg,#0f2b350b 0%,#fcfefffa 42%,#33bfd011 100%);position:relative;overflow:hidden}.capabilities-section:before{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#33bfd014 0%,#2d79a808 40%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:25s ease-in-out infinite alternate capabilities-glow-drift;position:absolute;top:10%;right:-15%}.capabilities-section:after{content:"";filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#0f2b350a 0%,#0000 65%);border-radius:50%;width:500px;height:500px;animation:30s ease-in-out infinite alternate-reverse capabilities-glow-drift;position:absolute;bottom:5%;left:-10%}@keyframes capabilities-glow-drift{0%{transform:translate(0)scale(1)}50%{transform:translate(-3%,2%)scale(1.05)}to{transform:translate(2%,-1.5%)scale(.97)}}.capabilities-caustic{opacity:.03;mix-blend-mode:overlay;pointer-events:none;background-image:url(/hero-caustics.png);background-position:50%;background-size:cover;position:absolute;inset:0}.capabilities-shape{pointer-events:none;opacity:0;border-radius:50%;animation:20s ease-in-out infinite shape-float;position:absolute}.capabilities-shape--1{border:1px solid #2d79a80f;width:120px;height:120px;animation-delay:0s;top:20%;left:8%}.capabilities-shape--2{background:radial-gradient(circle,#33bfd00a,#0000 70%);width:80px;height:80px;animation-delay:-7s;top:60%;right:5%}.capabilities-shape--3{border:1px solid #2d79a80a;border-radius:40% 60% 55% 45%;width:160px;height:160px;animation-delay:-13s;bottom:15%;left:20%}.capabilities-section.capabilities--visible .capabilities-shape{opacity:1;transition:opacity 1.5s}@keyframes shape-float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-12px)rotate(3deg)}66%{transform:translateY(8px)rotate(-2deg)}}.capabilities-header{z-index:2;opacity:0;max-width:680px;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(40px)}.capabilities--visible .capabilities-header{opacity:1;transform:translateY(0)}.capabilities-eyebrow{align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.capabilities-eyebrow:before{content:"";background:linear-gradient(90deg, var(--color-edrops-primary), var(--color-edrops-aqua));border-radius:2px;width:32px;height:1.5px}.capabilities-grid{z-index:2;grid-template-columns:1fr;gap:24px;display:grid;position:relative}@media (width>=1024px){.capabilities-grid{grid-template-columns:repeat(3,1fr);gap:32px}}.capability-card{cursor:default;border-left:4px solid var(--color-edrops-aqua);opacity:0;will-change:transform;background:#fff;border-radius:18px;flex-direction:column;justify-content:flex-start;height:100%;padding:38px 34px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:translateY(48px);box-shadow:0 2px 4px #0f2b3505,0 8px 24px #0f2b350d}.capability-card--visible{opacity:1;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.capability-card--delay-1{transition-delay:.15s}.capability-card--delay-2{transition-delay:.3s}.capability-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0f2b3508,0 16px 36px #0f2b3514}.capability-card__number{color:var(--color-edrops-primary);letter-spacing:.14em;text-transform:uppercase;opacity:.75;user-select:none;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.capability-card__title{color:var(--color-edrops-ocean);letter-spacing:-.015em;margin-bottom:12px;font-size:21px;font-weight:800;line-height:1.25}.capability-card__text{color:var(--color-edrops-slate);font-size:15px;font-weight:400;line-height:1.7}@media (width<=767px){.capability-card{border-radius:16px;padding:32px 26px}.capability-card__title{font-size:19px}}@media (width>=2560px){.capability-card{border-radius:28px;padding:52px 48px}.capability-card__title{font-size:22px}.capability-card__text{font-size:16px}}@media (prefers-reduced-motion:reduce){.capabilities-header,.capability-card{opacity:1!important;transition-duration:.01ms!important;transform:none!important}.capabilities-shape{animation:none}.capability-card:after{transition-duration:.01ms!important}.capability-card__light{display:none}}
