.platform-section{background:var(--color-white);padding:8rem 4rem}.platform-section-inner{max-width:1200px;margin:0 auto}.platform-section-header{text-align:center;opacity:0;margin-bottom:4rem;transition:opacity .6s,transform .6s;transform:translateY(20px)}.platform-section-header.visible{opacity:1;transform:translateY(0)}.platform-section-header .section-header{margin-bottom:0}.platform-hero-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem;display:grid}.platform-hero-grid .platform-hero-card{opacity:0;transform:translateY(20px)}.platform-hero-grid.visible .platform-hero-card{animation:.5s ease-out forwards platformFadeIn}.platform-hero-card{background:var(--color-gray-50);border-radius:16px;flex-direction:column;padding:2rem;display:flex}.platform-hero-card h3{font-family:var(--font-family);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--color-gray-900);margin-bottom:.5rem;font-weight:600}.platform-hero-card p{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:1.5rem;line-height:1.6}.platform-hero-placeholder,.platform-hero-demo{background:var(--color-gray-100);flex:1;min-height:200px;overflow:hidden}.platform-hero-demo{background:0 0}.platform-features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.platform-features-grid .platform-feature-card{opacity:0;transform:translateY(20px)}.platform-features-grid.visible .platform-feature-card{animation:.5s ease-out forwards platformFadeIn}@keyframes platformFadeIn{to{opacity:1;transform:translateY(0)}}.platform-feature-card{background:var(--color-gray-50);border-radius:16px;padding:1.5rem}.platform-feature-card h4{font-family:var(--font-family);font-size:var(--text-lg);letter-spacing:-.02em;color:var(--color-gray-900);margin-bottom:.5rem;font-weight:600}.platform-feature-card p{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-gray-600);line-height:1.6}@media (width<=1024px){.platform-hero-grid{grid-template-columns:1fr}.platform-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.platform-section{padding:5rem 1.5rem}.platform-features-grid{grid-template-columns:1fr}.platform-hero-placeholder{min-height:150px}}.integration-logos-scattered{width:100%;height:180px;position:relative}.scattered-logo{opacity:0;transform:scale(.6)rotate(var(--initial-rotation));--initial-rotation:-8deg;--final-rotation:0deg;--float-rotation:2deg;background:#fff;border-radius:14px;justify-content:center;align-items:center;padding:10px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a}.scattered-logo:hover{z-index:10;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;animation-play-state:paused!important;transform:scale(1.08)rotate(0)!important}.scattered-logo img{object-fit:contain}.scattered-logo:first-child{--initial-rotation:-12deg;--final-rotation:3deg;--float-rotation:3deg;top:5%;left:4%}.scattered-logo:nth-child(2){--initial-rotation:10deg;--final-rotation:-2deg;--float-rotation:-2deg;top:58%;left:8%}.scattered-logo:nth-child(3){--initial-rotation:-8deg;--final-rotation:1deg;--float-rotation:1deg;top:12%;left:22%}.scattered-logo:nth-child(4){--initial-rotation:15deg;--final-rotation:-3deg;--float-rotation:-3deg;top:62%;left:28%}.scattered-logo:nth-child(5){--initial-rotation:-5deg;--final-rotation:2deg;--float-rotation:2deg;top:8%;left:40%}.scattered-logo:nth-child(6){--initial-rotation:8deg;--final-rotation:-1deg;--float-rotation:-1deg;top:55%;left:47%}.scattered-logo:nth-child(7){--initial-rotation:-10deg;--final-rotation:2deg;--float-rotation:2deg;top:18%;right:23%}.scattered-logo:nth-child(8){--initial-rotation:12deg;--final-rotation:-2deg;--float-rotation:-2deg;top:60%;right:23%}.scattered-logo:nth-child(9){--initial-rotation:-6deg;--final-rotation:1deg;--float-rotation:1deg;top:8%;right:6%}.scattered-logo:nth-child(10){--initial-rotation:-6deg;--final-rotation:1deg;--float-rotation:1deg;top:60%;right:1%}.integration-logos-scattered.animate .scattered-logo{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scatterIn,4s ease-in-out infinite floatLogo;animation-delay:var(--float-delay),calc(var(--float-delay) + .5s)}@keyframes scatterIn{0%{opacity:0;transform:scale(.4)rotate(var(--initial-rotation))}to{opacity:1;transform:scale(1)rotate(var(--final-rotation))}}@keyframes floatLogo{0%,to{transform:translateY(0)rotate(var(--final-rotation))}50%{transform:translateY(-6px)rotate(calc(var(--final-rotation) + var(--float-rotation)))}}@media (width<=768px){.integration-logos-scattered{height:180px}.scattered-logo{border-radius:10px;padding:6px}.scattered-logo:first-child{top:4%;left:2%}.scattered-logo:nth-child(2){top:56%;left:5%}.scattered-logo:nth-child(3){top:20%;left:24%}.scattered-logo:nth-child(4){top:70%;left:28%}.scattered-logo:nth-child(5){top:2%;left:48%}.scattered-logo:nth-child(6){top:54%;left:47%}.scattered-logo:nth-child(7){top:14%;right:12%}.scattered-logo:nth-child(8){top:58%;right:13%}.scattered-logo:nth-child(9){top:6%;right:2%}}