.FioHosts-module__TSj1nG__page{--fio-black:#000;--fio-white:#fff;--fio-mist:#f2f4f7;--fio-warm-white:#fcfcfa;--fio-sky:#4a8bb8;--fio-yellow:#edd22e;--fio-muted:#525252;background:var(--fio-warm-white);min-height:100dvh;color:var(--fio-black);font-family:Fio Inter,Arial,sans-serif;overflow:clip}.FioHosts-module__TSj1nG__page *{box-sizing:border-box}.FioHosts-module__TSj1nG__page :focus-visible{outline:2px solid var(--fio-yellow);outline-offset:4px}:where(.FioHosts-module__TSj1nG__page h1,.FioHosts-module__TSj1nG__page h2,.FioHosts-module__TSj1nG__page h3){margin:0}.FioHosts-module__TSj1nG__page h1,.FioHosts-module__TSj1nG__page h2,.FioHosts-module__TSj1nG__page h3{letter-spacing:-.025em;font-family:Fio Gilda,Georgia,serif;font-weight:400}:where(.FioHosts-module__TSj1nG__page p){margin:0}.FioHosts-module__TSj1nG__page button,.FioHosts-module__TSj1nG__page label,.FioHosts-module__TSj1nG__page input,.FioHosts-module__TSj1nG__page select,.FioHosts-module__TSj1nG__page textarea{font-family:Fio Inter,Arial,sans-serif}.FioHosts-module__TSj1nG__shell{width:min(100% - 2.5rem,68rem);margin:0 auto}.FioHosts-module__TSj1nG__header{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.FioHosts-module__TSj1nG__brand{color:inherit;font-family:Fio Gilda,Georgia,serif;font-size:2rem;line-height:1;text-decoration:none}.FioHosts-module__TSj1nG__headerNote{color:var(--fio-muted);font-size:.9rem}.FioHosts-module__TSj1nG__hero{padding:clamp(2.5rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem)}.FioHosts-module__TSj1nG__pill{background:var(--fio-mist);letter-spacing:.02em;border:1px solid #00000014;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.8rem;display:inline-flex}.FioHosts-module__TSj1nG__pillDot{background:var(--fio-sky);border-radius:50%;width:.4rem;height:.4rem}.FioHosts-module__TSj1nG__heroTitle{max-width:20ch;font-size:clamp(2.6rem,7vw,5rem);line-height:1.02}.FioHosts-module__TSj1nG__heroCopy{max-width:46ch;color:var(--fio-muted);margin-top:1.5rem;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.6}.FioHosts-module__TSj1nG__composer{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(3rem,8vw,6rem);display:grid}@media (max-width:60rem){.FioHosts-module__TSj1nG__composer{grid-template-columns:minmax(0,1fr)}}.FioHosts-module__TSj1nG__card{background:var(--fio-white);border:1px solid #00000014;border-radius:1rem;padding:clamp(1.25rem,3vw,2rem)}.FioHosts-module__TSj1nG__fieldset{border:0;gap:1.1rem;margin:0;padding:0;display:grid}.FioHosts-module__TSj1nG__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;display:grid}@media (max-width:34rem){.FioHosts-module__TSj1nG__pair{grid-template-columns:minmax(0,1fr)}}.FioHosts-module__TSj1nG__field{gap:.4rem;display:grid}.FioHosts-module__TSj1nG__label{letter-spacing:.01em;font-size:.82rem;font-weight:500}.FioHosts-module__TSj1nG__hint{color:var(--fio-muted);font-size:.78rem;line-height:1.5}.FioHosts-module__TSj1nG__input,.FioHosts-module__TSj1nG__textarea,.FioHosts-module__TSj1nG__select{background:var(--fio-warm-white);width:100%;color:var(--fio-black);border:1px solid #00000029;border-radius:.6rem;padding:.7rem .85rem;font-size:.95rem}.FioHosts-module__TSj1nG__textarea{resize:vertical;min-height:7.5rem;line-height:1.55}.FioHosts-module__TSj1nG__select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.1rem) 1.15rem,calc(100% - .75rem) 1.15rem;background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.25rem}.FioHosts-module__TSj1nG__paletteRows{gap:.6rem;display:grid}.FioHosts-module__TSj1nG__paletteRow{grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid}.FioHosts-module__TSj1nG__swatchInput{background:var(--fio-warm-white);border:1px solid #00000029;border-radius:.5rem;width:2.75rem;height:2.6rem;padding:.2rem}.FioHosts-module__TSj1nG__rowAction{color:var(--fio-muted);cursor:pointer;background:0 0;border:1px solid #00000029;border-radius:.5rem;padding:.45rem .7rem;font-size:.8rem}.FioHosts-module__TSj1nG__rowAction:hover{color:var(--fio-black);border-color:#00000052}.FioHosts-module__TSj1nG__addColour{cursor:pointer;background:0 0;border:1px dashed #00000047;border-radius:100px;justify-self:start;padding:.5rem .9rem;font-size:.82rem}.FioHosts-module__TSj1nG__addColour:disabled{color:#0000004d;cursor:not-allowed;border-style:solid}.FioHosts-module__TSj1nG__budget{gap:.45rem;margin-top:.5rem;display:grid}.FioHosts-module__TSj1nG__budgetBar{background:var(--fio-mist);border-radius:100px;height:.3rem;overflow:hidden}.FioHosts-module__TSj1nG__budgetFill{background:var(--fio-sky);border-radius:100px;height:100%;transition:width .16s,background-color .16s}.FioHosts-module__TSj1nG__budgetFillFull{background:#b4453a}.FioHosts-module__TSj1nG__budgetText{color:var(--fio-muted);font-size:.78rem}.FioHosts-module__TSj1nG__budgetTextFull{color:#b4453a}.FioHosts-module__TSj1nG__submit{background:var(--fio-black);min-height:3.4rem;color:var(--fio-white);cursor:pointer;border:0;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;margin-top:1.4rem;padding:.9rem 2.25rem;font-size:1rem;font-weight:500;transition:background-color .16s,transform .16s;display:inline-flex}.FioHosts-module__TSj1nG__submit:not(:disabled):hover{background:#272727;transform:translateY(-1px)}.FioHosts-module__TSj1nG__submit:disabled{cursor:not-allowed;background:#b7bcc0}.FioHosts-module__TSj1nG__result{background:var(--fio-mist);border:1px solid #0000001f;border-radius:.75rem;gap:.75rem;margin-top:1.4rem;padding:1rem;display:grid}.FioHosts-module__TSj1nG__resultLabel{font-size:.82rem;font-weight:500}.FioHosts-module__TSj1nG__linkRow{flex-wrap:wrap;gap:.5rem;display:flex}.FioHosts-module__TSj1nG__linkBox{background:var(--fio-white);overflow-wrap:anywhere;border:1px solid #00000029;border-radius:.5rem;flex:18rem;min-width:0;padding:.65rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.FioHosts-module__TSj1nG__copy{border:1px solid var(--fio-black);cursor:pointer;background:0 0;border-radius:100px;padding:.65rem 1.2rem;font-size:.85rem}.FioHosts-module__TSj1nG__copy:hover{background:var(--fio-black);color:var(--fio-white)}.FioHosts-module__TSj1nG__error{color:#b4453a;border:1px solid #b4453a66;border-radius:.6rem;margin-top:1rem;padding:.75rem .9rem;font-size:.85rem}.FioHosts-module__TSj1nG__aside{border:1px solid #0000001f;border-radius:1rem;gap:1.1rem;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.FioHosts-module__TSj1nG__asideTitle{font-size:1.4rem}.FioHosts-module__TSj1nG__asideItem{gap:.3rem;display:grid}.FioHosts-module__TSj1nG__asideItem strong{font-size:.88rem;font-weight:600}.FioHosts-module__TSj1nG__asideItem span{color:var(--fio-muted);font-size:.86rem;line-height:1.6}.FioHosts-module__TSj1nG__codePage{padding-bottom:clamp(3rem,8vw,6rem)}.FioHosts-module__TSj1nG__codeHero{border-bottom:1px solid #0000001a;padding:clamp(2rem,6vw,4rem) 0 clamp(1.5rem,4vw,2.5rem)}.FioHosts-module__TSj1nG__codeHost{color:var(--fio-muted);letter-spacing:.02em;font-size:.95rem}.FioHosts-module__TSj1nG__codeTitle{overflow-wrap:anywhere;max-width:22ch;margin-top:.6rem;font-size:clamp(2.2rem,6vw,4rem);line-height:1.04}.FioHosts-module__TSj1nG__facts{flex-wrap:wrap;gap:.75rem 2.5rem;margin-top:1.75rem;display:flex}.FioHosts-module__TSj1nG__fact{gap:.2rem;display:grid}.FioHosts-module__TSj1nG__factLabel{color:var(--fio-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.FioHosts-module__TSj1nG__factValue{overflow-wrap:anywhere;font-size:1.05rem}.FioHosts-module__TSj1nG__codeBody{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,3.5rem);padding-top:clamp(2rem,5vw,3rem);display:grid}@media (max-width:60rem){.FioHosts-module__TSj1nG__codeBody{grid-template-columns:minmax(0,1fr)}}.FioHosts-module__TSj1nG__note{white-space:pre-line;overflow-wrap:anywhere;max-width:54ch;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.66}.FioHosts-module__TSj1nG__paletteTitle{color:var(--fio-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.9rem;font-family:Fio Inter,Arial,sans-serif;font-size:.72rem}.FioHosts-module__TSj1nG__palette{flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.FioHosts-module__TSj1nG__colour{justify-items:center;gap:.5rem;width:5.5rem;display:grid}.FioHosts-module__TSj1nG__swatch{border:1px solid #00000024;border-radius:50%;width:4rem;height:4rem}.FioHosts-module__TSj1nG__colourName{text-align:center;overflow-wrap:anywhere;font-size:.82rem}.FioHosts-module__TSj1nG__next{background:var(--fio-mist);border:1px solid #0000001f;border-radius:1rem;margin-top:clamp(2.5rem,6vw,4rem);padding:clamp(1.5rem,4vw,2.25rem)}.FioHosts-module__TSj1nG__nextTitle{font-size:1.5rem}.FioHosts-module__TSj1nG__nextCopy{max-width:58ch;color:var(--fio-muted);margin-top:.75rem;font-size:.95rem;line-height:1.65}.FioHosts-module__TSj1nG__nextAction{background:var(--fio-black);color:var(--fio-white);border-radius:100px;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.8rem 1.75rem;font-size:.92rem;text-decoration:none;display:inline-flex}.FioHosts-module__TSj1nG__nextAction:hover{background:#272727}.FioHosts-module__TSj1nG__unreadable{gap:1rem;max-width:44ch;padding:clamp(3rem,12vw,8rem) 0;display:grid}.FioHosts-module__TSj1nG__unreadableTitle{font-size:clamp(2rem,5vw,3rem);line-height:1.1}.FioHosts-module__TSj1nG__unreadableCopy{color:var(--fio-muted);font-size:1rem;line-height:1.65}.FioHosts-module__TSj1nG__unreadableAction{background:var(--fio-black);color:var(--fio-white);border-radius:100px;justify-self:start;margin-top:.5rem;padding:.8rem 1.75rem;font-size:.92rem;text-decoration:none}.FioHosts-module__TSj1nG__footer{color:var(--fio-muted);border-top:1px solid #0000001a;gap:.6rem;padding:clamp(2rem,5vw,3rem) 0;font-size:.84rem;line-height:1.6;display:grid}.FioHosts-module__TSj1nG__footerBrand{color:var(--fio-black);font-family:Fio Gilda,Georgia,serif;font-size:1.5rem;line-height:1;text-decoration:none}
