.tt-tool-hero{--tt-tool-ink: #102421;--tt-tool-blue: #18bfe8;--tt-tool-white: #fffdf7;--tt-tool-paper: #f8f6ee;--tt-tool-muted: #536762;--tt-tool-line: #cad2cf;box-sizing:border-box;min-height:calc(100svh - 112px);padding:clamp(1.2rem,1.8vw,1.5rem) max(1.25rem,5vw) clamp(2rem,4vw,3.5rem);overflow:hidden;border-bottom:1px solid var(--tt-tool-line);background:radial-gradient(circle at 50% 25%,rgb(24 191 232 / 8%),transparent 34%),var(--tt-tool-paper);color:var(--tt-tool-ink);text-align:center}.tt-tool-hero *,.tt-tool-hero *:before,.tt-tool-hero *:after{box-sizing:border-box}.tt-tool-hero__intro{width:min(100%,1180px);margin-inline:auto}.tt-tool-eyebrow{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0;color:var(--tt-tool-blue);font:700 .75rem/1.2 var(--mono, monospace);letter-spacing:.16em;text-transform:uppercase}.tt-tool-eyebrow:before{width:2rem;height:2px;background:currentColor;content:""}.tt-tool-hero h1{max-width:19ch;margin:clamp(.65rem,1vw,.8rem) auto 0;color:var(--tt-tool-ink);font-size:clamp(2.55rem,4vw,3.25rem);font-style:normal;line-height:.96;letter-spacing:-.055em;text-wrap:balance}.tt-tool-description{max-width:780px;margin:clamp(.7rem,1vw,.85rem) auto 0;color:var(--tt-tool-muted);font-size:clamp(.95rem,1.35vw,1.08rem);line-height:1.55;text-wrap:balance}.tt-tool-card{width:min(100%,1040px);height:auto;margin:clamp(.75rem,1vw,.9rem) auto 0;padding:clamp(1rem,1.6vw,1.3rem);border:1px solid var(--tt-tool-line);border-radius:14px;background:var(--tt-tool-white);box-shadow:0 18px 42px -32px #1024218c;color:var(--tt-tool-ink);text-align:left}.tt-tool-card__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding-bottom:.6rem;border-bottom:1px solid var(--tt-tool-line);font:700 .72rem/1.2 var(--mono, monospace);letter-spacing:.1em;text-transform:uppercase}.tt-tool-card__head span:last-child{padding:.35rem .6rem;border-radius:999px;background:#18bfe81f;color:var(--tt-tool-ink)}.tt-tool-form{display:grid;gap:.45rem;margin:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}.tt-tool-card form.tt-tool-form{min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}.tt-tool-form label{display:block;margin:0;color:var(--tt-tool-ink);font:700 .72rem/1.25 var(--mono, monospace);letter-spacing:.1em;text-transform:uppercase}.tt-tool-form input,.tt-tool-form textarea{display:block;width:100%;min-width:0;min-height:3.5rem;margin:0;padding:.9rem 1rem;resize:vertical;border:1px solid #899995;border-radius:5px;outline:0;background:var(--tt-tool-paper);color:var(--tt-tool-ink);font:500 1rem/1.4 var(--sans, sans-serif)}.tt-tool-form textarea{min-height:4.5rem}.tt-tool-form input:focus,.tt-tool-form textarea:focus{border-color:var(--tt-tool-blue);box-shadow:0 0 0 3px #18bfe829}.tt-tool-form button{width:100%;min-height:3.35rem;margin:0;padding:.85rem 1.25rem;border:1px solid var(--tt-tool-ink);border-radius:5px;background:var(--tt-tool-ink);color:var(--tt-tool-white);cursor:pointer;font:700 .78rem/1.2 var(--mono, monospace);letter-spacing:.06em;text-transform:uppercase}.tt-tool-form button:hover{background:var(--tt-tool-blue);color:var(--tt-tool-ink)}.tt-tool-form button:disabled{cursor:wait;opacity:.58}.tt-tool-note{margin:.15rem 0 0;color:var(--tt-tool-muted);font-size:.78rem;line-height:1.45}.tt-tool-card .tt-tool-state{min-height:1.4rem;margin:.5rem 0 0;padding-top:.5rem;border-top:1px solid var(--tt-tool-line);color:var(--tt-tool-muted);font-size:.8rem;line-height:1.45}.tt-tool-card .tt-tool-state.success,.tt-tool-card .tt-tool-state.healthy{color:#19744f}.tt-tool-card .tt-tool-state.error,.tt-tool-error{color:#a33b34}.tt-tool-traits{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem 1.4rem;margin:1.15rem auto 0;padding:0;list-style:none;color:var(--tt-tool-ink);font:700 .68rem/1.3 var(--mono, monospace);letter-spacing:.08em;text-transform:uppercase}.tt-tool-traits li:before{margin-right:.5rem;color:var(--tt-tool-blue);content:"◆"}@media(max-width:700px){.tt-tool-hero{min-height:auto;padding:2rem 1rem 2.75rem}.tt-tool-hero h1{font-size:clamp(2.45rem,12vw,3.7rem)}.tt-tool-card{padding:1rem;box-shadow:0 14px 34px -28px #1024218c}.tt-tool-traits{align-items:center;flex-direction:column}}