.ap-code-hero{min-height:0;padding-top:110px;padding-bottom:38px;background:var(--b-mint);color:var(--ink);border-bottom:0}.ap-code-hero .ap-hero-inner{max-width:calc(var(--max) - 2 * var(--gutter));margin:0 auto;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:center;gap:32px 44px}.ap-code-copy{display:grid;gap:22px;padding:20px 0}.ap-code-hero .ap-crumbs{color:var(--b-hero-fg2)}.ap-code-hero .ap-h1{color:var(--ink);font-size:clamp(44px,5.2vw,76px);line-height:1;letter-spacing:-.02em;max-width:12ch}.ap-code-tools{margin:0;font-size:15px;font-weight:500;color:var(--ink)}.ap-code-hero .ap-lede{color:var(--b-hero-fg2);max-width:39ch}.ap-code-hero .ap-access{color:var(--b-hero-fg2);font-size:14px;max-width:43ch}.ap-code-hero .pill-ink{background:var(--b-lime);color:var(--b-ink);box-shadow:inset 0 0 0 1.5px var(--b-ink)}.ap-code-hero .pill-ink:hover{background:var(--b-lime-600);transform:none}.ap-code-hero .pill-ink:active{background:var(--b-lime-700)}.ap-code-hero .pill-ghost{color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1.5px #1e1e1e66}.ap-code-hero .pill-ghost:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}.ap-code-art{position:relative;align-self:stretch;min-width:0;display:grid;grid-template-rows:auto 1fr auto;padding:22px;border:0;border-radius:20px;background:var(--b-white);box-shadow:0 4px 33px #00000017}.ap-code-art-label{display:flex;align-items:center;gap:8px;margin:0;color:var(--ink);font:500 11px/1.2 var(--b-display);letter-spacing:.12em;text-transform:uppercase}.ap-code-art-label .kite{width:19px;height:19px}.ap-code-art-label>span{margin-left:auto;color:var(--b-n600);font-size:11px}.ap-code-character{position:relative;height:350px;margin:8px -10px 0}.ap-code-poster,.ap-code-character canvas{position:absolute;inset:0;width:100%;height:100%}.ap-code-poster img{width:100%;height:100%;object-fit:contain}.ap-code-character canvas{opacity:0;pointer-events:none}.ap-code-character[data-webgl=on] canvas{opacity:1}.ap-code-character[data-webgl=on] .ap-code-poster{visibility:hidden}.ap-code-agents{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:20px 12px;border:0;border-radius:12px;background:var(--b-paper)}.ap-code-agent{font-family:var(--b-display);font-size:clamp(17px,1.8vw,22px);font-weight:600;text-transform:uppercase;letter-spacing:-.01em}.ap-code-plus{color:var(--ink);font-size:26px;font-weight:400;line-height:1}.ap-code-hero .ap-value-strip{grid-column:1 / -1;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-top:1px solid var(--b-mint-700)}.ap-code-hero .ap-value-strip li{padding:20px 24px 0;background:transparent;box-shadow:none;border-radius:0}.ap-code-hero .ap-value-strip li:first-child{padding-left:0}.ap-code-hero .ap-value-strip li+li{border-left:1px solid var(--b-mint-700)}.ap-code-hero .ap-value-strip b{color:var(--ink);font-size:15px}.ap-code-hero .ap-value-strip span{color:var(--b-hero-fg2);font-size:13px;margin-top:4px}@media(max-width:900px){.ap-code-hero .ap-hero-inner{gap:26px}.ap-code-hero .ap-h1{font-size:clamp(44px,6vw,62px)}.ap-code-art{padding:16px}.ap-code-character{height:300px}.ap-code-agents{gap:10px;padding:18px 8px}}@media(max-width:680px){.ap-code-hero{padding-top:94px;padding-bottom:28px}.ap-code-hero .ap-hero-inner{grid-template-columns:1fr;gap:24px}.ap-code-copy{padding:0;gap:18px}.ap-code-hero .ap-h1{font-size:clamp(46px,10.8vw,68px);max-width:13ch}.ap-code-hero .ap-lede{font-size:17px}.ap-code-character{height:280px}.ap-code-hero .ap-value-strip{grid-template-columns:1fr}.ap-code-hero .ap-value-strip li{padding:14px 0}.ap-code-hero .ap-value-strip li+li{border-left:0;border-top:1px solid var(--b-mint-700)}}.ap-code-page .ap-cost-us{order:-1}.ap-code-comparison{min-width:0;border-radius:20px;background:var(--b-white);box-shadow:inset 0 0 0 1px var(--b-line)}.ap-code-comparison>summary{padding:22px;color:var(--ink);font-weight:500;cursor:pointer}.ap-code-comparison>summary:focus-visible{outline:2px solid var(--b-ink);outline-offset:3px}.ap-code-comparison .ap-cost-them{box-shadow:none;padding-top:0}@media(min-width:900px){.ap-code-page .ap-cost-grid{grid-template-columns:2fr 3fr}}