.tpm-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,15,13,.42);backdrop-filter:blur(4px);animation:tpm-fade .2s ease-out}.tpm-overlay.tpm-closing{animation:tpm-fade .2s ease-in reverse}.tpm-modal{position:relative;display:grid;grid-template-columns:1fr .92fr;width:min(920px,100%);max-height:calc(100vh - 40px);background:var(--brand-paper,var(--surface));color:var(--brand-ink,var(--ink-0));border:1px solid var(--brand-ink,var(--border-strong));border-radius:0;overflow:hidden;box-shadow:10px 10px 0 var(--brand-dark,rgba(0,0,0,.85));font-family:var(--font-sans);animation:tpm-pop .24s cubic-bezier(.23,1,.32,1)}.tpm-closing .tpm-modal{animation:tpm-pop .2s ease-in reverse}.tpm-close{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;border-radius:0;background:transparent;color:var(--brand-paper,var(--surface));cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.tpm-close:hover{border-color:currentColor}.tpm-close:active{transform:scale(.94)}.tpm-close:focus-visible{outline:2px solid var(--brand-highlight,currentColor);outline-offset:2px}.tpm-left{padding:48px 40px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.tpm-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:5px 9px;font:500 10.5px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;background:var(--brand-dark,var(--ink-0));color:var(--brand-paper,var(--surface))}.tpm-eyebrow:before{content:"";width:7px;height:7px;background:var(--brand-highlight,var(--surface))}.tpm-left h2{font:700 clamp(1.75rem,3vw,2.4rem)/1.02 var(--font-display,var(--font-sans));letter-spacing:-.045em;text-wrap:balance;color:var(--brand-ink,var(--ink-0));margin:0 0 14px;max-width:15ch}.tpm-left p{font-size:.95rem;line-height:1.6;color:var(--ink-2);margin:0 0 26px;max-width:42ch}.tpm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;padding:0 20px;box-sizing:border-box;border-radius:0;font:600 .95rem var(--font-sans);letter-spacing:-.01em;cursor:pointer;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,border-color .16s ease}.tpm-btn:active{transform:scale(.98)}.tpm-btn:focus-visible{outline:2px solid var(--brand-ink,var(--ink-0));outline-offset:2px}.tpm-btn-primary{background:var(--brand-ink,var(--ink-0));color:var(--brand-highlight,var(--surface));border:1px solid var(--brand-ink,var(--ink-0))}@media (hover:hover){.tpm-btn-primary:hover{background:var(--brand-dark,var(--ink-1));border-color:var(--brand-dark,var(--ink-1))}}.tpm-btn-ghost{background:transparent;color:var(--brand-ink,var(--ink-0));border:1px solid var(--brand-ink,var(--border-strong))}@media (hover:hover){.tpm-btn-ghost:hover{background:var(--brand-ground,var(--surface-2))}}.tpm-note{align-self:center;margin-top:14px;font:400 11px var(--font-mono);letter-spacing:.04em;color:var(--brand-label,var(--ink-3))}.tpm-modal{min-height:500px}.tpm-left{justify-content:flex-start;overflow-y:auto;max-height:calc(100vh - 40px);box-sizing:border-box}.tpm-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin-bottom:22px}.tpm-progress span{height:3px;background:var(--border-strong);transition:background-color .25s ease}.tpm-progress span.is-on{background:var(--brand-ink,var(--ink-0))}.tpm-progress span.is-now{background:linear-gradient(90deg,var(--brand-ink,var(--ink-0)) 50%,var(--border-strong) 50%)}.tpm-q{margin:0 0 12px!important;font:500 10.5px var(--font-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-label,var(--ink-3))!important}.tpm-options{display:flex;flex-direction:column;gap:8px;width:100%}.tpm-options--grid{display:grid;grid-template-columns:1fr 1fr}.tpm-options--chips{flex-direction:row;flex-wrap:wrap}.tpm-opt{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 14px;box-sizing:border-box;text-align:left;background:var(--brand-ground,var(--surface-2));color:var(--brand-ink,var(--ink-0));border:1px solid var(--border-strong);border-radius:0;font:600 14px/1.25 var(--font-sans);cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease-out}.tpm-opt:hover{border-color:var(--brand-ink,var(--ink-0));background:var(--brand-paper,var(--surface))}.tpm-opt:active{transform:scale(.98)}.tpm-opt[aria-pressed=true]{border-color:var(--brand-ink,var(--ink-0));box-shadow:inset 0 0 0 1px var(--brand-ink,var(--ink-0))}.tpm-opt-arrow{margin-left:auto;opacity:.45;transition:opacity .12s ease,transform .12s ease}.tpm-opt:hover .tpm-opt-arrow{opacity:1;transform:translateX(2px)}.tpm-chip{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:transparent;color:var(--brand-ink,var(--ink-0));border:1px solid var(--border-strong);border-radius:0;font:500 13.5px var(--font-sans);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}.tpm-chip:hover,.tpm-chip[aria-pressed=true]{border-color:var(--brand-ink,var(--ink-0))}.tpm-chip[aria-pressed=true]{background:var(--brand-ink,var(--ink-0));color:var(--brand-highlight,var(--surface))}.tpm-back:focus-visible,.tpm-chip:focus-visible,.tpm-opt:focus-visible,.tpm-rec-name:focus-visible{outline:2px solid var(--brand-ink,var(--ink-0));outline-offset:2px}.tpm-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:18px}.tpm-back{background:none;border:0;padding:0;cursor:pointer;font:500 13px var(--font-sans);color:var(--brand-ink,var(--ink-0));text-decoration:underline;text-underline-offset:3px}.tpm-btn--auto{width:auto;padding:0 22px}.tpm-btn:disabled{opacity:.4;cursor:not-allowed}.tpm-btn:disabled:active{transform:none}.tpm-left h2.tpm-h-result{font-size:clamp(1.4rem,2.3vw,1.85rem);max-width:22ch;margin-bottom:16px}.tpm-recs{list-style:none;margin:0 0 18px;padding:0;width:100%;display:flex;flex-direction:column;border:1px solid var(--border-strong)}.tpm-rec{display:flex;gap:12px;padding:12px 14px}.tpm-rec+.tpm-rec{border-top:1px solid var(--border-strong)}.tpm-rec-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--brand-dark,var(--ink-0));color:var(--brand-highlight,var(--surface))}.tpm-rec-name{font:700 14px var(--font-sans);color:var(--brand-ink,var(--ink-0));text-decoration:none}.tpm-rec-name:hover{text-decoration:underline;text-underline-offset:3px}.tpm-left .tpm-rec p{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2);max-width:none}.tpm-result-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px}.tpm-result-foot .tpm-note{margin-top:0;align-self:auto}.tpm-mail{width:100%;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-strong);display:flex;flex-direction:column;gap:10px}.tpm-mail-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tpm-mail-label{display:flex;flex-direction:column;gap:5px;font:500 10px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-label,var(--ink-3))}.tpm-mail-label em{font-style:normal;text-transform:none;letter-spacing:0;opacity:.8}.tpm-mail-label input{height:38px;padding:0 10px;box-sizing:border-box;width:100%;border:1px solid var(--border-strong);border-radius:0;outline:none;background:var(--brand-ground,var(--surface-2));color:var(--brand-ink,var(--ink-0));font:400 13.5px var(--font-sans);text-transform:none;letter-spacing:0}.tpm-mail-label input:focus{border-color:var(--brand-ink,var(--ink-0))}.tpm-mail-label input:focus-visible{outline:2px solid var(--brand-ink,var(--ink-0));outline-offset:2px}.tpm-mail-actions{display:flex;align-items:center;gap:14px}.tpm-mail-actions .tpm-btn{height:40px;font-size:.88rem}.tpm-left .tpm-mail-error,.tpm-left .tpm-mail-note{margin:0;font-size:11.5px;line-height:1.45;max-width:none}.tpm-left .tpm-mail-note{color:var(--ink-3)}.tpm-left .tpm-mail-error{padding:8px 10px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger)}.tpm-left .tpm-mail-sent{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;margin:14px 0 0;padding:10px 12px;font-size:13px;font-weight:600;max-width:none;background:var(--brand-highlight,var(--surface-2));color:var(--brand-ink,var(--ink-0));border:1px solid var(--brand-ink,var(--ink-0))}.tpm-site-form{display:flex;gap:8px;width:100%;margin-bottom:10px}.tpm-site-form input{flex:1;min-width:0;height:48px;padding:0 14px;box-sizing:border-box;border:1px solid var(--brand-ink,var(--border-strong));border-radius:0;outline:none;background:var(--brand-ground,var(--surface-2));color:var(--brand-ink,var(--ink-0));font:500 15px var(--font-sans)}.tpm-site-form input:focus-visible{outline:2px solid var(--brand-ink,var(--ink-0));outline-offset:2px}.tpm-site-form .tpm-btn{height:48px}.tpm-score{position:relative;display:flex;align-items:baseline;gap:2px;width:100%;padding-bottom:10px;margin-bottom:12px}.tpm-score b{font:700 34px/1 var(--font-display,var(--font-sans));letter-spacing:-.04em;font-variant-numeric:tabular-nums}.tpm-score span{font:500 12px var(--font-mono);color:var(--brand-label,var(--ink-3))}.tpm-score:after{content:"";right:0;background:var(--border-strong)}.tpm-score i,.tpm-score:after{position:absolute;left:0;bottom:0;height:4px}.tpm-score i{background:var(--brand-ink,var(--ink-0));z-index:1}.tpm-findings{list-style:none;margin:0 0 14px;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.tpm-findings li{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--brand-ink,var(--ink-0))}.tpm-findings li svg{flex-shrink:0;margin-top:2px}.tpm-findings li[data-sev=bad] svg{color:var(--danger)}.tpm-findings li[data-sev=warn] svg{color:var(--warn)}.tpm-mock-setup{align-self:flex-end;width:82%}.tpm-setup{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:12.5px}.tpm-setup dt{font:500 9.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brand-label,var(--ink-3));padding-top:2px}.tpm-setup dd{margin:0;font-weight:600;color:var(--brand-ink,var(--ink-0))}.tpm-setup dd i{font-style:normal;color:var(--ink-3);font-weight:400}.tpm-mini-recs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.tpm-mini-recs b{font:600 11px var(--font-mono);margin-right:6px;padding:1px 4px;background:var(--brand-highlight,var(--surface-2))}.tpm-dock{position:fixed;right:18px;bottom:18px;z-index:8990;display:flex;align-items:stretch;border:1px solid var(--brand-ink,var(--ink-0));box-shadow:4px 4px 0 var(--brand-dark,rgba(0,0,0,.85));animation:tpm-pop .24s cubic-bezier(.23,1,.32,1)}.tpm-dock-open{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;background:var(--brand-ink,var(--ink-0));color:var(--brand-highlight,var(--surface));border:0;border-radius:0;cursor:pointer;font:600 13px var(--font-sans)}.tpm-dock-open:hover{background:var(--brand-dark,var(--ink-1))}.tpm-dock-dot{width:7px;height:7px;background:var(--brand-highlight,var(--surface))}.tpm-dock-x{display:inline-flex;align-items:center;justify-content:center;width:32px;background:var(--brand-paper,var(--surface));color:var(--brand-ink,var(--ink-0));border:0;border-left:1px solid var(--brand-ink,var(--ink-0));border-radius:0;cursor:pointer}.tpm-dock-x:hover{background:var(--brand-ground,var(--surface-2))}.tpm-dock-open:focus-visible,.tpm-dock-x:focus-visible{outline:2px solid var(--brand-ink,var(--ink-0));outline-offset:2px}.tpm-right{position:relative;padding:56px 34px 52px;background-color:var(--brand-dark,var(--ink-0));background-image:radial-gradient(circle,hsla(90,14%,92%,.14) 1px,transparent 1.2px);background-size:22px 22px;display:flex;flex-direction:column;justify-content:center;gap:16px}.tpm-mock{background:var(--brand-paper,var(--surface));border:1px solid var(--brand-ink,var(--border-strong));border-radius:0;padding:14px 16px 16px}.tpm-mock-donut{align-self:flex-end;width:78%}.tpm-mock-bars{align-self:flex-start;width:74%;box-shadow:6px 6px 0 rgba(0,0,0,.35)}.tpm-mock-bars .tpm-mock-head{margin-bottom:22px}.tpm-mock-head{font:500 10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-label,var(--ink-3));margin-bottom:12px}.tpm-donut{position:relative;width:92px;height:92px;margin:0 auto}.tpm-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.tpm-donut circle{fill:none;stroke-width:3.4}.tpm-donut-track{stroke:var(--brand-ground,var(--surface-2))}.tpm-donut-val{stroke:var(--brand-ink,var(--ink-0));stroke-linecap:butt}.tpm-donut-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:700 1.1rem var(--font-display,var(--font-sans));letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--brand-ink,var(--ink-0))}.tpm-bars{gap:12px;height:72px;padding:0 2px}.tpm-bar,.tpm-bars{display:flex;align-items:flex-end}.tpm-bar{position:relative;flex:1;height:100%;justify-content:center}.tpm-bar-fill{display:block;width:100%;border-radius:0}.tpm-bar em{position:absolute;top:-16px;font-style:normal;font:600 .72rem var(--font-mono);font-variant-numeric:tabular-nums;color:var(--brand-ink,var(--ink-0))}.tpm-bar-fill.danger{background:var(--danger)}.tpm-bar-fill.warn{background:var(--warn)}.tpm-bar-fill.ok{background:var(--brand-ink,var(--live))}.tpm-bars-legend{display:flex;justify-content:space-between;margin-top:10px;padding:0 2px;font:400 9.5px var(--font-mono);letter-spacing:.04em;color:var(--brand-label,var(--ink-3))}.tpm-brand{position:absolute;bottom:18px;right:22px;display:flex;align-items:center;gap:6px;color:var(--brand-paper,var(--surface));font:700 .9rem var(--font-display,var(--font-sans));opacity:.85}@keyframes tpm-fade{0%{opacity:0}to{opacity:1}}@keyframes tpm-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tpm-dock,.tpm-modal,.tpm-overlay{animation:none}.tpm-btn{transition:none}}@media (max-width:720px){.tpm-modal{grid-template-columns:1fr;box-shadow:6px 6px 0 var(--brand-dark,rgba(0,0,0,.85))}.tpm-right{display:none}.tpm-left{padding:40px 22px 28px}.tpm-modal{min-height:0;max-height:calc(100vh - 24px);overflow-y:auto}.tpm-options--grid{grid-template-columns:1fr}.tpm-progress{width:calc(100% - 44px)}.tpm-mail-row{grid-template-columns:1fr}.tpm-site-form{flex-direction:column}.tpm-dock{right:12px;bottom:12px}.tpm-close{color:var(--brand-ink,var(--ink-0))}}