:root{--color-bg:#0a0a0a;--color-surface:#181818;--color-surface-2:#1f1f1f;--color-surface-3:#262626;--color-border:#ffffff14;--color-divider:#ffffff0f;--color-text:#fff;--color-text-muted:#888;--color-text-faint:#444;--font-display:"Red Hat Display", sans-serif;--font-body:"Red Hat Display", "Helvetica Neue", sans-serif;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl:clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl:clamp(2.5rem, 1rem + 4vw, 5rem);--text-hero:clamp(3rem, .5rem + 7vw, 8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--content-narrow:640px;--content-default:960px;--content-wide:1280px;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:.12s cubic-bezier(.16, 1, .3, 1);--transition-base:.2s cubic-bezier(.16, 1, .3, 1);--transition-slow:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance;font-weight:400;line-height:1.1}p,li{text-wrap:pretty;max-width:72ch}a{color:inherit;transition:color var(--transition-base), opacity var(--transition-base);text-decoration:none}::selection{color:#fff;background:#ffffff26}:focus-visible{outline-offset:3px;border-radius:var(--radius-sm);outline:2px solid #fff9}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.container{max-width:var(--content-wide);padding-inline:var(--space-8);margin-inline:auto}.btn-primary{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);color:#0a0a0a;border-radius:var(--radius-full);cursor:pointer;transition:opacity var(--transition-base), transform var(--transition-base);background:#fff;border:none;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-3) var(--space-6);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:color var(--transition-base), border-color var(--transition-base);background:0 0;font-weight:500;display:inline-flex}.btn-ghost:hover{color:#fff;border-color:#ffffff40}.section-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-faint);font-weight:600}.dilla-nav{z-index:100;padding:var(--space-5) var(--space-8);transition:background var(--transition-slow), backdrop-filter var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.dilla-nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#0a0a0ad9}.dilla-nav__logo{font-family:var(--font-body);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}.dilla-nav__links{align-items:center;gap:var(--space-8);list-style:none;display:flex}.dilla-nav__links a{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-base);font-weight:500}.dilla-nav__links a:hover{color:#fff}.dilla-nav__cta{font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base), border-color var(--transition-base);background:#ffffff0f;font-weight:600}.dilla-nav__cta:hover{background:#ffffff1f;border-color:#fff3}
.navbar{z-index:200;height:44px;padding-inline:var(--space-8);-webkit-backdrop-filter:saturate(180%)blur(24px);backdrop-filter:saturate(180%)blur(24px);transition:background var(--transition-slow);background:#0a0a0abf;border-bottom:1px solid #ffffff0a;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#0a0a0aeb}.navbar__back{left:var(--space-8);align-items:center;gap:var(--space-2);color:#ffffffb8;max-width:30vw;font-family:var(--font-body);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-base);font-size:.72rem;display:flex;position:absolute;overflow:hidden}.navbar__back:hover{color:#fff}.navbar__back-icon{flex-shrink:0;width:16px;height:16px}.navbar__inner{align-items:center;transition:opacity .2s;display:flex}.navbar--searching .navbar__inner{opacity:0;pointer-events:none}.navbar__logo{opacity:.85;padding-right:var(--space-4);transition:opacity var(--transition-base);flex-shrink:0;align-items:center;display:flex}.navbar__logo:hover{opacity:1}.navbar__links{align-items:center;margin:0;padding:0;list-style:none;display:flex}.navbar__link{font-family:var(--font-body);letter-spacing:.01em;color:#ffffffc7;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition-base), background var(--transition-base);font-size:.78rem;font-weight:400}.navbar__link:hover{color:#fff;background:#ffffff0f}.navbar__search-btn{cursor:pointer;color:#ffffffa6;width:32px;height:32px;margin-left:var(--space-2);transition:color var(--transition-base);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.navbar__search-btn:hover{color:#fff}.navbar__mobile-bar{justify-content:space-between;align-items:center;width:100%;display:none}.navbar__mobile-actions{align-items:center;gap:var(--space-1);display:flex}.navbar__hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;display:flex}.navbar__hamburger span{transform-origin:50%;background:#ffffffbf;border-radius:2px;width:16px;height:1.5px;transition:transform .25s,opacity .25s;display:block}.navbar__hamburger:hover span{background:#fff}.navbar__hamburger--open span:first-child{transform:translateY(5.5px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.navbar__search-overlay{z-index:10;height:44px;padding:0 var(--space-6);align-items:center;gap:var(--space-3);color:#ffffff73;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;position:absolute;top:0;left:0;right:0}.navbar__search-overlay--open{opacity:1;pointer-events:all}.navbar__search-input{font-family:var(--font-body);color:#ffffffe6;letter-spacing:.01em;appearance:none;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.82rem}.navbar__search-input::-webkit-search-cancel-button{display:none}.navbar__search-input::placeholder{color:#ffffff40}.navbar__search-close{cursor:pointer;font-family:var(--font-body);color:#ffffff8c;white-space:nowrap;transition:color var(--transition-base);background:0 0;border:none;flex-shrink:0;padding:0;font-size:.78rem}.navbar__search-close:hover{color:#fff}.navbar__mobile-menu{z-index:150;-webkit-backdrop-filter:saturate(180%)blur(40px);backdrop-filter:saturate(180%)blur(40px);opacity:0;pointer-events:none;background:#0a0a0aeb;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:none;position:fixed;inset:0;transform:translateY(-8px)}.navbar__mobile-menu ul{padding:80px 0 0;padding-inline:var(--space-8);flex-direction:column;margin:0;list-style:none;display:flex}.navbar__mobile-link{padding:var(--space-5) 0;font-family:var(--font-body);color:#ffffffd9;letter-spacing:-.02em;transition:color var(--transition-base);border-bottom:1px solid #ffffff0f;font-size:2rem;font-weight:300;display:block}.navbar__mobile-link:hover{color:#fff}@media (max-width:768px){.navbar{padding-inline:var(--space-5);justify-content:flex-start}.navbar>.navbar__back,.navbar__inner{display:none}.navbar__mobile-bar{display:flex}.navbar__mobile-menu{display:block}.navbar__mobile-bar>.navbar__back{flex:1;min-width:0;max-width:calc(100% - 44px);position:static}.navbar__mobile-menu--open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar--searching .navbar__mobile-bar{opacity:0;pointer-events:none}}
.dilla-footer{background:#181818;border-top:1px solid #ffffff14}.dilla-footer__brand-inner,.dilla-footer__notice-inner,.dilla-footer__main,.dilla-footer__credits{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,5vw,4rem);padding-right:clamp(1.25rem,5vw,4rem)}.dilla-footer__brand-bar{padding-top:3rem;padding-bottom:2rem}.dilla-footer__brand-left{align-items:flex-start;gap:.85rem;display:flex}.dilla-footer__logo{object-fit:contain;opacity:.9;flex-shrink:0;width:32px;height:32px;margin-top:.15rem}.dilla-footer__slogan{color:#fff;letter-spacing:-.01em;margin:0;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.1rem,2vw,1.4rem);font-style:normal;font-weight:400;line-height:1.3}.dilla-footer__slogan-sub{color:#fff6;letter-spacing:0;margin-top:.2rem;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:.8rem;font-style:normal;font-weight:400;display:block}.dilla-footer__notice-bar{padding-bottom:2rem}.dilla-footer__notice{color:#ffffff47;max-width:72ch;margin:0;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:.72rem;line-height:1.65}.dilla-footer__notice-link{color:#ffffff73;text-underline-offset:2px;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3;transition:color .15s}.dilla-footer__notice-link:hover{color:#fffc}.dilla-footer__divider{background:#ffffff12;max-width:1200px;height:1px;margin:0 auto}.dilla-footer__main{padding-top:2.5rem;padding-bottom:2.5rem}.dilla-footer__cols{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (max-width:900px){.dilla-footer__cols{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.dilla-footer__cols{grid-template-columns:1fr 1fr;gap:1.5rem}}.dilla-footer__col{flex-direction:column;gap:.9rem;display:flex}.dilla-footer__heading{color:#fff;letter-spacing:-.01em;margin:0;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-style:normal;font-weight:400}.dilla-footer__list{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.dilla-footer__link{color:#ffffff6b;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:400;text-decoration:none;transition:color .15s}.dilla-footer__link:hover{color:#ffffffe6}.dilla-footer__credits{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.1rem;padding-bottom:1.5rem;display:flex}.dilla-footer__copy{color:#ffffff47;white-space:nowrap;margin:0;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:.7rem}.dilla-footer__legal{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dilla-footer__legal-link{color:#ffffff47;white-space:nowrap;font-family:Red Hat Display,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;text-decoration:none;transition:color .15s}.dilla-footer__legal-link:hover{color:#ffffffbf}.dilla-footer__legal-sep{color:#ffffff26;-webkit-user-select:none;user-select:none;font-size:.7rem}@media (max-width:560px){.dilla-footer__credits{flex-direction:column;align-items:flex-start;gap:.5rem}}