.tf{background:#0c121c;color:var(--text-on-dark);min-height:calc(100vh - 80px);position:relative;display:flex;flex-direction:column;justify-content:center;padding:112px var(--container-gutter) 88px}.tf-grid{max-width:1360px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:96px;align-items:center}.tf-eyebrow{font-size:13px;letter-spacing:.055em;text-transform:uppercase;color:var(--accent-teal-light)}.tf-h1{font-size:clamp(38px,4vw,60px);font-weight:400;letter-spacing:-.041em;line-height:1.03;margin-top:20px;color:var(--text-on-dark)}.tf-sub{font-size:18px;line-height:1.5;margin-top:22px;max-width:44ch;color:var(--text-body-on-dark)}.tf-tool{border-radius:4px;padding:26px 28px 24px;background:#ffffff0a;box-shadow:0 0 0 1px #ffffff14}.tf-row{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.tf-row__label{font-size:12px;letter-spacing:.055em;text-transform:uppercase;color:#ffffff8c}.tf-select-wrap{position:relative;display:block}.tf-select{width:100%;appearance:none;-webkit-appearance:none;font-family:inherit;font-size:14px;color:var(--text-on-dark);background:#ffffff12;border:0;border-radius:4px;padding:10px 36px 10px 12px;cursor:pointer}.tf-select:focus-visible{outline:2px solid var(--accent-teal-light);outline-offset:2px}.tf-select option{color:var(--text-primary);background:var(--bg-page)}.tf-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:#ffffff8c;pointer-events:none}.tf-select-chevron svg{width:100%;height:100%}.tf-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;border-radius:4px;padding:3px;background:#ffffff12}.tf-seg button{font-size:12.5px;font-weight:500;padding:8px 6px;border-radius:3px;text-align:center;color:var(--text-body-on-dark)}.tf-seg button.on{background:var(--text-on-dark);color:#0c121c}.tf-stepper{display:flex;align-items:center;gap:12px}.tf-stepper strong{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums;min-width:64px;text-align:center}.tf-stepper button{width:32px;height:32px;border-radius:4px;font-size:15px;background:#ffffff12;color:var(--text-on-dark)}.tf-stepper button:hover{background:#ffffff1f}.tf-seg button:focus-visible,.tf-stepper button:focus-visible{outline:2px solid var(--accent-teal-light);outline-offset:2px}.tf-result{margin-top:18px;display:grid;gap:6px}.tf-result__label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-teal-light)}.tf-top__name{font-size:clamp(26px,2.2vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.05}.tf-result__meta{font-size:13px;color:#ffffffa6}.tf-top__note{font-size:13px;line-height:1.55;color:#fff9;margin-top:4px}.tf-bars{margin-top:16px;display:grid;gap:13px}.tf-bar{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:baseline}.tf-bar__label{font-size:13px}.tf-bar__val{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.tf-bar__track{grid-column:1 / -1;display:block}.tf-bar__fill{display:block;height:6px;border-radius:0 3px 3px 0;background:#ffffff24;transition:width .4s var(--ease)}.tf-bar.is-hero .tf-bar__fill{background:var(--accent-teal-light)}.tf-cta{display:block;text-align:center;font-size:14px;font-weight:600;padding:13px 20px;border-radius:4px;margin-top:22px;background:var(--accent-teal-light);color:#0c121c;transition:filter var(--transition-base)}.tf-cta:hover{filter:brightness(.92)}.tf-foot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;flex-wrap:wrap}.tf-copy-link{font-size:12px;color:#ffffffa6;text-decoration:underline;text-underline-offset:3px}.tf-copy-link:hover{color:var(--text-on-dark)}.tf-micro{font-size:11px;color:#ffffff73}.tf-scrollcue{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:6px;display:grid;place-items:center;color:#fff9;transition:color var(--transition-base)}.tf-scrollcue svg{width:26px;height:34px;animation:tfCueDrift 2.6s var(--ease) infinite}.tf-scrollcue:hover{color:var(--accent-teal-light)}.tf-scrollcue:focus-visible{outline:2px solid var(--accent-teal-light);outline-offset:3px}@keyframes tfCueDrift{0%,to{transform:translateY(-2px);opacity:.7}50%{transform:translateY(3px);opacity:1}}.tf-micro{font-size:12px}@media(max-width:1199px){.tf{padding-top:120px;padding-bottom:96px;min-height:0}.tf-grid{grid-template-columns:1fr;gap:40px}.tf-h1{font-size:clamp(32px,7vw,44px)}}@media(max-width:1199px),(any-pointer:coarse){.tf-stepper button{width:40px;height:40px}.tf-seg button{min-height:40px}.tf-copy-link{min-height:40px;display:inline-flex;align-items:center}.tf-scrollcue{padding:6px 8px}.tf-select{font-size:16px;padding:12px 36px 12px 12px}}@media(max-width:480px){.tf-tool{padding:22px 18px 20px}.tf-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0}.tf-select-wrap,.tf-stepper,.tf-seg,.tf-result,.tf-bars{min-width:0}.tf-select{min-width:0;max-width:100%}.tf-seg button{min-width:0;padding:8px 4px}.tf-stepper strong{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){.tf-scrollcue svg{animation:none}.tf-bar__fill,.tf-cta{transition:none}}