:root{
  --bg:#04101d;
  --text:#f4f7fb;
  --muted:#a8bad0;
  --cyan:#23cfff;
  --amber:#ffae38;
  --pink:#ff4f85;
  --line:rgba(150,196,255,.18);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;min-height:100vh;color:var(--text);background:#03101d;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
a{color:inherit}
button{font:inherit}

.space{
  position:fixed;inset:0;z-index:-10;overflow:hidden;
  background:radial-gradient(circle at 48% 20%,rgba(15,69,128,.42),transparent 34%),
  linear-gradient(180deg,#03101e 0%,#031321 58%,#020914 100%);
}
.stars{position:absolute;inset:-30%;background-image:
  radial-gradient(circle,#d9f3ff 0 1px,transparent 1.5px),
  radial-gradient(circle,#2ba8ff 0 1px,transparent 1.5px),
  radial-gradient(circle,#ffb84a 0 1px,transparent 1.5px);
  background-size:97px 97px,163px 163px,223px 223px;opacity:.55}
.stars-a{animation:drift 70s linear infinite}
.stars-b{transform:scale(1.3);opacity:.2;animation:drift 110s linear infinite reverse}
@keyframes drift{to{transform:translate3d(-160px,90px,0)}}
.nebula{position:absolute;border-radius:50%;filter:blur(80px);opacity:.28}
.nebula-a{width:520px;height:520px;left:-180px;top:42%;background:#db6621}
.nebula-b{width:600px;height:600px;right:-220px;top:8%;background:#075dcb}
.planet{
  position:absolute;width:620px;height:620px;border-radius:50%;right:-370px;top:180px;
  border:1px solid rgba(89,174,255,.42);
  background:radial-gradient(circle at 30% 30%,rgba(39,139,255,.22),transparent 33%),linear-gradient(120deg,#0f3e6a,#051426 65%);
  box-shadow:inset 55px -20px 80px #02060c,-22px 0 62px rgba(32,147,255,.28);opacity:.9}
.horizon{position:absolute;left:-10%;right:-10%;bottom:-80px;height:260px;border-radius:50% 50% 0 0;
  border-top:1px solid rgba(42,180,255,.45);box-shadow:0 -10px 40px rgba(35,154,255,.1);
  background:linear-gradient(180deg,rgba(3,13,25,.2),#020812)}

.topbar{
  width:min(1500px,94vw);margin:0 auto;height:92px;display:flex;align-items:center;
  justify-content:space-between;position:sticky;top:0;z-index:30;
  background:linear-gradient(180deg,rgba(3,16,29,.92),rgba(3,16,29,.52),transparent);
  backdrop-filter:blur(12px)
}
.mini-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;font-size:1.18rem;letter-spacing:-.03em}
.mini-logo{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(36,204,255,.4))}
.nav{display:flex;align-items:center;gap:30px;color:#dbe8f7;font-size:.95rem}
.nav a{text-decoration:none;opacity:.86;transition:.2s ease}.nav a:hover{opacity:1;color:#fff}
.nav-cta{
  border:1px solid rgba(57,201,255,.72);border-radius:12px;padding:12px 23px;cursor:pointer;
  background:rgba(5,20,35,.62);box-shadow:0 0 24px rgba(41,210,255,.08) inset,0 0 24px rgba(41,210,255,.08);
  color:#64e7ff;font-weight:750
}

.page-shell{width:min(1320px,92vw);margin:0 auto}
.hero{text-align:center;padding:34px 0 44px}
.hero-emblem{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(48,199,255,.32));animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-7px) rotate(2deg)}}
.hero-kicker{color:#dce9f6;letter-spacing:.42em;font-size:.74rem;font-weight:650;margin-top:10px;opacity:.85}
.brand-title{margin:20px 0 8px;font-size:clamp(4.2rem,11vw,9.6rem);line-height:.88;letter-spacing:-.075em;font-weight:950;text-shadow:0 0 30px rgba(69,190,255,.17)}
.brand-sky,.brand-lies{background:linear-gradient(180deg,#fff,#c9eaff 55%,#6dbdea);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-of{margin:0 .015em;background:linear-gradient(180deg,#ffd474,#ff991f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-line{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px auto;width:min(520px,70%)}
.hero-line span{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(66,210,255,.8))}
.hero-line span:last-child{background:linear-gradient(90deg,rgba(255,175,56,.75),transparent)}
.hero-line i{width:10px;height:10px;transform:rotate(45deg);border:1px solid var(--amber);box-shadow:0 0 14px var(--amber)}
.hero-copy{margin:0 auto;color:var(--muted);max-width:720px;font-size:1.05rem}

.glass-section{
  border:1px solid rgba(105,178,235,.2);border-radius:28px;
  background:linear-gradient(135deg,rgba(7,24,42,.78),rgba(11,17,38,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.26);
}
.ecosystem-section{padding:42px;margin:26px 0 46px}
.section-heading{max-width:820px}
.section-heading.centered{text-align:center;margin:0 auto 30px}
.eyebrow{display:inline-block;color:#ff5d91;font-size:.72rem;font-weight:900;letter-spacing:.22em;margin-bottom:8px}
.section-heading h2,.about-copy h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 14px;letter-spacing:-.04em}
.section-heading p,.about-copy p{color:#bfd0e3;line-height:1.72;margin:0;font-size:1.02rem}
.ecosystem-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.ecosystem-points article{padding:22px;border:1px solid rgba(118,176,222,.16);border-radius:18px;background:rgba(4,16,31,.54)}
.point-index{font-size:.7rem;color:#65e8ff;font-weight:900;letter-spacing:.18em}
.ecosystem-points h3{font-size:1.5rem;margin:8px 0}.ecosystem-points p{color:#9fb4ca;line-height:1.55;margin:0}

.apps-wrap{padding:24px 0 50px}
.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.app-card{
  --accent:var(--cyan);position:relative;min-height:465px;padding:30px 30px 28px;border-radius:28px;
  background:linear-gradient(180deg,rgba(9,27,48,.84),rgba(4,14,27,.92));
  border:1px solid color-mix(in srgb,var(--accent) 58%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 50px rgba(0,0,0,.34),0 0 42px color-mix(in srgb,var(--accent) 12%,transparent);
  overflow:hidden;text-align:center;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.app-card:hover,.app-card.explore-focus{transform:translateY(-8px) scale(1.01);border-color:color-mix(in srgb,var(--accent) 85%,white 4%);box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 65px color-mix(in srgb,var(--accent) 24%,transparent)}
.card-nova{--accent:var(--amber)}.card-pysky{--accent:var(--cyan)}.card-skytube{--accent:var(--pink)}
.card-glow{position:absolute;inset:-45% -20% auto;height:65%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%);pointer-events:none}
.icon-wrap{position:relative;width:132px;height:132px;display:grid;place-items:center;margin:0 auto 10px}
.image-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 35%,transparent));transition:transform .25s ease}
.app-card:hover .image-icon img{transform:scale(1.06) rotate(1deg)}
.app-card h3{margin:4px 0 10px;font-size:2.15rem;letter-spacing:.01em;color:var(--accent);text-shadow:0 0 22px color-mix(in srgb,var(--accent) 24%,transparent)}
.card-line{width:58%;height:2px;margin:0 auto 18px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent)}
.app-card p{color:#c4d3e4;font-size:.98rem;line-height:1.62;min-height:118px;margin:0 auto 24px;max-width:330px}
.enter-button{display:flex;align-items:center;justify-content:center;gap:18px;width:76%;min-width:190px;margin:0 auto;padding:14px 20px;text-decoration:none;font-size:1.08rem;font-weight:800;border-radius:13px;color:#fff;border:1px solid var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 26%,#0d1b2b),color-mix(in srgb,var(--accent) 14%,#07111f));box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent) 12%,transparent),0 0 26px color-mix(in srgb,var(--accent) 12%,transparent);transition:.22s ease}
.enter-button:hover{transform:translateY(-2px);box-shadow:inset 0 0 30px color-mix(in srgb,var(--accent) 22%,transparent),0 0 34px color-mix(in srgb,var(--accent) 20%,transparent)}
.enter-button span{font-size:1.4rem}

.about-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:center;padding:46px;margin:8px 0 34px}
.about-logo{display:grid;place-items:center}
.about-logo img{width:min(310px,100%);filter:drop-shadow(0 0 40px rgba(65,196,255,.28))}
.about-copy p+p{margin-top:14px}
.manifesto{margin-top:22px;padding:20px 22px;border-left:3px solid var(--amber);border-radius:0 15px 15px 0;background:rgba(255,174,56,.06)}
.manifesto strong{display:block;color:#ffd17f;margin-bottom:5px}.manifesto span{color:#c7d6e6;line-height:1.55}

footer{width:min(760px,88vw);margin:16px auto 0;padding:16px 0 34px;text-align:center;color:#aebed1;letter-spacing:.2em;font-size:.78rem}
.footer-rule{display:block;height:1px;margin-bottom:20px;background:linear-gradient(90deg,transparent,rgba(90,164,214,.4),transparent)}
footer p{margin:0}

@media(max-width:980px){
  .nav a{display:none}
  .ecosystem-points,.apps-grid{grid-template-columns:1fr}
  .apps-grid{max-width:650px;margin:0 auto}
  .app-card{min-height:auto}.app-card p{min-height:0}
  .about-section{grid-template-columns:1fr;text-align:center}
  .about-copy{text-align:left}.planet{right:-500px}
}
@media(max-width:620px){
  html{scroll-padding-top:76px}
  .topbar{height:76px}.nav-cta{padding:10px 15px}.mini-brand{font-size:1rem}.mini-logo{width:38px;height:38px}
  .hero{padding-top:20px}.hero-emblem{width:86px;height:86px}.hero-kicker{font-size:.64rem;letter-spacing:.24em;line-height:1.7}
  .brand-title{font-size:clamp(3.4rem,20vw,5.5rem)}
  .ecosystem-section,.about-section{padding:27px 22px;border-radius:22px}
  .app-card{padding:26px 22px;border-radius:22px}.icon-wrap{width:112px;height:112px}
  footer{letter-spacing:.08em;line-height:1.7}
}

/* v4 static home: preserve original visual language */
.ecosystem-points.ecosystem-points-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ecosystem-points article.app-point{position:relative;min-height:188px;display:flex;flex-direction:column;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;outline:none}
.ecosystem-points article.app-point:hover,.ecosystem-points article.app-point:focus-visible{transform:translateY(-4px);border-color:rgba(78,213,255,.48);background:rgba(6,24,43,.8);box-shadow:0 16px 35px rgba(0,0,0,.22),0 0 28px rgba(35,207,255,.08)}
.app-point .point-enter{margin-top:auto;padding-top:16px;color:#65e8ff;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.app-point .point-enter b{font-size:1.05rem;margin-left:4px}
.point-topline{display:flex;align-items:center;justify-content:space-between;gap:8px}
.preview-badge{padding:4px 7px;border:1px solid rgba(255,174,56,.38);border-radius:999px;color:#ffd17f;background:rgba(255,174,56,.07);font-size:.58rem;font-weight:900;letter-spacing:.1em}
.point-title-with-icon{display:flex;align-items:center;gap:9px}.point-title-with-icon h3{margin:8px 0}.point-icon{width:34px;height:34px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 0 10px rgba(35,207,255,.22))}

.sol-modal[hidden]{display:none!important}
.sol-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:22px}
.sol-modal-backdrop{position:absolute;inset:0;background:rgba(0,5,12,.76);backdrop-filter:blur(12px)}
.sol-modal-card{position:relative;width:min(650px,94vw);max-height:min(82vh,760px);overflow:auto;padding:34px;border:1px solid rgba(72,198,255,.3);border-radius:24px;background:linear-gradient(145deg,rgba(8,28,49,.98),rgba(4,13,27,.98));box-shadow:0 32px 90px rgba(0,0,0,.56),0 0 65px rgba(35,207,255,.09)}
.sol-modal-wide{width:min(900px,94vw)}
.sol-modal-card h2{margin:2px 44px 14px 0;font-size:clamp(1.9rem,4vw,2.75rem);letter-spacing:-.04em}.sol-modal-card>p{color:#bfd0e3;line-height:1.7;margin:0}
.sol-modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid rgba(109,188,237,.25);border-radius:12px;color:#dcecff;background:rgba(8,25,42,.82);font-size:1.75rem;line-height:1;cursor:pointer;transition:.2s ease}.sol-modal-close:hover{color:#fff;border-color:rgba(35,207,255,.65);background:rgba(16,48,74,.9)}
.modal-manifesto{margin-top:22px;padding:18px 20px;border-left:3px solid var(--amber);border-radius:0 14px 14px 0;background:rgba(255,174,56,.06);color:#c7d6e6;line-height:1.55}.modal-intro{margin-bottom:22px!important}
.modal-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.modal-app{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(118,176,222,.17);border-radius:16px;background:rgba(4,16,31,.62);color:inherit;text-decoration:none;transition:.2s ease}.modal-app:hover{transform:translateY(-2px);border-color:rgba(35,207,255,.48);background:rgba(7,28,48,.9)}
.modal-app img{width:58px;height:58px;object-fit:contain;border-radius:12px}.modal-app strong{display:block;font-size:1.12rem}.modal-app span{display:block;margin-top:4px;color:#9fb4ca;font-size:.86rem;line-height:1.35}.modal-app>b{color:#65e8ff;font-size:1.25rem}.modal-app small{margin-left:5px;padding:3px 5px;border:1px solid rgba(255,174,56,.34);border-radius:999px;color:#ffd17f;font-size:.52rem;letter-spacing:.08em;vertical-align:middle}
body.modal-open{overflow:hidden}
@media(max-width:1100px){.ecosystem-points.ecosystem-points-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.ecosystem-points.ecosystem-points-four,.modal-app-grid{grid-template-columns:1fr}.ecosystem-points article.app-point{min-height:0}.sol-modal-card{padding:28px 22px}.modal-app{grid-template-columns:50px 1fr auto}.modal-app img{width:50px;height:50px}}


/* v5: centered header + richer ecosystem cards */
.topbar{justify-content:center}
.nav{justify-content:center}
.point-title-with-icon{display:flex;align-items:center;gap:13px;margin-top:7px}
.point-title-with-icon h3{margin:0!important}
.point-icon{width:50px;height:50px;flex:0 0 50px;object-fit:contain;border-radius:12px;filter:drop-shadow(0 0 14px rgba(35,207,255,.24));transition:transform .2s ease,filter .2s ease}
.app-point:hover .point-icon,.app-point:focus-visible .point-icon{transform:scale(1.06);filter:drop-shadow(0 0 18px rgba(35,207,255,.38))}
@media(max-width:720px){.topbar{height:auto;min-height:76px}.nav{gap:16px;flex-wrap:wrap;justify-content:center}.point-icon{width:46px;height:46px;flex-basis:46px}}

/* v6: restore original left navigation, remove hero emblem, add donations */
.topbar{justify-content:flex-start}
.nav{justify-content:flex-start}
.hero{padding-top:22px}
.nav-donate{
  border:1px solid rgba(255,174,56,.62);border-radius:12px;padding:12px 18px;cursor:pointer;
  background:rgba(40,24,6,.42);box-shadow:0 0 22px rgba(255,174,56,.07) inset,0 0 20px rgba(255,174,56,.05);
  color:#ffd17f;font-weight:800;transition:.2s ease
}
.nav-donate:hover{border-color:rgba(255,195,89,.9);color:#fff0c7;background:rgba(61,35,8,.58);transform:translateY(-1px)}
.donate-modal-card{width:min(620px,94vw)}
.donate-eyebrow{color:#ffd17f}
.donate-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 18px}
.donate-amounts span{padding:12px 10px;border:1px solid rgba(255,174,56,.22);border-radius:12px;background:rgba(255,174,56,.055);color:#ffd17f;text-align:center;font-size:.82rem;font-weight:850}
.donate-paypal{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 18px;border:1px solid rgba(35,207,255,.5);border-radius:13px;background:rgba(7,35,54,.72);color:#65e8ff;text-decoration:none;font-weight:850;transition:.2s ease}
.donate-paypal:hover{transform:translateY(-2px);border-color:rgba(35,207,255,.85);background:rgba(10,51,76,.85)}
.donate-note{display:block;margin-top:14px;color:#8198ae;font-size:.72rem;line-height:1.45;text-align:center}
@media(max-width:980px){.nav a{display:inline-flex}.nav{gap:18px;flex-wrap:wrap}.topbar{height:auto;min-height:82px;padding:10px 0}}
@media(max-width:720px){.topbar{justify-content:flex-start}.nav{justify-content:flex-start;gap:10px}.nav a{display:none}.nav-donate,.nav-cta{padding:10px 14px}.donate-amounts{grid-template-columns:repeat(2,1fr)}}