:root { color-scheme: dark; --bg:#030604; --surface:#071009; --text:#f3f6f3; --muted:#818a83; --line:rgba(147,174,150,.16); --line2:rgba(147,174,150,.28); --green:#35ee38; --green-soft:#71f273; --shell:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 75% 2%,rgba(27,104,30,.22),transparent 36rem),var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.shell { width:min(calc(100% - 48px),var(--shell)); margin-inline:auto; }
.site-header { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:88px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:14px; width:max-content; font-size:1.08rem; font-weight:850; letter-spacing:-.025em; }
.brand img { width:36px; height:36px; object-fit:contain; filter:drop-shadow(0 0 10px rgba(53,238,56,.18)); }
.site-header nav { display:flex; gap:34px; color:var(--muted); font-size:.85rem; }
.site-header nav a { position:relative; padding:10px 0; }
.site-header nav a:hover,.site-header nav .active { color:var(--text); }
.site-header nav .active::after { position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--green); content:""; }
.nav-cta { justify-self:end; padding:11px 18px; border:1px solid var(--line2); border-radius:10px; font-size:.82rem; font-weight:750; }
.nav-cta:hover { border-color:var(--green); color:var(--green-soft); }
.user-account { position:relative; justify-self:end; }
.account-avatar { display:grid; place-items:center; width:42px; height:42px; padding:0; overflow:hidden; background:#0a150c; border:1px solid var(--line2); border-radius:50%; color:var(--green); font-size:.76rem; font-weight:850; cursor:pointer; }
.account-avatar:hover,.account-avatar[aria-expanded="true"] { border-color:rgba(53,238,56,.62); box-shadow:0 0 0 3px rgba(53,238,56,.06); }
.account-avatar img { width:100%; height:100%; object-fit:cover; }
.account-menu { position:absolute; top:52px; right:0; z-index:30; width:210px; padding:8px; background:#071009; border:1px solid var(--line2); border-radius:11px; box-shadow:0 22px 55px rgba(0,0,0,.55); }
.account-menu[hidden] { display:none; }
.account-menu-header { display:grid; gap:2px; padding:10px 11px 12px; border-bottom:1px solid var(--line); overflow:hidden; }
.account-menu-header strong { overflow:hidden; color:var(--text); font-size:.76rem; text-overflow:ellipsis; white-space:nowrap; }
.account-menu-header span { overflow:hidden; color:var(--muted); font-size:.62rem; text-overflow:ellipsis; white-space:nowrap; }
.account-menu a,.account-menu button { display:flex; align-items:center; width:100%; min-height:38px; padding:0 11px; background:transparent; border:0; border-radius:7px; color:#929b94; font:650 .73rem Inter,ui-sans-serif,system-ui,sans-serif; cursor:pointer; text-align:left; }
.account-menu a:hover,.account-menu button:hover { background:rgba(53,238,56,.07); color:var(--text); }
.account-menu button { margin-top:4px; border-top:1px solid var(--line); border-radius:0 0 7px 7px; color:#db7777; }
.hero { display:grid; grid-template-columns:.83fr 1.17fr; align-items:center; gap:66px; min-height:660px; padding:70px 0 64px; }
.eyebrow,.section-label,.card-type,.package-label { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.7rem; font-weight:750; letter-spacing:.13em; }
.eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:27px; color:#9aa39c; }
.eyebrow span { width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 13px var(--green); }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:26px; font-size:clamp(4rem,7vw,6.6rem); font-weight:850; line-height:.89; letter-spacing:-.075em; }
h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1.5px rgba(230,239,231,.48); }
.hero-copy>p { max-width:510px; margin-bottom:30px; color:#9aa39c; font-size:1rem; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:27px; }
.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:51px; padding:0 20px; background:var(--green); border:1px solid var(--green); border-radius:9px; color:#031004; box-shadow:0 0 32px rgba(53,238,56,.12); font-size:.85rem; font-weight:850; transition:.15s; }
.primary-button:hover { background:var(--green-soft); transform:translateY(-2px); }
.text-button { color:#aeb5af; font-size:.85rem; font-weight:650; }
.text-button span,.store-card a span { margin-left:6px; color:var(--green); }
.platforms { display:flex; align-items:center; gap:11px; margin-top:39px; color:#525b54; font:750 .64rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.platforms i { width:3px; height:3px; background:#4b554d; border-radius:50%; }
.store-canvas { position:relative; min-height:470px; overflow:hidden; background:linear-gradient(rgba(27,50,29,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(27,50,29,.14) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(23,106,27,.13),transparent 63%); background-size:54px 54px,54px 54px,auto; border:1px solid rgba(111,143,114,.09); border-radius:28px; }
.orbit { position:absolute; top:50%; left:50%; border:1px solid rgba(65,114,70,.19); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-one { width:430px; height:430px; } .orbit-two { width:330px; height:330px; }
.package-card { position:absolute; top:50%; left:50%; width:min(84%,470px); overflow:hidden; background:rgba(6,13,8,.95); border:1px solid rgba(129,160,132,.25); border-radius:16px; box-shadow:0 28px 70px rgba(0,0,0,.46); transform:translate(-50%,-50%); }
.package-bar { display:flex; align-items:center; gap:7px; height:48px; padding:0 16px; border-bottom:1px solid var(--line); }
.dot { width:7px; height:7px; border-radius:50%; } .red{background:#f06464}.amber{background:#e6bb4b}.green{background:var(--green)}
.filename { margin-left:8px; color:#59635b; font: .68rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.package-content { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:20px; padding:35px 28px 28px; }
.package-icon,.app-icon { display:grid; place-items:center; color:#041005; font-weight:900; }
.package-icon { width:70px; height:70px; background:rgba(53,238,56,.08); border:1px solid rgba(53,238,56,.28); border-radius:14px; font-size:1.2rem; }
.package-icon img { width:48px; height:48px; object-fit:contain; }
.package-label { color:var(--green-soft); }
.package-content h2 { margin:5px 0 7px; font-size:1.28rem; letter-spacing:-.035em; }
.package-content p { margin-bottom:0; color:var(--muted); font-size:.8rem; }
.package-content a { display:inline-block; margin-top:12px; color:var(--green-soft); font-size:.75rem; font-weight:750; }
.package-content a[hidden] { display:none; }
.verified { display:flex; align-items:center; gap:8px; margin:0 17px 17px; padding:10px 12px; background:rgba(36,181,42,.1); border-radius:6px; color:#59d85d; font:700 .65rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.verified span { width:6px; height:6px; background:var(--green); border-radius:50%; box-shadow:0 0 9px var(--green); }
.node { position:absolute; z-index:3; display:grid; min-width:94px; padding:11px 14px; background:#071009; border:1px solid rgba(125,156,128,.24); border-radius:10px; box-shadow:0 14px 32px rgba(0,0,0,.35); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.node b { color:var(--green-soft); font-size:.72rem; } .node small { color:#59625b; font-size:.55rem; }
.node-a{top:49px;left:34px}.node-b{top:86px;right:22px}.node-c{right:34px;bottom:35px}
.catalog { padding:125px 0; border-top:1px solid var(--line); }
.section-label { margin-bottom:22px; color:var(--green); }
.section-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:55px; }
.section-heading h2,.developer-section h2 { margin-bottom:0; font-size:clamp(2.7rem,5vw,4.8rem); font-weight:820; line-height:.98; letter-spacing:-.06em; }
.section-heading h2 span,.developer-section h2 span { color:transparent; -webkit-text-stroke:1px rgba(230,239,231,.4); }
.section-heading>a { padding-bottom:8px; border-bottom:1px solid var(--line2); color:#adb5af; font-size:.8rem; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--line); }
.store-card { position:relative; min-height:390px; padding:34px 30px; border-right:1px solid var(--line); transition:background .18s; }
.store-card:last-child{border-right:0}.store-card:hover{background:rgba(31,78,34,.09)}
.card-number { position:absolute; top:31px; right:30px; color:#364039; font: .72rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.app-icon { width:58px; height:58px; margin-bottom:68px; border-radius:13px; font-size:1.05rem; }
.app{background:var(--green)}.game{background:#9df357}.developer{background:#d6f4d7}
.card-type { margin-bottom:10px; color:#59635b; }
.store-card h3 { margin-bottom:13px; font-size:1.35rem; letter-spacing:-.035em; }
.store-card>p:not(.card-type) { min-height:70px; margin-bottom:24px; color:var(--muted); font-size:.87rem; }
.store-card a { color:#cbd1cc; font-size:.78rem; font-weight:700; }
.developer-section { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; padding:115px 0; }
.developer-copy { align-self:end; }.developer-copy p { margin-bottom:27px; color:var(--muted); }
.footer { display:grid; grid-template-columns:1fr auto auto; align-items:start; gap:70px; padding:55px 0 70px; border-top:1px solid var(--line); color:var(--muted); font-size:.76rem; }
.footer-identity { display:grid; gap:5px; }.footer-identity strong{color:var(--text);font-size:1rem}
.footer-links { display:grid; grid-template-columns:repeat(2,auto); gap:6px 32px; }
.footer-links>span { grid-column:1/-1; margin-bottom:6px; color:#4e5850; font:700 .62rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.12em; }
.footer-links a:hover{color:var(--green-soft)}.license{margin:0;color:#515b53;font: .62rem ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:100px}.store-canvas{min-height:520px}.card-grid{grid-template-columns:1fr}.store-card{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.store-card:last-child{border-bottom:0}.app-icon{margin-bottom:35px}.store-card>p:not(.card-type){min-height:auto}.developer-section{grid-template-columns:1fr;gap:50px}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shell{width:min(calc(100% - 28px),var(--shell))}.brand{gap:10px;font-size:.95rem}.brand img{width:30px;height:30px}.nav-cta{padding:9px 12px}h1{font-size:3.8rem}.hero-actions{align-items:flex-start;flex-direction:column}.store-canvas{min-height:420px}.package-content{grid-template-columns:1fr}.node{display:none}.catalog{padding:90px 0}.section-heading{align-items:flex-start;flex-direction:column}.developer-section{padding:90px 0}.footer{grid-template-columns:1fr;gap:30px}}