.tav [data-fam=front]{--f-bg:#6d63e6;--f-ink:#fff}.tav [data-fam=data]{--f-bg:#0d1017;--f-ink:#f4f4f2}.tav [data-fam=mobile]{--f-bg:#a3a0e3;--f-ink:#0d1017}.tav [data-fam=ai]{--f-bg:#d8d5fb;--f-ink:#0d1017}.tav [data-fam=infra]{--f-bg:#b8c2cc;--f-ink:#0d1017}.tav [data-fam=motion]{--f-bg:#f6f7f9;--f-ink:#0d1017}.tav-head{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));padding:clamp(36px,5vw,88px) 0 clamp(64px,8vw,128px);display:grid}.tav-title{font-family:var(--font-d);letter-spacing:-.045em;grid-column:1/11;margin:0;font-size:clamp(2rem,.4rem + 5.2vw,6.6rem);font-weight:250;line-height:.95}.tav-answer{grid-column:7/-1;margin-top:clamp(28px,4vw,64px)}.tav-sec-head{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.tav-sec-head>div{grid-column:1/7}.tav-sec-head>.tav-lede{grid-column:8/-1;margin:0}.tav-h2{font-size:var(--step-3);letter-spacing:-.04em;margin:0;font-weight:500;line-height:.98}.tav-lede{max-width:50ch;font-size:var(--step-1);color:var(--ink-2);margin:clamp(18px,2vw,28px) 0 0;line-height:1.42}.tav-table{border-top:1px solid var(--line-strong);padding:28px 0 clamp(72px,9vw,150px)}.tav-wrap{gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:clamp(40px,5vw,80px);display:grid}.tav-grid{grid-column:1/9;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(6,minmax(0,1fr));align-self:start;gap:clamp(4px,.6vw,10px);display:grid}.tav-tile{aspect-ratio:1;text-align:left;color:var(--f-ink);background:var(--f-bg);transition:transform .55s var(--ease-out), box-shadow .4s var(--ease-out), opacity .4s var(--ease-out);border:1px solid #0d10171f;border-radius:3px;grid-template-rows:auto 1fr auto;padding:clamp(6px,.8vw,12px);display:grid;position:relative}.tav-tile[data-fam=motion]{border-color:var(--line-strong)}.tav-fam{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;opacity:.72;font-size:clamp(.5rem,.42rem + .18vw,.64rem);font-weight:600;line-height:1.2;overflow:hidden}.tav-sym{font-family:var(--font-d);letter-spacing:-.04em;transition:transform .55s var(--ease-out);transform-origin:0;align-self:center;font-size:clamp(1.15rem,.4rem + 2.6vw,3.4rem);font-weight:350;line-height:1}.tav-name{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.62rem,.5rem + .3vw,.9rem);font-weight:500;line-height:1.15;overflow:hidden}.tav-tile:hover{transform:translateY(-4px)}.tav-tile:hover .tav-sym{transform:scale(1.08)}.tav-tile[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--accent), 0 18px 30px -18px #0d10178c;transform:translateY(-6px)}:is(.tav-grid:has(.tav-key [data-fam=front]:hover) .tav-tile:not([data-fam=front]),.tav-grid:has(.tav-key [data-fam=data]:hover) .tav-tile:not([data-fam=data]),.tav-grid:has(.tav-key [data-fam=mobile]:hover) .tav-tile:not([data-fam=mobile]),.tav-grid:has(.tav-key [data-fam=ai]:hover) .tav-tile:not([data-fam=ai]),.tav-grid:has(.tav-key [data-fam=infra]:hover) .tav-tile:not([data-fam=infra]),.tav-grid:has(.tav-key [data-fam=motion]:hover) .tav-tile:not([data-fam=motion])){opacity:.22}@media (prefers-reduced-motion:no-preference){.js .tav-tile{animation:tav-drop .9s var(--ease-out) both;animation-timeline:view();animation-range:entry entry 60%}}@keyframes tav-drop{0%{clip-path:inset(0 0 100%);transform:translateY(-24px)}to{clip-path:inset(0);transform:none}}.tav-key{grid-area:1/2/auto/6;align-self:start;padding:0 clamp(8px,1.2vw,20px)}.tav-key-title{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin:0 0 6px;font-size:.72rem;font-weight:600}.tav-key-text{max-width:44ch;color:var(--ink-2);margin:0 0 12px;font-size:.9rem}.tav-key ul{flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;display:flex}.tav-key li{cursor:default;align-items:center;gap:8px;font-size:.86rem;display:flex}.tav-swatch{background:var(--f-bg);border:1px solid #0d101733;width:12px;height:12px}.tav-panels{top:calc(var(--nav-h) + 24px);grid-column:9/-1;align-self:start;position:sticky}.js .tav-panel:not([data-on]){display:none}.tav-panel+.tav-panel{margin-top:40px}.js .tav-panel+.tav-panel{margin-top:0}.tav-panel-head{border-bottom:1px solid var(--line-strong);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding-bottom:18px;display:grid}.tav-panel-sym{aspect-ratio:1;width:clamp(64px,6vw,92px);font-family:var(--font-d);letter-spacing:-.04em;color:var(--f-ink);background:var(--f-bg);border:1px solid #0d10171f;border-radius:3px;place-items:center;font-size:clamp(1.5rem,1rem + 1.4vw,2.5rem);font-weight:350;display:grid}.tav-panel h3{font-family:var(--font-d);letter-spacing:-.035em;margin:0;font-size:clamp(1.3rem,.9rem + 1.1vw,2rem);font-weight:300;line-height:1.05}.tav-panel-fam{color:var(--ink-3);margin:6px 0 0;font-size:.86rem}.tav-panel dl{margin:0}.tav-panel dl>div{border-bottom:1px solid var(--line);padding:16px 0}.tav-panel dt{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:4px;font-size:.72rem;font-weight:600}.tav-panel dd{margin:0}.tav-panel dl>div:first-child dd{font-size:var(--step-1);line-height:1.38}.tav-panel dl>div+div dd{color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){.js .tav-panel[data-on] .tav-panel-sym{animation:tav-flip .8s var(--ease-out) both}.js .tav-panel[data-on] h3,.js .tav-panel[data-on] dl>div{animation:tav-rise .8s var(--ease-out) both}.js .tav-panel[data-on] dl>div:nth-child(2){animation-delay:60ms}.js .tav-panel[data-on] dl>div:nth-child(3){animation-delay:.12s}}@keyframes tav-flip{0%{transform:perspective(400px)rotateY(-80deg)}to{transform:none}}@keyframes tav-rise{0%{clip-path:inset(0 0 100%);transform:translateY(16px)}to{clip-path:inset(0 0 -10%);transform:none}}.tav-recipes{border-top:1px solid var(--line-strong);padding:28px 0 clamp(72px,9vw,150px)}.tav-rtable{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:clamp(40px,5vw,80px)}.tav-rtable th,.tav-rtable td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:22px clamp(12px,1.4vw,24px) 22px 0}.tav-rtable thead th{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--line-strong);padding-bottom:14px;font-size:.72rem;font-weight:600}.tav-rtable thead th:first-child{width:26%}.tav-rtable thead th:nth-child(2){width:38%}.tav-rtable tbody th a{font-family:var(--font-d);letter-spacing:-.035em;transition:color .3s var(--ease-out);font-size:clamp(1.1rem,.8rem + .9vw,1.75rem);font-weight:300;line-height:1.08}.tav-rtable tbody th a .arrow{vertical-align:.12em;transition:transform .4s var(--ease-out);margin-left:8px;display:inline-block}.tav-rtable tbody th a:hover{color:var(--accent-text)}.tav-rtable tbody th a:hover .arrow{transform:translate(4px)}.tav-rtable td{color:var(--ink-2)}.tav-els{flex-wrap:wrap;gap:8px 14px;margin:0;padding:0;list-style:none;display:flex}.tav-els li{color:var(--ink);align-items:center;gap:8px;font-size:.88rem;display:flex}.tav-mini{width:30px;height:30px;font-family:var(--font-d);letter-spacing:-.03em;color:var(--f-ink);background:var(--f-bg);border:1px solid #0d10171f;border-radius:2px;place-items:center;font-size:.78rem;font-weight:400;display:grid}.tav-choose{gap:var(--gutter);border-top:1px solid var(--line-strong);grid-template-columns:repeat(12,minmax(0,1fr));padding:28px 0 clamp(72px,9vw,150px);display:grid}.tav-choose-img{top:calc(var(--nav-h) + 24px);grid-column:1/5;align-self:start;margin-top:40px;position:sticky}.tav-choose-main{grid-column:6/-1}.tav-choose-title{font-family:var(--font-serif);font-style:italic;font-weight:330;font-size:var(--step-4);letter-spacing:-.03em;margin:0;line-height:.92}.tav-criteria{margin:clamp(32px,4vw,56px) 0 0}.tav-criteria>div{gap:var(--gutter);border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:baseline;padding:20px 0;display:grid}.tav-criteria>div:last-child{border-bottom:1px solid var(--line)}.tav-criteria dt{font-family:var(--font-d);letter-spacing:-.035em;transition:color .3s var(--ease-out);font-size:clamp(1.1rem,.8rem + .9vw,1.7rem);font-weight:300;line-height:1.08}.tav-criteria>div:hover dt{color:var(--accent-text)}.tav-criteria dd{color:var(--ink-2);margin:0}.tav-cto{font-size:var(--step-1);margin:24px 0 0;line-height:1.42}.tav-cto a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px}@media (max-width:1000px){.tav-title{grid-column:1/-1}.tav-answer{grid-column:1/10}.tav-sec-head>div,.tav-sec-head>.tav-lede,.tav-grid,.tav-panels,.tav-choose-main{grid-column:1/-1}.tav-panels{margin-top:28px;position:static}.tav-choose-img{grid-column:1/7;margin:0 0 32px;position:static}}@media (max-width:760px){.tav-answer{grid-column:1/-1}.tav-tile{grid-template-rows:1fr;place-items:center;padding:5px}.tav-fam,.tav-name{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tav-sym{transform-origin:50%;align-self:center}.tav-key{grid-area:4/1/auto/-1;padding:18px 0 0}.tav-choose-img{grid-column:2/-2}.tav-criteria>div{grid-template-columns:1fr;gap:6px}.tav-rtable,.tav-rtable tbody,.tav-rtable tr,.tav-rtable th,.tav-rtable td{width:auto;display:block}.tav-rtable thead{display:none}.tav-rtable tbody tr{border-top:1px solid var(--line-strong);padding:20px 0 8px}.tav-rtable th,.tav-rtable td{border:0;padding:0 0 14px}.tav-rtable td:before{content:attr(data-col);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px;font-size:.72rem;font-weight:600;display:block}}