:root{--panel:rgba(255,255,255,.07);--stroke:rgba(255,255,255,.13);--text:#f8fbff;--muted:rgba(248,251,255,.72);--soft:rgba(248,251,255,.50);--blue:#1298ff;--cyan:#5ee6ff;--green:#32d96b;--red:#ff4d57;--purple:#a158ff;--gold:#ffcf78;--orange:#ff914d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 78% 4%,rgba(18,152,255,.24),transparent 30%),radial-gradient(circle at 8% 72%,rgba(50,217,107,.10),transparent 27%),linear-gradient(180deg,#030611 0%,#081126 48%,#030611 100%);overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.noise{position:fixed;inset:0;z-index:80;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(92px);pointer-events:none;z-index:-1}.ambient.blue{width:570px;height:570px;background:var(--blue);right:-220px;top:-170px;opacity:.30}.ambient.green{width:480px;height:480px;background:var(--green);left:-230px;bottom:10%;opacity:.11}.ambient.purple{width:430px;height:430px;background:var(--purple);left:48%;top:52%;opacity:.10}.site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 28px));height:72px;padding:0 14px 0 18px;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(5,10,22,.72);border:1px solid var(--stroke);border-radius:999px;backdrop-filter:blur(24px);box-shadow:0 20px 70px rgba(0,0,0,.35);transition:height .25s ease,background .25s ease}.site-header.compact{height:64px;background:rgba(5,10,22,.88)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.025em;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--cyan),#1260ff);box-shadow:0 0 34px rgba(18,152,255,.46)}.nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;font-weight:720}.nav-links a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.language-switch{height:38px;padding:4px;border-radius:999px;display:flex;gap:3px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.13)}.language-switch button{border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:850;font-size:12px;letter-spacing:.04em;padding:0 10px;cursor:pointer}.language-switch button.active{color:#05101f;background:linear-gradient(135deg,var(--cyan),#fff);box-shadow:0 8px 22px rgba(94,230,255,.20)}.nav-cta{height:44px;padding:0 18px;border-radius:16px;display:flex;align-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:850;box-shadow:0 16px 34px rgba(18,152,255,.24)}.coffee-cta{background:linear-gradient(135deg,#ffae50,var(--gold));color:#190d02;box-shadow:0 16px 34px rgba(255,174,80,.25)}.menu-button{display:none;background:transparent;border:0;color:white;font-size:28px;line-height:1;cursor:pointer}.mobile-menu{display:none;position:fixed;right:18px;top:100px;width:285px;padding:16px;z-index:70;border-radius:24px;background:rgba(5,10,22,.97);border:1px solid var(--stroke);backdrop-filter:blur(24px)}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:14px;border-radius:15px;color:var(--muted);font-weight:780}.mobile-menu a:hover{color:white;background:rgba(255,255,255,.07)}.hero{min-height:100svh;width:min(1200px,calc(100% - 34px));margin:auto;position:relative;display:grid;grid-template-columns:1fr 560px;align-items:center;gap:58px;padding:124px 0 92px}.hero-grid{position:absolute;inset:12% -10% 5%;z-index:-1;opacity:.20;background:linear-gradient(rgba(94,230,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(94,230,255,.075) 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(circle at 56% 42%,black,transparent 72%)}.eyebrow{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:8px 13px;border-radius:999px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);background:rgba(18,152,255,.12);border:1px solid rgba(94,230,255,.24)}.eyebrow.green{color:#b7ffd0;background:rgba(50,217,107,.11);border-color:rgba(50,217,107,.22)}.eyebrow.red{color:#ffc2c6;background:rgba(255,77,87,.11);border-color:rgba(255,77,87,.22)}.eyebrow.purple{color:#dfcaff;background:rgba(161,88,255,.13);border-color:rgba(161,88,255,.30)}.eyebrow.gold{color:#ffe4b2;background:rgba(255,174,80,.12);border-color:rgba(255,207,120,.28)}.hero h1{font-size:clamp(58px,9vw,112px);line-height:.88;letter-spacing:-.075em;margin:22px 0 26px;font-weight:860}.hero h1 span{display:block;background:linear-gradient(115deg,#fff 0%,#b7f7ff 44%,var(--blue) 82%);-webkit-background-clip:text;color:transparent}.hero-lead{max-width:650px;color:var(--muted);font-size:clamp(18px,2.1vw,23px);line-height:1.48;margin:0;font-weight:420}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0}.button{height:58px;padding:0 24px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:820;border:1px solid var(--stroke);transition:.25s ease}.button:hover{transform:translateY(-3px)}.button.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 20px 48px rgba(18,152,255,.28)}.button.secondary{background:rgba(255,255,255,.070)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:650px}.trust-row div{padding:16px;border-radius:18px;background:rgba(255,255,255,.052);border:1px solid var(--stroke)}.trust-row strong{display:block;font-weight:800}.trust-row span{display:block;color:var(--soft);font-size:13px;margin-top:4px}.hero-stage{position:relative;min-height:780px;display:grid;place-items:center;perspective:1200px}.stage-glow{position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(18,152,255,.14),transparent 64%);filter:blur(4px)}.shot,.screen-shot{position:relative;overflow:hidden;border-radius:46px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18);box-shadow:0 48px 130px rgba(0,0,0,.58),0 0 90px rgba(18,152,255,.12)}.shot img,.screen-shot img{width:100%;height:100%;object-fit:cover}.hero-main{width:390px;height:790px;z-index:4;transform:rotateY(-8deg) rotateX(4deg);animation:floatMain 6s ease-in-out infinite}.hero-left,.hero-right{position:absolute;width:250px;height:505px;opacity:.68;filter:saturate(.9) brightness(.78);z-index:2}.hero-left{left:0;bottom:82px;transform:rotateY(18deg) rotateZ(-4deg)}.hero-right{right:0;top:88px;transform:rotateY(-18deg) rotateZ(4deg)}.feature-band{width:min(1200px,calc(100% - 34px));margin:0 auto 96px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:30px;border-radius:32px;background:var(--panel);border:1px solid var(--stroke);min-height:255px}.feature-card span{font-size:34px}.feature-card h2{font-size:27px;letter-spacing:-.035em;font-weight:800}.feature-card p{color:var(--muted);line-height:1.58}.preview-section{width:min(1200px,calc(100% - 34px));margin:0 auto;padding:28px 0 112px}.section-heading{text-align:center;max-width:850px;margin:0 auto 56px}.section-heading .eyebrow{margin:auto}.section-heading h2{font-size:clamp(38px,5.5vw,72px);line-height:1;letter-spacing:-.065em;margin:18px 0;font-weight:850}.section-heading p{color:var(--muted);font-size:20px;line-height:1.5}.story-stack{display:grid;gap:34px}.story-card{min-height:760px;display:grid;grid-template-columns:.9fr 420px;gap:44px;align-items:center;padding:54px;border-radius:48px;background:radial-gradient(circle at 18% 18%,rgba(18,152,255,.16),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.082),rgba(255,255,255,.032));border:1px solid var(--stroke);box-shadow:0 36px 110px rgba(0,0,0,.36);overflow:hidden}.story-card.reverse{grid-template-columns:420px .9fr}.story-card.reverse .story-copy{grid-column:2}.story-card.reverse .screen-shot{grid-column:1;grid-row:1}.story-copy h3{font-size:clamp(34px,5.1vw,60px);line-height:1.02;letter-spacing:-.06em;margin:18px 0;font-weight:840}.story-copy p{font-size:20px;color:var(--muted);line-height:1.55;max-width:600px}.screen-shot{width:390px;height:790px;justify-self:center;transition:.45s ease}.story-card:hover .screen-shot{transform:translateY(-10px) scale(1.01)}.coffee-section{position:relative;width:min(1200px,calc(100% - 34px));margin:0 auto 112px;min-height:740px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;padding:64px;border-radius:54px;overflow:hidden;background:radial-gradient(circle at 22% 26%,rgba(255,174,80,.22),transparent 30%),radial-gradient(circle at 76% 72%,rgba(18,152,255,.16),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.14);box-shadow:0 44px 130px rgba(0,0,0,.38)}.coffee-section:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 90deg,transparent,rgba(255,207,120,.12),transparent,rgba(94,230,255,.10),transparent);animation:slowSpin 22s linear infinite}.coffee-orbit{position:relative;min-height:520px;display:grid;place-items:center;z-index:1}.coffee-cup{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;font-size:86px;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.20);box-shadow:0 0 80px rgba(255,174,80,.28),inset 0 0 45px rgba(255,255,255,.04);animation:floatCup 4.8s ease-in-out infinite}.moon{position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--orange));box-shadow:0 0 40px rgba(255,174,80,.38)}.moon-a{width:70px;height:70px;left:12%;top:18%;animation:orbitA 9s ease-in-out infinite}.moon-b{width:42px;height:42px;right:14%;bottom:18%;background:linear-gradient(135deg,var(--cyan),#fff);animation:orbitB 8s ease-in-out infinite}.coffee-card{position:relative;z-index:2}.coffee-card h2{font-size:clamp(38px,5.8vw,72px);line-height:1;letter-spacing:-.065em;margin:18px 0;font-weight:860}.coffee-card p{color:var(--muted);font-size:20px;line-height:1.55;max-width:650px}.coffee-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.coffee-tiers div{padding:18px;border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13)}.coffee-tiers strong{font-size:32px;color:var(--gold);display:block}.coffee-tiers span{display:block;color:var(--soft);font-weight:760;margin-top:4px}.coffee-button{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:12px;padding:20px 26px;border-radius:22px;background:linear-gradient(135deg,#ff9d45,var(--gold));color:#1b0d02;font-weight:900;font-size:18px;box-shadow:0 26px 70px rgba(255,174,80,.30);transition:.25s}.coffee-button:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 32px 90px rgba(255,174,80,.40)}.coffee-note{font-size:14px!important;color:rgba(248,251,255,.55)!important;margin-top:18px!important}.studio-section,.contact-section{padding:96px 24px}.studio-card,.contact-card{width:min(960px,100%);margin:auto;padding:50px;border-radius:42px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(18,152,255,.13),transparent 38%),var(--panel);border:1px solid var(--stroke)}.studio-card .eyebrow,.contact-card .eyebrow{margin:auto}.studio-card h2,.contact-card h2{font-size:clamp(36px,5.4vw,64px);line-height:1.02;letter-spacing:-.065em;margin:18px 0;font-weight:850}.studio-card p,.contact-card p{color:var(--muted);font-size:20px;line-height:1.6;max-width:780px;margin-left:auto;margin-right:auto}.email-link{display:inline-flex;margin-top:18px;padding:18px 22px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:850}.game-section{min-height:88svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:96px max(24px,calc((100vw - 1200px)/2));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.game-visual{position:relative;min-height:560px;border-radius:44px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(161,88,255,.20),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--stroke);box-shadow:0 40px 120px rgba(0,0,0,.38)}.portal{position:absolute;inset:13%;border-radius:50%;border:10px solid rgba(255,140,80,.66);box-shadow:0 0 80px rgba(255,118,64,.38),inset 0 0 80px rgba(161,88,255,.32);animation:portal 7s linear infinite}.planet{position:absolute;left:18%;right:18%;bottom:-20%;height:42%;border-radius:50% 50% 0 0;background:linear-gradient(180deg,rgba(94,231,255,.17),rgba(18,152,255,.04))}.stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1px);background-size:54px 54px;opacity:.14}.game-copy h2{font-size:clamp(38px,6.2vw,74px);line-height:1;letter-spacing:-.065em;margin:18px 0;font-weight:850}.game-copy p{color:var(--muted);font-size:20px;line-height:1.55;max-width:620px}.footer{width:min(1200px,calc(100% - 34px));margin:0 auto;padding:38px 0 56px;display:flex;justify-content:space-between;gap:20px;color:var(--soft);border-top:1px solid rgba(255,255,255,.08)}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer a{color:var(--muted)}.legal-main{padding:128px 24px 80px}.legal-container{width:min(980px,100%);margin:auto}.legal-hero,.legal-doc{padding:38px;border-radius:36px;background:var(--panel);border:1px solid var(--stroke);margin-bottom:20px}.legal-hero h1{font-size:clamp(40px,5.8vw,70px);line-height:1;letter-spacing:-.065em;margin:18px 0 16px;font-weight:850}.legal-doc{color:rgba(248,251,255,.75);line-height:1.74}.legal-doc h2{color:#fff;margin-top:34px}.reveal{opacity:0;transform:translateY(34px);transition:opacity .82s ease,transform .82s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes floatMain{0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-18px)}}@keyframes portal{to{transform:rotate(360deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes floatCup{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes orbitA{0%,100%{transform:translate(0,0)}50%{transform:translate(46px,34px)}}@keyframes orbitB{0%,100%{transform:translate(0,0)}50%{transform:translate(-52px,-26px)}}@media(max-width:1120px){.nav-links,.nav-cta{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:120px}.hero-stage{min-height:760px}.feature-band{grid-template-columns:1fr 1fr}.story-card,.story-card.reverse{grid-template-columns:1fr;min-height:auto;text-align:center}.story-card.reverse .story-copy,.story-card.reverse .screen-shot{grid-column:auto;grid-row:auto}.story-copy .eyebrow{margin:auto}.story-copy p{margin:auto}.coffee-section{grid-template-columns:1fr;text-align:center;padding:42px}.coffee-card .eyebrow{margin:auto}.coffee-card p{margin-left:auto;margin-right:auto}.coffee-button{margin:auto}.game-section{grid-template-columns:1fr}}@media(max-width:720px){.site-header{height:64px;top:12px;width:calc(100% - 20px);padding-left:12px;padding-right:10px}.brand-mark{width:38px;height:38px}.brand{font-size:15px}.language-switch{height:34px}.language-switch button{padding:0 8px;font-size:11px}.hero{padding-top:104px;min-height:auto;width:min(100% - 28px,1200px)}.eyebrow{font-size:10px;letter-spacing:.13em;white-space:normal;text-align:center}.hero h1{font-size:56px;letter-spacing:-.065em}.hero-lead{font-size:19px}.button{width:100%}.trust-row,.feature-band,.coffee-tiers{grid-template-columns:1fr}.hero-stage{display:none}.feature-card{min-height:auto}.story-card{padding:24px;border-radius:34px}.screen-shot{width:min(330px,100%);height:auto;aspect-ratio:1290/2796;border-radius:38px}.preview-section{padding-bottom:70px;width:min(100% - 28px,1200px)}.story-copy h3,.section-heading h2,.studio-card h2,.contact-card h2,.game-copy h2,.coffee-card h2{font-size:36px;letter-spacing:-.052em}.story-copy p,.studio-card p,.contact-card p,.game-copy p,.section-heading p,.coffee-card p{font-size:18px}.coffee-section{width:min(100% - 28px,1200px);padding:26px;border-radius:34px;min-height:auto}.coffee-orbit{min-height:280px}.coffee-cup{width:150px;height:150px;font-size:66px}.game-visual{min-height:360px}.game-section{padding-top:70px}.studio-card,.contact-card,.legal-hero,.legal-doc{padding:24px}.footer{display:block}.footer nav{margin-top:18px}.mobile-menu{left:18px;right:18px;width:auto}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}