/* Deliberately scoped to the marketing UI; audio tools, forms and media controls retain their own behavior. */
:root{--refine-line:rgba(190,151,255,.27);--refine-surface:linear-gradient(140deg,rgba(46,22,80,.69),rgba(17,12,37,.56));--refine-ease:cubic-bezier(.2,.75,.25,1)}
.site-header-wrap .desktop-nav a,.site-header-wrap .header-actions a,.site-header-wrap .mobile-menu nav a,.site-footer .footer-primary a,.site-footer .footer-resource-strip a,.site-footer .footer-base a{position:relative;color:#d0c3e3;transition:color .2s ease,background-color .2s ease,box-shadow .25s ease,text-shadow .2s ease;isolation:isolate;text-decoration:none}
.site-header-wrap .desktop-nav a,.site-header-wrap .header-login{padding-block:11px}
.site-header-wrap .desktop-nav a::after,.site-header-wrap .header-login::after,.site-footer .footer-primary a::after,.site-footer .footer-base a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:linear-gradient(90deg,#9d66ff,#73eee2);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .25s var(--refine-ease);pointer-events:none}
.site-header-wrap :is(.desktop-nav,.header-actions,.mobile-menu nav) a:is(:hover,:focus-visible),.site-footer :is(.footer-primary,.footer-resource-strip,.footer-base) a:is(:hover,:focus-visible){color:#fff;text-shadow:0 0 17px #b68bff8c}
.site-header-wrap :is(.desktop-nav,.header-actions) a:is(:hover,:focus-visible,[aria-current="page"])::after,.site-footer :is(.footer-primary,.footer-base) a:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.site-footer .footer-resource-strip a:is(:hover,:focus-visible){background:linear-gradient(135deg,#a568ff24,#58ddcb0d);box-shadow:inset 0 -2px #af8bef}
.site-header-wrap a:focus-visible,.site-footer a:focus-visible{outline:2px solid #7de9e1;outline-offset:5px;border-radius:5px}
.site-footer .footer-socials a{border-radius:12px;transition:transform .25s var(--refine-ease),filter .25s ease}
.site-footer .footer-socials a:is(:hover,:focus-visible){transform:translateY(-4px);filter:drop-shadow(0 4px 10px #ac73ff8c)}
.site-footer .footer-base nav{display:flex;gap:clamp(14px,2vw,26px);align-items:center;flex-wrap:wrap}
.site-footer .footer-base a{display:inline-flex;align-items:center;min-height:40px;color:#c0b2d0!important;opacity:1!important}
.site-footer .footer-base a:is(:hover,:focus-visible){color:#fff!important}
.hyperion-demo-cta-runtime{gap:12px!important;align-items:center!important;margin-top:22px!important}
.hyperion-demo-cta-runtime>a,.hyperion-demo-cta-runtime>.hyperion-feature-request-button{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 21px!important;border-radius:14px!important;border:1px solid #b082f861!important;background:linear-gradient(140deg,#241245e8,#120d2be3)!important;color:#f7f1ff!important;font:650 13px/1.3 Inter,system-ui,sans-serif!important;box-shadow:inset 0 1px #ffffff12,0 7px 24px #0a041728!important;transition:transform .23s var(--refine-ease),box-shadow .23s ease,border-color .23s ease,background .23s ease!important;text-decoration:none;overflow:hidden}
.hyperion-demo-cta-runtime>a:first-child{background:linear-gradient(120deg,#9345f2,#6340d8)!important;border-color:#c298ff99!important}
.hyperion-demo-cta-runtime>.hyperion-feature-request-button{border-color:#77dedb69!important}
.hyperion-demo-cta-runtime>:is(a,button)::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff20 48%,transparent 70%);transform:translateX(-130%);transition:transform .65s var(--refine-ease);pointer-events:none}
.hyperion-demo-cta-runtime>:is(a,button):is(:hover,:focus-visible){transform:translateY(-3px);border-color:#c4a0ff!important;box-shadow:inset 0 1px #ffffff29,0 9px 28px #8050d855!important}
.hyperion-demo-cta-runtime>:is(a,button):is(:hover,:focus-visible)::after{transform:translateX(130%)}
.hyperion-demo-cta-runtime>:is(a,button):active{transform:translateY(0) scale(.985)}
.hyperion-demo-cta-runtime>:is(a,button):focus-visible{outline:2px solid #a6fff3;outline-offset:4px}
/* Visible before JS loads; reveal is a brief enhancement, never a visibility dependency. */
.hyperion-feature-section{width:min(1320px,100% - 64px);margin:clamp(72px,8vw,128px) auto;padding:0;position:relative}
.hyperion-feature-section>header{max-width:820px;margin:0 0 clamp(28px,4vw,54px)}
.hyperion-section-kicker{display:block;color:#78e5db;font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.18em;margin-bottom:17px}
.hyperion-feature-section>header h2{font-size:clamp(44px,6.5vw,92px);letter-spacing:-.045em;line-height:1.04;margin:0 0 20px;color:#f7f0ff}
.hyperion-feature-section>header p{font:400 clamp(15px,1.3vw,18px)/1.65 Inter,system-ui,sans-serif;color:#c9bbdf;max-width:690px}
.hyperion-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,36px)}
.hyperion-feature-card{display:flex;flex-direction:column;min-width:0;position:relative;text-decoration:none;border:1px solid #ba8fff2b;border-radius:20px;background:linear-gradient(155deg,#40226622,#1a0f313b);overflow:hidden;isolation:isolate;transition:transform .32s var(--refine-ease),border-color .32s ease,box-shadow .32s ease;background-clip:padding-box;color:#f6efff}
.hyperion-feature-art{display:grid;place-items:center;aspect-ratio:1;overflow:hidden;background:transparent}
.hyperion-feature-art img{display:block;width:100%;height:100%;object-fit:contain;background:transparent!important;transition:transform .5s var(--refine-ease),filter .4s ease;animation:none!important;translate:none!important;transform:none!important}
.hyperion-feature-copy{padding:22px 24px 23px;flex:1;display:flex;flex-direction:column;background:linear-gradient(140deg,#24133d8c,#130c256e);border-top:1px solid #c99dff21}
.hyperion-feature-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.hyperion-feature-heading h3{font-family:Inter,system-ui,sans-serif;font-size:19px!important;letter-spacing:-.025em;line-height:1.3;margin:0;color:#fff}
.hyperion-feature-edition{flex-shrink:0;border:1px solid #d5a4f34f;border-radius:99px;padding:3px 7px;font:600 10px/1.4 Inter,system-ui;color:#d9bff4;background:#bd75e21c}
.hyperion-feature-copy p{font:400 13px/1.65 Inter,system-ui,sans-serif;color:#c5b6d8;margin:12px 0 23px;max-width:none}
.hyperion-feature-detail{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font:600 12px/1.4 Inter,system-ui;color:#a4ebe4}
.hyperion-feature-detail>span{display:inline-block;transition:transform .3s ease;font-size:17px}
.hyperion-feature-card:is(:hover,:focus-visible){transform:translateY(-6px);border-color:#b282ec99;box-shadow:0 16px 36px #18053545,0 0 0 1px #bd8cf329}
.hyperion-feature-card:is(:hover,:focus-visible) img{transform:scale(1.025)!important;filter:brightness(1.09) saturate(1.08)}
.hyperion-feature-card:is(:hover,:focus-visible) .hyperion-feature-detail>span{transform:translate(3px,-3px)}
.hyperion-feature-card:focus-visible{outline:2px solid #8ce8df;outline-offset:5px}
.hyperion-feature-card:active{transform:translateY(-1px)}
.hyperion-refine-enter{animation:hyperion-refine-enter .75s var(--refine-ease) backwards;animation-delay:calc(var(--refine-order,0)*80ms)}
@keyframes hyperion-refine-enter{from{opacity:0;translate:0 25px;filter:brightness(.86)}to{opacity:1;translate:0 0;filter:brightness(1)}}
.home-video-grid{align-items:start;gap:24px!important}
.home-video-grid>.hyperion-video-card{position:relative;min-width:0;width:100%;margin:0;border:1px solid var(--refine-line)!important;border-radius:18px!important;overflow:hidden!important;background:linear-gradient(145deg,#25113e7d,#140d2859)!important;box-shadow:0 12px 35px #0d031f30;transition:border-color .3s ease,box-shadow .3s ease!important;transform:none!important}
.home-video-grid>.hyperion-video-card:is(:hover,:focus-within){border-color:#bd91ffab!important;box-shadow:0 15px 40px #51209040,0 0 0 1px #b781f733}
.home-video-grid .hyperion-video-card>:is(video,iframe){display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border:0;border-radius:0;background:#100720;transform:none!important}
.hyperion-video-card figcaption{display:flex;align-items:center;gap:9px;padding:14px 18px;color:#d5c3eb;font:500 12px/1.45 Inter,system-ui,sans-serif}
.hyperion-video-card figcaption>span:last-child{margin-left:auto;color:#b3a3c8;font-size:10px;letter-spacing:.05em}
.hyperion-video-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#7ee7dc;box-shadow:0 0 12px #7ee7dc77}
.feature-origin-hero>figure{border-radius:18px!important;border:1px solid #c292ff40!important;background:linear-gradient(145deg,#25133c77,#120c2752)!important;overflow:visible!important;box-shadow:0 18px 45px #17053136!important;transition:box-shadow .4s ease,border-color .4s ease!important}
.feature-origin-hero>figure img{background:transparent!important;border-radius:17px 17px 0 0;transition:transform .65s var(--refine-ease),filter .5s ease!important;animation:hyperion-feature-float 8s ease-in-out infinite!important}
.feature-origin-hero>figure:is(:hover,:focus-within){border-color:#bf90ff91!important;box-shadow:0 24px 55px #7733de55!important}
.feature-origin-hero>figure:is(:hover,:focus-within) img{transform:scale(1.02)!important;filter:brightness(1.09) saturate(1.07)}
.feature-origin-hero>figure figcaption{background:transparent!important;border-radius:0 0 17px 17px}
@keyframes hyperion-feature-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
.download-grid{padding-top:clamp(24px,4vw,56px)!important;scroll-margin-top:110px}
.download-grid>article{padding-top:42px!important;background:var(--refine-surface)!important;backdrop-filter:blur(16px);border-color:var(--refine-line)!important;scroll-margin-top:110px;transition:box-shadow .3s ease,border-color .3s ease}
.download-grid>article:is(:hover,:focus-within){border-color:#b98cea8c!important;box-shadow:0 15px 42px #13062d40}
.hyperion-platform-wordmark{display:flex;align-items:center;gap:16px;min-height:72px;margin-bottom:26px;color:#fff}
.hyperion-platform-wordmark svg{display:block;width:48px;height:48px;flex-shrink:0;filter:drop-shadow(0 0 15px #b5a1ff19)}
.hyperion-platform-wordmark span{font:500 clamp(27px,2.7vw,38px)/1.2 'Segoe UI',Inter,system-ui,sans-serif;letter-spacing:-.04em}
.download-grid>article>img{object-fit:contain;object-position:left center;height:72px!important;max-width:220px!important;margin-bottom:26px}
.install-steps .steps-grid,.purchase-info{background:transparent!important;border-color:var(--refine-line)!important;backdrop-filter:blur(16px)}
.install-steps .steps-grid>article,.purchase-info>article{background:var(--refine-surface)!important}
.commerce-edition-grid>article{background:linear-gradient(140deg,#32194cba,#1510299e)!important;border-color:#b784ed48!important;backdrop-filter:blur(17px);box-shadow:0 20px 55px #10031f35!important}
.commerce-edition-grid .commerce-edition-art{background:transparent!important;overflow:visible!important;padding:clamp(18px,2vw,32px)}
.commerce-edition-grid .commerce-edition-art::before,.commerce-edition-grid .commerce-edition-art::after{display:none!important}
.commerce-edition-grid .commerce-edition-art img{background:transparent!important;filter:drop-shadow(0 16px 25px #17052538);transition:transform .45s var(--refine-ease),filter .45s ease}
.commerce-edition-grid .commerce-edition-art:is(:hover,:focus-visible) img{transform:scale(1.025);filter:drop-shadow(0 20px 30px #9f61f647)}
.commerce-edition-grid .commerce-edition-body{background:linear-gradient(130deg,#21123459,#0d0c202e)!important}
.store-selector{background:linear-gradient(140deg,#311b4db0,#120e2c85)!important;border:1px solid var(--refine-line)!important;backdrop-filter:blur(14px)}
a.hyperion-store-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;padding:13px 20px!important;min-width:228px;min-height:64px!important;width:fit-content;max-width:100%;background:linear-gradient(135deg,#271a43e3,#17112ceb)!important;border:1px solid #c6afe64d!important;border-radius:12px!important;text-decoration:none;color:#fff!important;box-shadow:inset 0 1px #ffffff0f;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--refine-ease)!important}
.hyperion-store-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:36px}
.hyperion-store-symbol svg{display:block;width:32px;height:32px;color:#fff}
.hyperion-store-wordmark{text-align:left;display:flex;flex-direction:column;gap:2px}
.hyperion-store-wordmark small{font:400 10px/1.3 'Segoe UI',Inter,system-ui;color:#cfc3dd;letter-spacing:0;text-transform:none}
.hyperion-store-wordmark strong{font:600 18px/1.2 'Segoe UI',Inter,system-ui;color:#fff;letter-spacing:-.02em;white-space:nowrap}
.hyperion-store-arrow{margin-left:auto;font:400 19px/1 Inter,system-ui;color:#a3e8e0}
a.hyperion-store-badge:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#bda0fbb5!important;box-shadow:0 10px 25px #6733b940,inset 0 1px #ffffff26}
a.hyperion-store-badge:focus-visible{outline:2px solid #88e8df;outline-offset:4px}
.edition-actions a.hyperion-store-badge{width:100%}
a.hyperion-store-badge.hyperion-store-compact{min-width:0!important;min-height:36px!important;padding:5px!important;border:0!important;background:transparent!important;border-radius:8px!important}
.hyperion-store-compact .hyperion-store-symbol,.hyperion-store-compact .hyperion-store-symbol svg{width:26px;height:26px}
@media(max-width:900px){.hyperion-feature-section{width:calc(100% - 40px)}.hyperion-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hyperion-feature-copy{padding:18px}.hyperion-video-card figcaption{padding:12px}.hyperion-video-card figcaption>span:last-child{display:none}.hyperion-platform-wordmark{margin-bottom:20px}.commerce-edition-grid .commerce-edition-art{padding:20px}}
@media(max-width:600px){.hyperion-feature-section{width:calc(100% - 32px)}.hyperion-feature-grid{grid-template-columns:1fr;gap:26px}.hyperion-feature-art{aspect-ratio:1.12}.hyperion-feature-copy{padding:22px}.hyperion-feature-card:is(:hover,:focus-visible){transform:translateY(-3px)}.hyperion-demo-cta-runtime{display:grid!important;grid-template-columns:1fr!important;width:min(360px,100% - 32px)!important;margin-inline:auto!important;gap:10px!important}.hyperion-demo-cta-runtime>a,.hyperion-demo-cta-runtime>.hyperion-feature-request-button{width:100%;min-height:48px}.download-grid{padding-top:24px!important}.download-grid>article{padding-top:32px!important}.site-footer .footer-base nav{justify-content:center}.hyperion-store-wordmark strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.hyperion-refine-enter,.feature-origin-hero>figure img{animation:none!important}.hyperion-feature-card,.hyperion-feature-art img,.hyperion-feature-detail>span,.hyperion-demo-cta-runtime>:is(a,button),.hyperion-demo-cta-runtime>:is(a,button)::after,.site-header-wrap a,.site-footer a,.site-footer a::after,.site-header-wrap a::after,.hyperion-store-badge,.feature-origin-hero>figure img{transition:none!important}.hyperion-feature-card:is(:hover,:focus-visible),.hyperion-demo-cta-runtime>:is(a,button):is(:hover,:focus-visible),a.hyperion-store-badge:is(:hover,:focus-visible){transform:none!important}.hyperion-feature-card:is(:hover,:focus-visible) img{transform:none!important}}