@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#080a0f;--fg:#f0f2f5;--muted:#9298a8;--lime:#bc91ff;--line:#252a34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.header{height:96px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:3px;font-weight:700}.brand-icon{display:inline-grid;place-items:center;background:var(--lime);color:#080a0f;width:32px;height:32px;font-size:25px;letter-spacing:-5px;padding-right:5px;transform:skew(-9deg);font-weight:700}.brand-dot{font-size:10px;align-self:flex-start;margin-left:-7px}nav{display:flex;align-items:center;gap:42px;font-size:13px}nav>a:first-child{color:#bdc1cb}.nav-download{display:flex;gap:26px}.nav-download span{color:var(--lime)}.hero{max-width:1440px;margin:auto;min-height:680px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:center}.hero-image{position:absolute;inset:0 0 0 37%;background:url('assets/nebula-sky.png') center 44%/cover no-repeat;opacity:.9}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080a0f 8%,rgba(8,10,15,.96) 27%,rgba(8,10,15,.64) 48%,rgba(8,10,15,.02) 82%),linear-gradient(0deg,#080a0f 0%,transparent 28%)}.hero-content{position:relative;padding:65px 6% 105px;width:100%;z-index:1}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:10px}.status-dot{height:6px;width:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #bc91ff66}.hero h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(70px,7.9vw,116px);font-weight:700;letter-spacing:-1px;line-height:.99;margin:30px 0 24px;max-width:780px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-description{max-width:390px;color:#adb3c1;line-height:1.8;font-size:14px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:0 24px;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.primary{background:var(--lime);color:#160b25}.button svg{width:17px;height:17px}.button>span{margin-left:14px;font-size:19px}.text-link{font-size:12px;display:flex;gap:14px}.hosting-note{font-size:8px;letter-spacing:1.5px;color:#7f8798;margin-top:16px}.hosting-note span{padding:0 9px}.hero-caption{position:absolute;bottom:29px;right:6%;display:flex;align-items:center;gap:18px;width:40%;font-size:10px;font-weight:700;letter-spacing:1.5px}.crosshair{font-size:28px;color:var(--lime);font-weight:400}.hero-caption small{display:block;margin-top:7px;font-size:7px;color:#8e98a9;letter-spacing:1.3px}.caption-line{height:1px;background:#3a4552;flex:1}.caption-number{font-size:9px;color:#9aabbd;white-space:nowrap}.section{max-width:1440px;margin:auto;padding:80px 6%}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.muted{color:var(--muted)}h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:48px;line-height:1.05;letter-spacing:-.4px;margin:16px 0 0}.section-top>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 3px}.cards{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.feature-card{min-width:0}.image-button{width:100%;height:440px;padding:0;border:1px solid #2d3542;background:#0c101b;position:relative;cursor:zoom-in;overflow:hidden;display:block}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.sky-card .image-button img{object-position:50% 42%}.skins-card .image-button img{object-fit:contain;background:#080d20}.image-label{position:absolute;top:18px;left:18px;padding:8px 10px;background:#080a0fd9;font-size:8px;letter-spacing:1.5px;color:#e0e4eb;border:1px solid #ffffff22}.expand{position:absolute;bottom:16px;right:16px;width:34px;height:34px;background:#0b1019c9;border:1px solid #ffffff44;color:#fff;display:grid;place-items:center;font-size:20px}.card-info{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 0}.card-info .eyebrow{font-size:8px;margin:0 0 12px}h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.4px}.card-info p:last-child{color:var(--muted);font-size:12px;margin:10px 0 0}.card-symbol{font-size:30px;color:#596274}.preview-note{font-size:10px;color:#767f90;margin:20px 0 0}.download-section{position:relative;overflow:hidden;background:#120c1b;border-top:1px solid #39264e;border-bottom:1px solid #39264e;display:flex;align-items:center;justify-content:space-between;min-height:320px}.download-section .eyebrow{color:var(--lime)}.download-section h2{font-size:60px}.download-section p:not(.eyebrow){font-size:12px;color:#b3a6c6;margin-top:20px}.download-action{position:relative;display:flex;flex-direction:column;gap:15px;text-align:center}.download-action>span{font-size:8px;letter-spacing:1.5px;color:#aa98bf}.download-orbit{position:absolute;font-size:350px;line-height:1;color:#bc91ff06;left:43%;top:15px;pointer-events:none}footer{max-width:1440px;margin:auto;padding:36px 6%;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:12px;letter-spacing:2px}footer .brand-icon{width:24px;height:24px;font-size:18px}footer p,footer>a:last-child{font-size:10px;color:#868f9e}dialog{border:1px solid #3c4657;background:#0c1019;color:var(--fg);padding:20px;max-width:min(92vw,760px);max-height:94vh}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px}.dialog-top h2{font:500 16px 'DM Sans',Arial;margin:0}.close{border:1px solid #3b4350;background:transparent;color:#fff;width:34px;height:34px;cursor:pointer}dialog>img{display:block;max-width:100%;max-height:73vh;margin:auto;object-fit:contain}dialog>p{font-size:10px;color:var(--muted);text-align:center}
@media(min-width:1500px){.hero h1{font-size:116px}}@media(max-width:900px){.hero{min-height:630px}.hero h1{font-size:82px}.hero-image{left:20%}.hero-caption{width:45%}.hero-actions{gap:20px}.cards{grid-template-columns:1fr 1fr;gap:20px}.image-button{height:360px}.card-info h3{font-size:17px}.section{padding-top:60px;padding-bottom:60px}.section-top h2{font-size:40px}.download-section h2{font-size:54px}}
@media(max-width:600px){.header{height:76px;padding:0 6%}.brand{font-size:15px;gap:9px;letter-spacing:2px}.brand-icon{width:27px;height:27px;font-size:22px}nav{gap:0}nav>a:first-child{display:none}.nav-download{gap:12px;font-size:11px}.hero{min-height:700px;align-items:start}.hero-image{inset:0;opacity:.65;background-position:56% 58%}.hero-shade{background:linear-gradient(90deg,#080a0fe8,#080a0f55),linear-gradient(0deg,#080a0f,transparent 50%)}.hero-content{padding:66px 6% 90px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:70px;margin:32px 0 24px}.hero-description{font-size:13px;max-width:300px}.hero-actions{align-items:start;flex-direction:column;gap:24px}.hosting-note{margin-top:22px;font-size:7px}.hero-caption{width:88%;bottom:24px;right:6%}.section{padding:49px 6%}.section-top{display:block;margin-bottom:28px}.section-top h2{font-size:39px}.section-top>p{margin-top:18px}.section-top>p br{display:none}.cards{grid-template-columns:1fr;gap:32px}.image-button{height:auto;aspect-ratio:4/4.7}.skins-card .image-button{aspect-ratio:503/640}.card-info{padding:22px 0}.card-info h3{font-size:20px}.preview-note{margin-top:23px}.download-section{display:block}.download-section h2{font-size:58px}.download-action{align-items:start;margin-top:30px}.download-action>span{padding-left:14px}.download-orbit{left:30%;top:60px}footer{flex-wrap:wrap;gap:23px;padding:30px 6%}footer p{display:none}footer>a:last-child{font-size:9px}}
.brand-icon{border-radius:10px;transform:none;letter-spacing:0;padding-right:0}.header{border-radius:0 0 24px 24px}.hero{border-radius:0 0 36px 36px}.button{border-radius:999px}.nav-download{border:1px solid var(--line);border-radius:999px;padding:12px 18px}.image-button{border-radius:24px}.image-label{border-radius:999px}.expand{border-radius:50%}.card-info{border-radius:0 0 20px 20px}.download-section{border-radius:32px}.close{border-radius:50%}dialog{border-radius:24px}dialog>img{border-radius:16px}.brand-dot{display:none}.text-link{border-radius:999px}footer{border-radius:24px}
.tutorial{padding-top:0}.tutorial-player{border:1px solid #39264e;border-radius:24px;overflow:hidden;background:#050307;box-shadow:0 12px 50px #0003}.tutorial-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;accent-color:var(--lime)}.tutorial-player video:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}.tutorial-caption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;line-height:1.7;margin-top:14px}.tutorial-caption span{font-size:9px;letter-spacing:1px;white-space:nowrap}.tutorial-link{position:relative;color:var(--lime);margin-top:20px;display:inline-flex}@media(max-width:600px){.tutorial{padding-top:0}.tutorial-player{border-radius:18px}.tutorial-caption{display:block}.tutorial-caption p{margin-bottom:8px}.tutorial-caption span{font-size:8px}}
.extra-previews{margin-top:36px}.extra-previews .image-button{height:auto;aspect-ratio:4/3}.extra-previews .image-button img{object-fit:contain;background:#050307}@media(max-width:600px){.extra-previews{margin-top:32px}}
/* Keep hover feedback on devices with a precise pointer to avoid sticky touch states. */
.button,.image-button,.close{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
.brand,.text-link,nav a,footer>a:last-child,.card-symbol{transition:color .2s}
.expand{transition:background-color .2s,border-color .2s,color .2s}
.card-info{transition:border-color .2s}
.button:focus-visible{background:#d4b7ff;box-shadow:0 0 0 5px #bc91ff1a}
.image-button:focus-visible{border-color:var(--lime);box-shadow:0 0 28px #bc91ff24}
.image-button:focus-visible .expand{background:var(--lime);border-color:var(--lime);color:#160b25}
.feature-card:focus-within .card-info{border-color:#77559f}
.feature-card:focus-within .card-symbol,.text-link:focus-visible,nav a:focus-visible,.brand:focus-visible,footer>a:last-child:focus-visible{color:var(--lime)}
.nav-download:focus-visible,.close:focus-visible{background:#bc91ff1a;border-color:var(--lime)}
@media(hover:hover) and (pointer:fine){
  .button:hover{transform:translateY(-2px);background:#d4b7ff;box-shadow:0 6px 26px #bc91ff28}
  .image-button:hover{border-color:var(--lime);box-shadow:0 0 28px #bc91ff24}
  .sky-card .image-button:hover img{transform:scale(1.025)}
  .image-button:hover .expand{background:var(--lime);border-color:var(--lime);color:#160b25}
  .feature-card:hover .card-info{border-color:#77559f}
  .feature-card:hover .card-symbol,.text-link:hover,nav a:hover,.brand:hover,footer>a:last-child:hover{color:var(--lime)}
  .nav-download:hover,.close:hover{background:#bc91ff1a;border-color:var(--lime)}
}
.button:active{transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover,.sky-card .image-button:hover img{transform:none}}