/* Onboarding form: web-dev. Light theme like the pitch. Loads after the inline .ob-* skeleton styles. */
:root{--ob-navy:#13223F;--ob-blue:#2B5C9E;--ob-sky:#49B4F0;--ob-yel:#F2C94C;--ob-ease:cubic-bezier(.22,.8,.24,1)}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}

/* Sticky bar + progress */
.ob-bar{box-shadow:0 1px 0 rgba(19,34,63,.04)}
.ob-bar .wrap{gap:16px;min-height:64px}
.ob-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ob-navy);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}
.ob-brand i{width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--ob-blue),var(--ob-sky));transform:rotate(45deg)}
.ob-steps{gap:2px;margin:0 0 0 auto;min-width:0}
.ob-steps a{padding:6px 10px 6px 6px;gap:8px;transition:background .25s,color .25s}
.ob-steps b{background:var(--surface-2);color:var(--ink-2);transition:background .3s,color .3s,transform .3s var(--ob-ease)}
.ob-steps a.is-on{background:#fff;color:var(--ob-navy);box-shadow:0 4px 14px rgba(19,34,63,.08)}
.ob-steps a.is-on b,.ob-steps a.is-done b{background:var(--ob-navy);color:#fff}
.ob-steps a.is-on b{transform:scale(1.08)}
.ob-steps a.is-on span{display:inline;font-weight:600}
.ob-progress-n{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.ob-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:transparent}
.ob-progress i{display:block;height:100%;width:calc(var(--ob-p,0) * 100%);min-width:6px;background:linear-gradient(90deg,var(--ob-blue),var(--ob-sky));border-radius:0 3px 3px 0;transition:width .45s var(--ob-ease)}
@media (min-width:1500px){.ob-steps span{display:inline}}
@media (max-width:1099px){.ob-progress-n{display:none}}
@media (max-width:719px){
 .ob-bar .wrap{min-height:56px;gap:10px}
 .ob-brand{font-size:15px}
 .ob-steps{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .ob-steps::-webkit-scrollbar{display:none}
 .ob-steps a{padding:4px}
 .ob-steps a.is-on span{display:none}
 .ob-steps b{width:24px;height:24px}
}
@media (max-width:420px){.ob-steps{gap:0}.ob-steps a{padding:3px}.ob-steps b{width:22px;height:22px;font-size:11px}.ob-brand{font-size:0;gap:0}.ob-brand i{width:14px;height:14px}}

/* Hero */
.ob-hero{position:relative;overflow:hidden;background:radial-gradient(900px 480px at 85% -10%,rgba(73,180,240,.22),transparent 70%),radial-gradient(700px 400px at -10% 110%,rgba(43,92,158,.10),transparent 70%)}
.ob-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,80px);align-items:center}
.ob-hero h1{letter-spacing:-.03em;color:var(--ob-navy)}
.ob-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:32px}
.ob-hero-cta .ob-meta{margin:0;max-width:30ch;line-height:1.45}
.ob-legend{display:flex;align-items:center;gap:10px;margin-top:28px!important;font-size:var(--fs-sm)!important;color:var(--ink-2)}
.ob-plan{list-style:none;margin:0;padding:22px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid var(--line);box-shadow:0 30px 70px rgba(19,34,63,.10);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ob-plan li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 6px;border-bottom:1px solid var(--line);animation:ob-rise .6s var(--ob-ease) both;animation-delay:calc(var(--i) * 60ms + 150ms)}
.ob-plan li:last-child{border-bottom:0}
.ob-plan b{font-size:12px;color:var(--ob-blue);font-variant-numeric:tabular-nums}
.ob-plan span{font-weight:600;color:var(--ob-navy);font-size:var(--fs-sm)}
.ob-plan em{font-style:normal;font-size:var(--fs-xs);color:var(--ink-3)}
@media (max-width:899px){.ob-hero-in{grid-template-columns:1fr}.ob-plan{display:none}}

