*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080d16;color:#f1f5f9;font:14px Inter,Arial,sans-serif;transition:.35s}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% 10%,#17304a55,transparent 32%),radial-gradient(circle at 20% 90%,#54280d33,transparent 30%)}body.warm{background:#0d0d0d}body.warm:before{background:radial-gradient(circle at 80% 10%,#5a321b55,transparent 35%),radial-gradient(circle at 20% 90%,#2d1b0b55,transparent 35%)}button,input{font:inherit}button{cursor:pointer}#sidebar{position:fixed;left:0;top:0;bottom:0;width:255px;padding:24px 14px;background:#0b111ceF;border-right:1px solid #202b3c;z-index:10;transition:.3s;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 35px}.logo{width:39px;height:39px;border-radius:12px;background:#ff7a00;color:#111;display:grid;place-items:center;font-weight:900;font-size:22px}.brandtext b{display:block;letter-spacing:.16em}.brandtext small{color:#708096;font-size:8px;letter-spacing:.25em}.collapse{position:absolute;right:-14px;top:75px;border:1px solid #2b394d;border-radius:50%;background:#111a27;color:#fff;width:28px;height:28px}.nav{width:100%;border:0;background:none;color:#8290a4;text-align:left;padding:13px 12px;border-radius:11px;margin:3px 0;display:flex;align-items:center;gap:13px}.nav span{flex:1}.nav i{font-style:normal;background:#ff7a00;color:#111;padding:3px 6px;border-radius:6px;font-size:10px}.nav.active,.nav:hover{background:#151f2e;color:white}.nav.active{box-shadow:inset 3px 0 #ff7a00}.sidebottom{margin-top:auto}.online{border:1px solid #263247;background:#101824;border-radius:13px;padding:12px;display:flex;gap:9px;align-items:center;margin-bottom:10px}.online em{width:8px;height:8px;border-radius:50%;background:#39d27c;box-shadow:0 0 12px #39d27c}.online b,.online small{display:block}.online b{font-size:12px}.online small{font-size:9px;color:#718097;margin-top:4px}.play,.primary{border:0;background:#ff7a00;color:#111;padding:13px 17px;border-radius:11px;font-weight:800;width:100%}#sidebar.collapsed{width:82px}#sidebar.collapsed .brandtext,#sidebar.collapsed .nav span,#sidebar.collapsed .nav i,#sidebar.collapsed .online div,#sidebar.collapsed .play span{display:none}#sidebar.collapsed .nav{text-align:center;justify-content:center}main{margin-left:255px;transition:.3s}#sidebar.collapsed+main{margin-left:82px}header{height:76px;position:sticky;top:0;z-index:5;background:#080d16dd;border-bottom:1px solid #1c2737;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{color:#65748a;font-size:11px}.crumb b{margin:0 10px;color:#344257}.crumb span{color:#dbe2eb}.actions{display:flex;gap:8px}.actions button{height:38px;border:1px solid #263247;background:#111a28;color:#dbe2eb;border-radius:10px;padding:0 12px}.teamtop{display:flex;gap:8px;align-items:center}.teamtop strong{width:24px;height:24px;border-radius:8px;background:#ff7a00;color:#111;display:grid;place-items:center}.content{max-width:1400px;margin:auto;padding:42px}.page{display:none;animation:in .4s ease}.page.active{display:block}@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}label{color:#ff9135;font-size:10px;font-weight:800;letter-spacing:.17em}.hero{border:1px solid #263247;border-radius:25px;overflow:hidden;position:relative}.hero-banner{height:650px;background-image:url('assets/varion-release-banner.png');background-size:cover;background-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#060a10ef 0%,#060a10c8 37%,#060a1040 67%,#060a1000 100%),linear-gradient(0deg,#060a10aa 0%,transparent 38%)}.herotext{position:relative;z-index:2;width:59%;padding:78px 0 40px 60px}.hero h1,.banner h1,.download h1{font-size:clamp(45px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:19px 0}.hero h1 span,.banner h1 span,.download h1 span{color:#ff841c}.hero p,.banner p,.head p,.download p{color:#c0c8d3;line-height:1.7;max-width:590px}.release-chip{display:flex;gap:12px;align-items:center;margin-top:28px}.release-chip>span{font-size:28px;font-weight:900;border:1px solid #ff7a0066;background:#ff7a0018;border-radius:12px;padding:9px 13px;color:#ff9b4b}.release-chip b,.release-chip small{display:block}.release-chip b{font-size:11px;letter-spacing:.1em}.release-chip small{font-size:10px;color:#9ca9bb;margin-top:4px}.buttons{display:flex;gap:10px;margin-top:28px}.primary,.secondary{width:auto;padding:13px 18px}.secondary{border:1px solid #29384d;background:#141e2d;color:#e8edf4;border-radius:11px;font-weight:700}.hero-badge{position:absolute;z-index:2;right:38px;bottom:34px;border:1px solid #ffffff33;background:#08101ac7;backdrop-filter:blur(12px);border-radius:17px;padding:15px 18px;display:flex;align-items:end;gap:10px}.hero-badge b{font-size:38px;line-height:.8}.hero-badge span{font-size:9px;color:#aab5c3;letter-spacing:.14em}.release-strip{margin-top:14px;border:1px solid #4a3522;background:linear-gradient(90deg,#17130f,#101823);border-radius:17px;padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px}.release-strip h2{margin:6px 0 4px}.release-strip p{margin:0;color:#8492a6}.release-strip button{border:1px solid #4d3a27;background:#1a1713;color:#ff9a43;border-radius:10px;padding:12px 15px;font-weight:800;white-space:nowrap}.head{display:flex;justify-content:space-between;align-items:end;margin:65px 0 22px}.head h2,.head h1{margin:8px 0;font-size:34px}.head h1{font-size:48px}.head>button,.read{border:0;background:none;color:#ff963d;font-weight:800}.cards{display:grid;gap:14px}.three{grid-template-columns:repeat(3,1fr)}.cards article,.teamgrid article,.note,.timeline>div,.feature-highlight,.team-story{border:1px solid #263247;background:#101824;border-radius:17px;padding:24px;transition:.25s}.cards article:hover,.teamgrid article:hover{transform:translateY(-4px);border-color:#3b4b62;box-shadow:0 18px 40px #0003}.ico{width:42px;height:42px;border:1px solid #2b3a4f;background:#182334;border-radius:11px;display:grid;place-items:center;color:#ff8b2a;font-size:19px;margin-bottom:19px}.cards h3{margin:0 0 9px}.cards p{color:#8492a6;line-height:1.65;margin:0}.banner{display:flex;justify-content:space-between;align-items:center;border:1px solid #263247;border-radius:23px;padding:50px;background:linear-gradient(135deg,#101a29,#0e1521)}.number{width:175px;height:175px;border:1px solid #2c3b50;border-radius:20px;display:grid;place-items:center;font-size:70px;color:#ff7a00}.number small{font-size:9px;color:#718096;margin-top:-55px}.story{margin-top:15px}.quote{margin-top:15px;border:1px solid #4b3521;background:#151914;border-radius:17px;padding:28px;font-size:21px;line-height:1.5;color:#e6ebf1}.quote:first-letter{color:#ff7a00}.filters{display:flex;gap:7px;margin:18px 0 16px;flex-wrap:wrap}.filter{border:1px solid #263247;background:#101824;color:#8491a4;padding:9px 14px;border-radius:9px}.filter.active,.filter:hover{background:#ff7a00;color:#111}.feature-highlight{display:flex;justify-content:space-between;align-items:center;padding:28px;background:radial-gradient(circle at 85% 40%,#ff7a0022,transparent 30%),#111a26}.feature-highlight h2{margin:8px 0}.feature-highlight p{max-width:700px;color:#8492a6;line-height:1.65}.feature-counter{border-left:1px solid #2b394d;padding-left:35px;min-width:145px}.feature-counter b,.feature-counter span{display:block}.feature-counter b{font-size:38px;color:#ff8b2a}.feature-counter span{font-size:10px;color:#718096}.featurelist article{min-height:190px}.top{align-items:start}.top input{margin-top:25px;width:240px;background:#101824;border:1px solid #263247;border-radius:10px;color:white;padding:12px;outline:0}.news{display:grid;gap:13px}.news article{display:grid;grid-template-columns:250px 1fr;border:1px solid #263247;background:#101824;border-radius:17px;overflow:hidden}.news .release-news{border-color:#6a4424;box-shadow:0 0 0 1px #ff7a0011 inset}.cover{display:grid;place-items:center;font-size:55px;background:linear-gradient(135deg,#202d40,#111823)}.cover.ui{background:linear-gradient(135deg,#16334a,#101923)}.cover.next{background:linear-gradient(135deg,#30251a,#101923)}.release-cover{background:linear-gradient(135deg,#4b2914,#101923);position:relative}.release-cover b{font-size:76px;color:#ff8d2d}.release-cover span{position:absolute;top:18px;left:20px;font-size:12px;font-weight:800;color:#ffb36c;letter-spacing:.1em}.news article>div:last-child{padding:24px}.news h3{font-size:21px;margin:9px 0}.news p{color:#8492a6;line-height:1.6}.person-card{display:flex;gap:20px;align-items:center}.person-photo{width:110px;height:110px;min-width:110px;border-radius:22px;overflow:hidden;background:#151e2c;border:1px solid #2b394d}.person-photo img{width:100%;height:100%;object-fit:cover}.person-card:first-child .person-photo img{object-position:center}.person-card:nth-child(2) .person-photo img{object-position:center 25%}.teamgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.teamgrid h2{margin:7px 0}.teamgrid p{color:#8492a6;line-height:1.6;font-size:12px}.team-story{margin-top:14px;display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#111a26,#15140f)}.team-mark{width:62px;height:62px;border-radius:17px;background:#ff7a00;color:#111;display:grid;place-items:center;font-size:32px;font-weight:900}.team-story h2{margin:8px 0}.team-story p{color:#8492a6;line-height:1.6;max-width:800px}.timeline{border-left:1px solid #2d3b4f;margin-left:18px}.timeline>div{border-radius:0 14px 14px 0;border-left:0;margin:0 0 3px;display:grid;grid-template-columns:45px 1fr auto;gap:18px;align-items:center}.timeline b{color:#637289}.timeline span strong,.timeline span small{display:block}.timeline small{color:#77869a;margin-top:5px}.timeline em{font-style:normal;font-size:9px;color:#718096}.timeline .current{background:#151d29;border-color:#6b431f}.timeline .current em{color:#ff963d}.download{border:1px solid #4b3520;border-radius:24px;padding:70px;background:radial-gradient(circle at 80% 20%,#ff7a0025,transparent 30%),#111821}.release-date{margin-top:28px;display:inline-flex;gap:14px;align-items:center;border:1px solid #4b3a2b;background:#0a1119;border-radius:12px;padding:13px 16px}.release-date b{font-size:22px;color:#ff9339}.release-date small{font-size:9px;color:#718096;letter-spacing:.1em}.faq{margin-top:35px}.faq details{border:1px solid #263247;background:#101824;border-radius:11px;padding:16px 18px;margin:7px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{color:#8492a6;line-height:1.6}footer{margin-top:50px;padding:24px 0;border-top:1px solid #1c2737;color:#58677b;font-size:10px;display:flex;justify-content:space-between}#modal{display:none;position:fixed;inset:0;background:#000a;backdrop-filter:blur(7px);z-index:30;place-items:center}#modal.open{display:grid}.modalbox{width:min(550px,90%);background:#101824;border:1px solid #35455a;border-radius:19px;padding:32px;position:relative}.modalbox #close{position:absolute;right:15px;top:12px;border:0;background:none;color:#8997aa;font-size:27px}.modalbox h2{font-size:29px}.modalbox p{color:#8c99ab;line-height:1.8}.modalbox .secondary{margin-top:15px}#toast{position:fixed;right:22px;bottom:22px;background:#172334;border:1px solid #35455a;padding:12px 15px;border-radius:10px;transform:translateY(80px);opacity:0;transition:.25s;z-index:50}#toast.show{transform:none;opacity:1}@media(max-width:900px){#sidebar{width:82px}#sidebar .brandtext,#sidebar .nav span,#sidebar .nav i,#sidebar .online div,#sidebar .play span{display:none}#sidebar .nav{text-align:center;justify-content:center}main{margin-left:82px}.content{padding:22px}.hero-banner{height:700px;background-position:58% center}.herotext{width:100%;padding:45px 30px}.hero-overlay{background:linear-gradient(90deg,#060a10f2 0%,#060a10bd 58%,#060a1040 100%),linear-gradient(0deg,#060a10cc 0%,transparent 50%)}.three,.teamgrid{grid-template-columns:1fr}.news article{grid-template-columns:1fr}.cover{height:150px}.banner{padding:35px}.number{display:none}.feature-counter{padding-left:20px;min-width:115px}}@media(max-width:560px){header{padding:0 15px}.teamtop{font-size:0}.teamtop strong{font-size:14px}.content{padding:14px}.hero{border-radius:18px}.hero-banner{height:690px;background-position:60% center}.herotext{padding:32px 22px}.hero h1,.banner h1,.download h1{font-size:44px}.buttons{flex-direction:column}.primary,.secondary{width:100%}.stats{gap:15px;flex-wrap:wrap}.head{flex-direction:column;align-items:start;gap:12px}.head input{width:100%!important}.download{padding:40px 25px}.timeline>div{grid-template-columns:30px 1fr}.timeline em{display:none}.release-strip{align-items:start;flex-direction:column}.feature-highlight{align-items:start;flex-direction:column}.feature-counter{border-left:0;border-top:1px solid #2b394d;padding:15px 0 0;margin-top:10px}.person-card{align-items:flex-start;flex-direction:column}.person-photo{width:100%;height:220px}.team-story{align-items:flex-start;flex-direction:column}.release-date{align-items:flex-start;flex-direction:column}}