.tl-band{padding-block:clamp(40px,6vh,80px)}.tl-band-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:16px 56px;display:grid}.tl-band .sc-q{max-width:17ch;font-size:clamp(34px,4.1vw,62px)}.tl-band .sc-a{margin-top:0;padding-bottom:.35em}.tl-hero{padding-block:clamp(48px,7vh,96px)}.tl-hero .brush{color:var(--color-paper)}.tl-picks{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:40px;display:grid}.tl-pick{border:1.5px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper);min-height:64px;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:10px 14px;display:grid}.tl-pick-no{background:var(--color-ink);width:34px;height:34px;color:var(--color-brand);border-radius:50%;grid-row:1/3;place-items:center;font-size:14px;font-weight:800;display:grid}.tl-pick b{font-size:16px;font-weight:700;line-height:1.25}.tl-pick small{color:var(--color-ink-2);font-size:12px}.tl-pick:hover{box-shadow:4px 4px 0 var(--color-ink);transform:translate(-2px,-2px)}.tl-pick:active{box-shadow:0 0 0 var(--color-ink);transform:translate(2px,2px)}.tl-at-layout{padding-top:clamp(48px,6vw,88px)}.tl-mod-q{max-width:18ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.08}.tl-chips{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.tl-chips a{border-radius:var(--radius-pill);border:1.5px solid;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .15s,color .15s;display:inline-flex}.tl-chips a:hover{background:var(--color-paper);color:var(--color-ink)}.tl-cert{padding-top:clamp(32px,4vw,56px)}.tl-cert-note{max-width:62ch;color:var(--color-ink-3);margin-top:40px;font-size:13px;line-height:1.55}.pg.tl-mat{padding-bottom:0}.tl-mat-hero{padding-block:clamp(56px,8vh,104px)}.tl-mat-figure{justify-self:end;width:100%;max-width:520px}.tl-rooms{margin-top:48px}.tl-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px;display:grid}.tl-tool{border:1.5px solid var(--color-paper);border-radius:var(--radius-card);background:var(--color-ink);height:100%;color:var(--color-paper);transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out);flex-direction:column;gap:10px;padding:24px 22px 20px;display:flex}.tl-tool b{letter-spacing:-.02em;font-size:clamp(19px,1.5vw,23px);font-weight:700;line-height:1.2}.tl-tool span{color:color-mix(in srgb, var(--color-paper) 80%, var(--color-ink));flex:1;font-size:16px;line-height:1.55}.tl-tool i{border-top:1px solid color-mix(in srgb, var(--color-paper) 22%, var(--color-ink));color:var(--color-brand);align-items:center;gap:8px;padding-top:14px;font-size:14px;font-style:normal;font-weight:600;display:inline-flex}.tl-tool i svg{width:18px;height:18px;transition:transform .2s var(--ease-out)}.tl-tool:hover{box-shadow:6px 6px 0 var(--color-brand);transform:translate(-3px,-3px)}.tl-tool:hover i svg{transform:translate(4px)}.tl-rt-band{padding-bottom:clamp(96px,12vh,144px)}.tl-rt-stage{z-index:1;margin-top:clamp(-112px,-10vh,-72px);position:relative}.tl-rt-stage .pg-test-frame{max-width:920px;box-shadow:8px 8px 0 var(--color-ink);margin-inline:auto}.tl-rt-faq{padding-top:clamp(80px,10vw,128px)}body:has(main :is(.at-page,.tl-mat)>.sc-dark:last-child) .foot{margin-top:0}@media (max-width:1099px){.tl-picks,.tl-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.tl-band-grid{grid-template-columns:1fr;align-items:start}.tl-band .sc-a{padding-bottom:0}.tl-mat-figure{justify-self:start}}@media (max-width:760px){.tl-band{padding-block:32px 36px}.tl-hero{padding-block:36px 40px}.tl-picks{gap:8px;margin-top:28px}.tl-pick{column-gap:8px;min-height:56px;padding:8px 10px}.tl-pick-no{width:28px;height:28px;font-size:13px}.tl-tools{grid-template-columns:1fr;margin-top:32px}.tl-rt-band{padding-bottom:88px}.tl-rt-stage{margin-top:-64px}.tl-rt-stage .pg-test-frame{box-shadow:5px 5px 0 var(--color-ink)}}@media (prefers-reduced-motion:reduce){.tl-pick,.tl-tool,.tl-tool i svg{transition:none}.tl-pick:hover,.tl-pick:active,.tl-tool:hover,.tl-tool:hover i svg{transform:none}}