:root{--bg:#1c1e21;--panel:#191b1f;--panel-2:#34353e;--line:#34363a;--fg:#fff;--muted:#c3c6ca;--dim:#8b8f95;--accent:#dc8743;--accent-hover:#e89a5a;--on-accent:#fff;--font:"Ubuntu","Segoe UI",system-ui,sans-serif;--ttl:"Antonio","Bebas Neue",sans-serif}body{background:radial-gradient(ellipse at 50% 0,#2c2f33 0,#1c1e21 45%,#141518) fixed var(--bg)}a{color:var(--accent-hover)}a:focus-visible,button:focus-visible,summary:focus-visible{border-radius:0}h1,h2,h3{font-family:var(--ttl);font-weight:700;letter-spacing:.03em;text-transform:uppercase}h2{font-size:clamp(28px,3.4vw,38px)}h2 svg{color:var(--accent)}h3{font-size:22px}.panel{background:var(--panel)}.btn,.panel{border-radius:0}.btn{font:600 18px/1 var(--ttl);letter-spacing:.06em;min-height:46px;text-transform:uppercase}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-grey{background:#34353e;color:#fff}.btn-grey:hover{background:#41434d}.btn-primary .dc-ico{filter:none}.top.open,.top.solid{background:#141518f5}.brand{font-family:var(--ttl);font-size:28px;letter-spacing:.03em;text-transform:uppercase}.brand,.brand b{font-weight:700}.nav a{color:#d9dbde;font:400 18px/1 var(--ttl);letter-spacing:.05em;text-transform:uppercase}.nav .store{color:var(--accent-hover)}.nav .store:hover{color:#f2b585}.top .btn,.top .btn.dl{font-size:16px;min-height:40px}@media (max-width:1140px){.nav a{font-size:16.5px}}@media (max-width:640px){.nav a{font-size:20px}}.menu-btn{border-radius:0}.hero h1{font-size:clamp(40px,6.2vw,74px);line-height:1;max-width:14em;text-shadow:0 3px 14px rgba(0,0,0,.45)}.hero p{color:#e3e5e8}.hero-actions a.link{color:#e9eaec;font-family:var(--ttl);font-size:17px;font-weight:400;letter-spacing:.05em;text-transform:uppercase}.join-art{background:var(--panel);border-radius:0}.join-art .icon{background:#23272a;border:0;border-radius:0}.join-art b{font:700 26px/1 var(--ttl);letter-spacing:.04em;text-transform:uppercase}.join-main ol li::marker{color:var(--accent)}.faq code,.join-main code{background:#23272a;border-radius:0}.specs ul{color:var(--muted)}.meter,.meter i{border-radius:0}.mon-top{font-family:var(--ttl);font-size:20px;font-weight:600;letter-spacing:.04em}.mon-top span{font-weight:400}.sample{font-family:var(--ttl);font-size:13px;letter-spacing:.05em;text-transform:uppercase}.sample,.seg{border-radius:0}.seg{background:#23272a}.seg button{border-radius:0;font:400 16px/1 var(--ttl);letter-spacing:.05em;text-transform:uppercase}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.tip{background:#191b1f;border-color:#34363a;border-radius:0;transform:translate(var(--tx,-50%),var(--ty,-120%));z-index:2}.tip.below{--ty:22%}.tip.l{--tx:-12px}.tip.r{--tx: calc(-100% + 12px) }.chart-box{padding-top:4px}.chart-panel .chart-head h3{font-size:22px}.faq details{background:var(--panel);border-radius:0}.faq details[open]{box-shadow:inset 3px 0 0 var(--accent)}.faq summary{font-weight:500}.faq summary svg,.faq summary:after{color:var(--accent)}.post{background:linear-gradient(90deg,var(--panel) 55%,rgba(220,135,67,.16));box-shadow:inset 3px 0 0 var(--accent)}.post time{font-family:var(--ttl);font-size:16px;font-weight:400;letter-spacing:.05em}footer{background:#141518}.foot-cols h4{font:700 19px/1 var(--ttl);letter-spacing:.05em}.foot-cols a:hover{color:var(--accent-hover)}.tut{--bg:#1c1e21;--panel:#191b1f;--panel-2:#34353e;--line:#34363a;--fg:#fff;--muted:#c3c6ca;--dim:#8b8f95;--accent:#dc8743;--on-accent:#fff;--font:"Ubuntu","Segoe UI",system-ui,sans-serif;background:radial-gradient(ellipse at 50% 0,#2c2f33 0,#1c1e21 45%,#141518) fixed #1c1e21}.tut a{color:#e89a5a}.tut .top{background:#191b1f;border-bottom:0}.tut .brand{font:700 24px/1 Antonio,sans-serif;letter-spacing:.03em;text-transform:uppercase}.tut .brand em{font-weight:300}.tut .links a{font:400 17px/1 Antonio,sans-serif;letter-spacing:.05em;text-transform:uppercase}.tut .search input{background:#23272a;border:0;border-radius:0;color:#fff}.tut .search input:focus{box-shadow:inset 0 0 0 1px #dc8743;outline:none}.tut .topic>a{border-radius:0;font:400 18px/1.25 Antonio,sans-serif;letter-spacing:.05em;text-transform:uppercase}.tut .topic>a:hover{background:#23272a}.tut .topic.active>a{background:#dc8743;color:#fff}.tut .topic.active>a .fa-solid{color:#fff}.tut .chapters a{border-radius:0}.tut .chapters a.on{background:#23272a;box-shadow:inset 3px 0 #dc8743}.tut .chapters b,.tut .sec h3 b{background:#34353e;border-radius:0}.tut .home .mark b,.tut .home .mark i,.tut h1,.tut h2,.tut h3{font-family:Antonio,sans-serif;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tut .article h1{font-size:34px}.tut .panel{border-radius:0}.tut .panel h2{border-bottom:1px solid #34363a;font-size:20px}.tut .video{border:0;border-radius:0}.tut .tag{background:#dc874324;color:#e89a5a;font-family:Antonio,sans-serif;letter-spacing:.05em}.tut .btn,.tut .tag{border-radius:0;text-transform:uppercase}.tut .btn{background:#dc8743;color:#fff;font:600 17px/1 Antonio,sans-serif;letter-spacing:.06em}.tut footer{background:#141518;border-top:0}.tut footer a{color:#e89a5a}.tut{--bg:#17181b;--panel:#222428;--panel-2:#2b2d32;--line:#33363c;--fg:#f1f1f3;--muted:#a3a6ad;--dim:#73767e;--accent:#ff7100;--on-accent:#1a0b00;--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--fg);color-scheme:dark;font-family:var(--font);font-size:16px;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.tut a{color:var(--accent)}.tut a:focus-visible,.tut button:focus-visible,.tut input:focus-visible{border-radius:6px;outline:2px solid var(--accent);outline-offset:2px}.tut .wrap{margin:0 auto;max-width:1240px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.tut .top{background:#24262b;border-bottom:1px solid var(--line);position:sticky;top:env(safe-area-inset-top,0);z-index:10}.tut .top .wrap{gap:16px;min-height:60px}.tut .brand,.tut .top .wrap{align-items:center;display:flex}.tut .brand{color:var(--fg);font-size:19px;font-weight:800;gap:9px;text-decoration:none}.tut .brand svg.logo{height:24px;width:auto}.tut .brand span{color:var(--accent)}.tut .brand em{color:#d8d9dd;font-style:normal;font-weight:500}.tut .links{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}.tut .links a{align-items:center;color:#d8d9dd;display:flex;font-size:14px;font-weight:500;gap:7px;padding:8px 10px;text-decoration:none}.tut .links a:hover{color:#fff}.tut .links .fa-solid{font-size:13px}@media (max-width:560px){.tut .links a span{display:none}.tut .links a{padding:8px}}.tut .layout{align-items:start;display:grid;gap:28px;grid-template-columns:290px minmax(0,1fr);padding-block:24px 56px}@media (max-width:860px){.tut .layout{grid-template-columns:minmax(0,1fr)}}.tut .side{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 100px);overflow:auto;padding-right:4px;position:sticky;top:calc(84px + env(safe-area-inset-top,0px))}@media (max-width:860px){.tut .side{max-height:none;position:static}}.tut .search{display:block;position:relative}.tut .search .fa-solid{color:var(--dim);font-size:13px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.tut .search input{background:#fff;border:1px solid var(--line);border-radius:6px;color:#111;font:500 14px var(--font);min-height:40px;padding:0 12px 0 34px;width:100%}.tut .topics{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.tut .topic>a{align-items:start;border-radius:6px;color:#e2e3e7;display:grid;font-size:15px;gap:10px;grid-template-columns:20px minmax(0,1fr);line-height:1.4;padding:9px 10px;text-decoration:none}.tut .topic>a:hover{background:#ffffff0a}.tut .topic>a .fa-solid{color:#cfd0d5;font-size:14px;justify-self:center;margin-top:3px}.tut .topic.active>a{background:#34363c;color:#fff}.tut .topic .soon{color:var(--dim);display:block;font-size:12px;font-weight:600}.tut .chapters{display:flex;flex-direction:column;gap:2px;list-style:none;margin:4px 0 6px 22px;padding:0}.tut .chapters a{align-items:baseline;border-radius:5px;color:#d0d1d6;display:flex;font-size:14px;gap:8px;line-height:1.35;padding:6px 8px;text-decoration:none}.tut .chapters a:hover{background:#ffffff0a}.tut .chapters a.on{background:#2f3136;color:#fff}.tut .chapters b{background:#3a3c42;border-radius:4px;color:#e6e6ea;flex:none;font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 6px}.tut .home{align-items:center;display:flex;flex-direction:column;gap:10px;padding-top:8px;text-align:center}.tut .home img{height:min(52vh,440px);-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent);max-width:100%;width:auto}.tut .home .mark{align-items:center;display:flex;flex-direction:column;margin-top:-56px;position:relative}.tut .home .mark b{font-size:clamp(40px,6vw,60px);font-weight:800;letter-spacing:-.01em;line-height:1}.tut .home .mark b span{color:var(--accent)}.tut .home .mark i{font-size:clamp(30px,4.5vw,44px);font-style:normal;font-weight:800;line-height:1.05}.tut .home h1{font-size:22px;margin:16px 0 0}.tut .home p{color:var(--muted);font-size:17px;margin:0;max-width:44ch}.tut .article{display:flex;flex-direction:column;gap:18px;min-width:0}.tut .article h1{font-size:24px;line-height:1.25;margin:0}.tut .article .sub{color:#cfd0d5;font-size:17px;margin:2px 0 0}.tut .video{aspect-ratio:16/9;background:#0e0f11 50%/cover;border:1px solid var(--line);border-radius:4px;display:grid;max-width:100%;overflow:hidden;place-items:center;text-align:center}.tut .video div{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;padding:16px}.tut .video .fa-solid,.tut .video .fa-solid svg{color:var(--accent);font-size:34px;height:34px;width:34px}.tut .panel{background:var(--panel);border-radius:4px}.tut .panel h2{align-items:center;border-bottom:1px solid var(--line);display:flex;font-size:15px;gap:8px;margin:0;padding:12px 16px}.tut .panel .body{color:#d6d7db;padding:14px 16px}.tut .sec{scroll-margin-top:90px}.tut .sec h3{align-items:baseline;display:flex;font-size:17px;gap:10px;margin:0 0 6px}.tut .sec h3 b{background:#3a3c42;border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;padding:1px 7px}.tut .sec ol,.tut .sec p{margin:0;max-width:72ch}.tut .sec ol{padding-left:22px}.tut .sec+.sec{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.tut .tag{background:#ff71001f;border-radius:4px;color:var(--accent);display:inline-block;font-size:12px;font-weight:700;margin-left:8px;padding:1px 8px;vertical-align:middle}.tut .btn{align-items:center;background:var(--accent);border-radius:6px;color:var(--on-accent);display:inline-flex;font-size:14px;font-weight:700;gap:8px;margin-top:10px;min-height:40px;padding:0 14px;text-decoration:none}.tut .empty{color:var(--muted);padding:12px 4px}.tut footer{background:#24262b;border-top:1px solid var(--line);color:#cfd0d5;font-size:14px;text-align:center}.tut footer .wrap{display:flex;flex-direction:column;gap:10px;padding-block:20px}.tut footer nav{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:center}.tut footer a{color:#5db7f0;text-decoration:none}.tut footer a:hover{text-decoration:underline}
