.ai-page{background:var(--grafito-pressed)}@media(min-width:1024px){html:has(.ai-page){scroll-padding-top:calc(var(--header-h) + 72px)}}.nav a[aria-current=page]{background:var(--hd-hover)}.ai-hero,.ai-sec{--ai-dim: #8E8C86;--ai-panel: #151515;--ai-dot: #2A2A2A;position:relative;padding:0 var(--gutter);background:var(--grafito-pressed);color:var(--papel)}.ai-hero :focus-visible,.ai-sec :focus-visible{outline-color:var(--mango)}.ai-piece{position:relative}.ai-piece:not(.is-on).ai-piece--ask{min-height:606px}.ai-piece:not(.is-on).ai-piece--list{min-height:300px}.ai-piece:not(.is-on).ai-piece--core{min-height:600px}.ai-piece:not(.is-on).ai-piece--race{min-height:560px}.ai-canvas{position:relative;border-radius:28px;background-color:var(--ai-panel);background-image:radial-gradient(circle,var(--ai-dot) 1px,transparent 1.4px);background-size:20px 20px;background-position:10px 10px}.ai-hero{padding-bottom:clamp(96px,9vw,144px)}.ai-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "demo" "list";gap:40px;max-width:var(--container);margin:0 auto;padding:64px var(--inset) 0}.ai-hero__copy{grid-area:copy;container-type:inline-size}.ai-hero__list{grid-area:list}.ai-hero__demo{grid-area:demo;margin:0}@media(min-width:1140px){.ai-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"copy demo" "list demo";grid-template-rows:auto 1fr;column-gap:clamp(48px,5vw,88px);row-gap:44px;padding-top:clamp(72px,6vw,104px)}}.ai-mark{display:flex;align-items:center;gap:12px;margin:0 0 28px}.ai-mark__face.cuadri{width:40px}.ai-mark__name{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1;letter-spacing:-.03em;color:var(--papel)}.ai-hero__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:min(3.5rem,9.8cqi);line-height:1.04;letter-spacing:-.04em;color:var(--papel)}.ai-line{display:block}.ai-line--mango{color:var(--mango)}.ai-hero__lede{max-width:520px;margin:24px 0 0;font-size:clamp(1.0625rem,.95rem + .3vw,1.1875rem);line-height:1.55;color:var(--texto-3);text-wrap:pretty}.ai-hero__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:540px;margin-top:32px}.ai-hero__actions .btn{gap:8px;padding:0 12px;font-size:15px}@container (max-width: 470px){.ai-hero__actions .btn__long,.ai-hero__actions .btn__arrow{display:none}}.btn--dark{border-color:var(--grafito-step-hover);background:var(--grafito-step);color:var(--papel)}.btn--dark:active{background:var(--grafito-hover)}@media(hover:hover){.btn--dark:hover{background:var(--grafito-step-hover)}.btn--dark:hover .btn__arrow{transform:translate(3px)}}.ai-hero__demo .ai-canvas{padding:clamp(20px,3vw,44px) clamp(16px,2.6vw,40px)}.ai-subnav{position:fixed;top:calc(var(--header-h) + 12px);left:50%;z-index:40;display:flex;align-items:center;gap:2px;padding:5px;border:1px solid var(--grafito-step);border-radius:14px;background:#181818;box-shadow:0 8px 24px -10px #0009;opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:opacity .25s ease,transform .3s var(--ease-ui),visibility 0s linear .3s}.ai-subnav.is-on{opacity:1;visibility:visible;transform:translate(-50%);transition:opacity .25s ease,transform .3s var(--ease-ui),visibility 0s}.ai-subnav a{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--texto-3);text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.ai-subnav a[aria-current]{background:var(--grafito-step);color:var(--papel)}.ai-subnav :focus-visible{outline-color:var(--mango)}.ai-subnav .ai-subnav__mark{gap:8px;margin-right:6px;padding:0 12px 0 8px;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--papel)}.ai-subnav__mark .cuadri{width:26px}@media(hover:hover){.ai-subnav a:hover{color:var(--papel)}}@media(max-width:1023px){.ai-subnav{display:none}}.ai-sec__inner{position:relative;max-width:var(--container);margin:0 auto;padding:clamp(96px,9vw,152px) var(--inset)}.ai-sec__head{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:clamp(48px,5vw,72px)}@media(min-width:900px){.ai-sec__head{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;column-gap:clamp(40px,6vw,112px)}}.ai-h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,1.2rem + 2.2vw,3.125rem);line-height:1.06;letter-spacing:-.038em;color:var(--papel);text-wrap:balance}.ai-h2__more{display:block;color:var(--ai-dim)}.ai-h2--stack span{display:block}.ai-h2__mango{color:var(--mango)}.ai-lede{max-width:480px;margin:0;font-size:clamp(1.0625rem,.95rem + .3vw,1.1875rem);line-height:1.55;color:var(--texto-3);text-wrap:pretty}.ai-note{margin:36px auto 0;font-size:15px;color:var(--texto-3);text-align:center;text-wrap:balance}.ai-note--small{margin:20px 0 0;font-size:13px;color:var(--ai-dim);text-align:left}.ai-canvas--core{padding:clamp(28px,4vw,56px) clamp(16px,3.4vw,56px) clamp(28px,3.4vw,44px)}@media(min-width:1024px)and (prefers-reduced-motion:no-preference){.ai-piece--inside{height:376vh;height:calc(100svh + 276vh)}.ai-inside .ai-sec__inner{padding-bottom:clamp(48px,5vw,72px)}.ai-inside .ai-sec__head{margin-bottom:0}}.ai-rules__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-rule{display:flex;flex-direction:column;padding:28px 28px 30px;border-radius:var(--r-container);background:#171717}.ai-rule__face.cuadri{width:56px;margin-bottom:28px}.ai-rule__t{margin:0;font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.03em;color:var(--papel)}.ai-rule__p{margin:10px 0 0;font-size:15.5px;line-height:1.55;color:var(--texto-3);text-wrap:pretty}.ai-rule--wide{grid-column:span 2;flex-direction:row;align-items:center;gap:36px;background-color:var(--ai-panel);background-image:radial-gradient(circle,var(--ai-dot) 1px,transparent 1.4px);background-size:20px 20px;background-position:10px 10px}.ai-rule--wide .ai-rule__face.cuadri{width:112px;margin:0 0 0 8px}.ai-rule--wide .ai-rule__t{font-size:26px}.ai-never{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px;padding:18px 28px;border-radius:var(--r-container);background:#171717}.ai-never__t{margin:0;font-weight:600;color:var(--papel)}.ai-never__list{display:flex;flex-wrap:wrap;gap:8px}.ai-never__list li{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:var(--r-chip);background:var(--grafito-field);font-size:14px;color:var(--texto-3)}@media(min-width:1024px)and (max-width:1599px){.ai-h2{font-size:clamp(2rem,.44rem + 2.43vw,3rem)}}@media(max-width:1100px){.ai-rules__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ai-hero__grid{padding-top:40px;gap:32px}.ai-mark{margin-bottom:20px}.ai-mark__face.cuadri{width:34px}.ai-mark__name{font-size:18px}.ai-hero__lede{margin-top:18px;font-size:16px}.ai-hero__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:24px}.ai-hero__actions .btn{--h: 46px;padding:0 12px;font-size:15px}.ai-hero__actions .btn__arrow{display:none}.ai-hero__demo .ai-canvas{margin:0 calc(-1 * var(--gutter));padding:24px 10px;border-radius:0}.ai-sec__inner{padding-block:72px 80px}.ai-h2{font-size:var(--t-h2)}.ai-h2__more{margin-top:10px;font-family:var(--font-text);font-weight:500;font-size:1.125rem;line-height:1.5;letter-spacing:-.01em}.ai-lede{font-size:var(--t-lede, 1rem)}.ai-note{margin-top:24px;font-size:14px}.ai-canvas--core{margin:0 calc(-1 * var(--gutter));border-radius:0;padding:32px var(--gutter)}.ai-rules__grid{grid-template-columns:minmax(0,1fr);gap:8px}.ai-rule,.ai-rule--wide{display:grid;grid-column:auto;grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:14px;padding:18px 18px 20px}.ai-rule--wide>div{display:contents}.ai-rule__face.cuadri,.ai-rule--wide .ai-rule__face.cuadri{width:44px;margin:0}.ai-rule__t,.ai-rule--wide .ai-rule__t{font-size:19px}.ai-rule__p{grid-column:1 / -1;margin-top:10px;font-size:15px}.ai-never{padding:18px 20px}}@media(prefers-reduced-motion:no-preference){.js .ai-mark,.js .ai-hero__title,.js .ai-hero__lede,.js .ai-hero__actions,.js .ai-hero__list,.js .ai-hero__demo{animation:page-in .9s var(--ease-out-quint) calc(var(--i, 0) * .1s + 60ms) backwards}.js .ai-hero__title{--i: 1}.js .ai-hero__lede{--i: 2}.js .ai-hero__actions,.js .ai-hero__demo{--i: 3}.js .ai-hero__list{--i: 4}}
