:root{
  --bg:#07090f;
  --bg-soft:#0b0f17;
  --panel:#10151f;
  --panel-2:#151b26;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --text:#f4f7fb;
  --muted:#98a2b4;
  --muted-2:#6f7a8c;
  --green:#4adfa6;
  --gold:#f6c85f;
  --blue:#5fa8ff;
  --violet:#9b7cff;
  --orange:#ffb348;
  --max:1240px;
  --radius:30px;
  --shadow:0 30px 100px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
::selection{background:#e8c875;color:#17120a}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
.aurora{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(120px);opacity:.16}
.aurora-a{width:560px;height:560px;left:-180px;top:120px;background:#21b5a2}.aurora-b{width:660px;height:660px;right:-280px;top:360px;background:#586cff}
.section-shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto;position:relative;z-index:1}
.site-header{height:76px;position:fixed;left:24px;right:24px;top:18px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(8,11,17,.72);backdrop-filter:blur(26px) saturate(1.35);box-shadow:0 10px 40px rgba(0,0,0,.2);transition:.3s ease}
.site-header.scrolled{top:10px;background:rgba(7,9,15,.9);border-color:rgba(255,255,255,.13)}
.brand{display:flex;width:160px;height:46px;align-items:center;overflow:hidden}
.brand img{width:156px;max-height:50px;object-fit:contain;filter:brightness(1.65) saturate(.55)}
.desktop-nav{display:flex;gap:30px;align-items:center;color:#b8c0ce;font-size:14px;font-weight:700}
.desktop-nav a{position:relative;transition:.2s}.desktop-nav a:hover{color:#fff}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:#fff;transition:.25s}.desktop-nav a:hover:after{right:0}
.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#d6dbe4;font-weight:800;font-size:12px;cursor:pointer}.lang-toggle:hover{border-color:var(--line-strong);background:rgba(255,255,255,.07)}
.header-connect{height:42px;display:flex;align-items:center;gap:9px;padding:0 15px;border-radius:13px;background:#fff;color:#080b10;font-size:13px;font-weight:850;transition:.2s}.header-connect:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,255,255,.12)}.live-dot{width:7px;height:7px;border-radius:50%;background:#19cf83;box-shadow:0 0 0 4px rgba(25,207,131,.12)}
.menu-toggle{display:none;width:42px;height:42px;border-radius:13px;background:transparent;border:1px solid var(--line);padding:0;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:17px;height:1.5px;background:#fff;transition:.25s}.menu-toggle.open span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle.open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
.mobile-menu{display:none}
.hero{min-height:940px;padding-top:160px;padding-bottom:90px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:70px;align-items:center}
.eyebrow,.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:#7f8a9d;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow span{width:30px;height:1px;background:#a7b2c5}
.hero h1{font-size:clamp(54px,5.3vw,82px);line-height:.97;letter-spacing:-.055em;margin:0;max-width:800px;font-weight:760}.hero h1 em{font-style:normal;color:#9aa7b9;font-weight:540}
.hero-lead{max-width:620px;font-size:18px;line-height:1.72;color:#9da8b8;margin:28px 0 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:0 21px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:850;border:1px solid transparent;transition:.25s ease}.button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.button-primary{background:#f4f6f9;color:#090b0f}.button-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,255,255,.12)}.button-ghost{background:rgba(255,255,255,.04);border-color:var(--line);color:#e5e9ef}.button-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--line-strong)}.button-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(140deg,#336bff,#57c9ff);font-size:13px;color:#fff;box-shadow:inset 0 0 12px rgba(255,255,255,.25)}
.hero-meta{display:flex;gap:34px;margin-top:48px;padding-top:25px;border-top:1px solid var(--line);max-width:570px}.hero-meta div{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:baseline}.hero-meta strong{font-size:19px}.hero-meta span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7f8998;font-weight:700}
.hero-showcase{height:640px;position:relative;perspective:1400px}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.07);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:510px;height:510px}.orbit-two{width:350px;height:350px;border-style:dashed;animation:spin 30s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.hero-tile{position:absolute;width:232px;height:255px;border-radius:31px;padding:15px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 26px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(18px);transition:.35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.hero-tile:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.12),transparent 38%);pointer-events:none}.hero-tile img{height:180px;width:100%;object-fit:contain;border-radius:23px;filter:drop-shadow(0 13px 24px rgba(0,0,0,.28))}.hero-tile span{font-size:12px;font-weight:900;letter-spacing:.08em;margin:10px 4px 0}.hero-tile small{font-size:10px;color:#7e8999;margin:2px 4px}.hero-tile:hover{z-index:10!important;transform:translateY(-10px) rotate(0deg)!important;border-color:rgba(255,255,255,.24)}
.hero-tile-viki{left:4%;top:2%;transform:rotate(-5deg);z-index:4}.hero-tile-legacy{right:2%;top:18%;transform:rotate(7deg);z-index:2}.hero-tile-connect{left:7%;bottom:2%;transform:rotate(5deg);z-index:2}.hero-tile-block{right:9%;bottom:0;transform:rotate(-7deg);z-index:3}.hero-tile-connect img{object-fit:cover;background:#0c111b}.showcase-center{position:absolute;left:50%;top:50%;width:108px;height:108px;border-radius:30px;transform:translate(-50%,-50%) rotate(45deg);display:grid;place-items:center;background:linear-gradient(145deg,#161e2c,#0d1119);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow);z-index:1}.showcase-center span{transform:rotate(-45deg);font-size:43px;font-weight:900;background:linear-gradient(145deg,#63a9ff,#856cff);-webkit-background-clip:text;color:transparent}
.ticker{position:relative;z-index:1;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:64px;display:flex;align-items:center;background:rgba(255,255,255,.012)}.ticker-track{display:flex;gap:25px;align-items:center;white-space:nowrap;min-width:max-content;animation:ticker 30s linear infinite}.ticker span{font-size:11px;font-weight:900;letter-spacing:.2em;color:#8e98a8}.ticker i{font-style:normal;color:#374052}@keyframes ticker{to{transform:translateX(-50%)}}
.games{padding-top:130px;padding-bottom:140px}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:52px}.section-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.05;letter-spacing:-.045em;margin:13px 0 0;max-width:720px}.section-heading>p{margin:0;color:#8f9aaa;font-size:16px;line-height:1.75;max-width:470px}
.feature-card{min-height:650px;border:1px solid var(--line);border-radius:38px;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;position:relative;background:#0c1117;box-shadow:var(--shadow)}.viki-card{background:radial-gradient(circle at 15% 30%,rgba(20,115,74,.28),transparent 30%),linear-gradient(140deg,#0c1310,#0b0e12 56%,#10100d)}.feature-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:650px;border-right:1px solid var(--line);overflow:hidden}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,rgba(6,9,10,.78));pointer-events:none}.feature-art>img{width:min(78%,430px);position:relative;z-index:2;filter:drop-shadow(0 35px 45px rgba(0,0,0,.45));transition:.5s}.feature-card:hover .feature-art>img{transform:scale(1.025) rotate(-1.5deg)}.art-glow{position:absolute;width:390px;height:390px;background:#13945d;filter:blur(100px);opacity:.16}.platform-stack{position:absolute;bottom:26px;left:27px;z-index:3;display:flex;gap:7px;flex-wrap:wrap}.platform-stack span,.tag-row span{padding:7px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(4,7,8,.54);backdrop-filter:blur(10px);font-size:10px;font-weight:850;color:#cbd4dc;letter-spacing:.04em}
.feature-copy{padding:56px 54px 48px;display:flex;flex-direction:column;justify-content:center}.status-row,.project-top{display:flex;align-items:center;justify-content:space-between}.status{display:inline-flex;align-items:center;gap:7px;width:max-content;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.status-dev{color:#ebce83;border:1px solid rgba(246,200,95,.2);background:rgba(246,200,95,.07)}.status-live{color:#78e8ba;border:1px solid rgba(74,223,166,.18);background:rgba(74,223,166,.06)}.status-live i{width:6px;height:6px;border-radius:50%;background:#55e8af;box-shadow:0 0 0 4px rgba(85,232,175,.09)}.project-number{font-size:9px;color:#697486;letter-spacing:.15em;font-weight:800}.feature-copy h3{font-size:64px;letter-spacing:-.055em;margin:19px 0 8px}.feature-lead{font-size:18px;color:#a0aab7;line-height:1.68;margin:0 0 31px}.feature-points{display:grid;gap:0;border-top:1px solid var(--line)}.feature-points>div{display:grid;grid-template-columns:38px 1fr;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.feature-points span{font-size:10px;color:#687386;font-weight:900}.feature-points p{margin:0;color:#8e99a8;font-size:13px;line-height:1.6}.feature-points strong{color:#e7ebf0}.coming-line{display:flex;align-items:center;gap:10px;margin-top:22px}.coming-line span{width:24px;height:1px;background:#8b7a4b}.coming-line b{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#9e8f63}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.project-card{min-height:680px;border-radius:34px;overflow:hidden;border:1px solid var(--line);position:relative;background:#0e1219;box-shadow:0 25px 70px rgba(0,0,0,.25);padding:28px;display:flex;flex-direction:column}.legacy-card{background:radial-gradient(circle at 80% 12%,rgba(83,207,203,.18),transparent 32%),linear-gradient(150deg,#101420,#0c1017)}.block-card{background:radial-gradient(circle at 80% 15%,rgba(174,87,250,.17),transparent 31%),linear-gradient(150deg,#14101b,#0d1017)}.project-visual{height:330px;display:flex;align-items:center;justify-content:center;position:relative}.project-visual:before{content:"";width:270px;height:270px;border-radius:50%;position:absolute;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 70px rgba(255,255,255,.025)}.project-visual img{width:240px;height:240px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 27px 33px rgba(0,0,0,.38));transition:.45s}.legacy-card .project-visual img{border-radius:50%}.project-card:hover .project-visual img{transform:translateY(-7px) scale(1.025)}.project-copy{margin-top:auto;border-top:1px solid var(--line);padding-top:25px}.project-copy h3{font-size:34px;letter-spacing:-.035em;margin:0 0 10px}.project-copy>p{color:#8d98a8;font-size:14px;line-height:1.7;margin:0 0 18px}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag-row span{background:rgba(255,255,255,.025)}.availability-row{display:flex;align-items:center;gap:12px;margin-top:21px}.android-mark{width:38px;height:38px;border-radius:12px;background:#a8cf62;color:#0f1410;display:grid;place-items:center;font-weight:900}.availability-row div{display:flex;flex-direction:column}.availability-row small{font-size:9px;text-transform:uppercase;color:#667184;letter-spacing:.1em}.availability-row strong{font-size:13px}.store-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.store-row a{border:1px solid var(--line);border-radius:12px;padding:10px 13px;font-size:11px;font-weight:800;background:rgba(255,255,255,.035);transition:.2s}.store-row a:hover{background:#fff;color:#0a0d12}.store-row span{margin-left:6px}
.connect-wrap{position:relative;z-index:1;border-top:1px solid rgba(90,160,255,.12);border-bottom:1px solid rgba(90,160,255,.1);background:radial-gradient(circle at 72% 48%,rgba(50,103,255,.19),transparent 28%),linear-gradient(145deg,#07101d,#080b12 54%,#0d0b17);overflow:hidden}.connect-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}.connect-section{min-height:780px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:100px}.connect-title-row{display:flex;align-items:center;gap:17px;margin:14px 0}.connect-mark{width:62px;height:62px;border-radius:17px;overflow:hidden;border:1px solid rgba(120,170,255,.22);box-shadow:0 15px 35px rgba(25,97,255,.18)}.connect-mark img{width:100%;height:100%;object-fit:cover}.connect-copy h2{font-size:56px;letter-spacing:-.055em;margin:0}.connect-lead{color:#99a6b9;line-height:1.75;font-size:16px;margin:22px 0 27px}.connect-features{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:27px}.connect-features div{padding:15px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:10px;min-height:75px}.connect-features b{font-size:9px;color:#5b8fff}.connect-features span{font-size:11px;color:#a6b0be;line-height:1.55}.button-connect{background:linear-gradient(110deg,#3c74ff,#5daaff);color:white;border-color:rgba(255,255,255,.15);box-shadow:0 14px 35px rgba(41,103,255,.2)}.button-connect:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(41,103,255,.3)}
.mock-window{border:1px solid rgba(255,255,255,.13);border-radius:24px;background:rgba(11,17,28,.9);box-shadow:0 45px 110px rgba(0,0,0,.5),0 0 80px rgba(42,98,255,.08);overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);transition:.5s}.connect-ui:hover .mock-window{transform:perspective(1400px) rotateY(-1deg) rotateX(0)}.mock-titlebar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(255,255,255,.025)}.mock-brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}.mock-brand img{width:27px;height:27px;border-radius:8px;object-fit:cover}.window-controls{display:flex;gap:7px}.window-controls i{width:8px;height:8px;border-radius:50%;background:#3f495a}.mock-body{height:440px;display:grid;grid-template-columns:58px 150px 1fr}.mock-body aside{border-right:1px solid var(--line);padding:11px 0;display:flex;align-items:center;flex-direction:column;gap:8px}.server{width:34px;height:34px;border-radius:12px;background:#1a2231;display:grid;place-items:center;font-size:11px;font-weight:900;color:#8794a8}.server.active{color:white;background:linear-gradient(145deg,#3675ff,#6d75ff)}.server.plus{border:1px dashed #3c4657;background:transparent}.channel-list{border-right:1px solid var(--line);padding:17px 13px;display:flex;flex-direction:column;gap:10px}.channel-list small{font-size:7px;letter-spacing:.12em;color:#596579;margin:8px 0 1px}.channel-list b,.channel-list span{font-size:9px;color:#8692a5}.channel-list b{color:#e1e7ef}.channel-list .voice{color:#66b7ff}.chat-panel{display:flex;flex-direction:column;min-width:0}.chat-head{height:45px;border-bottom:1px solid var(--line);padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900}.chat-head span{color:#667286}.messages{padding:17px;display:flex;flex-direction:column;gap:17px;flex:1}.message{display:flex;gap:10px}.message>i{width:30px;height:30px;border-radius:10px;background:#202b3b;display:grid;place-items:center;font-style:normal;font-size:8px;color:#95a4b8;flex:none}.message p{margin:0;font-size:9px;line-height:1.45;color:#a0adbd}.message strong{font-size:10px;color:#e4e9ef;margin-right:6px}.message small{font-size:7px;color:#596578}.voice-card{margin-top:5px;border:1px solid rgba(74,152,255,.18);background:rgba(53,118,255,.07);border-radius:15px;padding:12px;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px}.voice-card>span{width:27px;height:27px;border-radius:9px;background:#246cff;color:#fff;display:grid;place-items:center;font-size:10px}.voice-card div{display:flex;flex-direction:column}.voice-card b{font-size:9px}.voice-card small{font-size:7px;color:#6f7e93}.voice-card button{border:0;border-radius:8px;background:#407aff;color:white;padding:7px 10px;font-size:7px;font-weight:800}.composer{height:42px;border:1px solid var(--line);background:#151d2a;border-radius:12px;margin:0 15px 15px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#59667a;font-size:8px}
.studio{padding-top:135px;padding-bottom:135px}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:27px;overflow:hidden}.principle{background:#0c1017;padding:34px;min-height:250px}.principle>span{font-size:10px;color:#5f6a7b}.principle h3{font-size:24px;margin:60px 0 10px;letter-spacing:-.025em}.principle p{color:#8894a5;font-size:13px;line-height:1.7;margin:0}.principle:hover{background:#101620}
.closing{padding-bottom:120px}.closing-card{border-radius:34px;background:#f2f4f7;color:#101216;padding:48px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.closing-card:after{content:"ASKAY";position:absolute;font-size:190px;font-weight:950;letter-spacing:-.08em;right:-25px;top:-70px;color:rgba(8,12,18,.035);pointer-events:none}.closing-card .section-kicker{color:#75808e}.closing-card h2{font-size:46px;letter-spacing:-.05em;margin:10px 0 7px}.closing-card p{color:#68717e;margin:0;max-width:620px}.button-light{background:#101319;color:white;position:relative;z-index:1;flex:none}.button-light:hover{transform:translateY(-2px)}
.site-footer{border-top:1px solid var(--line);background:#05070b;position:relative;z-index:1}.footer-main{padding-top:65px;padding-bottom:55px;display:flex;justify-content:space-between;gap:70px}.footer-logo{width:200px;align-self:flex-start;filter:brightness(1.55) saturate(.5)}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:90px}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links b{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#667183;margin-bottom:6px}.footer-links a{font-size:12px;color:#a8b1bf}.footer-links a:hover{color:white}.footer-bottom{padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#596475;font-size:10px;letter-spacing:.03em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:160px}.hero-copy{text-align:center;display:flex;align-items:center;flex-direction:column}.hero h1{max-width:900px}.hero-showcase{width:min(100%,720px);margin:auto}.hero-meta{justify-content:center}.feature-card{grid-template-columns:1fr}.feature-art{min-height:500px;border-right:0;border-bottom:1px solid var(--line)}.connect-section{grid-template-columns:1fr}.connect-copy{max-width:760px}.mock-window{transform:none}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p{max-width:700px}.connect-ui{max-width:850px;width:100%;margin:auto}.site-header{left:14px;right:14px}}
@media(max-width:760px){.section-shell{width:min(calc(100% - 28px),var(--max))}.site-header{height:66px;top:10px;padding:0 10px 0 14px;border-radius:17px}.brand{width:126px}.brand img{width:124px}.header-connect{display:none}.mobile-menu{position:fixed;z-index:90;top:84px;left:14px;right:14px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(8,11,17,.95);backdrop-filter:blur(22px);display:flex;flex-direction:column;gap:3px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.25s}.mobile-menu.open{opacity:1;transform:none;pointer-events:auto}.mobile-menu a{padding:12px;border-radius:11px;color:#b8c2cf;font-size:13px;font-weight:800}.mobile-menu a:hover{background:rgba(255,255,255,.05);color:white}.hero{padding-top:120px;padding-bottom:65px;gap:35px}.hero h1{font-size:48px}.hero-lead{font-size:15px}.hero-meta{gap:18px;margin-top:34px}.hero-meta div{grid-template-columns:1fr;text-align:left}.hero-showcase{height:460px}.hero-tile{width:164px;height:188px;padding:10px;border-radius:23px}.hero-tile img{height:125px;border-radius:17px}.hero-tile-viki{left:0}.hero-tile-legacy{right:0}.hero-tile-connect{left:1%}.hero-tile-block{right:2%}.showcase-center{width:82px;height:82px;border-radius:24px}.showcase-center span{font-size:32px}.orbit-one{width:370px;height:370px}.orbit-two{width:240px;height:240px}.ticker{height:55px}.games{padding-top:90px;padding-bottom:95px}.section-heading h2{font-size:40px}.feature-card{border-radius:27px}.feature-art{min-height:390px}.feature-art>img{width:75%}.feature-copy{padding:33px 24px}.feature-copy h3{font-size:48px}.feature-lead{font-size:15px}.project-grid{grid-template-columns:1fr}.project-card{min-height:620px}.project-visual{height:300px}.connect-section{padding-top:80px;padding-bottom:80px;gap:55px}.connect-copy h2{font-size:42px}.connect-mark{width:53px;height:53px}.connect-features{grid-template-columns:1fr}.mock-body{grid-template-columns:48px 105px 1fr;height:360px}.channel-list{padding:12px 8px}.channel-list span,.channel-list b{font-size:7px}.messages{padding:11px}.message p{font-size:7px}.voice-card{grid-template-columns:23px 1fr}.voice-card button{display:none}.studio{padding-top:90px;padding-bottom:90px}.studio-grid{grid-template-columns:1fr}.principle{min-height:190px}.principle h3{margin-top:35px}.closing{padding-bottom:80px}.closing-card{padding:31px 25px;align-items:flex-start;flex-direction:column}.closing-card h2{font-size:36px}.footer-main{flex-direction:column;padding-top:50px}.footer-links{gap:45px}.footer-bottom{flex-direction:column;gap:7px}.footer-logo{width:170px}}
@media(max-width:480px){.hero h1{font-size:41px}.hero-actions{width:100%}.hero-actions .button{flex:1}.hero-meta{width:100%;justify-content:space-between}.hero-showcase{height:410px}.hero-tile{width:144px;height:165px}.hero-tile img{height:105px}.hero-tile span{font-size:9px}.hero-tile small{font-size:8px}.orbit-one{width:310px;height:310px}.feature-art{min-height:335px}.feature-copy h3{font-size:42px}.project-card{padding:21px}.project-visual img{width:215px;height:215px}.project-copy h3{font-size:30px}.mock-body{grid-template-columns:43px 1fr}.channel-list{display:none}.footer-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}