.platform-sections{gap:88px;display:grid}.platform-section{scroll-margin-top:calc(var(--ak-header-h) + 24px);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:40px 72px;display:grid}.platform-section:nth-child(2n) .platform-media{order:2}.platform-media{aspect-ratio:16/11;background:var(--color-pastel-navy);border-radius:20px;position:relative;overflow:hidden}.platform-media:after{content:"";background:linear-gradient(#ffffff80,#ffffff4d);position:absolute;inset:0}.platform-section .home-block-text h2{text-wrap:balance;margin-bottom:14px;font-size:clamp(26px,1.4vw + 14px,38px);line-height:1.12}@media (max-width:900px){.platform-sections{gap:56px}.platform-section{grid-template-columns:minmax(0,1fr);gap:24px}.platform-section:nth-child(2n) .platform-media{order:0}}.platform-motion{position:relative}.motif{width:420px;color:var(--color-navy);gap:14px;font-size:11px;display:grid}.platform-motion .motif *{animation-play-state:paused}.platform-motion[data-animate=true] .motif *{animation-play-state:running}.motif-recording>div{animation-fill-mode:forwards}.motif-level{height:50%;animation:.45s ease-in-out 6 alternate motif-level}.motif-recording .motif-rec{animation:.6s steps(2,end) 5 motif-blink}@property --motif-seconds{syntax:"<integer>";inherits:false;initial-value:24}.motif-timer{--motif-seconds:24;counter-reset:seconds var(--motif-seconds);animation:3s steps(6,end) forwards motif-count}.motif-timer:before{content:"00:" counter(seconds, decimal-leading-zero)}.motif-transcript{animation:.6s ease-out 2s both motif-rise}.motif-progress{animation:2.4s linear 2.4s both motif-progress}.motif-turn{animation:.45s ease-out both motif-turn}@keyframes motif-level{0%{height:25%}to{height:70%}}@keyframes motif-count{0%{--motif-seconds:18}to{--motif-seconds:24}}@keyframes motif-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes motif-progress{0%{width:33%}to{width:66%}}@keyframes motif-turn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.platform-cards{scroll-margin-top:calc(var(--ak-header-h) + 24px);margin-top:88px}.platform-cards .home-block-points{margin-top:20px;font-size:15px}.platform-cards .home-block-points li{gap:10px}.platform-cards .home-block-points svg{width:16px;height:16px}@media (max-width:900px){.platform-cards{margin-top:56px}}@media (prefers-reduced-motion:reduce){.motif *{animation:none!important}}
