.tr-hero{padding-block:40px 60px;position:relative;overflow:hidden}.tr-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;display:grid}.tr-crumb{gap:14px;margin-bottom:26px;display:flex}.tr-crumb span:nth-child(2){color:var(--dim)}.tr-title{letter-spacing:-.06em;font-size:clamp(50px,6.4vw,104px);font-weight:700}.tr-hero .aa-lede{margin-top:30px}.tr-actions{flex-wrap:wrap;align-items:center;gap:32px;margin-top:40px;display:flex}.tr-toggle{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.tr-toggle i{border:1.5px solid var(--fg);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.tr-toggle i svg{width:16px;height:16px}.tr-toggle b{font:700 11px/1.4 var(--aa-mono);letter-spacing:.18em;text-transform:uppercase;display:block}.tr-toggle small{font:600 10px/1 var(--aa-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.tr-graphic{aspect-ratio:1.25;position:relative}.tr-graphic svg{width:100%;height:100%;overflow:visible}.tr-graphic .aa-stack-label{margin:0;position:absolute}.tr-graphic .aa-stack-label i{background:var(--aa-lime);width:28px;height:2px;margin-top:12px;display:block}.tr-mech{padding-block:10px 90px}.tr-mech-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tr-card{border:1px solid var(--line);transition:box-shadow .35s var(--aa-ease), transform .35s var(--aa-ease);background:#fff;border-radius:4px;flex-direction:column;padding:22px;display:flex}.tr-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px -36px #00000059}.tr-card-top{align-items:center;gap:14px;display:flex}.tr-card-top i{background:var(--line);width:40px;height:1px}.tr-card-top svg{width:18px;height:18px;margin-left:auto}.tr-card h3{letter-spacing:-.04em;margin:22px 0 8px;font-size:26px;font-weight:600}.tr-card>p{min-height:44px;color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.5}.tr-demos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tr-demo figure{margin:0}.tr-demo-box{aspect-ratio:1.3;background-color:#0c0e0c;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:16px 16px;border-radius:3px;position:relative;overflow:hidden}.tr-demo-box svg{width:100%;height:100%;position:absolute;inset:0}.tr-tag{z-index:1;font:700 9px/1 var(--aa-mono);letter-spacing:.14em;text-transform:uppercase;color:#e9ebe5;align-items:center;gap:7px;display:flex;position:absolute;top:10px;left:10px}.tr-tag i{background:var(--aa-lime);width:7px;height:7px;box-shadow:0 0 8px var(--aa-lime-glow);border-radius:50%}.tr-tag.bad i{background:var(--aa-red);box-shadow:0 0 8px #ff6b5b99}.tr-demo figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:11.5px;line-height:1.4}.tr-skills{font:600 9.5px/1 var(--aa-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);justify-content:center;gap:18px;margin-top:auto;padding-top:22px;display:flex}.tr-tech-head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:64px;display:grid}.tr-tech-list{border-top:1px solid var(--line)}.tr-tech{border-bottom:1px solid var(--line);grid-template-columns:90px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:36px;padding:36px 0;display:grid}.tr-tech h3{letter-spacing:-.03em;margin:10px 0 0;font-size:24px;font-weight:500}.tr-tech p{color:var(--fg-2);margin:10px 0 0;font-size:15px;line-height:1.55}.tr-tech .bad p{color:var(--muted)}.tr-tech-k{align-items:center;gap:10px;display:flex}.tr-tech-k i{background:var(--aa-lime);border-radius:50%;width:8px;height:8px}.tr-tech .bad .tr-tech-k i{background:var(--aa-red)}.tr-tech .xfer{border-left:1px solid var(--line);padding-left:24px}.tr-proto{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;display:grid}.tr-proto div{background:var(--aa-paper);padding:36px 32px 40px}.tr-proto b{font:700 64px/1 var(--aa-sans);letter-spacing:-.05em;color:#d7d9d2;display:block}.tr-proto h3{letter-spacing:-.03em;margin:24px 0 10px;font-size:24px;font-weight:600}.tr-proto p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.tr-deeper{background:#ecede7;border-radius:6px;grid-template-columns:1.2fr 1fr .8fr;align-items:center;margin-top:64px;padding:34px 40px;display:grid}.tr-deeper h3{letter-spacing:-.035em;margin:10px 0 6px;font-size:26px;font-weight:600}.tr-deeper p{color:var(--muted);margin:0;font-size:15px}.tr-deeper a{border-inline:1px solid #d6d8d0;align-items:center;gap:16px;padding:18px 28px;font-size:16px;font-weight:500;display:flex}.tr-deeper a svg:first-child{width:26px;height:26px}.tr-deeper a svg:last-child{width:18px;height:18px;transition:transform .25s var(--aa-ease);margin-left:auto}.tr-deeper a:hover svg:last-child{transform:translate(4px)}.tr-deeper blockquote{text-align:right;color:var(--fg-2);margin:0;font-size:17px;font-style:italic;line-height:1.4}.tr-deeper cite{font:600 10px/1 var(--aa-mono);letter-spacing:.22em;color:var(--muted);margin-top:10px;font-style:normal;display:block}@media (max-width:1180px){.tr-mech-grid{grid-template-columns:1fr 1fr}}@media (max-width:1080px){.tr-hero-grid,.tr-tech-head{grid-template-columns:1fr}.tr-graphic{max-width:560px}.tr-tech{grid-template-columns:1fr 1fr}.tr-tech>div:first-child{grid-column:1/-1}.tr-deeper{grid-template-columns:1fr;gap:24px}.tr-deeper a{border:0;padding:0}.tr-deeper blockquote{text-align:left}}@media (max-width:720px){.tr-mech-grid,.tr-proto{grid-template-columns:1fr}.tr-tech{grid-template-columns:1fr;gap:18px}.tr-tech .xfer{border:0;padding-left:0}.tr-deeper{padding:28px 22px}}