@font-face{font-family:Barlow;src:url('/assets/barlow-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Barlow;src:url('/assets/barlow-bold-italic.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:BarlowCondensed;src:url('/assets/barlow-condensed-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--bg:#0b0e10;--panel:#121719;--ink:#f2f1e9;--muted:#acb5b8;--yellow:#ffd638;--cyan:#62d5e7;--line:#30393d;--display:BarlowCondensed,'Arial Narrow',Arial,sans-serif;--body:Barlow,Arial,sans-serif;--gutter:clamp(22px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:500 17px/1.65 var(--body);overflow-x:clip}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--yellow);color:var(--bg)}.wrap{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:12px;z-index:50;background:var(--yellow);color:#090c0d;padding:10px 16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.header{position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff16;background:#0b0e10f5}.header-inner{min-height:86px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font:italic 800 29px/1 var(--body);letter-spacing:-1.5px;white-space:nowrap}.brand svg{width:32px;height:31px;color:var(--yellow);transform:rotate(-7deg)}.nav{display:flex;align-items:center;gap:32px;margin-inline-start:auto}.nav a{font-size:14px;letter-spacing:.3px;padding:8px 0;position:relative}.nav a::after{content:'';position:absolute;inset-inline-start:0;inset-block-end:0;width:0;height:2px;background:var(--yellow);transition:width .18s}.nav a:hover::after,.nav a.active::after{width:100%}.header-actions{display:flex;align-items:center;gap:20px}.language-control{display:flex;align-items:center;gap:6px}.language-control svg{height:18px;width:18px;color:var(--muted)}.language-control select{width:70px;background:var(--bg);color:var(--ink);border:0;font:500 13px var(--body);cursor:pointer;padding:9px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--yellow);border:0;color:#101415;min-height:56px;padding:16px 28px;font:700 19px/1.1 var(--display);text-transform:uppercase;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);transition:background .18s,transform .18s}.btn:hover{background:#ffe472;transform:translateY(-2px)}.btn svg{width:18px;height:18px;flex-shrink:0}.btn:focus-visible{clip-path:none}.header-play{min-width:145px;min-height:48px;padding:13px 24px;gap:16px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:9px}.menu-toggle svg{width:23px;height:23px;display:block}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{min-height:760px;min-height:min(790px,calc(100svh - 86px));position:relative;isolation:isolate;display:flex;align-items:center;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;z-index:-3}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080c0ef2 0%,#080c0ebb 32%,#080c0e35 70%),linear-gradient(0deg,#0b0e10 0%,transparent 36%,#0b0e1030 100%);z-index:-2}.hero-content{width:100%;padding-block:80px 125px}.eyebrow{display:flex;align-items:center;gap:12px;font:700 13px/1.4 var(--body);letter-spacing:2.2px;text-transform:uppercase;color:var(--yellow);margin:0 0 25px}.eyebrow::before{content:'';width:30px;height:2px;background:currentColor;flex-shrink:0}.hero h1{font:700 clamp(70px,10.8vw,154px)/.89 var(--display);letter-spacing:-2px;margin:0;max-width:820px;text-transform:uppercase}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-intro{max-width:445px;color:#dde2e2;margin:28px 0 30px;font-size:18px;line-height:1.7}.hero-buttons{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;min-height:44px}.text-link svg{height:17px;width:17px;transition:transform .18s}.text-link:hover svg{transform:translateY(4px)}.hero-bottom{position:absolute;inset-inline:0;bottom:27px;display:flex;justify-content:space-between;align-items:center;gap:20px}.status{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #62d5e755}.hero-caption{color:#b7c0c4;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:13px}.hero-caption .line{width:38px;height:1px;background:#788287}.serial{font:700 12px var(--display);letter-spacing:1px;color:#879095}.ticker{overflow:hidden;border-bottom:1px solid var(--line);background:#111719;padding:15px 0}.ticker-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;font:700 13px var(--display);letter-spacing:2.2px;text-transform:uppercase;color:#bfc7ca}.ticker-inner span{display:flex;align-items:center;gap:28px}.ticker-inner i{color:var(--yellow);font-style:normal;font-size:8px}
.section{padding-block:110px}.section .eyebrow{margin-bottom:20px}.section-title{font:700 clamp(40px,5.5vw,76px)/1.05 var(--display);letter-spacing:-.6px;text-transform:uppercase;margin:0;overflow-wrap:break-word}.section-title .muted-line{color:#929ea3}.section-top{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:end}.section-copy{color:var(--muted);max-width:510px;margin:0;font-size:17px;line-height:1.8}.about-top{margin-bottom:56px}.about-visual{display:grid;grid-template-columns:1.08fr 1fr;min-height:510px;border:1px solid var(--line)}.machine-image{position:relative;background:#1a2227;overflow:hidden}.machine-image img{height:100%;width:100%;object-fit:cover;transition:transform .7s}.machine-image:hover img{transform:scale(1.035)}.image-note{position:absolute;inset-inline-start:24px;bottom:20px;background:#0b0e10de;font-size:11px;letter-spacing:.8px;padding:7px 12px;border:1px solid #ffffff26}.features{padding:12px 36px;background:linear-gradient(135deg,#151c1f,#101416)}.feature{display:grid;grid-template-columns:38px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.feature-index{font:700 17px var(--display);color:var(--yellow);padding-top:5px}.feature h3{font:700 25px/1.25 var(--display);margin:0 0 8px}.feature p{color:var(--muted);font-size:15px;line-height:1.7;margin:0}.screenshots{background:#0f1416;border-block:1px solid var(--line)}.gallery-top{margin-bottom:40px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-item{position:relative;text-align:start;border:1px solid #384146;padding:0;background:#151c20;overflow:hidden;transition:border-color .2s,transform .2s}.gallery-item:hover{border-color:var(--yellow);transform:translateY(-4px)}.gallery-image{aspect-ratio:16/10;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item:nth-child(5) img,.gallery-item:nth-child(6) img{object-position:center 30%}.gallery-text{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px}.gallery-text span{display:block;font-size:15px;color:var(--ink)}.gallery-text small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.gallery-text svg{width:17px;height:17px;color:var(--yellow);flex-shrink:0}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}.gallery-item:first-child .gallery-image{aspect-ratio:auto;height:calc(100% - 85px);min-height:330px}.gallery-item:first-child .gallery-text{padding-block:19px}.gallery-item:first-child .gallery-text span{font-size:19px}.gallery-item:nth-child(n+4){margin-top:0}.gallery-art-notice{font-size:12px;color:var(--muted);margin:25px 0 0;max-width:800px}
.platforms-top{display:block;max-width:830px;margin-bottom:44px}.platforms-top .section-copy{margin-top:22px;max-width:680px}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.platform-card{padding:30px 25px 26px;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;background:var(--panel);transition:background .2s}.platform-card:last-child{border:0}.platform-card:hover{background:#192125}.platform-icon{width:33px;height:33px;color:var(--ink);margin-bottom:27px}.platform-card h3{font:700 30px var(--display);margin:0 0 4px}.platform-card p{font-size:14px;color:var(--muted);margin:0 0 24px;flex-grow:1}.platform-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid #3a4448;padding:18px 0 0;text-align:start;color:var(--yellow);font:700 14px var(--display);letter-spacing:1px;text-transform:uppercase}.platform-button svg{width:16px;height:16px;transition:transform .2s}.platform-button:hover svg{transform:translateX(4px)}.faq-section{padding-top:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;cursor:pointer;font-size:18px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';color:var(--yellow);font:500 25px/1 Arial,sans-serif;flex-shrink:0}.faq-list details[open] summary::after{content:'−'}.faq-list details p{color:var(--muted);font-size:15px;line-height:1.8;margin:0 35px 24px 0}.closing{position:relative;isolation:isolate;border-top:1px solid var(--line);padding-block:85px;background:#12181b;overflow:hidden}.closing::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0e10ed,#0b0e10dc),url('/assets/arena-1200.webp') center 65%/cover;z-index:-1}.closing-layout{display:flex;justify-content:space-between;align-items:center;gap:35px}.closing .section-title{font-size:clamp(40px,5.4vw,72px)}.closing p{color:#bfc8cb;margin:20px 0 0}.closing .btn{flex-shrink:0;min-width:190px}.footer{padding-block:42px 28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.footer .brand{font-size:25px}.footer-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.footer-links button{padding:0;border:0;background:none;color:inherit}.footer-links a:hover,.footer-links button:hover{color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line);color:#929fa4;font-size:11px}.footer-bottom p{margin:0;max-width:650px}.footer-bottom span{white-space:nowrap}.footer-arrow{width:18px;height:18px}
.modal{background:#12191d;color:var(--ink);border:1px solid #445157;max-width:600px;width:calc(100% - 36px);padding:45px;box-shadow:0 30px 100px #0009}.modal::backdrop{background:#04090ce8;backdrop-filter:blur(6px)}.modal-close{position:absolute;inset-inline-end:18px;top:16px;border:1px solid #455158;background:transparent;width:38px;height:38px;display:grid;place-items:center}.modal-close svg{width:18px;height:18px}.modal-crown{width:58px;height:52px;color:var(--yellow);margin-bottom:26px}.modal h2{font:700 43px/1.15 var(--display);margin:0 0 18px;overflow-wrap:break-word}.modal p{color:#b8c3c8;font-size:16px;line-height:1.8}.modal-platform{font-size:12px;letter-spacing:1px;color:var(--cyan);text-transform:uppercase;margin-bottom:12px}.modal .btn{margin-top:15px}.gallery-modal{max-width:1200px;width:calc(100% - 36px);padding:12px;background:#101619;max-height:94svh;overflow:auto}.gallery-modal .modal-close{background:#11191fec;z-index:1;inset-inline-end:24px;top:24px}.lightbox-image{height:auto;max-height:73svh;max-width:100%;width:100%;object-fit:contain;background:#080c0e}.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 10px 5px}.lightbox-caption{font-size:16px;margin:0!important}.lightbox-controls{display:flex;align-items:center;gap:15px}.lightbox-controls button{background:none;border:1px solid #455158;width:40px;height:40px;display:grid;place-items:center}.lightbox-controls svg{width:18px;height:18px}.lightbox-controls span{font-size:12px;color:var(--muted);white-space:nowrap}.modal-open{overflow:hidden}.credits-modal h2{font-size:35px}.credits-modal a{color:var(--yellow);text-decoration:underline}.credits-modal .eyebrow{padding-inline-end:15px}
[dir=rtl] .hero::before{background:linear-gradient(270deg,#080c0ef2 0%,#080c0ebb 32%,#080c0e35 70%),linear-gradient(0deg,#0b0e10 0%,transparent 36%,#0b0e1030 100%)}[dir=rtl] .arrow-right{transform:scaleX(-1)}[dir=rtl] .hero h1,[dir=rtl] .section-title{font-family:Tahoma,Arial,sans-serif;line-height:1.2;font-weight:800;letter-spacing:0}[dir=rtl] .hero h1{font-size:clamp(60px,8vw,110px)}[dir=rtl] .section-title{font-size:clamp(34px,4vw,58px)}[lang=hi] .hero h1,[lang=hi] .section-title,[lang=ja] .hero h1,[lang=ko] .hero h1,[lang=zh-Hans] .hero h1{line-height:1.18;letter-spacing:0}[lang=ja] .hero h1,[lang=ko] .hero h1,[lang=zh-Hans] .hero h1{font-size:clamp(52px,8vw,115px)}[lang=hi] .hero h1{font-size:clamp(54px,8vw,106px)}[lang=ja] .section-title,[lang=ko] .section-title,[lang=zh-Hans] .section-title{font-size:clamp(36px,4vw,60px);line-height:1.25}
@media(min-width:1600px){.hero-content{padding-block:90px 150px}}
@media(max-width:1100px){.header-inner{gap:18px}.nav{gap:22px}.header-actions{gap:13px}.brand{font-size:25px}.section-top{gap:35px}.platform-card{padding:26px 20px}.faq-layout{gap:45px}.hero h1{font-size:clamp(70px,11vw,125px)}}
@media(max-width:850px){.header-inner{min-height:74px;gap:15px}.header-actions{margin-inline-start:auto}.header-play{min-width:100px;padding:12px 18px;min-height:43px;font-size:17px;gap:9px}.header-play svg{width:13px}.nav{position:absolute;top:100%;inset-inline:0;margin:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#101719;border-bottom:1px solid var(--line);padding:12px var(--gutter) 20px}.nav.is-open{display:flex}.nav a{padding:14px 0}.menu-toggle{display:block}.language-control select{width:60px}.hero{min-height:690px}.hero-content{padding-top:80px}.hero h1{font-size:clamp(70px,12vw,110px)}.section{padding-block:80px}.section-top{grid-template-columns:1fr;gap:25px}.section-copy{max-width:650px}.about-top{margin-bottom:35px}.about-visual{grid-template-columns:1fr}.machine-image{height:400px}.features{padding:10px 28px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item:first-child{grid-column:span 2;grid-row:auto}.gallery-item:first-child .gallery-image{height:auto;aspect-ratio:16/9;min-height:0}.gallery-item:first-child .gallery-text{padding:17px 20px}.gallery-item:first-child .gallery-text span{font-size:15px}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card:nth-child(2){border-inline-end:0}.platform-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.platform-card{padding:28px}.faq-section{padding-top:0}.faq-layout{grid-template-columns:1fr;gap:30px}.closing-layout{align-items:flex-start;flex-direction:column}.footer-top{align-items:flex-start;flex-direction:column;gap:25px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:520px){body{font-size:16px}.header-inner{gap:9px}.brand{font-size:21px;letter-spacing:-1px;gap:6px}.brand svg{width:23px;height:25px}.header-actions{gap:8px}.language-control svg{display:none}.language-control select{font-size:11px;width:45px}.header-play{min-width:0;padding:12px 13px;font-size:15px;gap:0}.header-play svg{display:none}.menu-toggle{padding:8px}.menu-toggle svg{width:20px;height:20px}.hero{min-height:700px}.hero-content{padding-block:70px 140px}.hero h1{font-size:clamp(64px,17vw,91px);letter-spacing:-1px}.hero-intro{font-size:16px;margin-top:25px}.hero-buttons{gap:16px}.hero-buttons .btn{padding:16px 23px;min-height:53px}.hero-buttons .text-link{font-size:13px}.hero-image{object-position:60% center}.hero::before{background:linear-gradient(90deg,#080c0eea,#080c0e8c),linear-gradient(0deg,#0b0e10,transparent 45%)}.hero-bottom{bottom:20px;align-items:flex-start;flex-direction:column;gap:10px}.hero-caption{font-size:10px}.ticker-inner{gap:20px;font-size:11px;letter-spacing:1px;flex-wrap:wrap}.ticker-inner span{gap:15px}.ticker-inner span:last-child{display:none}.section{padding-block:65px}.section-title{font-size:42px}.section-copy{font-size:16px}.eyebrow{font-size:11px;letter-spacing:1.6px}.machine-image{height:290px}.features{padding:5px 22px}.feature{grid-template-columns:28px 1fr;gap:14px;padding:24px 0}.feature h3{font-size:23px}.gallery-grid{gap:13px;grid-template-columns:1fr}.gallery-item:first-child{grid-column:auto}.gallery-item .gallery-image,.gallery-item:first-child .gallery-image{aspect-ratio:16/10}.gallery-text{padding:14px 16px}.platforms-top .section-title{font-size:39px}.platform-grid{grid-template-columns:1fr}.platform-card{border-inline-end:0;border-bottom:1px solid var(--line);padding:24px;display:grid;grid-template-columns:38px 1fr;column-gap:20px}.platform-card .platform-icon{grid-row:span 2;margin:3px 0 0}.platform-card h3{font-size:26px}.platform-card p{margin-bottom:16px}.platform-button{grid-column:1/-1;padding-top:15px}.faq-section{padding-top:0}.faq-list summary{font-size:17px;padding:20px 0}.closing{padding-block:60px}.closing .section-title{font-size:39px}.footer-links{gap:18px;font-size:12px}.footer-bottom{font-size:11px}.modal{padding:42px 26px 30px}.modal h2{font-size:35px}.gallery-modal{padding:8px}.lightbox-bar{align-items:flex-start;flex-direction:column;gap:10px}.lightbox-image{max-height:65svh}.gallery-modal .modal-close{top:15px;inset-inline-end:15px}.lightbox-controls{width:100%;justify-content:space-between}[dir=rtl] .hero h1{font-size:68px}[dir=rtl] .hero-intro{font-size:17px}[lang=de] .hero h1,[lang=nl] .hero h1,[lang=id] .hero h1{font-size:clamp(52px,13.2vw,70px)}[lang=fr] .hero h1,[lang=pt-BR] .hero h1{font-size:clamp(56px,14.3vw,76px)}[lang=ja] .hero h1,[lang=ko] .hero h1,[lang=zh-Hans] .hero h1{font-size:clamp(46px,12vw,65px)}[lang=hi] .hero h1{font-size:clamp(42px,11vw,59px)}}
.language-control{position:relative}.language-control select{width:48px;appearance:none;color:transparent}.language-control select option{color:var(--ink);background:var(--bg)}.language-code{position:absolute;inset-inline-end:2px;pointer-events:none;font-size:12px;letter-spacing:.5px;display:flex;gap:7px;align-items:center}.language-code::after{content:'⌄';font-size:15px;color:var(--muted)}
@media(max-width:520px){[lang=uk] .hero h1{font-size:clamp(48px,15vw,72px)}}
@media(max-width:360px){.header-inner{padding-inline:14px;gap:6px}.header .brand{font-size:18px;gap:4px}.header .brand svg{width:21px;height:23px}.header-actions{gap:6px}.language-control select{width:36px}.header-play{padding-inline:10px;font-size:14px}.menu-toggle{padding:7px}.hero h1{font-size:clamp(48px,16vw,58px)}}
@media(max-width:520px){.language-control select{width:43px}.language-code{font-size:11px;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.gallery-item:hover,.btn:hover{transform:none}.machine-image:hover img,.gallery-item:hover img{transform:none}}
