:root{--bg-base:#09090b;--bg-surface:#18181b;--text-main:#f4f4f5;--text-muted:#a1a1aa;--brand-cyan:#06b6d4;--brand-blue:#3b82f6;--brand-red:#ef4444;--brand-green:#22c55e;--border-color:#27272a;--font-main:"Roboto", sans-serif;--font-body:"Roboto", sans-serif;--font-heading:"Bebas Neue", sans-serif;--type-hero:clamp(52px, 6.6vw, 96px);--type-section:clamp(44px, 5vw, 72px);--type-card:52px;--type-small-card:32px;--type-eyebrow:14px;--type-intro:20px;--type-body:18px;--type-small:16px;--type-control:16px;--type-footnote:14px;--radius-md:4px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:8rem}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-main);flex-direction:column;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-synthesis:none;font-weight:400}.eyebrow,.header,.btn,.footer__brand{font-family:var(--font-body)}a{color:var(--brand-blue)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.eyebrow{color:#60a5fa;font-size:var(--type-eyebrow);text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem;font-weight:500;display:block}.hero-display{letter-spacing:1px;color:#fff;text-shadow:0 2px 28px #0009;margin:0;font-family:Bebas Neue,Impact,sans-serif;font-size:clamp(56px,7vw,104px);font-weight:400;line-height:.95}.hero-label{letter-spacing:3px;text-transform:uppercase;color:#bfdbfe;text-shadow:0 1px 12px #000000b3;margin:0;font-family:Roboto,sans-serif;font-size:clamp(16px,1.75vw,24px);font-weight:500;line-height:1.3}.page{max-width:800px;padding-top:5rem;padding-bottom:6rem}.page__title{font-size:var(--type-hero);margin-bottom:1.5rem;line-height:.98}.page__section-title{font-size:var(--type-section);margin:2.5rem 0 1rem;line-height:1}.page p,.page li{color:var(--text-muted);font-size:var(--type-body);margin-bottom:1rem;line-height:1.55}.page ul,.page ol{padding-left:1.5rem}.page .hero{font-size:var(--type-intro);line-height:1.5}.header{z-index:100;backdrop-filter:blur(12px);background:#0a0a0ff0;border-bottom:1px solid #2c2c3a;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.home-page .header{background-color:#0000}.home-page .header.header--scrolled{background-color:var(--bg-base)}.header__brand{flex:none;align-items:center;text-decoration:none;display:flex}.header__brand img{width:auto;height:50px;display:block}.header__nav{align-items:center;gap:clamp(16px,2.5vw,36px);list-style:none;display:flex}.header__nav li{list-style:none}.header__link,.header__engines-trigger{color:#d4dae6;font:500 16px var(--font-body);text-decoration:none;transition:color .2s}.header__link:hover,.header__link[aria-current=page],.header__engines-trigger[aria-expanded=true],.header__engines-trigger[data-current-engine]{color:#fff}.header__engines{position:relative}.header__engines-trigger{cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 0;display:inline-flex}.header__chevron{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;transition:transform .2s}[aria-expanded=true]>.header__chevron{transform:rotate(180deg)}.header__dropdown{background:#16161f;border:1px solid #2c2c3a;border-radius:14px;width:320px;padding:8px;position:absolute;top:calc(100% + 14px);left:-14px;box-shadow:0 24px 48px -16px #000000b3}.header__dropdown[hidden],.header__mobile-engines[hidden]{display:none}.header__engine-row{border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;display:flex}.header__engine-row:hover,.header__engine-row:focus-visible{background:#ffffff0f}.header__engine-name{color:#fff;font:500 16px/1.3 var(--font-body)}.header__engine-label{color:#b9c3d6;font:400 14px/1.35 var(--font-body)}.header__dropdown-divider{background:#2c2c3a;height:1px;margin:6px 8px}.header__all-engines{color:#60a5fa;font:500 15px/1.4 var(--font-body);border-radius:10px;padding:10px 14px;text-decoration:none;display:block}.header__all-engines:hover,.header__all-engines:focus-visible{background:#ffffff0f}.header__demo{color:#fff;min-height:44px;font:500 16px var(--font-body);white-space:nowrap;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.header__demo:hover{background:#1d4ed8}.header :is(a,button,summary):focus-visible{outline-offset:3px;outline:3px solid #60a5fa}.header__mobile-menu{display:none}@media (width<=767px){html{scroll-padding-top:6rem}.header{gap:.75rem;padding:1rem}.header__brand img{height:40px}.header__desktop-nav{display:none}.header__mobile-menu{margin-left:auto;display:block;position:relative}.header__menu-toggle{border-radius:var(--radius-md);cursor:pointer;border:1px solid #2c2c3a;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;list-style:none;display:flex}.header__menu-toggle::-webkit-details-marker{display:none}.header__menu-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header__menu-line{background-color:#fff;width:20px;height:2px;display:block}.header__mobile-menu[open] .header__menu-toggle{background-color:#16161f}.header__mobile-nav{background:#16161f;border:1px solid #2c2c3a;border-radius:14px;width:min(360px,100vw - 32px);max-height:calc(100vh - 88px);padding:8px 12px 12px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 24px 48px -16px #000000b3}.header__mobile-item{color:#d4dae6;width:100%;height:56px;font:500 18px var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #22222e;justify-content:space-between;align-items:center;padding:0 8px;text-decoration:none;display:flex}.header__mobile-item:hover,.header__mobile-item[aria-current=page],.header__mobile-item[data-current-engine]{color:#fff}.header__mobile-engines{border-bottom:1px solid #22222e;padding:4px 0 4px 12px}.header__mobile-engines .header__engine-row{min-height:68px}.header__mobile-demo{width:100%;margin-top:12px;display:flex}}.btn{border-radius:var(--radius-md);font-weight:500;font-size:var(--type-control);cursor:pointer;border:none;padding:1rem 2rem;text-decoration:none;transition:all .2s;display:inline-block}.btn--primary{background-color:var(--brand-blue);color:#fff}.btn--primary:hover{background-color:#2563eb}.btn--secondary{color:var(--text-main);border:1px solid var(--border-color);background-color:#0000}.btn--secondary:hover{border-color:var(--text-muted)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:2rem;list-style:none;display:grid;padding:0!important}.card{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.card h2,.card h3{margin-top:0}.page .card__title{font-size:var(--type-small-card);margin-bottom:.25rem;line-height:1}.card__title a{color:inherit;text-decoration:none}.card__title a:hover{color:var(--brand-blue)}.card__subtitle{font-size:var(--type-eyebrow);color:#60a5fa;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-weight:500;display:block}.card__list{color:var(--text-muted);font-size:var(--type-small);flex-direction:column;gap:1rem;list-style:none;display:flex;padding:0!important}.card__list strong{color:var(--text-main)}.footer{font-family:var(--font-body);background:#0a0a0f;border-top:1px solid #2c2c3a}.footer__inner{padding-top:64px;padding-bottom:32px}.footer__top{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:32px;padding-bottom:40px;display:grid}.footer__brand{width:fit-content;text-decoration:none;display:block}.footer__brand img{width:160px;height:auto;display:block}.footer__tagline{color:#b9c3d6;max-width:32ch;font:400 16px/1.5 var(--font-body);margin-top:18px}.footer__links{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer__label{color:#60a5fa;font:500 14px/1.4 var(--font-body);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.footer__links a{color:#b9c3d6;font:400 14px/1.5 var(--font-body);text-decoration:none;transition:color .2s}.footer__links a:hover{color:#fff}.footer :is(a):focus-visible{outline-offset:3px;border-radius:2px;outline:3px solid #60a5fa}.footer__bottom{color:#9aa4b8;font:400 14px/1.5 var(--font-body);border-top:1px solid #2c2c3a;padding-top:24px}@media (width<=719px){.footer__inner{padding-top:40px;padding-bottom:32px}.footer__top{grid-template-columns:1fr;gap:32px;padding-bottom:40px}}@media (width<=767px){:root{--type-card:38px;--type-small-card:28px;--type-eyebrow:13px;--type-intro:18px;--type-body:16px;--type-small:15px}}
