.utm-hero{border-bottom:2px solid #0b0c151a;padding:clamp(4.5rem,8vw,6.5rem) 0 clamp(7rem,10vw,9rem)}.utm-hero-copy{text-align:center;max-width:820px}.utm-hero-copy h1{text-wrap:balance;margin:2rem auto 1.5rem}.utm-card{border:2px solid var(--ink);background:var(--paper-bright);max-width:820px;box-shadow:10px 10px 0 var(--ink);border-radius:14px;margin:-4.5rem auto clamp(4rem,8vw,6rem);padding:clamp(1.25rem,5vw,3rem);position:relative}.utm-field label{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.55rem;font-weight:600;display:flex}.utm-page code{background:var(--secondary);border-radius:5px;padding:.1rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;font-weight:500}.utm-required,.utm-optional{letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-size:.75rem;font-weight:600}.utm-required{color:var(--red)}.utm-optional{color:var(--muted)}.utm-field input,.utm-field select{border:2px solid var(--ink);background:var(--paper-bright);width:100%;min-height:3rem;color:var(--ink);border-radius:10px;padding:.7rem .9rem;font:500 1rem ui-monospace,SFMono-Regular,Menlo,monospace}.utm-field input::placeholder{color:#a3a1a8}.utm-field select{appearance:none;background:var(--paper-bright) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b0c15' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;cursor:pointer;padding-right:2.75rem}.utm-field input:focus,.utm-field select:focus{box-shadow:4px 4px 0 var(--ink);outline:none}.utm-field[data-state=warning] input{background:#fff8c7}.utm-field[data-state=error] input{border-color:var(--red);background:#fdeeee}.utm-hint{color:var(--muted);margin:.45rem 0 0;font-size:.85rem;line-height:1.5}.utm-field--url input{min-height:3.5rem;font-size:1.05rem}.utm-field--url{border-bottom:2px solid var(--soft-line);padding-bottom:2.25rem}.utm-format-note{background:var(--secondary);color:#414149;border-radius:10px;margin:1.75rem 0 2rem;padding:.8rem 1rem;font-size:.88rem}.utm-grid{gap:1.85rem;display:grid}.utm-msgs:empty{display:none}.utm-msgs{gap:.5rem;margin-top:.65rem;display:grid}.utm-msg{border:2px solid;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1rem;padding:.7rem .9rem;font-size:.85rem;line-height:1.5;animation:.18s ease-out utm-pop;display:flex}.utm-msg p{flex:18rem;margin:0}.utm-msg--error{border-color:var(--red);color:#8f1d1b;background:#fdeeee}.utm-msg--warning{color:#5a4a00;background:#fff8c7;border-color:#e0c22e}.utm-msg--info{background:var(--secondary);border-color:var(--soft-line);color:#414149}.utm-msg-fix{border:2px solid var(--ink);background:var(--paper-bright);color:var(--ink);font:600 .78rem/1.2 var(--body);cursor:pointer;border-radius:999px;flex:none;padding:.3rem .75rem}.utm-msg-fix:hover{background:var(--ink);color:#fff}@keyframes utm-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.utm-actions{border-top:2px solid var(--soft-line);flex-wrap:wrap;align-items:center;gap:1rem 1.75rem;margin-top:2.5rem;padding-top:2.25rem;display:flex}.utm-submit{cursor:pointer}.utm-link-button{color:var(--muted);font:500 .9rem var(--body);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.utm-link-button:hover{color:var(--red)}.utm-summary{border:2px solid var(--red);color:#8f1d1b;background:#fdeeee;border-radius:12px;margin-top:1.75rem;padding:1rem 1.25rem}.utm-summary p{margin:0;font-weight:700}.utm-summary ul{margin:.5rem 0 0;padding-left:1.25rem}.utm-summary a{color:inherit}.utm-result{border:2px solid var(--ink);background:color-mix(in srgb, var(--green) 22%, white);box-shadow:6px 6px 0 var(--ink);border-radius:12px;margin-top:2rem;padding:1.5rem}.utm-result h2{margin-bottom:1rem;font-size:1.5rem}.utm-result output{border:2px solid var(--ink);background:var(--paper-bright);word-break:break-all;user-select:all;border-radius:10px;padding:.9rem 1rem;font:500 .95rem/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.utm-output-actions{align-items:center;gap:1.5rem;margin-top:1.25rem;display:flex}.utm-copy{cursor:pointer;justify-content:center;min-width:9rem}.utm-copy:after{display:none}.utm-result>.utm-msgs{margin-top:1rem}.utm-result>.utm-hint{color:#414149;margin-top:1rem}.utm-explainer{background:color-mix(in srgb, var(--secondary) 60%, white);border-top:2px solid #0b0c151a}.utm-explainer h2{margin-bottom:3rem}.utm-reasons{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:0;display:grid}.utm-reasons>div{border:2px solid var(--ink);background:var(--paper-bright);box-shadow:6px 6px 0 var(--ink);border-radius:12px;padding:1.5rem}.utm-reasons dt{font:700 1.2rem/1.25 var(--display)}.utm-reasons dd{color:#414149;margin:.6rem 0 0}.utm-faq{background:var(--paper-bright)}.utm-faq h2{margin-bottom:3rem}.utm-faq-list{gap:1rem;max-width:820px;display:grid}.utm-faq details{border:2px solid var(--ink);background:var(--paper-bright);border-radius:12px;transition:box-shadow .15s}.utm-faq details[open]{box-shadow:6px 6px 0 var(--ink)}.utm-faq summary{font:700 clamp(1.1rem, 2vw, 1.3rem)/1.25 var(--display);letter-spacing:-.015em;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.35rem;list-style:none;display:flex}.utm-faq summary::-webkit-details-marker{display:none}.utm-faq summary:after{content:"+";border:2px solid var(--ink);background:var(--yellow);width:32px;height:32px;font:700 1.2rem/1 var(--body);border-radius:8px;flex:none;place-items:center;transition:transform .15s;display:grid}.utm-faq details[open] summary:after{transform:rotate(45deg)}.utm-faq-answer{color:#414149;padding:0 1.35rem 1.35rem}.utm-faq-answer p,.utm-faq-answer ul{margin:0 0 .9rem}.utm-faq-answer>:last-child{margin-bottom:0}.utm-faq-answer ul{padding-left:1.25rem}.utm-faq-answer li+li{margin-top:.35rem}.utm-faq-answer a{color:var(--red);font-weight:600}.utm-faq-answer code{word-break:break-word}@media (width<=820px){.utm-reasons{grid-template-columns:1fr 1fr}}@media (width<=560px){.utm-card{box-shadow:5px 5px 0 var(--ink)}.utm-reasons{grid-template-columns:1fr}.utm-reasons>div{box-shadow:4px 4px 0 var(--ink)}}@media (prefers-reduced-motion:reduce){.utm-msg{animation:none}.utm-faq details,.utm-faq summary:after{transition:none}}