.tg-page{padding:56px 0 100px;display:flex;flex-direction:column;align-items:center}
.tg-intro{text-align:center;max-width:46ch;margin-bottom:24px}
.tg-intro .hero__eyebrow{margin-bottom:18px}
.tg-intro h1{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-0.02em;margin:0 0 10px}
.tg-intro p{color:var(--ink-soft);margin:0;line-height:1.6}
.tg-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:960px;margin-bottom:28px}
.tg-graph{background:var(--ink);border-radius:var(--radius-lg);aspect-ratio:1/1;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px rgba(27,31,59,0.45)}
#tg-canvas{width:100%;height:100%}
.tg-graph__hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:.68rem;color:rgba(255,255,255,.35);background:rgba(0,0,0,.3);padding:4px 12px;border-radius:999px;white-space:nowrap;pointer-events:none}
.tg-calc{display:flex;flex-direction:column;gap:14px}
.tg-input-row{display:flex;gap:10px}
.tg-input-group{flex:1;display:flex;flex-direction:column;gap:4px}
.tg-input-group label{font-size:.74rem;font-weight:600;color:var(--ink-soft)}
.tg-input,.tg-select{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:var(--font-mono);font-size:1rem;font-weight:600;background:var(--bg);color:var(--ink);transition:border-color var(--dur-fast) var(--ease)}
.tg-input:focus,.tg-select:focus{outline:none;border-color:var(--accent)}
.tg-func-tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;max-width:fit-content}
.tg-func-tab{border:none;background:transparent;padding:8px 18px;border-radius:999px;font-weight:600;font-size:.85rem;color:var(--ink-soft);cursor:pointer;transition:all var(--dur-fast) var(--ease);font-family:var(--font-mono)}
.tg-func-tab:hover{color:var(--ink)}
.tg-func-tab.is-active{background:var(--ink);color:#fff}
.tg-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tg-result-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center}
.tg-result-card--full{grid-column:1/-1}
.tg-result-label{font-size:.68rem;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}
.tg-result-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--accent-ink)}
.tg-table-wrap{width:100%;max-width:600px;text-align:center}
.tg-table-wrap h2{font-family:var(--font-display);font-size:1.2rem;margin:0 0 12px}
.tg-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.tg-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:.78rem}
.tg-table th{background:var(--ink);color:#fff;font-weight:600;padding:8px 14px}
.tg-table td{padding:8px 14px;border-bottom:1px solid var(--line);color:var(--ink);text-align:center}
.tg-table tbody tr:nth-child(even) td{background:rgba(27,31,59,.02)}
@media(max-width:800px){.tg-content{grid-template-columns:1fr}}