.tf{padding-block:var(--space-xl);background:var(--color-primary-dark);color:#fff}.tf__inner{text-align:center;max-width:72rem;margin:0 auto}.tf__heading{color:#fff;margin-bottom:.4rem;font-size:clamp(1.9rem,1.4vw + 1.4rem,2.8rem)}.tf__prompt{color:#eaf2f1;margin-bottom:var(--space-m);font-size:1.1rem;font-weight:600}.tf__noscript{color:#fff}.tf__tiles{gap:var(--space-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=900px){.tf__tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tf__tiles[hidden],.tf__prompt[hidden],.tf__card[hidden],.tf__stage[hidden]{display:none}.tf__tile{aspect-ratio:4/3;cursor:pointer;background:var(--color-ink);border:0;border-radius:12px;padding:0;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000040}.tf__tile .tf__tile-art{transition:transform .4s,filter .4s}.tf__tile:after{content:"";background:linear-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.tf__tile-label{z-index:1;font-family:var(--font-heading);text-shadow:0 1px 6px #00000073;color:#fff;text-align:left;justify-content:space-between;align-items:center;gap:.5rem;padding:.9rem 1rem;font-size:clamp(1.05rem,.6vw + .9rem,1.45rem);font-weight:600;line-height:1.15;display:flex;position:absolute;bottom:0;left:0;right:0}.tf__tile-arrow{width:2rem;height:2rem;color:var(--color-primary-dark);font-family:var(--font-body);text-shadow:none;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.05rem;transition:transform .2s;display:inline-flex}.tf__tile:hover,.tf__tile:focus-visible{transform:translateY(-3px);box-shadow:0 14px 30px #00000059}.tf__tile:hover .tf__tile-art,.tf__tile:focus-visible .tf__tile-art{filter:brightness(1.12);transform:scale(1.04)}.tf__tile:hover .tf__tile-arrow,.tf__tile:focus-visible .tf__tile-arrow{transform:translate(3px)}.tf__tile:focus-visible{outline-offset:3px;outline:3px solid #fff}.tf__card{max-width:46rem;margin:var(--space-m) auto 0;color:var(--color-text);border-radius:var(--radius-card);padding:var(--space-m);text-align:center;background:#fff;scroll-margin-top:6rem;box-shadow:0 12px 32px #0000001f}.tf__meta{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.tf__count,.tf__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-dark);font-size:.8rem;font-weight:700}.tf__eyebrow{margin-bottom:.25rem}.tf__progress{background:var(--color-primary-soft);height:6px;margin-bottom:var(--space-m);border-radius:999px;overflow:hidden}.tf__progress-fill{background:var(--color-primary-dark);width:0;height:100%;transition:width .3s;display:block}.tf__question{margin-bottom:var(--space-s);font-size:1.4rem}.tf__result-title{margin-bottom:var(--space-s);font-size:1.6rem}.tf__question:focus,.tf__result-title:focus{outline:none}.tf__stage{animation:.3s tf-fade}@keyframes tf-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tf__options{text-align:left;grid-template-columns:1fr;gap:.6rem;display:grid}@media (width>=640px){.tf__options{grid-template-columns:1fr 1fr}}.tf__option{font:inherit;text-align:left;border:2px solid var(--color-primary);color:var(--color-text);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.9rem;padding:.85rem 1rem;font-weight:600;transition:border-color .2s,background .2s;display:flex}.tf__option:hover,.tf__option:focus-visible{border-color:var(--color-primary-dark);background:var(--color-primary-soft)}.tf__letter{background:var(--color-primary-dark);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:inline-flex}.tf .stage-actions{margin-top:var(--space-m);justify-content:center;gap:1rem;display:flex}.tf .btn:disabled{opacity:.45;cursor:not-allowed}.tf__link-btn{font:inherit;text-underline-offset:.2em;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;text-decoration:underline}#capture-form{gap:var(--space-s);text-align:left;display:grid}#capture-form label{gap:.3rem;font-size:.9rem;font-weight:600;display:grid}#capture-form .optional{color:var(--color-text-muted);font-weight:400}#capture-form input{border:1.5px solid var(--color-border);font:inherit;border-radius:6px;padding:.75rem .9rem}#capture-form input:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}#capture-form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.tf .fine-print{color:var(--color-text-muted);margin:0;font-size:.82rem}.tf .form-error{color:#9b2c2c;margin:0;font-size:.9rem;font-weight:600}.tf .send-status{margin:0 0 var(--space-s);background:var(--color-accent-soft);color:var(--color-primary-dark);border-radius:6px;padding:.75rem 1rem;font-size:.92rem;font-weight:600}.tf .send-status.is-error{color:#9b2c2c;background:#fbeeee}.tf .results-cards{gap:var(--space-s);margin:var(--space-s) 0;text-align:left;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));display:grid}.tf .result-card{border:1px solid var(--color-border);border-radius:var(--radius-card);color:var(--color-text);box-shadow:var(--shadow-card);background:#fff;flex-direction:column;text-decoration:none;transition:box-shadow .25s,transform .25s;display:flex;overflow:hidden}.tf .result-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.tf .result-media{aspect-ratio:16/10;position:relative;overflow:hidden}.tf .result-media--photo{background:var(--color-bg-alt)}.tf .result-media--photo img{object-fit:contain;width:100%;height:100%;padding:.35rem;display:block}.tf .result-photo-note{color:#fff;background:#2c2924c7;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;position:absolute;bottom:.5rem;left:.5rem}.tf .result-card-body{padding:var(--space-s)}.tf .result-card h4{margin-bottom:.35rem;font-size:1.05rem}.tf .reason{color:var(--color-text-muted);margin:0 0 .6rem;font-size:.88rem}.tf .card-link{color:var(--color-primary-dark);font-size:.85rem;font-weight:700}.tf .results-cta{margin-top:var(--space-m);flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}