.feature-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.feature-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 30px 60px -12px #00000014,0 18px 36px -18px #0000000a,0 0 0 1px #6366f11a}.feature-card-dark{background:#0f172a;border:none;box-shadow:0 20px 40px -15px #0000001a}.feature-card-dark:hover{box-shadow:0 30px 60px -12px #0003,0 18px 36px -18px #0000001a}.graphic-window{background:linear-gradient(#f8fafccc 0%,#fff 100%);border-bottom:1px solid #f1f5f9cc;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.feature-card .graphic-window:before{content:"";opacity:0;z-index:0;background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:150px;height:150px;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-card:is(:hover,.in-view) .graphic-window:before{opacity:1}.graphic-window-dark{background-color:#020617;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:none}.content-area{flex-direction:column;flex-grow:1;padding:32px 28px;display:flex}@media (min-width:1024px){.content-area{padding:40px 32px}}.content-tag{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.content-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:16px;font-weight:700;line-height:1.2}.content-desc{color:#475569;font-size:16px;font-weight:400;line-height:1.6}.tag-intelligence{color:#6366f1}.tag-data{color:#f59e0b}.tag-automation{color:#8b5cf6}.tag-warehouse{color:#10b981}.tag-routing{color:#0ea5e9}.tag-purple{color:#a855f7}.tag-amber{color:#f59e0b}.tag-teal{color:#0d9488}.tag-rose{color:#e11d48}.tag-blue{color:#3b82f6}.tag-slate{color:#64748b}.tag-emerald{color:#10b981}.tag-indigo{color:#6366f1}.svg-chart path.chart-line{stroke-dasharray:500;stroke-dashoffset:500px;transition:stroke-dashoffset 1.2s cubic-bezier(.22,1,.36,1) .1s}.feature-card:is(:hover,.in-view) .svg-chart path.chart-line{stroke-dashoffset:0}.alert-bubble{opacity:0;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275) .8s,transform .4s cubic-bezier(.175,.885,.32,1.275) .8s;transform:scale(.8)translateY(10px)}.feature-card:is(:hover,.in-view) .alert-bubble{opacity:1;transform:scale(1)translateY(0)}.laser-line{opacity:0;transform-origin:0;background:linear-gradient(90deg,#0000,#ef4444,#0000);width:140%;transition:transform .6s ease-out .1s,opacity .2s .1s;transform:scaleX(0)}.feature-card:is(:hover,.in-view) .laser-line{opacity:1;transform:scaleX(1)}.match-icon{opacity:0;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275) .6s,transform .4s cubic-bezier(.175,.885,.32,1.275) .6s;transform:scale(0)}.feature-card:is(:hover,.in-view) .match-icon{opacity:1;transform:scale(1)}.item-slide-up{transition:transform .5s cubic-bezier(.16,1,.3,1) .1s}.feature-card:is(:hover,.in-view) .item-slide-up{transform:translateY(-4px)}.item-slide-down{transition:transform .5s cubic-bezier(.16,1,.3,1) .2s}.feature-card:is(:hover,.in-view) .item-slide-down{transform:translateY(4px)}.winner-shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;transition:left;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.feature-card:is(:hover,.in-view) .winner-shimmer:after{transition:left .8s;left:150%}.cost-layer{opacity:0;transition:opacity .4s,transform .4s;transform:translate(-20px)}.feature-card:is(:hover,.in-view) .cost-layer{opacity:1;transform:translate(0)}.cost-layer:first-child{transition-delay:.1s}.cost-layer:nth-child(2){transition-delay:.2s}.cost-layer:nth-child(3){transition-delay:.3s}.cost-layer:nth-child(4){transition-delay:.4s}.cost-layer:nth-child(5){transition-delay:.5s}.format-icon{opacity:0;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275);transform:scale(.5)rotate(-15deg)}.feature-card:is(:hover,.in-view) .format-icon{opacity:1;transform:scale(1)rotate(0)}.format-icon:first-child{transition-delay:.1s}.format-icon:nth-child(2){transition-delay:.2s}.format-icon:nth-child(3){transition-delay:.3s}.shield-check{opacity:0;transition:opacity .5s cubic-bezier(.175,.885,.32,1.275) .3s,transform .5s cubic-bezier(.175,.885,.32,1.275) .3s;transform:scale(2.5)rotate(-15deg)}.feature-card:is(:hover,.in-view) .shield-check{opacity:1;transform:scale(1)rotate(0)}.flow-step{transition:transform .3s}.feature-card:is(:hover,.in-view) .flow-step{transform:scale(1.05)}.flow-arrow{opacity:.3;transition:opacity .4s}.feature-card:is(:hover,.in-view) .flow-arrow{opacity:1}.network-node{transition:transform .5s cubic-bezier(.16,1,.3,1)}.feature-card:is(:hover,.in-view) .network-node{transform:scale(1.1)}.network-path{stroke-dasharray:8 4;stroke-dashoffset:0;transition:stroke-dashoffset}.feature-card:is(:hover,.in-view) .network-path{animation:1s linear infinite dashFlow}.split-received{transition:transform .5s cubic-bezier(.16,1,.3,1) .2s}.feature-card:is(:hover,.in-view) .split-received{transform:translateY(-8px)}.split-pending{transition:transform .5s cubic-bezier(.16,1,.3,1) .3s}.feature-card:is(:hover,.in-view) .split-pending{transform:translateY(8px)}.health-bar-fill{width:var(--fill-width,70%);transform-origin:0;transition:transform .8s ease-out;transform:scaleX(0)}.feature-card:is(:hover,.in-view) .health-bar-fill{transform:scaleX(1)}.recon-line{opacity:0;transition:opacity .3s}.feature-card:is(:hover,.in-view) .recon-line{opacity:1}.recon-line:first-child{transition-delay:.2s}.recon-line:nth-child(2){transition-delay:.4s}.recon-line:nth-child(3){transition-delay:.6s}@keyframes dashFlow{to{stroke-dashoffset:-12px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.group:is(:hover,.in-view) .animate-float{animation:6s ease-in-out infinite float}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes pulse-glow{0%,to{opacity:.3}50%{opacity:.8}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes heroPathFlow{0%{stroke-dashoffset:36px}to{stroke-dashoffset:0}}.path-flow{transition:stroke .5s cubic-bezier(.16,1,.3,1)}.group:is(:hover,.in-view) .path-flow{animation:.8s linear infinite heroPathFlow}@media (hover:none){.health-bar-fill{transform:scaleX(1)}.laser-line{opacity:1;transform:scaleX(1)}.recon-line{opacity:1}.alert-bubble{opacity:1;transform:scale(1)translateY(0)}.cost-layer{opacity:1;transform:translate(0)}.match-icon{opacity:1;transform:scale(1)}.format-icon,.shield-check{opacity:1;transform:scale(1)rotate(0)}.svg-chart path.chart-line{stroke-dashoffset:0}.flow-arrow{opacity:1}}