/*
Copyright (c) 2026 Tidal Client (iitzrob). All rights reserved.
This website and its source code are proprietary. You may view them in a browser, but you may not copy, modify, redistribute, publish, or create derivative works from any part of them without written permission from the owner.
You may not feed this code or its content into any AI or machine-learning tool to rewrite, modify, clone, or train on it. Unauthorized use may be reported and removed under copyright law (DMCA).
Tidal Client is not affiliated with Mojang or Microsoft.
*/
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");
:root{--bg:#050f1a;--bg2:#081827;--card:#0b1f31;--fg:#eaf4fa;--mute:#8aa8bb;--blue:#22d3ee;--blue2:#38a8f8;--deep:#0b6fb8;--line:rgba(140,200,235,.14);--r:18px;color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--fg);font:16px/1.6 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
#load{display:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}
/* nav */
nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 clamp(18px,4vw,40px);height:68px;transition:background .25s,border-color .25s;border-bottom:1px solid transparent}
nav.solid,body:not([data-page=home]) nav{background:rgba(5,15,26,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em}
.brand svg{width:30px;height:30px}
.nlinks{display:flex;gap:2px;margin-left:12px}
.nlinks a{padding:8px 14px;border-radius:10px;font-size:15px;font-weight:600;color:#b9d0de;transition:.15s}
.nlinks a:hover,.nlinks a.on{color:#fff;background:rgba(255,255,255,.07)}
.links{margin-left:auto;display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:12px;border:1px solid rgba(255,255,255,.2);font-size:15px;font-weight:700;color:#fff;transition:transform .12s,background .15s,box-shadow .2s;cursor:pointer}
.btn:hover{background:rgba(255,255,255,.09)}.btn:active{transform:scale(.97)}
.btn.pri{background:linear-gradient(180deg,#3fe0f5,#1fb4e8);border-color:transparent;color:#02202c;box-shadow:0 8px 28px -8px rgba(34,211,238,.7)}
.btn.pri:hover{box-shadow:0 10px 34px -6px rgba(34,211,238,.9);filter:brightness(1.06)}
.btn.sm{padding:8px 16px;font-size:14px;border-radius:10px}
.btn.lg{padding:15px 30px;font-size:17px;border-radius:14px}
.btn.off,.btn.off:hover{opacity:.55;cursor:not-allowed;background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none;transform:none;filter:none}
/* hero */
.hero{position:relative;padding:150px 0 0;text-align:center;overflow:hidden;background:#061a2e}
.hero:before{content:"";position:absolute;inset:0;background:url(img/sky3.jpg) center 30%/cover;opacity:.9}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,26,.55) 0%,rgba(6,32,56,.35) 35%,rgba(5,15,26,.92) 82%,var(--bg) 100%)}
.hero>*{position:relative;z-index:1}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:99px;background:rgba(5,20,34,.55);border:1px solid rgba(140,210,245,.3);font-size:13.5px;font-weight:700;color:#cfeefb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.pill i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 10px #4ade80}
h1{font-size:clamp(44px,7.6vw,92px);line-height:1.02;letter-spacing:-.045em;font-weight:800;margin:22px auto 20px;max-width:980px;text-shadow:0 4px 40px rgba(2,12,22,.5)}
h1 em{font-style:normal;white-space:nowrap;background:linear-gradient(90deg,#7df3ff,#22b4f5 60%,#3b8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:clamp(17px,2vw,21px);max-width:620px;margin:0 auto 34px;color:#d3e8f4;text-shadow:0 2px 20px rgba(2,12,22,.6)}
.row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.fine{margin-top:16px;font-size:13.5px;color:#a9c7d8}
.stage{margin:64px auto 0;max-width:1000px;position:relative}
.stage:before{content:"";position:absolute;inset:8% -6% -10%;background:radial-gradient(60% 60% at 50% 40%,rgba(34,211,238,.35),transparent 70%);filter:blur(30px);z-index:-1}
.win{border-radius:16px 16px 0 0;border:1px solid rgba(160,220,250,.25);border-bottom:0;background:#04111d;overflow:hidden;box-shadow:0 -10px 80px -10px rgba(34,211,238,.25),0 30px 80px rgba(0,0,0,.5)}
.win .bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#081c2d;border-bottom:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--mute)}
.win .bar i{width:11px;height:11px;border-radius:50%;background:#1d3a52}.win .bar span{margin-left:10px}.win .bar b{margin-left:auto;font-weight:600;color:#5d8099}
.demo{display:block;width:100%;aspect-ratio:16/10;border:0;background:#061320}
.tip{position:absolute;right:-6px;top:-44px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#cfeefb;transform:rotate(3deg)}
.tip svg{width:34px;height:34px;stroke:#7df3ff}
/* strip */
.strip{border-block:1px solid var(--line);background:var(--bg2)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.strip div.s{padding:30px 10px;text-align:center;border-left:1px solid var(--line)}.strip div.s:first-child{border-left:0}
.strip b{display:block;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.03em;color:#fff}.strip b u{text-decoration:none;color:var(--blue)}
.strip span{font-size:14px;color:var(--mute);font-weight:600}
/* feature rows */
section{position:relative}
.feat{padding:110px 0 30px}
.fr{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,6vw,80px);align-items:center;margin-bottom:110px}
.fr.rev{grid-template-columns:1.1fr 1fr}.fr.rev .tx{order:2}
.kick{font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
h2{font-size:clamp(32px,4.4vw,52px);line-height:1.06;letter-spacing:-.035em;margin:0 0 16px;font-weight:800}
.tx p{color:var(--mute);font-size:17.5px;margin:0 0 22px;max-width:480px}
.ticks{list-style:none;padding:0;margin:0 0 6px;display:grid;gap:10px}
.ticks li{display:flex;gap:12px;font-weight:600;color:#cfe3ee;font-size:15.5px}
.ticks li:before{content:"";flex:none;width:20px;height:20px;margin-top:2px;border-radius:50%;background:rgba(34,211,238,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' stroke='%2322d3ee' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/cover}
.vis{position:relative;border-radius:22px;border:1px solid var(--line);background:linear-gradient(160deg,#0c2438,#071522);padding:clamp(18px,3vw,30px);overflow:hidden;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.vis:before{content:"";position:absolute;right:-20%;top:-30%;width:70%;height:80%;background:radial-gradient(closest-side,rgba(34,211,238,.18),transparent);pointer-events:none}
/* fps visual */
.lv{display:grid;gap:11px;position:relative}
.lv div{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center;font-size:14px;font-weight:700}
.lv small{display:block;font-weight:500;color:var(--mute);font-size:12.5px;margin-top:1px}
.lv i{display:block;height:46px;border-radius:11px;background:linear-gradient(90deg,#0d5f9a,var(--blue));position:relative;display:flex;align-items:center;padding:0 14px;font-style:normal;font-size:13px;font-weight:700;color:#02202c;white-space:nowrap}
.lv .l1 i{width:34%;background:linear-gradient(90deg,#1b6fa6,#2aa6d8)}.lv .l2 i{width:52%}.lv .l3 i{width:74%}.lv .l4 i{width:100%}.lv .l0 i{width:18%;background:#1b3347;color:#8aa8bb}
.lv .l4 i{background:linear-gradient(90deg,#3b8cff,#7df3ff);box-shadow:0 0 30px -4px rgba(34,211,238,.7)}
.badge{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:99px;background:#02202c33;font-size:11px;font-weight:800;letter-spacing:.06em}
/* module chips */
.chips{display:flex;flex-wrap:wrap;gap:8px;position:relative}
.chips span{padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:13.5px;font-weight:700;color:#bcd5e3}
.chips span.on{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.4);color:#fff}
.chips span b{color:var(--blue);margin-right:7px;font:800 10.5px ui-monospace,Consolas,monospace;letter-spacing:.04em}
/* sky grid */
.skies{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.skies figure{margin:0;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--line)}
.skies img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.skies figure:hover img{transform:scale(1.06)}
.skies figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 10px;background:linear-gradient(transparent,rgba(2,10,18,.85));font-size:14px;font-weight:800}
/* mod cards */
.mc{display:grid;gap:10px;position:relative}
.mc div{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid var(--line)}
.mc i{width:42px;height:42px;border-radius:11px;flex:none;background:linear-gradient(135deg,#22d3ee,#3b8cff)}
.mc b{display:block;font-size:15px}.mc span{font-size:12.5px;color:var(--mute);font-weight:500}
.mc u{margin-left:auto;text-decoration:none;font-size:12px;font-weight:800;padding:5px 12px;border-radius:8px;background:rgba(34,211,238,.16);color:var(--blue)}
.mc u.d{background:rgba(255,255,255,.07);color:var(--mute)}
/* chat visual */
.chat{display:grid;gap:10px;position:relative;font-size:14px;font-weight:600}
.chat p{margin:0;padding:10px 15px;border-radius:16px;max-width:78%;background:rgba(255,255,255,.07)}
.chat p.me{margin-left:auto;background:linear-gradient(135deg,#1fb4e8,#3b8cff);color:#02202c}
.chat .who{display:flex;align-items:center;gap:10px;padding:4px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.chat .who i{width:32px;height:32px;border-radius:8px;background:#c28a55}.chat .who em{width:8px;height:8px;border-radius:50%;background:#4ade80;margin-left:auto}
/* cta */
.cta{margin:20px 0 0;padding:110px 0;text-align:center;position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;inset:0;background:url(img/sky2.jpg) center/cover}
.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg),rgba(5,15,26,.55) 30%,rgba(5,15,26,.7) 70%,var(--bg))}
.cta .wrap{position:relative;z-index:1}
.cta h2{font-size:clamp(36px,5.4vw,64px);max-width:720px;margin:0 auto 14px}
.cta p{color:#c8dfec;max-width:480px;margin:0 auto 30px;font-size:18px}
/* footer */
.ft{padding:60px clamp(18px,4vw,40px) 36px;border-top:1px solid var(--line);background:#030b13;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;font-size:14.5px}
.ft h6{margin:0 0 14px;font-size:12px;letter-spacing:.14em;font-weight:800;color:#5d8099}
.ft a{display:block;margin-bottom:9px;color:#b9d0de;font-weight:500}.ft a:hover{color:var(--blue)}
.ft .b{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.02em}.ft .b svg{width:26px;height:26px}
.ft p{margin:12px 0 0;color:#5d8099;max-width:280px;font-size:13.5px}
/* sub pages */
main{max-width:900px;margin:0 auto;padding:0 clamp(18px,4vw,32px)}
.pgh{padding:140px 0 34px}.pgh h1{font-size:clamp(38px,6vw,64px);margin:0 0 8px;max-width:none;text-align:left;text-shadow:none}.pgh p{margin:0;color:var(--mute);font-size:18px}.pgh p a{color:var(--blue)}
.dgrid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin-bottom:16px}
.box2{background:linear-gradient(160deg,#0c2438,#081827);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.box2 h3{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.02em}.box2>p{margin:0 0 20px;color:var(--mute);font-size:15px}
.steps{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}
.steps li{display:flex;gap:14px;color:#bcd5e3;font-size:15.5px;font-weight:500;align-items:center}
.steps b{flex:none;width:30px;height:30px;border-radius:9px;background:rgba(34,211,238,.16);color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:14px}
.os{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 90px}
.os .box2 h3{font-size:19px}.os .box2>p{margin-bottom:14px}
.soon{display:block;text-align:center;padding:10px;border:1px dashed var(--line);border-radius:10px;color:var(--mute);font-size:14px;font-weight:700}
.os .btn{display:flex}
.faq{max-width:700px;margin-bottom:90px}
.faq details{border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin-bottom:10px;background:#0a1d2e}
.faq details[open]{border-color:rgba(34,211,238,.4)}
.faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";color:var(--blue);font-size:20px;line-height:1}.faq details[open] summary:after{content:"–"}
.faq details p{margin:12px 0 0;color:var(--mute);font-size:15.5px}
.doc{background:#0a1d2e;border:1px solid var(--line);border-radius:var(--r);padding:clamp(24px,4vw,44px);margin:130px 0 80px}
.doc h1{font-size:clamp(30px,5vw,42px);margin:0 0 4px;max-width:none;text-align:left;text-shadow:none;letter-spacing:-.03em}
.up{color:var(--mute);font-size:13.5px;margin-bottom:24px}
.doc h3{margin:28px 0 4px;font-size:18px;font-weight:800}
.doc p,.doc li{color:#bcd5e3;font-size:15.5px}.doc ul{padding-left:20px}
.doc a.l{color:var(--blue)}
/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:860px){
 .nlinks{display:none}
 .fr,.fr.rev{grid-template-columns:1fr;margin-bottom:80px}.fr.rev .tx{order:0}
 .strip .wrap{grid-template-columns:1fr 1fr}.strip div.s:nth-child(3){border-left:0}.strip div.s{border-top:1px solid var(--line)}.strip div.s:nth-child(-n+2){border-top:0}
 .dgrid,.os{grid-template-columns:1fr}.ft{grid-template-columns:1fr 1fr}.tip{display:none}
 .hero{padding-top:120px}.stage{margin-top:44px}
}

/* round 2: flatter, quieter */
h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.035em;max-width:760px;text-shadow:none;margin:0 auto 18px}
.hero{padding-top:170px}
.hero:after{background:linear-gradient(180deg,rgba(5,15,26,.5) 0%,rgba(5,15,26,.25) 40%,rgba(5,15,26,.9) 85%,var(--bg) 100%)}
.hero .sub{font-size:19px;text-shadow:none;max-width:480px}
.btn{border-radius:8px}.btn.lg{border-radius:8px;padding:14px 28px;font-size:16px}
.btn.pri{background:#22b8f0;box-shadow:none}.btn.pri:hover{background:#4cc9f7;filter:none;box-shadow:none}
.stage:before{display:none}
.win{border-radius:10px 10px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.vis{border-radius:10px;background:#0a1c2c;box-shadow:none}.vis:before{display:none}
.skies figure,.mc div,.chips span{border-radius:8px}
.mc i{border-radius:8px}
.lv i{border-radius:6px}.lv .l4 i{box-shadow:none}
.chat p{border-radius:12px}
.fr{margin-bottom:100px}
.feat{padding:90px 0 10px}
h2{font-size:clamp(30px,3.6vw,44px);letter-spacing:-.03em;margin-bottom:12px}
.tx p{margin-bottom:0}
.cta{padding:100px 0}
.cta h2{font-size:clamp(34px,4.6vw,54px)}
.cta p{margin-bottom:26px}
.box2,.faq details,.doc{border-radius:10px}
@media(max-width:600px){.win .bar b{display:none}.win .bar{font-size:11px;padding:8px 12px}}