@font-face{font-family:Geist;src:url('assets/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist;src:url('assets/fonts/geist-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{color-scheme:dark;--bg:#07080b;--surface:#111319;--line:#ffffff12;--text:#edf0f5;--muted:#9499a7;--blue:#4c8dff;--content:1760px}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.5 Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;border:0}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid #94baff;outline-offset:5px}
::selection{background:#3668c9;color:white}
svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-shell{overflow:hidden;position:relative}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;background:var(--blue);padding:12px 20px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.header{height:100px;width:calc(100% - 48px);position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px}.header>.brand{justify-self:center}
.brand{display:flex;align-items:center;gap:13px;flex:none}
.brand>img{width:32px;height:32px}
.brand>span:first-of-type{font-size:23px;font-weight:680;letter-spacing:.12em}
.brand-edition{border-left:1px solid #ffffff24;padding-left:15px;margin-left:3px;color:#858c9b;font-size:12px;font-weight:550;letter-spacing:.12em}
.account-actions{display:flex;align-items:center;gap:9px;justify-self:end}.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border:1px solid #ffffff1c;border-radius:7px;font-size:13px;line-height:1.4;font-weight:500;white-space:nowrap;transition:background .15s,border-color .15s}.account-register{background:#101319;color:#cdd4df}.account-register:hover{border-color:#52627d;background:#171d28}.account-login{background:#4c8dff15;color:#a4c5ff;border-color:#4c8dff38}.account-login:hover{background:#4c8dff26;border-color:#4c8dff66}
.header-contact{justify-self:start;display:flex;gap:24px;align-items:center;padding:11px 16px 11px 21px;border:1px solid #ffffff20;border-radius:7px;background:#ffffff03;font-size:14px;transition:background .2s}
.header-contact:hover{background:#ffffff09}
.header-community{display:flex;align-items:center;justify-self:start;gap:9px}.header-discord{gap:10px;padding-inline:15px;color:#b9bcff;border-color:#858bff3b;background:#5865f20b}.header-discord:hover{background:#5865f21b;border-color:#858bff66}
.hero{position:relative;isolation:isolate;width:100%;height:100svh;min-height:0;overflow:hidden}
/* The full native menu ends at 88.5% of the stage. Fit the face, hands and
   complete 700x660 panel into the first viewport without showing the legs. */
.character-stage{--panel-left:18.159%;--panel-top:36%;--panel-width:63.683%;position:absolute;left:50%;top:68px;height:calc((100% - 100px)/.9);max-height:calc((100vw - 64px)*1.143);aspect-ratio:1173/1341;transform:translateX(-50%)}
.bacon-character{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;clip-path:inset(0 0 19% 0);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
/* Preserve the entire native window, including its lower area. No stretch,
   crop, glow or zoom interaction. Hands remain separate foreground layers. */
.held-menu{position:absolute;z-index:2;left:var(--panel-left);top:var(--panel-top);width:var(--panel-width);aspect-ratio:700/660;padding:0;margin:0;background:#0c0d12;border:1px solid #262a34;border-radius:10px;line-height:0;overflow:hidden;isolation:isolate;box-shadow:none;transform:none}
.held-menu>img{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.bacon-grip{position:absolute;z-index:3;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bacon-grip-left{clip-path:polygon(3.240% 66.368%,3.922% 64.504%,5.541% 62.640%,7.246% 61.372%,9.037% 60.552%,11.338% 60.925%,15.431% 61.820%,17.647% 62.565%,18.926% 63.311%,19.693% 64.206%,19.949% 65.101%,19.693% 66.219%,19.352% 67.114%,18.670% 67.934%,17.647% 68.382%,16.368% 68.233%,14.493% 67.562%,12.361% 66.816%,11.083% 66.368%,10.571% 70.022%,10.742% 72.409%,16.965% 74.198%,17.818% 75.093%,18.244% 76.063%,17.903% 77.107%,16.795% 78.151%,15.431% 78.822%,13.555% 79.045%,11.338% 78.747%,8.866% 77.927%,6.991% 76.957%,5.456% 75.615%,4.518% 73.900%,3.751% 71.738%,3.495% 69.948%,3.410% 68.233%)}
.bacon-grip-right{clip-path:polygon(96.590% 68.233%,96.505% 69.948%,96.249% 71.738%,95.482% 73.900%,94.544% 75.615%,93.009% 76.957%,91.134% 77.927%,88.662% 78.747%,86.445% 79.045%,84.569% 78.822%,83.205% 78.151%,82.097% 77.107%,81.756% 76.063%,82.182% 75.093%,83.035% 74.198%,89.258% 72.409%,89.429% 70.022%,88.917% 66.368%,87.639% 66.816%,85.507% 67.562%,83.632% 68.233%,82.353% 68.382%,81.330% 67.934%,80.648% 67.114%,80.307% 66.219%,80.051% 65.101%,80.307% 64.206%,81.074% 63.311%,82.353% 62.565%,84.569% 61.820%,88.662% 60.925%,90.963% 60.552%,92.754% 61.372%,94.459% 62.640%,96.078% 64.504%,96.760% 66.368%)}
/* Read-only feature catalogue. Its tabs and cards share the native menu palette. */
.features{width:min(calc(100% - 96px),1180px);margin:0 auto;padding:52px 0 112px;scroll-margin-top:24px}
.features-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.features-heading h2{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.15;font-weight:580;letter-spacing:-.035em}
.features-top{display:flex;align-items:center;gap:10px;color:#858e9f;font-size:13px;transition:color .15s}
.features-top:hover{color:var(--text)}
.features-top span{color:#91b4ee}
.features-browser{padding:10px;border:1px solid #222630;border-radius:17px;background:#0b0d12;box-shadow:0 24px 80px #00000024}
.feature-tabs{display:flex;align-items:center;gap:5px;padding:4px 4px 14px;border-bottom:1px solid #ffffff0b;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#30394b transparent}
.feature-tab{display:flex;flex:1;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 15px;border:1px solid transparent;border-radius:8px;color:#8d95a5;font-size:13px;font-weight:550;white-space:nowrap;transition:color .15s,background .15s,border-color .15s}
.feature-tab svg{width:17px;height:17px}
.feature-tab:hover{color:#d5deec;background:#ffffff04}
.feature-tab[aria-selected="true"]{color:#8bb6ff;border-color:#4c8dff26;background:#4c8dff14}
.feature-tab:focus-visible{outline-offset:-3px}
.feature-panel{padding:24px 12px 12px;scroll-margin-top:28px}
.feature-panel+.feature-panel{border-top:1px solid var(--line);margin-top:20px}
.features-browser.is-enhanced .feature-panel{border-top:0;margin-top:0}
.feature-panel:focus-visible{outline:1px solid #4c8dff66;outline-offset:-3px;border-radius:9px}
.feature-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 20px}
.feature-panel-heading h3{margin:0;color:#bdc5d4;font-size:15px;font-weight:500}
.feature-panel-heading>span{color:#626d81;font-size:11px;letter-spacing:.06em}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.feature-column{display:grid;align-content:start;gap:12px}
.feature-card{min-width:0;background:#11141b;border:1px solid #222630;border-radius:11px;transition:border-color .15s}
.feature-card:hover{border-color:#343d4f}
.feature-card[open]{border-color:#2b3547}
.feature-card>summary{display:flex;align-items:center;gap:14px;min-height:99px;padding:21px 22px;cursor:pointer;list-style:none;border-radius:10px;user-select:none}
.feature-card>summary::-webkit-details-marker{display:none}
.feature-card>summary:focus-visible{outline:2px solid #94baff;outline-offset:-3px}
.feature-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;color:#86adf0;border:1px solid #4c8dff24;border-radius:10px;background:#4c8dff09}
.feature-icon svg{width:20px;height:20px}
.feature-summary{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.feature-summary>strong{font-size:15px;font-weight:560;letter-spacing:-.01em}
.feature-summary>span{font-size:12px;line-height:1.5;color:#8c95a6}
.feature-chevron{width:17px;height:17px;margin-left:auto;color:#69758b;transition:transform .2s,color .2s}
.feature-card[open] .feature-chevron{transform:rotate(180deg);color:#8bb6ff}
.feature-details{margin:0 22px 24px;padding-top:20px;border-top:1px solid #ffffff0b;display:grid;gap:21px}
.feature-group h4{margin:0 0 10px;color:#657796;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.feature-group ul{display:grid;gap:9px;list-style:none;margin:0;padding:0}
.feature-group li{position:relative;padding-left:13px;font-size:12px;line-height:1.6;color:#bcc5d5;overflow-wrap:anywhere}
.feature-group li::before{content:"";position:absolute;top:.7em;left:0;width:4px;height:4px;border-radius:1px;background:#477ccf}
.footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;border-top:1px solid #ffffff12;margin:0 auto;width:min(calc(100% - 96px),var(--content));color:#9299a8;font-size:12px}
.footer-links{display:flex;align-items:center;gap:24px}
.footer-links>a{color:#b4bece;transition:color .2s}
.footer-links>a:hover{color:#7caaff}
.footer-links>a>span{padding-left:7px}
@media(max-width:1100px){.header{width:calc(100% - 48px)}.footer{width:calc(100% - 64px)}.brand-edition{display:none}.character-stage{top:88px;height:calc((100% - 128px)/.9)}}
@media(max-width:740px){.header,.footer{width:calc(100% - 40px)}.header{height:78px;gap:16px;grid-template-columns:1fr auto}.header>.brand{justify-self:start}.brand{gap:9px}.brand>img{width:27px;height:27px}.brand>span:first-of-type{font-size:20px}.header-contact{display:none}.character-stage{top:calc(50% + 10px);height:calc((100% - 160px)/.9);max-height:calc((100vw - 28px)*1.143);transform:translate(-50%,-44.5%)}.footer{padding:20px 0;gap:14px;font-size:12px}.account-actions{gap:6px}.account-button{font-size:12px;padding:9px 11px}}
@media(max-width:380px){.header,.footer{width:calc(100% - 32px)}.header{gap:10px}.header .brand{gap:6px}.header .brand>img{width:23px;height:23px}.header .brand>span:first-of-type{font-size:17px}.account-button{padding:9px;font-size:12px}}
@media(max-width:1100px){.header-community .header-contact{gap:10px;padding:10px 12px;font-size:13px}}
@media(max-width:740px){.header-community{display:none}.footer-links{gap:18px}}
@media(max-width:1100px){.features{width:calc(100% - 64px)}.feature-tab{padding-inline:10px;gap:7px}.feature-card>summary{padding:20px 18px;gap:11px}.feature-details{margin-inline:18px}}
@media(max-width:740px){.features{width:calc(100% - 40px);padding:24px 0 64px}.features-heading{margin-bottom:22px}.features-browser{padding:7px;border-radius:13px}.feature-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:3px 3px 12px;overflow:visible}.feature-tab{font-size:12px;padding:10px 5px;min-height:44px}.feature-tab svg{width:15px;height:15px}.feature-panel{padding:20px 5px 5px}.feature-panel-heading{margin-bottom:17px}.feature-panel-heading h3{font-size:13px}.feature-panel-heading>span{display:none}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card>summary{min-height:88px;padding:18px 14px;gap:12px}.feature-icon{width:34px;height:34px;border-radius:8px}.feature-summary>strong{font-size:14px}.feature-details{margin:0 16px 21px;padding-top:17px}.features-top{font-size:12px}}
@media(max-width:740px){.feature-column{gap:10px}}
@media(max-width:380px){.features{width:calc(100% - 32px)}.feature-tab{gap:5px}.feature-card>summary{gap:10px}.feature-icon{width:30px;height:30px}.feature-icon svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}