/* Step heads */
.ob-step{scroll-margin-top:72px}
.ob-step .ob-head{max-width:760px}
.ob-step .eyebrow,.idea-eyebrow{display:flex;align-items:center;gap:12px}
.ob-stepn{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:12px;background:var(--ob-navy);color:#fff;font-size:15px;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums;box-shadow:0 10px 24px rgba(19,34,63,.18)}
.ob-send .ob-stepn{background:var(--ob-yel);color:var(--ob-navy)}
.ob-head h2{color:var(--ob-navy);letter-spacing:-.02em}

/* Cards */
.ob-card{position:relative;transition:box-shadow .35s,border-color .35s}
.ob-card:focus-within{border-color:rgba(43,92,158,.35);box-shadow:0 24px 60px rgba(19,34,63,.10)}
.ob-card h3{color:var(--ob-navy);margin-bottom:6px}
.ob-card-sub{margin:0 0 20px;color:var(--ink-3);font-size:var(--fs-sm)}
.ob-card h3 + .ob-grid{margin-top:18px}
.ob-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 24px;align-items:start}
.ob-wide{grid-column:1/-1}
@media (max-width:719px){.ob-grid{grid-template-columns:minmax(0,1fr)}}

/* Fields */
.ob-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.ob-l{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:600;color:var(--ob-navy);font-size:var(--fs-sm);line-height:1.35}
legend.ob-l{padding:0;margin-bottom:8px}
.ob-req,.ob-opt{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:999px;margin-left:auto}
.ob-req{background:rgba(43,92,158,.10);color:var(--ob-blue)}
.ob-opt{background:var(--surface-2);color:var(--ink-3)}
.ob-in{width:100%;min-width:0;font:500 16px/1.4 var(--font);color:var(--ob-navy);background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:13px 16px;min-height:50px;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;appearance:none}
.ob-in::placeholder{color:var(--ink-3);opacity:.8}
.ob-in:hover{border-color:rgba(19,34,63,.22)}
.ob-in:focus{outline:none;border-color:var(--ob-blue);box-shadow:0 0 0 4px rgba(73,180,240,.22)}
.ob-ta{min-height:96px;resize:vertical}
.ob-hint{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.45;margin:0}
.ob-hint:empty{display:none}
.is-err .ob-in{border-color:#C2412D;box-shadow:0 0 0 4px rgba(194,65,45,.12)}
.ob-err-msg{font-size:var(--fs-xs);color:#B23A27;font-weight:600}

/* Chip groups */
.ob-set{border:0;margin:0;padding:0;min-width:0}
.ob-set .ob-hint{margin:-2px 0 10px}
.ob-chips{display:flex;flex-wrap:wrap;gap:8px}
.ob-chips .ob-chip{position:relative;display:inline-flex;cursor:pointer;-webkit-tap-highlight-color:transparent;padding:0;border:0;background:none;box-shadow:none;border-radius:999px;min-height:0}
.ob-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ob-chip span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink-2);font-size:var(--fs-sm);font-weight:600;line-height:1.25;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ob-ease)}
.ob-chip span::before{content:"";width:16px;height:16px;flex:none;border-radius:5px;border:1.5px solid rgba(19,34,63,.25);background:#fff center/10px no-repeat;transition:background-color .2s,border-color .2s}
.ob-choice .ob-chip span::before{border-radius:50%}
.ob-chip:hover span{border-color:rgba(43,92,158,.45);color:var(--ob-navy)}
.ob-chip:active span{transform:scale(.97)}
.ob-chip input:checked + span{background:var(--ob-navy);border-color:var(--ob-navy);color:#fff;animation:ob-pop .3s var(--ob-ease)}
.ob-chip input:checked + span::before{border-color:var(--ob-sky);background-color:var(--ob-sky);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='%2313223F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ob-chip input:focus-visible + span{outline:3px solid rgba(73,180,240,.6);outline-offset:2px}

/* Switch */
.ob-switch{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:var(--fs-sm);font-weight:600;color:var(--ob-navy);-webkit-tap-highlight-color:transparent}
.ob-switch input{position:absolute;opacity:0;width:1px;height:1px}
.ob-switch i{position:relative;width:46px;height:28px;flex:none;border-radius:999px;background:rgba(19,34,63,.16);transition:background .25s}
.ob-switch i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(19,34,63,.25);transition:transform .3s var(--ob-ease)}
.ob-switch input:checked + i{background:var(--ob-blue)}
.ob-switch input:checked + i::after{transform:translateX(18px)}
.ob-switch input:focus-visible + i{outline:3px solid rgba(73,180,240,.6);outline-offset:2px}

/* Logos */
.ob-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.ob-logo{position:relative;padding:12px;gap:10px;border-radius:20px;transition:transform .35s var(--ob-ease),box-shadow .35s,border-color .35s}
.ob-logo:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(19,34,63,.12)}
.ob-logo:has(.ob-pick[aria-pressed="true"]){border-color:var(--ob-navy);box-shadow:0 0 0 2px var(--ob-navy),0 22px 50px rgba(19,34,63,.14)}
.ob-logo-art{aspect-ratio:auto;display:grid;grid-template-rows:auto auto;gap:6px;background:none;overflow:visible}
.ob-logo-art img{display:block;width:100%;height:110px;object-fit:contain;border-radius:12px;background:#fff;border:1px solid var(--line);padding:10px;box-sizing:border-box}
.ob-logo-art img.ob-logo-dark{height:64px;padding:6px;border:0;object-fit:contain;background:var(--ob-navy)}
.ob-logo-n{display:flex;gap:8px;align-items:baseline;margin:2px 0 0;font-size:var(--fs-xs);font-weight:600;color:var(--ob-navy);line-height:1.35;min-height:2.7em}
.ob-logo-n b{color:var(--ob-blue);font-variant-numeric:tabular-nums}
.ob-pick{min-height:40px;transition:background .2s,color .2s,border-color .2s}
.ob-pick:hover{border-color:var(--ob-navy)}
.ob-pick[aria-pressed="true"]{background:var(--ob-navy);border-color:var(--ob-navy);color:#fff}
.ob-logo-note .ob-l{font-size:12px}
.ob-logo-note .ob-ta{min-height:58px;font-size:14px;padding:9px 12px;border-radius:12px}
.ob-logo-more{margin-top:22px}
@media (max-width:1279px){.ob-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1023px){.ob-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:719px){.ob-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ob-logo-art img{height:84px}.ob-logo-art img.ob-logo-dark{height:48px}}

/* Send */
.ob-send{position:relative;overflow:hidden}
.ob-send::before{content:"";position:absolute;inset:-40% -20% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(73,180,240,.28),transparent 65%);pointer-events:none}
.ob-send > *{position:relative}
.ob-send .eyebrow{color:rgba(255,255,255,.7)}
.ob-send .ob-sum span{transition:background .3s}
.ob-field-dark{margin-top:26px;max-width:720px}
.ob-field-dark .ob-l{color:#fff}
.ob-field-dark .ob-opt{background:rgba(255,255,255,.12);color:rgba(255,255,255,.75)}
.ob-field-dark .ob-in{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff}
.ob-field-dark .ob-in::placeholder{color:rgba(255,255,255,.55)}
.ob-send-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px}
.ob-send-btn{min-height:54px;padding-inline:30px;font-size:17px;box-shadow:0 14px 34px rgba(242,201,76,.30);transition:transform .25s var(--ob-ease),box-shadow .25s}
.ob-send-btn:not([disabled]):hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(242,201,76,.42)}
.ob-send-btn[disabled]{opacity:.55;cursor:not-allowed}
.ob-send-note{font-size:var(--fs-xs);color:rgba(255,255,255,.65)}
.ob-send-msg:empty{display:none}
.ob-send-msg{margin-top:20px}

/* Motion */
@keyframes ob-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ob-pop{0%{transform:scale(.94)}60%{transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes ob-ping{0%{box-shadow:0 0 0 0 rgba(242,201,76,.6)}100%{box-shadow:0 0 0 10px rgba(242,201,76,0)}}
@supports (animation-timeline:view()){
 .ob-step .ob-card,.ob-step .ob-head{animation:ob-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .ob-plan li,.ob-chip input:checked + span,.ob-step .ob-card,.ob-step .ob-head{animation:none!important}
 .ob-switch i::after,.ob-progress i,.ob-logo,.ob-chip span{transition:none!important}
 .ob-logo:hover{transform:none}
}
.ob-head h2,.ob-hero h1{text-wrap:balance}

/* ROUND 2: 3 answers on every feature card */
.ob-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ob-ans{margin:auto 0 0;padding:14px 0 0;border:0;min-width:0;width:100%;display:flex;flex-wrap:wrap;gap:6px}
.ob-a{position:relative;flex:1 1 auto;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ob-a-sim{flex-basis:100%}
.ob-a input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ob-a span{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 14px;border-radius:12px;border:1.5px solid var(--line,#DCE3EA);background:#fff;color:var(--ink-2,#33415C);font-size:.9rem;font-weight:600;line-height:1.2;white-space:nowrap;transition:background-color .2s,border-color .2s,color .2s,transform .15s}
.ob-a span::before{content:"";width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid rgba(19,34,63,.28);background:#fff center/9px no-repeat;transition:background-color .2s,border-color .2s}
.ob-a:hover span{border-color:rgba(43,92,158,.5);color:var(--ob-navy)}
.ob-a:active span{transform:scale(.97)}
.ob-a input:focus-visible + span{outline:3px solid rgba(73,180,240,.6);outline-offset:2px}
.ob-a input:checked + span{animation:ob-pop .3s var(--ob-ease)}
.ob-a input:checked + span::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.4 4.7-5' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.ob-a-yes input:checked + span{background:var(--ob-navy);border-color:var(--ob-navy);color:#fff}
.ob-a-yes input:checked + span::before{background-color:var(--ob-sky);border-color:var(--ob-sky)}
.ob-a-no input:checked + span{background:#EEF1F5;border-color:rgba(19,34,63,.35);color:var(--ob-navy)}
.ob-a-no input:checked + span::before{background-color:rgba(19,34,63,.55);border-color:transparent}
.ob-a-sim input:checked + span{background:#EAF5FD;border-color:var(--ob-blue);color:var(--ob-navy)}
.ob-a-sim input:checked + span::before{background-color:var(--ob-blue);border-color:var(--ob-blue)}
.ob-sim{display:none;flex-basis:100%;margin-top:6px}
.ob-ans:has(input[value="similar"]:checked) .ob-sim,.ob-ans.is-sim .ob-sim{display:grid;gap:6px;animation:ob-rise .35s var(--ob-ease)}
.ob-sim .ob-l{font-size:.85rem}
.ob-sim .ob-hint{font-size:.8rem}
.ob-grow{field-sizing:content;min-height:4.2em;max-height:none;resize:vertical;overflow-wrap:anywhere}
.ob-ans .ob-ta{width:100%;box-sizing:border-box}
/* the card shows its answer */
.idea-card:has(.ob-a-yes input:checked),.f25-c:has(.ob-a-yes input:checked){box-shadow:0 0 0 2px var(--ob-navy),0 18px 40px -24px rgba(19,34,63,.45)}
.idea-card:has(.ob-a-sim input:checked),.f25-c:has(.ob-a-sim input:checked){box-shadow:0 0 0 2px var(--ob-blue),0 18px 40px -24px rgba(43,92,158,.4)}
.idea-card:has(.ob-a-no input:checked) .idea-vis,.f25-c:has(.ob-a-no input:checked) .f25-vis{opacity:.55;filter:saturate(.4);transition:opacity .3s,filter .3s}
/* services list */
.ob-svc-list{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:svc}
.ob-svc-row{counter-increment:svc;border:1.5px solid var(--line,#DCE3EA);border-radius:16px;padding:16px;background:#FBFCFE;animation:ob-rise .35s var(--ob-ease)}
.ob-svc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ob-svc-n{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ob-blue)}
.ob-svc-n:empty::before{content:"Service " counter(svc)}
.ob-svc-del{min-height:40px;padding:6px 14px;border-radius:999px;border:1.5px solid var(--line,#DCE3EA);background:#fff;color:var(--ink-2,#33415C);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}
.ob-svc-del:hover{border-color:#C0392B;color:#C0392B}
.ob-svc-del:focus-visible,.ob-add:focus-visible{outline:3px solid rgba(73,180,240,.6);outline-offset:2px}
.ob-svc-empty{margin:0;padding:18px;border:1.5px dashed rgba(19,34,63,.2);border-radius:16px;color:var(--ink-3,#5B6B82);font-size:var(--fs-sm);text-align:center}
.ob-svc-list:not(:empty) + .ob-svc-empty{display:none}
.ob-add{margin-top:14px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:10px 20px;border-radius:999px;border:1.5px solid var(--ob-navy);background:#fff;color:var(--ob-navy);font:inherit;font-weight:700;cursor:pointer}
.ob-add i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ob-navy);color:#fff;font-style:normal;font-weight:700;line-height:1}
.ob-add:hover{background:var(--ob-navy);color:#fff}
.ob-add:hover i{background:var(--ob-sky)}
@media (prefers-reduced-motion:reduce){.ob-a input:checked + span,.ob-sim,.ob-svc-row{animation:none!important}}
/* ROUND 2b: v2 question follow-ups (web-dev) */
.ob-set > .ob-grid{display:grid;margin-top:10px}
.ob-grid-2 .ob-switch{align-self:end;min-height:48px}
.ob-other,.ob-more[data-shown-by]{display:none;margin-top:12px}
.ob-more:not([data-shown-by]){display:grid;margin-top:12px}
.ob-set:has(input[value="other"]:checked) > .ob-other,
.ob-set:has(input[value="keep_my_colors"]:checked) > .ob-more[data-shown-by="keep_my_colors"],
.ob-set:has(input[value="someone_else"]:checked) > .ob-more[data-shown-by="someone_else"],
.ob-set:has(input[value="no_or_not_sure"]:checked) > .ob-more[data-shown-by="no_or_not_sure"]{display:grid}
p.ob-more:has(+ *),p.ob-more{font-size:var(--fs-sm)}
.ob-set:has(input[value="no_or_not_sure"]:checked) > p.ob-more[data-shown-by]{display:block}
.ob-svc-focus-empty{margin:8px 0 0;color:var(--ob-muted,#5B6B82);font-size:var(--fs-sm)}
[data-ob-svc-focus-list]:not(:empty) + .ob-svc-focus-empty{display:none}
.ob-set[data-max] .ob-limit{display:block;margin-top:8px;color:#B4232A;font-size:var(--fs-sm)}
.f25-g-b2b{margin-top:clamp(28px,4vw,48px)}
/* ROUND 2c (web-dev): v2.1 questions — groups, grids, gates, services confirm */
.ob-multi>.ob-grid{margin-top:4px}
.ob-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:719px){.ob-grid-3{grid-template-columns:minmax(0,1fr)}}
.ob-sub{margin-top:14px}
.ob-sub>.ob-l,.ob-sub>legend.ob-l{font-size:var(--fs-sm)}
.ob-gridq .ob-gr{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 14px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.ob-gridq .ob-gr:first-of-type{border-top:0}
.ob-gr-h{font-weight:600;font-size:var(--fs-sm);color:var(--ink)}
.ob-gridq .ob-chip span{min-height:38px;padding:7px 13px}
@media (max-width:719px){.ob-gridq .ob-gr{grid-template-columns:minmax(0,1fr)}}
.ob-dash-row{padding:10px 0;border-top:1px solid var(--line);align-items:end}
.ob-dash-row:first-of-type{border-top:0}
.ob-private{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:rgba(73,180,240,.1);color:var(--ob-navy);font-size:var(--fs-sm);font-weight:600}
.ob-hero-time{margin-top:10px;font-size:var(--fs-sm);color:var(--ink-3)}
.ob-feat-count{margin:6px 0 0;font-size:var(--fs-sm);font-weight:600;color:var(--ob-blue)}
.ob-feat-count:empty{display:none}
.ob-svc-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0;padding:12px 14px;border-radius:12px;background:#FFF6DA;border:1px solid rgba(242,201,76,.7);color:var(--ob-navy);font-size:var(--fs-sm);font-weight:600}
.ob-svc-yes,.ob-svc-keep{min-height:40px;padding:8px 16px;border-radius:999px;font:inherit;font-weight:700;cursor:pointer;border:1.5px solid var(--ob-navy)}
.ob-svc-yes{background:var(--ob-navy);color:#fff}
.ob-svc-keep{background:#fff;color:var(--ob-navy)}
.ob-svc-yes:focus-visible,.ob-svc-keep:focus-visible{outline:3px solid var(--ob-sky);outline-offset:2px}
[data-show-if][hidden]{display:none!important}
/* ROUND 2c: 17-step bar fits every width: scrolls sideways inside itself, only the current step shows its name */
.ob-steps{flex:1 1 auto;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start}
.ob-steps::-webkit-scrollbar{display:none}
.ob-steps a{flex:0 0 auto}
.ob-steps span{display:none!important}
@media (min-width:720px){.ob-steps a.is-on span{display:inline!important}}
.ob-progress-n{flex:0 0 auto}
.ob-field>.ob-hint{margin:-2px 0 2px}