:root{--primary: 216 60% 10%;--secondary: 217 91% 45%;--brand-wordmark: 217 91% 60%;--cta: var(--brand-wordmark);--body: 215 25% 27%;--muted-foreground: 217 50% 42%;--border: 215 20% 87%;--footer: 229 84% 5%;--gradient-hero: linear-gradient(102deg, #061733 0%, #0A2550 34%, #143C70 66%, #23527F 100%)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;color:hsl(var(--primary));background:#f8fafc}.bar{position:sticky;top:0;z-index:30;height:clamp(64px,6vw,80px);background:var(--gradient-hero);border-bottom:1px solid rgba(255,255,255,.08)}.bar-inner{height:100%;max-width:1440px;margin:0 auto;padding:0 clamp(12px,3.4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:clamp(8px,1.6vw,20px)}.bar-logo{display:flex;align-items:center;flex:0 0 auto}.bar-logo img{height:45px;width:auto;display:block}@media(min-width:820px){.bar-logo img{height:clamp(36px,4.1vw,59px)}}.page{max-width:760px;margin:0 auto;padding:48px 20px 80px}.centre{display:flex;justify-content:center;padding:48px 16px 80px}.eyebrow{margin:0;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--secondary))}h1{margin:8px 0 0;font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.022em;font-weight:700}.lead{margin:16px 0 0;font-size:18px;line-height:1.6;color:hsl(var(--body))}.card{margin-top:32px;background:#fff;border:1px solid hsl(var(--border));border-radius:18px;padding:24px}.card h2{margin:0;font-size:20px;font-weight:700}.card p{margin:8px 0 0;font-size:16px;line-height:1.55;color:hsl(var(--body))}.muted{color:hsl(var(--muted-foreground))}.footer{background:hsl(var(--footer));color:#fff9;font-size:13px;padding:20px 24px;text-align:center}.welcome-page a.link{color:#8db8ff;text-decoration:none}.welcome-page a.link:hover{color:#b9d3ff;text-decoration:underline}.welcome-page button{font-family:inherit}.h-bright:hover{filter:brightness(1.08)}.h-tint:hover{background:#f3f7fe!important}.h-fill-blue:hover{background:#3b82f6!important;color:#fff!important}.h-fill-navy:hover{background:#0a2550!important;color:#fff!important}.answer:hover{border-color:#3b82f6!important}.answer:focus-visible,.welcome-page button:focus-visible,.welcome-page a:focus-visible{outline:3px solid hsl(var(--brand-wordmark));outline-offset:2px}.bar-right{display:flex;align-items:center;gap:18px}.bar-link{color:#ffffffdb;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}.bar-link:hover{color:#fff;text-decoration:underline}.ob{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.ob-wrap{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:40px 16px 72px}.ob-grid{margin-top:28px;display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media(min-width:900px){.ob-grid{grid-template-columns:330px minmax(0,1fr)}.ob-steps{position:sticky;top:96px}}.ob-steps ol{list-style:none;margin:0;padding:8px;background:#fff;border:1px solid hsl(var(--border));border-radius:18px}.ob-step{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:none;border-radius:12px;background:transparent;font:inherit;text-align:left;cursor:pointer;color:hsl(var(--primary))}.ob-step:hover{background:#f3f7fe}.ob-step.on{background:#e6effd}.ob-step:focus-visible,.ob-btn:focus-visible,.ob-link:focus-visible,.ob-choice:focus-visible{outline:3px solid hsl(var(--cta));outline-offset:2px}.ob-num{flex:0 0 26px;height:26px;border-radius:999px;background:#e6effd;color:hsl(var(--secondary));font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.ob-step-title{flex:1;font-size:14.5px;line-height:1.3;font-weight:600}.ob-pill{flex:0 0 auto;display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.ob-panel{background:#fff;border:1px solid hsl(var(--border));border-radius:18px;padding:clamp(20px,3vw,32px)}.ob-count{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.ob-panel h2{margin:6px 0 0;font-size:clamp(24px,2.6vw,30px);line-height:1.2;letter-spacing:-.015em}.ob-explainer{margin:18px 0 8px;padding:16px 18px;border-radius:14px;background:#f3f7fe;border:1px solid #C9DBF9}.ob-explainer p{margin:0;font-size:15.5px;line-height:1.6;color:hsl(var(--body))}.ob-explainer p+p{margin-top:10px}.ob-field{margin-top:22px;display:flex;flex-direction:column;gap:8px}.ob-field label,.ob-label{font-size:15px;font-weight:700;color:hsl(var(--primary))}.ob-field label.ob-tick{font-weight:500;display:flex;gap:10px;align-items:flex-start}.ob-hint{margin:0;font-size:14px;line-height:1.5;color:hsl(var(--muted-foreground))}.ob-field input:not([type=checkbox]):not([type=color]):not([type=file]),.ob-field textarea,.ob-field select{width:100%;min-height:44px;padding:10px 12px;border:1.5px solid #CBD5E1;border-radius:10px;font:inherit;font-size:15.5px;color:hsl(var(--primary));background:#fff}.ob-field input:focus,.ob-field textarea:focus,.ob-field select:focus{outline:none;border-color:hsl(var(--cta));box-shadow:0 0 0 3px #3b82f640}.ob-field input[type=color]{width:52px;height:44px;padding:2px;border:1.5px solid #CBD5E1;border-radius:10px;background:#fff}.ob-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ob-row>input,.ob-row>select{flex:1 1 200px}.ob-btn{min-height:44px;padding:0 20px;border:none;border-radius:999px;background:hsl(var(--cta));color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.ob-btn:hover{filter:brightness(1.06)}.ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-btn.ghost{background:#fff;color:hsl(var(--secondary));border:1.5px solid hsl(var(--cta))}.ob-link{min-height:44px;padding:0 6px;border:none;background:none;font:inherit;font-size:14.5px;font-weight:600;color:hsl(var(--secondary));cursor:pointer;text-decoration:underline}.ob-choices{display:flex;flex-wrap:wrap;gap:10px}.ob-choice{min-height:44px;padding:8px 16px;border:1.5px solid #CBD5E1;border-radius:12px;background:#fff;font:inherit;font-size:15px;color:hsl(var(--primary));cursor:pointer;text-align:left}.ob-choice.on{border-color:hsl(var(--cta));background:#e6effd;font-weight:600}.ob-note{margin:0;font-size:14.5px;line-height:1.5;font-weight:600}.ob-note.ok{color:#14703a}.ob-note.bad{color:#a12424}.ob-check{margin-top:22px;padding:16px 18px;border-radius:14px;border:1px solid hsl(var(--border));background:#f8fafc;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.ob-check.ok{border-color:#a7ddb8;background:#f2fbf5}.ob-check.failed{border-color:#f2b8b8;background:#fff7f7}.ob-reason{margin:0;flex:1 1 260px;font-size:15px;line-height:1.5;color:hsl(var(--body))}.ob-ticks{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.5;color:hsl(var(--body))}.ob-ticks a{color:hsl(var(--secondary))}.ob-code{margin:0;padding:12px 14px;border-radius:10px;background:#0b1a2e;color:#e2e8f0;font-family:Menlo,monospace;font-size:13px;white-space:pre-wrap;word-break:break-all}.ob-preview{width:100%;max-width:340px;border-radius:14px;overflow:hidden;border:1px solid hsl(var(--border));background:#fff}.ob-preview-head{display:flex;align-items:center;gap:10px;padding:12px 14px;color:#fff;font-weight:700;font-size:15px}.ob-preview-head img{height:28px;width:auto;border-radius:4px;background:#fff}.ob-preview-msg{margin:14px;padding:10px 12px;border-radius:12px;background:#f1f5f9;font-size:14.5px;line-height:1.5;color:hsl(var(--body))}.ob-nav{margin-top:32px;padding-top:20px;border-top:1px solid #E2E8F0;display:flex;justify-content:space-between;gap:12px}