:root{color-scheme:dark;--bg:#101112;--panel:#191b1d;--line:#2b2d30;--muted:#a6a9af;--orange:#ff8738;--white:#f5f5f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-.8px}.brand-mark{font-size:23px;font-style:italic;color:var(--orange);letter-spacing:-3px;font-weight:900}.brand-mark span{margin-left:3px}nav{display:flex;gap:32px;font-size:14px;color:#c5c7ca}nav a:hover{color:var(--orange)}.header-actions{display:flex;gap:22px;align-items:center}.language{display:flex;gap:6px;align-items:center}select{border:0;background:transparent;color:var(--white);font-size:14px;padding:7px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--orange);color:#161210;border:1px solid var(--orange);border-radius:5px;font-weight:700;padding:15px 26px;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#ff9e5e;transform:translateY(-2px)}.small{padding:9px 19px;font-size:14px}.primary{font-size:17px;padding:17px 27px}.primary>span:first-child:not(:last-child){font-size:23px;line-height:1}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding-top:72px;padding-bottom:74px;align-items:center}.eyebrow{color:var(--orange);font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:23px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:8px}h1{font-size:79px;line-height:.98;letter-spacing:-4px;margin:0 0 24px}h1>span{display:block;font-size:44px;line-height:1.13;letter-spacing:-1.8px;margin-top:13px;font-weight:600}.hero-copy p{color:var(--muted);max-width:430px;margin:0 0 28px;line-height:1.75}.micro{font-size:12px;color:var(--muted);margin-top:16px;letter-spacing:.2px}.hero-visual{position:relative;border:1px solid #444;box-shadow:0 25px 70px #0007;transform:rotate(-2deg);border-radius:7px;overflow:visible;background:#191b1d}.hero-visual img{display:block;width:100%;height:325px;object-fit:cover;filter:saturate(.75)}.visual-top{display:flex;justify-content:space-between;padding:12px 17px;font-size:10px;letter-spacing:1.4px;color:#b7b9bd}.visual-bottom{display:flex;align-items:center;gap:14px;padding:17px 19px;font-size:12px;line-height:1.4}.visual-bottom strong{font-size:17px}.crosshair{color:var(--orange);font-size:35px}.visual-tag{margin-left:auto;font-size:9px;letter-spacing:1px;color:#93969b}.floating-label{position:absolute;bottom:-22px;right:22px;background:var(--orange);color:#191513;font-size:10px;font-weight:800;letter-spacing:1px;padding:13px 20px;transform:rotate(2deg)}.floating-label span{border-right:1px solid #a85623;padding-right:12px;margin-right:12px}.strip{border-block:1px solid var(--line);background:#151719}.strip .wrap{display:flex;justify-content:space-between;padding-block:20px;color:#aaaeb3;font-size:11px;letter-spacing:2px;font-weight:700}.server-section{display:grid;grid-template-columns:.8fr 1.3fr;gap:75px;padding-top:100px;padding-bottom:30px;align-items:center}h2{font-size:44px;line-height:1.12;letter-spacing:-1.7px;margin:0 0 23px}p{color:var(--muted)}.section-copy p{max-width:365px}.checks{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;font-size:13px;color:#cacbd0}.checks li:before{content:'✓';color:var(--orange);margin-right:9px}.browser{border:1px solid #34373b;border-radius:8px;background:#191b1e;overflow:hidden;box-shadow:0 20px 60px #0003}.browser-heading{display:flex;align-items:center;gap:15px;padding:20px;font-size:14px}.demo{margin-left:auto;font-size:9px;letter-spacing:1px;color:#93979d}.browser-tabs{display:flex;gap:25px;padding:0 22px;border-bottom:1px solid var(--line);font-size:12px;color:#999}.browser-tabs span{padding:8px 0 12px}.browser-tabs .active{border-bottom:2px solid var(--orange);color:var(--orange)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#92979e;font-weight:400;padding:15px 16px;background:#1e2023}td{padding:14px 16px;border-bottom:1px solid #2b2d30;white-space:nowrap}td:first-child{font-weight:600}td small{display:block;font-size:10px;font-weight:400;color:#999;margin-left:18px}td i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8cb891;margin-right:6px}.ping{color:#9fbe86}.browser-foot{display:flex;justify-content:space-between;padding:15px 18px;font-size:10px;color:#969a9f}.section{padding-top:90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2{margin-bottom:0}.section-head p{font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:7px;transition:border-color .2s,transform .2s}.feature-grid article:hover{border-color:#825134;transform:translateY(-4px)}.icon{display:inline-flex;width:40px;height:40px;background:#ff873810;color:var(--orange);font-size:26px;align-items:center;justify-content:center;border:1px solid #ff873825;border-radius:6px}h3{font-size:18px;margin:20px 0 8px}.feature-grid p{font-size:14px;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shot{border:0;text-align:left;background:transparent;color:var(--white);cursor:pointer;padding:0;min-width:0}.shot-image{position:relative;overflow:hidden;border:1px solid #373b40;border-radius:6px}.shot img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .4s,filter .4s;filter:saturate(.8)}.shot:hover img{transform:scale(1.04);filter:saturate(1)}.zoom{position:absolute;right:12px;bottom:12px;background:#111d;border:1px solid #ffffff40;border-radius:5px;padding:2px 10px;font-size:20px}.shot-label{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}.shot-label span:last-child{color:#7e848d;font-size:11px}.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mode{position:relative;overflow:hidden;border-radius:6px;border:1px solid var(--line);height:165px;display:flex;align-items:flex-end;padding:20px;background:#212225}.mode img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;filter:saturate(.65);transition:transform .4s}.mode:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#090a0ce6)}.mode:hover img{transform:scale(1.06)}.mode div{z-index:1}.mode small{color:var(--orange);font-size:10px;letter-spacing:1px}.mode h3{margin:3px 0 0}.countries{text-align:center;padding-top:110px;padding-bottom:100px}.countries h2{font-size:42px}.country-list{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:30px 0 20px}.country-list span{background:#191b1d;border:1px solid var(--line);padding:9px 16px;border-radius:5px;font-size:13px}.countries p{font-size:13px}.cta{text-align:center;padding-top:65px;padding-bottom:65px;background:radial-gradient(ellipse at top,#ff873811,transparent 70%),#191b1d;border:1px solid #45403b;border-radius:10px;position:relative}.cta:before{content:'';position:absolute;top:-1px;width:90px;height:3px;background:var(--orange);left:calc(50% - 45px)}.cta h2{font-size:54px}.cta p{margin-bottom:27px}.cta .eyebrow{margin-bottom:20px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:65px!important;padding-bottom:35px!important}footer p{font-size:12px;margin:9px 0}footer small{font-size:11px;color:#858991}dialog{border:1px solid #51555b;background:#17191b;color:var(--white);border-radius:10px;padding:30px;max-width:min(1000px,94vw);max-height:94vh}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}#lightbox img{display:block;max-width:100%;max-height:76vh;object-fit:contain}dialog .close{display:block;margin:0 0 15px auto;border:0;background:#333;color:white;font-size:25px;width:40px;height:40px;border-radius:5px;cursor:pointer}#notice{max-width:480px}#notice h2{font-size:28px}.skip{position:fixed;top:-80px;background:var(--orange);color:black;padding:10px;z-index:10}.skip:focus{top:0}.reveal{animation:reveal .7s both}@keyframes reveal{from{opacity:.6;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1600px){.hero{padding-top:95px;padding-bottom:95px}}@media(max-width:1000px){.wrap{padding-left:25px;padding-right:25px}.hero{gap:30px}h1{font-size:65px}h1>span{font-size:35px}.hero-visual img{height:295px}.visual-tag{display:none}.server-section{gap:30px}.checks{grid-template-columns:1fr}.table-scroll{overflow:auto}.modes{grid-template-columns:repeat(4,1fr)}footer nav{gap:16px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.header{height:80px;gap:10px}.header nav{display:none}.brand{font-size:20px}.header-actions{gap:12px}.small{padding:8px 12px}.hero{grid-template-columns:1fr;gap:48px;padding-top:43px;padding-bottom:55px}h1{font-size:64px}h1>span{font-size:36px}.hero-copy p{font-size:15px}.hero-visual{margin:0 7px}.hero-visual img{height:auto;aspect-ratio:4/3}.strip .wrap{flex-wrap:wrap;gap:16px;font-size:9px;justify-content:center;padding-block:18px}.server-section{grid-template-columns:1fr;padding-top:65px;gap:30px}h2{font-size:36px}.checks{grid-template-columns:1fr 1fr}.section{padding-top:65px}.section-head{display:block}.section-head p{margin-top:14px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-grid article{padding:20px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:13px}.gallery{grid-template-columns:1fr 1fr;gap:18px 12px}.shot-label{font-size:11px}.shot-label span:last-child{display:none}.modes{grid-template-columns:1fr 1fr}.mode{height:145px}.countries{padding-top:65px;padding-bottom:55px}.countries h2{font-size:34px}.country-list{gap:8px}.country-list span{padding:8px 11px;font-size:12px}.cta{margin-inline:20px;padding:45px 20px}.cta h2{font-size:37px}footer{flex-wrap:wrap;padding-top:45px!important}footer nav{font-size:13px}footer small{width:100%}.demo{font-size:8px}.browser-heading{padding:16px;gap:10px}.browser-foot{font-size:9px}td,th{padding:12px}.eyebrow{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
:where(.shot) img{height:auto}
:root .hero-visual{transform:none}
:root .hero-visual img{height:auto;aspect-ratio:4/3;object-fit:contain;filter:none}
:root .floating-label{transform:none}
:root .modes{grid-template-columns:repeat(3,1fr)}
:root .gallery{display:block;max-width:860px;margin:auto}
:root .gallery .shot{display:block;width:100%}
:root .gallery img{height:auto;width:100%;max-height:560px;object-fit:contain;background:#0b0c0d;filter:none}
.gallery-controls{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:24px}
.gallery-controls button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--white);border-radius:5px;width:40px;height:40px;font-size:25px}
.gallery-dots{display:flex;gap:12px}
.gallery-dots button{width:12px;height:12px;border-radius:50%;background:#4b4e53;border:0;padding:0;position:relative}
.gallery-dots button:before{content:'';position:absolute;inset:-12px}
.gallery-dots button[aria-pressed=true]{background:var(--orange)}
:root .table-scroll{overflow:auto}
:root table{min-width:560px}
:root .server-section{grid-template-columns:.75fr 1.4fr;gap:40px}
@media(max-width:700px){:root .server-section{grid-template-columns:1fr}:root .feature-grid{grid-template-columns:1fr}:root .modes{grid-template-columns:repeat(2,1fr)}:root .hero h1>span{font-size:34px}.gallery-dots{gap:15px}}
.installer-info{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:13px;color:#b7bac0;font-size:12px}
:root .hero-copy p{font-size:21px;line-height:1.55;color:#e1e3e6;max-width:410px}
:root .hero{background:radial-gradient(ellipse at 75% 35%,#ff873808,transparent 60%)}
:root .hero-copy .button{box-shadow:0 8px 30px #ff87381a}
:root .header{gap:16px}
:root .header nav{gap:22px}
:root .button{text-align:center}
:root .strip .wrap{gap:15px}
:root .strip .wrap span{max-width:32%}
@media(max-width:1000px){:root .header nav{gap:12px;font-size:12px}:root .header-actions{gap:10px}}
@media(max-width:700px){:root .hero-copy p{font-size:20px}:root .hero h1>span{font-size:32px}:root .hero .primary{max-width:100%}:root .strip .wrap span{max-width:45%;text-align:center}:root .visual-top{font-size:9px}:root .floating-label{max-width:95%;font-size:9px}:root .browser-heading{flex-wrap:wrap}:root .browser .demo{margin-left:0}:root footer nav{flex-wrap:wrap}:root .country-list span{font-size:13px}:root .cta .primary{max-width:100%}.installer-info{font-size:12px}}
@media(max-width:430px){:root .header{padding-inline:14px;gap:8px}:root .header .brand{font-size:17px;gap:7px}:root .header-actions{gap:7px}:root .header .small{padding:8px;font-size:12px}:root .language{gap:3px}:root select{font-size:12px}}
:root{--bg:#0d0f10}
:root .hero{position:relative;isolation:isolate;background:radial-gradient(circle at 72% 42%,rgba(255,122,45,.10),transparent 32%),radial-gradient(circle at 25% 70%,rgba(170,120,70,.05),transparent 35%),#0e1011}
.hero:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:8% 0 5% 38%;background:url('assets/img4.jpg') center/cover no-repeat;opacity:.075;filter:blur(38px) saturate(.55);mask-image:radial-gradient(ellipse at 58% 48%,#000 15%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 58% 48%,#000 15%,transparent 70%)}
.hero:after{content:'';position:absolute;z-index:-1;pointer-events:none;inset:12% -1% 8% 45%;background:radial-gradient(ellipse,rgba(224,144,79,.065),transparent 68%);filter:blur(28px)}
@media(max-width:700px){:root .hero{background:radial-gradient(ellipse at 70% 72%,rgba(255,122,45,.09),transparent 42%),radial-gradient(circle at 20% 30%,rgba(170,120,70,.035),transparent 35%),#0e1011}.hero:before{inset:40% 0 0 0;filter:blur(28px);opacity:.06}.hero:after{inset:45% 0 0 10%}}
.server-country{display:inline-flex;align-items:center;vertical-align:middle}
.country-flag{display:block;flex:none;width:24px;height:14px;margin-right:8px;border-radius:1px;box-shadow:0 0 0 1px #ffffff18}
.language-picker{position:relative}
.language-toggle{display:flex;align-items:center;background:transparent;color:var(--white);border:0;padding:8px 0;cursor:pointer;gap:5px;font-size:14px}
.language-toggle>span:first-child{display:flex}.language-toggle .country-flag{margin-right:3px}
.language-options{position:absolute;z-index:20;right:0;top:calc(100% + 10px);width:230px;padding:7px;background:#191b1d;border:1px solid #34373b;border-radius:7px;box-shadow:0 15px 40px #0008}
.language-options[hidden]{display:none}
.language-options button{display:flex;align-items:center;width:100%;padding:11px 10px;background:transparent;border:0;border-radius:4px;color:var(--white);font-size:14px;cursor:pointer;text-align:left}
.language-options button:hover,.language-options button[aria-current=true]{background:#ff873813;color:var(--orange)}
@media(max-width:430px){.language-toggle{font-size:12px;gap:3px}.language-toggle .country-flag{width:21px;height:14px;margin-right:2px}}
.language-options{max-height:min(420px,calc(100dvh - 130px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#555 #191b1d}
.language-options button span{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .language-options button{text-align:right}
html[dir=rtl] .country-flag{margin-right:0;margin-left:8px}
html[dir=rtl] .language-toggle .country-flag{margin-left:3px}
html[dir=rtl] .language-options{right:auto;left:0}
html[dir=rtl] table{text-align:right}
html[dir=rtl] .shot{text-align:right}
html[dir=rtl] .eyebrow>span{margin-right:0;margin-left:8px}
html[dir=rtl] .checks li:before{margin-right:0;margin-left:9px}
html[dir=rtl] h1,html[dir=rtl] h2{letter-spacing:normal}
html:lang(zh-CN) h1,html:lang(zh-CN) h2,html:lang(ja) h1,html:lang(ja) h2,html:lang(ko) h1,html:lang(ko) h2,html:lang(th) h1,html:lang(th) h2,html:lang(hi) h1,html:lang(hi) h2{letter-spacing:normal;line-height:1.25}
@media(max-width:700px){.language-options{position:fixed;inset:70px 14px auto auto;max-height:calc(100dvh - 90px);width:min(260px,calc(100vw - 28px))}html[dir=rtl] .language-options{right:14px;left:auto}.header .brand{flex-shrink:0}.header-actions{min-width:0}}
:root .hero{overflow:clip}
.hero-copy,.hero-visual,.section-copy,.browser,.feature-grid article,.mode{min-width:0}
html[dir=rtl] .visual-tag{margin-left:0;margin-right:auto}
html[dir=rtl] .demo{margin-left:0;margin-right:auto}
html[dir=rtl] .browser-tabs .active{border-bottom-color:var(--orange)}
@media(max-width:1000px){.header .small{padding-inline:12px}.header .brand{font-size:20px}.header-actions .language-toggle{font-size:12px}}
.header{position:sticky;top:0;z-index:100;background:rgba(13,15,16,.93);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
:root .header.is-scrolled{height:66px;border-bottom-color:#ffffff14;box-shadow:0 8px 25px #0002}
.header.is-scrolled .brand{font-size:20px}
.header.is-scrolled .small{padding-block:8px}
.server-download{padding:11px 18px;font-size:14px;margin-top:12px;max-width:100%}
html{scroll-padding-top:86px}
main>section[id]{scroll-margin-top:20px}
@media(max-width:700px){:root .header,:root .header.is-scrolled{height:64px}:root .header .brand,:root .header.is-scrolled .brand{font-size:17px}:root .header .small{padding:8px;font-size:12px}.language-options{top:66px;max-height:calc(100dvh - 82px)}html{scroll-padding-top:80px}main>section[id]{scroll-margin-top:12px}}