@font-face{font-family:Marcellus;src:url('assets/Marcellus.ttf') format('truetype');font-display:swap}
@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#111315;--surface:#191b1e;--raised:#222428;--text:#f4f0e8;--muted:#b7b6b3;--quiet:#949594;--red:#bf3b4d;--red-hover:#d94c5e;--line:#303235;--focus:#ffc0aa;--display:Marcellus,Georgia,serif;--body:Manrope,Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 var(--body);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}h3{font-size:19px;font-weight:650;line-height:1.4}p{color:var(--muted)}[hidden]{display:none!important}::selection{background:#893844;color:white}:focus-visible{outline:2px solid var(--focus);outline-offset:6px}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.solid{fill:currentColor;stroke:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:var(--text);color:var(--bg);padding:12px 20px;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{position:absolute;inset:0 0 auto;height:100px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid #f4f0e81a;background:linear-gradient(#0d131ba6,#0d131b00)}.brand{display:inline-flex;align-items:center;gap:13px;font:32px/1 var(--display);letter-spacing:-.02em}.brand img{object-fit:contain}.desktop-nav{display:flex;gap:36px;font-size:12px;font-weight:600}.desktop-nav a{position:relative;color:#dbdcda;padding:12px 0;transition:color .2s}.desktop-nav a::after{content:'';position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.desktop-nav a:hover{color:white}.desktop-nav a:hover::after{transform:scaleX(1)}.nav-download{display:flex;align-items:center;gap:22px;border:1px solid #f4f0e84a;padding:10px 18px;font-size:12px;font-weight:650;border-radius:4px;transition:background .2s}.nav-download:hover{background:#ffffff12}.menu-toggle{display:none}.mobile-menu{display:none}
.hero{position:relative;min-height:740px;height:min(900px,100svh);isolation:isolate;overflow:hidden;background:#0b1920}.hero-art{position:absolute;inset:0;z-index:-3}.hero-art img{height:100%;width:100%;object-fit:cover;object-position:40% 48%;animation:arrival 1.8s var(--ease) both;will-change:transform}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#09131800 20%,#0a111643 49%,#0b111ac4 74%,#0b111bc7),linear-gradient(0deg,var(--bg) 0%,#11131566 14%,transparent 36%)}.hero-layout{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-top:100px;padding-bottom:125px}.hero-copy{width:43%;max-width:525px;animation:copy-arrival 1.1s .15s var(--ease) both}.hero h1{font-size:clamp(50px,5.25vw,76px);line-height:1.12}.hero h1 em{font-style:normal;color:#f39786}.hero-copy>p{font-size:14px;line-height:1.9;max-width:370px;margin-top:25px;color:#dcddd8}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:15px 24px;font-size:12px;font-weight:750;border-radius:4px;transition:background .2s,transform .3s var(--ease)}.button.primary{background:var(--red);color:#fff}.button.primary:hover{background:var(--red-hover);transform:translateY(-2px)}.button.primary:active{transform:translateY(0)}.action-arrow{margin-left:17px;width:19px}.text-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;font-weight:600}.text-link span{transition:transform .3s}.text-link:hover span{transform:translateY(4px)}.hero-note{display:block;margin-top:30px;font-size:10px;color:#b5babb}.hero-bottom{position:absolute;bottom:38px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end}.hero-caption{font-size:11px;color:#c3c9c7;line-height:1.7;max-width:230px}.scroll-link{display:flex;gap:27px;font-size:10px;color:#bdc2c1;align-items:center}.scroll-link span{font-size:23px}.embers{position:absolute;inset:30% 35% 0 18%;z-index:-1;pointer-events:none}.embers i{position:absolute;bottom:12%;left:53%;width:3px;height:3px;border-radius:50%;background:#ffd0a0;animation:ember 7s linear infinite;opacity:0}.embers i:nth-child(2){left:37%;animation-delay:-2s;width:2px;height:2px}.embers i:nth-child(3){left:60%;animation-delay:-4s}.embers i:nth-child(4){left:45%;animation-delay:-5.5s}.embers i:nth-child(5){left:68%;animation-delay:-1s;width:2px;height:2px}
.features{padding-top:108px;padding-bottom:116px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:55px}.section-heading h2,.faq h2{font-size:clamp(36px,4vw,54px)}.section-heading h2 span,.download-inner h2 span{color:var(--muted)}.section-heading>p{max-width:332px;font-size:13px;line-height:1.85;padding-bottom:3px}.feature-stage{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:42px}.feature-tabs{display:flex;flex-direction:column}.feature-tabs button{display:flex;text-align:left;align-items:center;gap:18px;padding:21px 0;background:transparent;border-bottom:1px solid var(--line);position:relative}.feature-tabs button:first-child{border-top:1px solid var(--line)}.feature-tabs button>img{object-fit:contain;transition:filter .25s;filter:grayscale(.85);opacity:.7}.feature-tabs button[aria-selected=true]>img,.feature-tabs button:hover>img{filter:none;opacity:1}.feature-tabs button>span{flex:1}.feature-tabs strong{display:block;font-size:15px;font-weight:600;color:var(--muted)}.feature-tabs small{display:block;font-size:11px;margin-top:3px;color:var(--quiet)}.feature-tabs .icon{width:18px;color:var(--quiet);transition:transform .3s}.feature-tabs button[aria-selected=true] strong{color:var(--text)}.feature-tabs button[aria-selected=true] .icon{color:#ef8792;transform:translateX(5px)}.feature-detail{align-self:center;padding-right:25px}.feature-detail h3{font-size:23px;margin-bottom:13px;font-weight:600}.feature-detail p{font-size:13px;line-height:1.8;max-width:430px}.feature-detail ul{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:9px}.feature-detail li{font-size:11px;color:#c4c4bf;position:relative;padding-left:20px}.feature-detail li::before{content:'';width:5px;height:5px;background:#cb7880;position:absolute;left:0;top:8px;transform:rotate(45deg)}.panel-preview{padding:0 46px;position:relative}.preview-bar{display:flex;justify-content:space-between;align-items:center;height:42px;background:#24252a;border-radius:8px 8px 0 0;color:#c6c6c9;padding:0 20px;font-size:10px}.preview-bar>span:first-child{display:flex;align-items:center;gap:8px}.preview-bar>span:nth-child(2){color:#a9abb0;font-size:9px}.preview-bar>div{display:flex;gap:16px}.preview-bar i{display:block;width:9px;height:7px;border:1px solid #747780}.preview-bar i:first-child{height:1px;border:0;background:#747780}.preview-bar i:last-child{width:8px;height:8px;border:0;background:linear-gradient(45deg,transparent 43%,#747780 44%,#747780 56%,transparent 57%),linear-gradient(-45deg,transparent 43%,#747780 44%,#747780 56%,transparent 57%)}.preview-image{overflow:hidden;border-radius:0 0 8px 8px;background:#111315;box-shadow:0 28px 60px #0004;aspect-ratio:1280/760}.preview-image img{width:100%;height:auto;object-fit:cover;object-position:top;transition:opacity .15s}.panel-preview figcaption{text-align:center;font-size:10px;color:var(--quiet);padding-top:17px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:80px}.detail-grid article{padding-top:25px;border-top:1px solid var(--line)}.detail-grid h3{font-size:16px;margin:18px 0 10px}.detail-grid p{font-size:12px;line-height:1.85}.feature-symbol{font-size:25px;font-weight:450;letter-spacing:-.035em;line-height:40px;color:#e3b9b3}.feature-symbol span{font-size:16px;color:#806366;padding:0 10px}.sight-symbol,.sliders-symbol{width:78px;height:40px;stroke:#db9891;stroke-width:1.4;fill:var(--bg)}.sight-symbol path+path{stroke-dasharray:2 3}.sight-symbol circle{fill:#db9891;stroke:none}
.demo-section{padding:90px 0 74px;background:#181b1d}.video-stage{position:relative;aspect-ratio:2.15;overflow:hidden;border-radius:8px;background:#0a1319}.video-stage>img{width:100%;height:100%;object-fit:cover;object-position:50% 49%;filter:saturate(.65)}.video-shade{position:absolute;inset:0;background:#09131a9c}.video-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.play-mark{width:68px;height:68px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;margin-bottom:21px;background:#0c171d55}.play-mark .icon{width:24px;height:24px;fill:#f4f0e8;stroke-width:1;transform:translateX(-2px)}.video-content h3{font:32px/1.2 var(--display);letter-spacing:-.025em}.video-content p{font-size:12px;margin-top:10px;color:#d0d2d0}.video-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:16px}.video-caption span:last-child{color:#a7adad}.video-stage video{position:absolute;inset:0;width:100%;height:100%;background:#080b0f}.video-launch{position:absolute;inset:0;background:#0a131944;display:grid;place-items:center}.video-launch .icon{width:64px;height:64px;fill:white;padding:16px;border:1px solid white;border-radius:50%}
.faq{display:grid;grid-template-columns:1fr 1.65fr;gap:100px;padding-top:110px;padding-bottom:115px}.faq>div>p{font-size:12px;margin-top:19px}.faq details{border-bottom:1px solid var(--line);padding:0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:30px;list-style:none;padding:24px 0;font-size:13px;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary .icon{width:17px;height:17px;color:#c78688;transition:transform .25s}.faq details[open] summary .icon{transform:rotate(45deg)}.faq details p{padding:0 35px 24px 0;font-size:12px;max-width:65ch;line-height:1.9}.faq summary:hover{color:#efb2a9}
.download-section{position:relative;padding:76px 0 90px;background:#1c171b;overflow:hidden}.download-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,#54303955,transparent 65%);pointer-events:none}.download-inner{position:relative;text-align:center}.download-emblem{width:67px;height:90px;object-fit:contain;margin:0 auto 28px}.download-inner h2{font-size:clamp(38px,4.2vw,58px)}.download-inner h2 span{color:#d6b0ae}.download-inner>p{margin-top:23px;font-size:12px;line-height:1.8;color:#c8babe}.download-inner>.button{margin-top:29px}.download-inner .download-state{font-size:10px;margin-top:15px;color:#b7a6ad}.download-inner .download-feedback{max-width:410px;margin:20px auto 0;padding:13px 0;border-top:1px solid #6c4c55;color:#efd6d5;font-size:12px}.site-footer{padding-block:37px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer .brand{font-size:25px;gap:11px}.site-footer p{font-size:10px;color:var(--quiet)}.back-top{font-size:10px;display:flex;align-items:center;gap:22px;color:var(--muted)}.back-top span{font-size:18px}
@keyframes arrival{from{transform:scale(1.045)}to{transform:scale(1)}}@keyframes copy-arrival{from{opacity:.45;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes ember{0%{transform:translate(0,0);opacity:0}15%{opacity:.8}70%{opacity:.4}100%{transform:translate(40px,-290px);opacity:0}}@keyframes detail-in{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}.feature-detail.changing{animation:detail-in .5s var(--ease)}
@media(min-width:1600px){.hero-art img{object-position:center 47%}.hero-copy{width:43%}.hero-shade{background:linear-gradient(90deg,transparent 25%,#0a111624 48%,#0b111acf 76%),linear-gradient(0deg,var(--bg),transparent 33%)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.desktop-nav{gap:24px}.hero{min-height:720px}.hero h1{font-size:56px}.hero-copy{width:46%}.hero-art img{object-position:39% center}.feature-stage{gap:48px}.panel-preview{padding-inline:0}.detail-grid{gap:32px}.faq{gap:55px}.hero-copy>p{font-size:13px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.site-header{height:80px;padding:0 24px}.brand{font-size:27px;gap:10px}.brand img{width:28px;height:37px}.desktop-nav,.nav-download{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;background:transparent;width:44px;height:44px;z-index:12}.menu-toggle span{width:22px;height:1px;background:var(--text);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;inset:80px 0 0;z-index:11;padding:36px 24px;background:#111315;flex-direction:column;gap:12px}.mobile-menu a{font:29px/1.5 var(--display);padding:16px 0;border-bottom:1px solid var(--line)}.menu-open .site-header{position:fixed;background:#111315}.hero{height:auto;min-height:850px;padding-top:385px}.hero-art{height:570px}.hero-art img{object-position:43% top;object-fit:cover}.hero-shade{background:linear-gradient(0deg,var(--bg) 8%,#111315fa 30%,#111315a6 45%,transparent 67%)}.hero-layout{padding:0 0 110px;display:block;height:auto;position:relative}.hero-copy{width:100%;max-width:520px;text-align:center;margin:auto}.hero h1{font-size:51px;line-height:1.12}.hero-copy>p{font-size:13px;margin:20px auto 0;max-width:315px}.hero-actions{align-items:center;margin-top:26px;gap:21px}.hero-note{font-size:9px;margin-top:23px}.hero-bottom{bottom:24px;justify-content:center}.hero-caption{display:none}.scroll-link{font-size:10px;gap:18px}.embers{inset:20% 15% 45%}.section-heading{display:block;margin-bottom:33px}.section-heading h2,.faq h2{font-size:39px;line-height:1.15}.section-heading>p{margin-top:21px;font-size:12px;max-width:360px}.features{padding-top:52px;padding-bottom:60px}.feature-stage{grid-template-columns:1fr;gap:28px;margin-bottom:27px}.feature-tabs button{padding:16px 0;gap:14px}.feature-tabs strong{font-size:14px}.feature-tabs small{font-size:10px}.feature-detail{padding-right:0}.feature-detail h3{font-size:20px}.feature-detail p{font-size:12px}.feature-detail ul{margin-top:17px;gap:7px}.feature-detail li{font-size:10px}.preview-bar{height:30px;padding-inline:10px;font-size:8px}.preview-bar>span:nth-child(2){font-size:7px}.preview-bar>div{gap:10px}.preview-bar i{width:7px;height:6px}.preview-image{aspect-ratio:1.25;overflow:auto}.preview-image img{width:125%;max-width:none}.panel-preview figcaption{font-size:9px;margin-top:2px}.detail-grid{grid-template-columns:1fr;gap:29px;margin-top:40px}.detail-grid article{padding-top:23px;display:grid;grid-template-columns:78px 1fr;gap:0 20px}.detail-grid article>svg,.detail-grid article>.feature-symbol{grid-row:1/3;align-self:start;margin-top:0}.detail-grid h3{margin:0 0 8px;font-size:15px}.detail-grid p{font-size:11px}.feature-symbol{font-size:21px}.feature-symbol span{padding-inline:4px;font-size:14px}.demo-section{padding:55px 0 42px}.video-stage{aspect-ratio:1.3}.video-stage>img{object-position:43% center}.video-content h3{font-size:27px}.video-content p{font-size:11px}.play-mark{width:55px;height:55px;margin-bottom:17px}.video-caption{gap:20px;font-size:9px}.video-caption span{max-width:50%}.video-caption span:last-child{text-align:right}.faq{grid-template-columns:1fr;gap:29px;padding-top:60px;padding-bottom:60px}.faq h2 br{display:none}.faq>div>p{margin-top:12px}.faq summary{font-size:12px;padding:22px 0;gap:16px}.faq details p{font-size:11px;padding-right:12px}.download-section{padding:55px 0 65px}.download-emblem{width:55px;height:70px;margin-bottom:23px}.download-inner h2{font-size:39px}.download-inner>p{font-size:12px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding-block:30px}.site-footer p{grid-column:1/-1;grid-row:2;font-size:9px}.site-footer .brand{font-size:24px}.back-top{font-size:9px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-art img{will-change:auto}.embers{display:none}}
@media(max-width:760px){.hero-shade{background:linear-gradient(180deg,transparent 170px,#11131514 270px,#111315d9 490px,var(--bg) 570px)}}
/* Product demo and community */
.site-header{border-bottom:0}.desktop-nav{margin-left:auto}.hero{min-height:680px;height:min(820px,95svh)}.hero-layout{padding-bottom:80px}.hero h1{font-size:clamp(48px,4.8vw,68px)}.hero-copy>p{margin-top:22px}.hero-actions{margin-top:30px}.hero-actions .button{background:transparent;border:1px solid #e4dcd76b;font-weight:600;gap:28px}.hero-actions .button:hover{background:#f4f0e812;border-color:#f4f0e8}.interactive-app{border:1px solid #35373c;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0003}.interactive-label{height:40px;padding:0 22px;display:flex;justify-content:space-between;align-items:center;background:#202226;font-size:11px;color:var(--muted)}.interactive-label span:last-child{font-size:10px}.interactive-app iframe{display:block;border:0;width:100%;height:760px;background:#111315}.demo-disclaimer{text-align:center;margin-top:20px;font-size:11px;color:var(--quiet)}.community{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:110px}.community h2{font-size:clamp(36px,3.8vw,52px);margin-top:28px}.community-copy>p{max-width:355px;margin-top:25px;font-size:13px}.discord-mark{width:46px;height:46px;color:#9298ff}.discord-button{margin-top:30px;background:#5865f2;color:white;gap:28px;border:1px solid #7b85ff;border-radius:7px;box-shadow:0 8px 28px #5865f220}.discord-button:hover{background:#6874ff;transform:translateY(-2px)}.community-copy .community-status{font-size:11px;color:var(--quiet);margin-top:15px}.discord-widget{min-height:430px;background:#1e1f22;border:1px solid #34363c;border-radius:10px;overflow:hidden}.discord-widget iframe{display:block;width:100%;height:430px;border:0}.discord-widget #discord-fallback{padding:36px;display:flex;min-height:430px;flex-direction:column;justify-content:center}.discord-widget strong{font-size:20px}.discord-widget p{font-size:13px;margin-top:15px;max-width:300px}
@media(max-width:760px){.hero{min-height:710px;height:auto;padding-top:365px}.hero-layout{padding-bottom:60px}.hero h1{font-size:46px}.hero-copy>p{font-size:13px}.features .section-heading>p{margin-top:15px}.interactive-app{margin-inline:-8px;border-radius:8px}.interactive-app iframe{height:720px}.community{grid-template-columns:1fr;gap:36px;padding-block:65px}.community h2{font-size:39px}.community-copy>p{margin-top:20px}.discord-widget,.discord-widget iframe{min-height:390px;height:390px}.discord-widget #discord-fallback{min-height:390px}.interactive-label{padding-inline:14px}.demo-disclaimer{font-size:10px}}
.discord-button[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}.discord-button[aria-disabled=true]:hover{transform:none;background:#5865f2}
/* The opening scene fills the current browser viewport. */
.hero{height:100vh;height:100dvh;min-height:0}
@media(max-width:760px){.hero{padding-top:0;display:flex;align-items:flex-end}.hero-art{height:100%}.hero-layout{width:calc(100% - 40px);height:auto;padding:100px 0 clamp(28px,6vh,64px)}.hero-shade{background:linear-gradient(180deg,#11131510 20%,#11131560 45%,#111315ed 80%,var(--bg) 100%)}.hero h1{font-size:clamp(34px,10vw,46px)}.hero-copy>p{margin-top:16px}.hero-actions{margin-top:22px}}
@media(max-height:500px){.hero-layout{padding-top:80px;padding-bottom:24px}.hero h1{font-size:clamp(28px,7vh,40px)}.hero-copy>p{margin-top:12px}.hero-actions{margin-top:16px}.hero-actions .button{min-height:42px;padding-block:10px}}
/* Presentation video is the focal point of the opening viewport. */
.hero .vsl-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;height:100%;padding:105px 0 28px;width:min(1050px,calc(100% - 80px))}.vsl-heading{text-align:center}.hero .vsl-heading h1{font-size:clamp(30px,3.4vw,49px);line-height:1.15}.hero .vsl-heading p{font-size:13px;color:#ddd8d5;margin-top:13px}.vsl-stage{position:relative;aspect-ratio:16/9;width:min(850px,100%,calc((100dvh - 300px)*1.7778));border:1px solid #9c919155;border-radius:10px;overflow:hidden;background:#090e14;box-shadow:0 25px 90px #0006;flex-shrink:0}.vsl-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.48)}.vsl-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#ddd9d5;font-size:12px}.vsl-placeholder>.icon{width:60px;height:60px;padding:18px;border:1px solid #ffffff80;border-radius:50%;fill:currentColor}.vsl-stage video{position:absolute;inset:0;width:100%;height:100%;background:#090e14}.vsl-error{position:absolute;bottom:48px;inset-inline:20px;padding:12px;background:#121316e8;font-size:12px}.vsl-explore{font-size:11px}.hero-shade{background:linear-gradient(180deg,#0b111744,#0b111777 55%,#111315)}.showcase-section{padding:95px 0;background:#17191c}.showcase-section .section-heading{gap:30px;align-items:center}.showcase-section h2{font-size:clamp(32px,3.6vw,49px);max-width:720px}.carousel-controls{display:flex;align-items:center;gap:18px;flex:none}.carousel-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #505158;border-radius:50%;background:transparent}.carousel-controls button:hover{background:#2b2c33}.carousel-controls button:disabled{opacity:.35;cursor:default}.carousel-controls span{font-size:12px;color:var(--muted)}.previous-arrow{transform:rotate(180deg)}.showcase-stage{aspect-ratio:16/9;background:#0d0f12;border:1px solid #303238;border-radius:9px;overflow:hidden;display:grid;place-items:center;touch-action:pan-y}.showcase-stage>img,.showcase-stage>video{width:100%;height:100%;max-height:675px;object-fit:contain}.showcase-caption{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;margin-top:25px}.showcase-caption h3{font-size:20px}.showcase-caption p{font-size:13px;white-space:pre-line}.showcase-thumbs{display:flex;gap:12px;overflow-x:auto;margin-top:32px;padding:4px 3px 12px;scrollbar-width:thin}.showcase-thumbs button{flex:0 0 175px;padding:8px;background:#202227;border:1px solid transparent;border-radius:6px;text-align:left;font-size:11px}.showcase-thumbs button[aria-pressed=true]{border-color:#d16d7a;background:#32232a}.showcase-thumbs img,.showcase-thumbs button>span:first-child:not(:last-child){width:100%;height:84px;object-fit:cover;background:#111315;display:grid;place-items:center;margin-bottom:8px;border-radius:3px}.media-error{font-size:13px;text-align:center;padding:30px}
@media(max-width:760px){.hero .vsl-layout{width:calc(100% - 32px);padding:100px 0 36px;gap:24px}.hero .vsl-heading h1{font-size:36px;max-width:340px}.hero .vsl-heading p{font-size:12px}.vsl-stage{width:100%;border-radius:7px}.vsl-placeholder{gap:12px;font-size:10px}.vsl-placeholder>.icon{width:44px;height:44px;padding:13px}.showcase-section{padding-block:60px}.showcase-section .section-heading{display:block}.showcase-section h2{font-size:37px}.carousel-controls{margin-top:24px}.showcase-caption{grid-template-columns:1fr;gap:12px}.showcase-caption h3{font-size:18px}.showcase-caption p{font-size:12px}.showcase-thumbs button{flex-basis:140px}.showcase-thumbs img{height:70px}}
@media(max-height:600px) and (min-width:761px){.hero .vsl-layout{padding-top:75px;gap:12px}.hero .vsl-heading h1{font-size:28px}.hero .vsl-heading p{display:none}.vsl-stage{width:min(650px,calc((100dvh - 190px)*1.7778))}}
@media(max-height:650px) and (max-width:760px){.hero .vsl-layout{gap:16px;padding-top:90px;padding-bottom:20px}.hero .vsl-heading h1{font-size:28px}.hero .vsl-heading p{display:none}.vsl-stage{width:min(100%,calc((100dvh - 240px)*1.7778))}}