/* Configurator presentation only. Theme, fonts and tokens come from sito.css. */
.relay-footer-gap{margin-top:6px}
.relay-configurator{max-width:800px;margin-inline:auto}
.relay-configurator h1{font-size:clamp(40px,5vw,64px);margin:18px 0 24px}
.relay-configurator h2{font-size:clamp(28px,3vw,34px);margin:30px 0 16px}
.relay-configurator p{margin:0 0 18px}
.relay-configurator a{text-underline-offset:4px}
.relay-configurator .lead{max-width:40em}
.relay-configurator header>p:last-child{font-size:15px;color:var(--ink-2)}
.relay-configurator .note{border:1px solid var(--line-2);border-left:3px solid var(--seal);background:var(--paper);padding:20px 24px;border-radius:3px 14px 14px 3px;margin:28px 0;color:var(--ink-2)}
.relay-configurator .note strong{display:block;color:var(--ink);margin-bottom:4px}
.relay-configurator form{border:1px solid var(--line);padding:clamp(22px,4vw,36px);background:var(--paper);border-radius:18px;margin:28px 0 36px;box-shadow:0 12px 36px rgba(var(--shadow-rgb),.045)}
.relay-configurator .field{margin-bottom:26px}
.relay-configurator .field>label:not(.consent){display:block;font-weight:600;margin-bottom:10px}
.relay-configurator input[type=email]{width:100%;min-width:0;font:inherit;border:1px solid var(--line-2);background:var(--paper-2);color:var(--ink);border-radius:9px;padding:13px 15px}
.relay-configurator input::placeholder{color:var(--ink-3);opacity:1}
.relay-configurator .hint{display:block;font-size:14px;line-height:1.65;color:var(--ink-2);margin-top:9px}
.relay-configurator .field .hint{margin-bottom:0}
.relay-configurator .consent{display:flex;align-items:flex-start;gap:13px;margin:22px 0 0;font-size:15px;line-height:1.65;cursor:pointer}
.relay-configurator .consent input{flex:0 0 auto;width:20px;height:20px;margin:3px 0 0;accent-color:var(--ink);cursor:pointer}
.relay-configurator input:focus-visible,.relay-configurator textarea:focus-visible,.relay-configurator button:focus-visible,.relay-configurator a:focus-visible{outline:3px solid var(--now);outline-offset:4px}
.relay-configurator button:disabled{background:var(--ground-2);color:var(--ink-3);border-color:var(--line);cursor:not-allowed;transform:none}
.relay-configurator .status{margin:17px 0 0;font-size:14px;line-height:1.65;color:var(--ink-2);overflow-wrap:anywhere}
.relay-configurator #result{border:1px solid var(--line-2);border-left:3px solid var(--now);padding:0 24px 24px;border-radius:3px 14px 14px 3px;background:var(--paper);margin:28px 0 38px}
.relay-configurator #result strong{overflow-wrap:anywhere}
.relay-configurator #result p:has(button){display:flex;flex-wrap:wrap;gap:12px}
.relay-configurator textarea{width:100%;margin-top:16px;padding:14px;border:1px solid var(--line-2);border-radius:9px;background:var(--paper-2);color:var(--ink);font:12px/1.55 ui-monospace,Consolas,monospace;resize:vertical}
.relay-configurator ol{padding-left:24px;color:var(--ink-2)}
.relay-configurator li{padding-left:5px;margin:14px 0}
.relay-configurator .privacy{font-size:15px;color:var(--ink-2);border-top:1px solid var(--line);padding-top:4px;margin-top:34px}
.relay-configurator .privacy h2{color:var(--ink)}
.relay-configurator footer{font-size:14px;color:var(--ink-2);margin-top:28px;padding:0;border:0}
@media(max-width:520px){.relay-configurator .note{padding:17px 19px}.relay-configurator #result{padding-inline:19px}.relay-configurator .btn{width:100%;padding-inline:16px}.relay-configurator h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){.relay-configurator .btn:hover{transform:none}}