/* MyBlock: a welcoming classroom scene with readable native block animations. */
.myblock-section{padding:40px 0 32px;background:radial-gradient(ellipse at 72% 35%,#3b355333,transparent 62%),#0b111c;border-top:1px solid #30374b;scroll-margin-top:85px}
.myblock-eyebrow{display:flex;justify-content:space-between;gap:20px;color:#9da6be;font:9px/1.7 var(--mono);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:22px}.myblock-eyebrow>span:first-child{color:#c7b5f7}
.myblock-showcase{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:32px;align-items:center}.myblock-intro{min-width:0}
.myblock-brand{display:flex;align-items:center;gap:17px;margin-bottom:18px}.myblock-brand img{display:block;width:122px;height:auto}.myblock-brand>div{display:flex;flex-direction:column;gap:11px}.myblock-brand>div>span:first-child{color:#aebbcf;font-size:10px;letter-spacing:1.5px}.myblock-brand strong{color:#f0edfb;font-weight:600}.myblock-free{color:#e2c888;font:10px/1.5 var(--mono)}.myblock-free small{display:block;color:#8d9aaf;font-size:9px;margin-top:4px}
.home-platform .myblock-intro h2{font:500 clamp(30px,3.2vw,44px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.045em;color:#f0f1fc;margin:0}.home-platform .myblock-intro h2 em{font-style:normal;color:#c4b2f5}.myblock-tagline{font:500 clamp(15px,1.5vw,19px)/1.5 'Space Grotesk',sans-serif;color:#e8ca86;margin:13px 0 15px}.myblock-summary{font-size:13px;line-height:1.8;color:#b4c0d0;max-width:385px;margin:0 0 15px}.myblock-boards{font:10px/1.7 var(--mono);color:#c4d3e4;margin:0 0 21px}.myblock-boards span{color:#9c82d6;padding:0 7px}
.myblock-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.myblock-actions .button-primary{background:#c9b9f5;border-color:#c9b9f5;color:#221b39;min-height:44px;padding:12px 18px;font-size:12px}.myblock-actions .button-primary:hover{background:#dfd1ff;border-color:#dfd1ff}.myblock-text-link{font-size:11px;color:#c7bddb;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#645677}.myblock-section :is(a,button):focus-visible{outline:2px solid #cdb6ff;outline-offset:5px}
.myblock-visual{width:100%;max-width:760px;min-width:0;margin:0;justify-self:center}.myblock-artwork{position:relative;isolation:isolate}.myblock-artwork>img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain}.myblock-code-scene{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}.myblock-code-scene text{font:600 13px 'DM Sans',sans-serif;fill:#fff;letter-spacing:.15px}.myblock-block{filter:drop-shadow(0 4px 5px #06081966)}.myblock-block>path{stroke:#e4dcff70;stroke-width:1}.myblock-float{opacity:.85;filter:drop-shadow(0 3px 5px #05071655)}.myblock-flow-track{stroke:#161a3266;stroke-width:5}.myblock-flow{stroke:url(#myblock-code-flow);stroke-width:2;stroke-dasharray:5 5}.myblock-led-ring{opacity:.7}.myblock-led-halo{opacity:.45}
.myblock-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;color:#c5c9df;font-size:10px;line-height:1.6}.myblock-visual figcaption small{display:block;font-size:9px;color:#8f9bb4;margin-top:3px}.myblock-motion-actions{display:flex;gap:12px;flex-shrink:0}.myblock-motion-actions[hidden]{display:none}.myblock-motion-actions button{border:0;background:none;color:#c5c2e2;font:10px/1.4 'DM Sans',sans-serif;padding:8px 0;min-height:36px;cursor:pointer;text-decoration:underline;text-decoration-color:#5c5771;text-underline-offset:4px}.myblock-motion-actions button:disabled{cursor:default;opacity:.6;text-decoration:none}
.myblock-features.product-infographics{--info-accent:#c0b0f3;--info-gold:#e6c786}.myblock-features .info-diagram{background:radial-gradient(ellipse at 50% 55%,#45326435,transparent 70%)}.myblock-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:17px;border-top:1px solid #303747;font-size:10px;line-height:1.7;color:#909eb5}.myblock-footnote a{color:#c5b8e6}
.myblock-visual[data-enhanced=true] .myblock-block{animation:myblock-snap 8s ease-in-out infinite both;animation-delay:var(--block-delay);animation-play-state:paused}.myblock-visual[data-enhanced=true] .myblock-float{animation:myblock-float 6s ease-in-out infinite;animation-play-state:paused}.myblock-visual[data-enhanced=true] .myblock-float-second{animation-delay:-3s}.myblock-visual[data-enhanced=true] .myblock-flow{animation:myblock-flow 8s linear infinite;animation-play-state:paused}.myblock-visual[data-enhanced=true] .myblock-led-ring{animation:myblock-led-ring 8s ease-in-out infinite;animation-play-state:paused;transform-box:fill-box;transform-origin:center}.myblock-visual[data-enhanced=true] .myblock-led-halo{animation:myblock-led-halo 8s ease-in-out infinite;animation-play-state:paused}.myblock-visual[data-running=true] .myblock-animated{animation-play-state:running}
@keyframes myblock-snap{0%,5%{transform:translate(var(--block-x),var(--block-y));opacity:.2}18%,83%{transform:translate(0,0);opacity:1}95%,100%{transform:translate(var(--block-x),var(--block-y));opacity:.2}}
@keyframes myblock-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}
@keyframes myblock-flow{0%,28%{opacity:0;stroke-dashoffset:30}42%,70%{opacity:1}85%,100%{opacity:0;stroke-dashoffset:-25}}
@keyframes myblock-led-ring{0%,37%,78%,100%{transform:scale(.7);opacity:0}46%{transform:scale(1);opacity:1}65%{transform:scale(1.55);opacity:0}}
@keyframes myblock-led-halo{0%,37%,78%,100%{opacity:0}46%,68%{opacity:.85}}
@media(max-width:1100px){.myblock-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:26px}.myblock-visual figcaption{flex-wrap:wrap;gap:7px}.myblock-brand img{width:108px}}
@media(max-width:700px){.myblock-section{padding:32px 0}.myblock-eyebrow{font-size:8px;letter-spacing:1px}.myblock-showcase{grid-template-columns:1fr;gap:28px}.home-platform .myblock-intro h2{font-size:35px}.myblock-brand{margin-bottom:17px}.myblock-brand img{width:112px}.myblock-summary{max-width:480px}.myblock-visual{max-width:640px}.myblock-actions{gap:15px}.myblock-footnote{display:block}.myblock-footnote a{display:inline-block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.myblock-animated{animation:none!important}}
.reduce-motion .myblock-animated{animation:none!important}