.hero-scroll{isolation:isolate;position:relative}.hero--cinematic{isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.hero--cinematic .hero-copy{z-index:4;min-width:0}.hero--cinematic>.globe-stage{z-index:1;width:108%;min-width:0}.hero-word-wrap{white-space:nowrap;display:inline-block}.hero-word{transform-origin:50% 100%;display:inline-block}.hero--cinematic .hero-copy h1{position:relative}.hero-scroll>.pin-spacer{max-width:100%}@media (min-width:768px) and (min-height:700px){.hero--cinematic{min-height:min(730px,100svh)}}@media (min-width:701px) and (max-width:767px){.hero--cinematic{grid-template-columns:minmax(0,1fr);gap:10px;padding:45px 0 15px}.hero--cinematic .hero-copy{max-width:540px}}@media (max-width:767px){.hero--cinematic{grid-template-columns:minmax(0,1fr)}.hero--cinematic>.globe-stage{width:100%;height:390px;margin:0}.hero--cinematic .hero-word{opacity:1!important;transform:none!important}.hero--cinematic .globe-label{transform:none!important}}@media (max-width:380px){.hero--cinematic h1{letter-spacing:-.045em;font-size:clamp(2.55rem,12vw,3.15rem)}.hero--cinematic .announcement{flex-wrap:wrap;gap:8px}}@media (prefers-reduced-motion:reduce){.hero-word{opacity:1!important;transform:none!important}}
.colourful-features .feature{background:linear-gradient(145deg,rgba(var(--feature-tint),.055),transparent 70%);transition:background-color .25s,border-color .25s,box-shadow .25s;position:relative}.colourful-features .feature:before{content:"";background:var(--feature-accent);opacity:.65;width:38px;height:2px;transition:width .3s,opacity .3s;position:absolute;top:0;left:32px}.colourful-features .feature-icon{width:48px;height:48px;color:var(--feature-accent);background:rgba(var(--feature-tint),.09);border:1px solid rgba(var(--feature-tint),.22);border-radius:13px;place-items:center;margin-bottom:22px;transition:box-shadow .3s,background-color .3s;display:grid}.colourful-features .feature-icon>svg{transform-origin:50%;width:23px;height:23px}.colourful-features .feature h3 a{border-radius:3px;align-items:center;gap:8px;display:inline-flex}.colourful-features .feature h3 a:hover{color:var(--feature-accent)}.colourful-features .feature-arrow{color:var(--feature-accent);opacity:.35;flex-shrink:0;transition:transform .3s,opacity .3s}.colourful-features .feature .tag{color:var(--feature-accent);border-color:rgba(var(--feature-tint),.25);background:rgba(var(--feature-tint),.04)}.colourful-features .feature:is(:hover,:focus-within){background-color:rgba(var(--feature-tint),.045);box-shadow:inset 0 0 35px rgba(var(--feature-tint),.03)}.colourful-features .feature:is(:hover,:focus-within):before{opacity:1;width:72px}.colourful-features .feature:is(:hover,:focus-within) .feature-icon{background:rgba(var(--feature-tint),.15);box-shadow:0 0 24px rgba(var(--feature-tint),.1)}.colourful-features .feature:is(:hover,:focus-within) .feature-arrow{opacity:1;transform:translate(2px,-2px)}.feature-trace:is(:hover,:focus-within) .feature-icon>svg{animation:.9s ease-in-out feature-heartbeat}.feature-orbit:is(:hover,:focus-within) .feature-icon>svg{animation:1.1s ease-in-out feature-orbit}.feature-alert:is(:hover,:focus-within) .feature-icon>svg{animation:.7s ease-in-out feature-alert}.feature-signal:is(:hover,:focus-within) .feature-icon>svg{animation:1.2s ease-in-out feature-signal}.feature-layers:is(:hover,:focus-within) .feature-icon>svg{animation:.9s ease-in-out feature-layers}.feature-terminal:is(:hover,:focus-within) .feature-icon>svg{animation:.8s ease-in-out feature-terminal}@keyframes feature-heartbeat{25%,65%{transform:scale(1.17)}45%,to{transform:scale(1)}}@keyframes feature-orbit{50%{transform:rotate(-18deg)scale(1.12)}}@keyframes feature-alert{20%,60%{transform:rotate(-9deg)}40%,80%{transform:rotate(9deg)}}@keyframes feature-signal{40%{opacity:.65;transform:scale(1.2)}70%{transform:scale(.95)}}@keyframes feature-layers{40%{transform:translateY(-5px)}70%{transform:translateY(2px)}}@keyframes feature-terminal{35%{transform:translate(4px)}65%{transform:translate(-2px)}}@media (max-width:700px){.colourful-features .feature:before{left:27px}}@media (prefers-reduced-motion:reduce){.colourful-features .feature *,.colourful-features .feature:before{transition:none!important;animation:none!important}}