:root{color-scheme:dark;--bg:#0b0c0e;--surface:#111418;--text:#e7e9ec;--muted:#a3abb6;--accent:#a2bdd6;--line:#2b3139}
#tgg-app *{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,sans-serif}
#tgg-app a{color:var(--accent);text-decoration:none}
#tgg-app a:hover{text-decoration:underline}
#tgg-app a:focus-visible,#tgg-app input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
#tgg-app .skip{position:absolute;top:-80px;padding:10px;background:var(--text);color:var(--bg)}
#tgg-app .skip:focus{top:8px;z-index:2}
#tgg-app header{min-height:82px;max-width:1456px;margin:auto;padding:20px 48px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}
#tgg-app .brand{color:var(--text);font-weight:750;letter-spacing:.16em;margin-right:auto}
#tgg-app .brand span{font:11px ui-monospace,monospace;letter-spacing:.3em;color:var(--muted);margin-left:8px}
#tgg-app .contact{font-size:13px;padding:9px 14px;border:1px solid var(--line);color:var(--text)}
#tgg-app header>a:not(.brand){font-size:13px}
#tgg-app main{max-width:1256px;margin:auto;padding:76px 48px 54px}
#tgg-app .eyebrow{font:11px/1.6 ui-monospace,monospace;letter-spacing:.19em;color:var(--muted)}
#tgg-app .intro{display:grid;grid-template-columns:1.7fr 1fr;gap:76px;align-items:end;margin:28px 0 56px}
#tgg-app h1{font-size:clamp(36px,4.6vw,62px);font-weight:650;line-height:1.09;letter-spacing:-.04em;margin:0}
#tgg-app h2{font-size:25px;font-weight:580;line-height:1.25;letter-spacing:-.02em;margin:18px 0 12px}
#tgg-app h3{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 7px}
#tgg-app p{margin:0 0 16px}
#tgg-app .lede{font-size:18px;color:var(--muted);line-height:1.6;max-width:47ch;margin-top:26px}
#tgg-app .scope{padding:22px 0 2px 26px;border-left:1px solid var(--line);font-size:14px}
#tgg-app .scope p{margin:12px 0 0}
#tgg-app .muted{color:var(--muted)}
#tgg-app .layout{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:start}
#tgg-app .panel{background:var(--surface);border:1px solid var(--line);padding:30px}
#tgg-app .panel>p{color:var(--muted);font-size:14px}
#tgg-app .tag{display:inline-block;font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#d8c69b;border:1px solid #494232;padding:5px 8px}
#tgg-app .panel h2{margin-top:22px}
#tgg-app form{margin-top:28px}
#tgg-app label{display:block;font-size:13px;font-weight:550;margin-bottom:10px}
#tgg-app input[type=text],#tgg-app input[type=email]{width:100%;padding:15px;border:1px solid #46515e;background:#0b0c0e;border-radius:2px;font:16px system-ui;color:var(--text)}
#tgg-app input:disabled{opacity:.8}
#tgg-app .hint{font-size:12px!important;color:var(--muted);margin:9px 0 0}
#tgg-app .checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;margin:23px 0 24px;color:var(--muted)}
#tgg-app .checkbox input{margin-top:4px;flex-shrink:0}
#tgg-app button{width:100%;display:flex;justify-content:space-between;gap:12px;background:#8c9dad;border:0;border-radius:2px;padding:15px 17px;color:#11171d;font:600 14px system-ui}
#tgg-app button:disabled{cursor:not-allowed;opacity:.65}
#tgg-app #availability{padding-top:18px}
#tgg-app .steps{padding-top:8px}
#tgg-app .steps h2{margin:0 0 29px}
#tgg-app .steps>div{display:flex;gap:23px;border-top:1px solid var(--line);padding:22px 0 8px}
#tgg-app .steps>div>span{font:12px/1.6 ui-monospace,monospace;color:var(--accent);padding-top:2px}
#tgg-app .steps p{font-size:14px;line-height:1.65;color:var(--muted)}
#tgg-app .sample{display:flex;gap:48px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;margin-top:64px}
#tgg-app .sample h2{margin-top:12px}
#tgg-app .sample p{max-width:65ch;color:var(--muted);font-size:14px;margin-bottom:0}
#tgg-app .sample-link{flex-shrink:0;border:1px solid #536171;padding:13px 19px;font-size:14px}
#tgg-app .limitation{font-size:12px;color:var(--muted);margin:24px 0 0}
#tgg-app footer{max-width:1256px;margin:auto;padding:26px 48px 40px;display:flex;gap:24px;justify-content:space-between;font:10px/1.8 ui-monospace,monospace;letter-spacing:.08em;color:var(--muted)}
#tgg-app footer div{display:flex;gap:20px}
@media(max-width:800px){#tgg-app header{padding:20px 24px;gap:16px}
#tgg-app header>a:not(.brand):not(.contact){display:none}
#tgg-app main{padding:48px 24px 32px}
#tgg-app .intro,#tgg-app .layout{grid-template-columns:1fr;gap:32px}
#tgg-app .intro{margin-bottom:32px}
#tgg-app .scope{padding:0 0 0 20px;max-width:60ch}
#tgg-app .panel{padding:24px}
#tgg-app .steps{padding-top:4px}
#tgg-app .sample{margin-top:30px;align-items:flex-start;gap:24px;flex-direction:column}
#tgg-app footer{padding:24px;flex-direction:column;gap:12px}
#tgg-app .brand span{display:none}
}
@media(prefers-reduced-motion:reduce){#tgg-app *{scroll-behavior:auto}
}
#tgg-app [hidden]{display:none!important}
#tgg-app button:not(:disabled){cursor:pointer;background:#c5d6e6}
#tgg-app #sign-in{margin:20px 0}
#tgg-app #scope-form{margin-top:28px}
#tgg-app #verification{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}
#tgg-app #verification label:not(.checkbox){margin-top:18px}
#tgg-app textarea{width:100%;padding:12px;border:1px solid #46515e;background:#0b0c0e;color:var(--text);font:13px/1.6 ui-monospace,monospace;resize:vertical}
#tgg-app #report-panel{margin-top:40px}
#tgg-app .finding{padding:22px;border:1px solid var(--line);background:var(--surface);margin:16px 0}
#tgg-app .finding p{font-size:14px;color:var(--muted)}
#tgg-app #download-report{max-width:320px}
#tgg-app #message{overflow-wrap:anywhere}
#tgg-app #signup-form{margin-top:22px}
#tgg-app #signup-submit,#tgg-app #create-scope{margin-top:20px}
#tgg-app .email-example{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font:13px/1.8 ui-monospace,monospace;color:var(--accent);padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#tgg-app .email-example strong{color:var(--text)}
#tgg-app .domain-value{font:600 22px/1.5 ui-monospace,monospace;color:var(--text);overflow-wrap:anywhere;margin-bottom:0}
#tgg-app .subdomain-label{margin-top:24px}
#tgg-app .hostname-editor{display:flex;align-items:stretch;min-width:0;border:1px solid #46515e;border-radius:2px;background:var(--bg)}
#tgg-app .hostname-editor:focus-within{outline:2px solid var(--accent);outline-offset:3px}
#tgg-app .hostname-editor input{flex:1;min-width:0;width:0;border:0}
#tgg-app .hostname-editor input:focus-visible{outline:none}
#tgg-app #domain-suffix{display:flex;align-items:center;max-width:65%;padding:12px;border-left:1px solid var(--line);font:13px/1.5 ui-monospace,monospace;color:var(--accent);overflow-wrap:anywhere}
#tgg-app .target-preview{font-size:13px;margin-top:16px;overflow-wrap:anywhere}
#tgg-app .target-preview strong{color:var(--accent)}
#tgg-app button.secondary:not(:disabled){background:transparent;color:var(--accent);border:1px solid var(--line);justify-content:center}
#tgg-app .account-tools{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
#tgg-app .account-tools button{width:auto;padding:10px 12px;font-size:12px}
#tgg-app #signup-message{overflow-wrap:anywhere}