.hosted-product{background:var(--theme-bg);min-height:100vh;color:var(--theme-text);--action:var(--brand-primary-800);--action-hover:var(--brand-primary-800);--focus:var(--brand-primary-800);--positive:var(--brand-accent-600)}.hosted-nav{z-index:40;background:var(--theme-surface);color:var(--theme-text);border-bottom:1px solid var(--theme-border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.8rem 1.3rem;font-size:1rem;line-height:1.5;display:flex;position:relative}.hosted-identity{min-width:0;max-width:280px;color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:flex}.hosted-identity img{object-fit:contain;border-radius:9px;flex:none}.hosted-identity span,.hosted-account>span{overflow-wrap:anywhere;min-width:0;line-height:1.4;display:grid}.hosted-identity small,.hosted-account>span small{color:var(--theme-muted);font-size:.875rem}.hosted-identity strong{font-size:1rem}.hosted-nav nav{flex-wrap:wrap;flex:260px;gap:.5rem;min-width:0;display:flex}.hosted-nav nav a{color:inherit;border-radius:8px;padding:.55rem .7rem;text-decoration:none}.hosted-nav nav a:hover{background:var(--theme-surface-raised)}.hosted-nav nav a.hosted-shortcut{align-items:center;min-height:44px;font-weight:700;display:inline-flex}.hosted-nav nav a.hosted-shortcut.active{background:var(--theme-surface-raised);box-shadow:inset 0 -3px 0 var(--brand-primary-800)}.hosted-skip{z-index:30;background:var(--theme-surface);color:var(--theme-text);border:2px solid var(--theme-accent);border-radius:8px;padding:.6rem .9rem;position:absolute;top:-5rem;left:1rem}.hosted-skip:focus{top:.5rem}.hosted-group{position:relative}.hosted-group summary{border:1px solid var(--theme-border);background:var(--theme-surface-raised);min-height:44px;color:var(--theme-text);cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .8rem;font-weight:700;list-style:none;display:flex}.hosted-group summary::-webkit-details-marker{display:none}.hosted-group summary:after{content:"▾";font-size:.8em}.hosted-group[open] summary,.hosted-group summary.active{border-color:var(--brand-primary-800)}.hosted-location{overflow-wrap:anywhere;min-width:0;color:var(--theme-muted);align-self:center;font-size:.875rem}.hosted-group-panel{z-index:25;border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:10px;gap:.15rem;width:min(360px,100vw - 2rem);max-height:min(75vh,650px);padding:.55rem;display:grid;position:absolute;top:calc(100% + .35rem);left:0;overflow:auto;box-shadow:0 12px 30px #111a2733}.hosted-group:nth-of-type(n+3) .hosted-group-panel{left:auto;right:0}.hosted-group-panel a{display:block}.hosted-group-panel a.active{background:var(--theme-surface-raised);color:var(--theme-text);box-shadow:inset 3px 0 0 var(--brand-primary-800);font-weight:750}.hosted-group-unavailable{border-top:1px solid var(--theme-border);color:var(--theme-muted);margin-top:.45rem;padding:.65rem .75rem}.hosted-group-unavailable>strong{color:var(--theme-text);font-size:.875rem;display:block}.hosted-group-unavailable p{gap:.1rem;margin:.55rem 0 0;display:grid}.hosted-group-unavailable span{font-weight:650}.hosted-group-unavailable small{font-size:.875rem;line-height:1.4}.hosted-nav :is(summary,a,button):focus-visible{outline:3px solid var(--theme-accent);outline-offset:2px}.hosted-page-unavailable{border:1px solid var(--theme-border);background:var(--theme-surface);max-width:650px;color:var(--theme-text);border-radius:12px;margin:3rem auto;padding:2rem}.hosted-page-unavailable h1{margin:.3rem 0 .7rem;font-size:1.7rem}.hosted-page-unavailable p{line-height:1.55}.hosted-page-unavailable a{color:var(--theme-text);text-underline-offset:.2em;margin-top:.6rem;display:inline-block}.hosted-nav :is(a,button):focus-visible{outline:3px solid var(--theme-accent);outline-offset:2px}.hosted-account{flex-wrap:wrap;align-items:center;gap:.7rem;min-width:0;font-size:1rem;display:flex}.hosted-account>span{max-width:min(35vw,300px)}.hosted-account>button:not(.theme-toggle){border:1px solid var(--theme-border);background:var(--theme-surface-raised);color:var(--theme-text);font:inherit;cursor:pointer;border-radius:8px;padding:.55rem .8rem}.hosted-gate{text-align:center;background:var(--theme-bg);min-height:65vh;color:var(--theme-text);align-content:center;justify-items:center;gap:.7rem;padding:2rem;display:grid}.hosted-gate h1{font-size:1.3rem}.hosted-offline-field>p{color:#533d10;text-align:center;background:#fff3d6;border-bottom:1px solid #dfbe70;margin:0;padding:.7rem 1rem}@media (max-width:740px){.hosted-nav{align-items:flex-start}.hosted-nav nav{flex-basis:100%;order:3}.hosted-account{margin-left:auto}.hosted-account>span{max-width:min(65vw,300px)}.hosted-group{position:static}.hosted-group-panel,.hosted-group:nth-of-type(n+3) .hosted-group-panel{width:auto;max-height:60vh;top:100%;left:1rem;right:1rem}}.hosted-login{background:var(--theme-bg);min-height:100vh;color:var(--theme-text);place-items:center;padding:1.5rem;font-size:1rem;line-height:1.5;display:grid}.hosted-login form{border:1px solid var(--theme-border);background:var(--theme-surface);width:min(100%,430px);min-width:0;color:var(--theme-text);border-radius:18px;gap:1rem;padding:2.2rem;display:grid;box-shadow:0 16px 44px #14345114}.hosted-login .theme-toggle{justify-self:end}.hosted-login h1,.hosted-login p{margin:0}.hosted-login h1{font-size:1.8rem}.hosted-login .eyebrow,.hosted-branding .eyebrow{color:var(--theme-muted);font-size:.875rem}.hosted-login label,.hosted-branding label{gap:.4rem;font-weight:650;display:grid}html[data-theme] :is(.hosted-login input,.hosted-branding input,.hosted-branding textarea){border:1px solid var(--theme-border);background:var(--theme-bg);width:100%;min-width:0;color:var(--theme-text);font:inherit;border-radius:8px;padding:.65rem .75rem;font-size:1rem;line-height:1.5}html[data-theme] :is(.hosted-login input,.hosted-branding input,.hosted-branding textarea):focus-visible{outline:3px solid var(--theme-accent);outline-offset:2px}.hosted-login button[type=submit],.hosted-branding button{color:#fff;font:inherit;cursor:pointer;background:#244a70;border:0;border-radius:8px;padding:.7rem 1rem;font-weight:700}.hosted-login button[type=submit]:focus-visible,.hosted-branding button:focus-visible{outline:3px solid var(--theme-accent);outline-offset:2px}.hosted-login button:disabled,.hosted-branding button:disabled{opacity:.55;cursor:wait}.hosted-error{color:#9c2134}.hosted-success{color:#136047}html[data-theme=dark] .hosted-error{color:#ffb8c1}html[data-theme=dark] .hosted-success{color:#8fdbb6}.hosted-branding{max-width:1100px;color:var(--theme-text);margin:0 auto;padding:2rem 1rem 4rem;font-size:1rem;line-height:1.5}.hosted-branding-heading{margin-bottom:1.4rem}.hosted-branding-heading h1{margin:.2rem 0;font-size:2rem}.hosted-branding-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);align-items:start;gap:1.3rem;display:grid}.hosted-branding-grid form,.hosted-brand-preview{border:1px solid var(--theme-border);background:var(--theme-surface);min-width:0;color:var(--theme-text);border-radius:14px;gap:1rem;padding:1.4rem;display:grid}.hosted-colours{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}html[data-theme] .hosted-colours input[type=color]{background:var(--theme-surface);height:3rem;padding:.2rem}.hosted-preview-header{overflow-wrap:anywhere;border-radius:10px;align-items:center;gap:.7rem;min-width:0;padding:1rem;display:flex}.hosted-preview-header strong{color:inherit}.hosted-preview-header img{object-fit:contain;background:#fff;border-radius:8px;flex:none}.hosted-brand-preview p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.hosted-logo-upload small{color:var(--theme-muted);font-size:.875rem;font-weight:400}@media (max-width:760px){.hosted-branding-grid{grid-template-columns:minmax(0,1fr)}}.hosted-product .hosted-branding button{background:var(--brand-primary-800)}html[data-theme] :-webkit-any(.hosted-login input,.hosted-branding input):autofill{box-shadow:0 0 0 1000px var(--theme-bg) inset;-webkit-text-fill-color:var(--theme-text);caret-color:var(--theme-text)}html[data-theme] :is(.hosted-login input,.hosted-branding input):autofill{box-shadow:0 0 0 1000px var(--theme-bg) inset;-webkit-text-fill-color:var(--theme-text);caret-color:var(--theme-text)}@media print{.hosted-nav{display:none}.hosted-product,.hosted-gate,.hosted-login,.hosted-branding,.hosted-login form,.hosted-branding-grid form,.hosted-brand-preview{color:#162136;box-shadow:none;background:#fff;border-color:#7b8ea5}html[data-theme] :is(.hosted-login input,.hosted-branding input,.hosted-branding textarea){color:#162136;background:#fff;border-color:#7b8ea5}html[data-theme] :-webkit-any(.hosted-login input,.hosted-branding input):-webkit-any(:autofill,:-webkit-autofill){-webkit-text-fill-color:#162136;box-shadow:inset 0 0 0 1000px #fff}html[data-theme] :is(.hosted-login input,.hosted-branding input):is(:autofill,:autofill){-webkit-text-fill-color:#162136;box-shadow:inset 0 0 0 1000px #fff}html[data-theme] .hosted-error{color:#9c2134}html[data-theme] .hosted-success{color:#136047}}.hosted-product .tablet-primary-nav{z-index:30}