/* GENERATED by tools/build-design-css.py from design.src.css - edit the .src.css file, not this one. */
body:has(#orderpage){--fg-b-0000d7:#0000d7;--fg-b-0000d9:#0000d9;--fg-b-0000ff:#0000ff;--fg-b-136b42:#136b42;--fg-b-19804d:#19804d;--fg-b-1d2030:#1d2030;--fg-b-272a34:#272a34;--fg-b-3d3dff:#3d3dff;--fg-b-9494ff:#9494ff;--fg-b-aab0c6:#aab0c6;--fg-b-b5b8ff:#b5b8ff;--fg-b-b9bcff:#b9bcff;--fg-b-bfc2cc:#bfc2cc;--fg-b-c9cedc:#c9cedc;--fg-b-d2d8ff:#d2d8ff;--fg-b-d5d8e2:#d5d8e2;--fg-b-d5d9e5:#d5d9e5;--fg-b-daf3e5:#daf3e5;--fg-b-dde0e9:#dde0e9;--fg-b-deddfe:#deddfe;--fg-b-dfe1e8:#dfe1e8;--fg-b-dfe1e9:#dfe1e9;--fg-b-dfe3f7:#dfe3f7;--fg-b-dfe3ff:#dfe3ff;--fg-b-e0e1ff:#e0e1ff;--fg-b-e1e3ea:#e1e3ea;--fg-b-e1e3eb:#e1e3eb;--fg-b-e1e5f7:#e1e5f7;--fg-b-e2e4eb:#e2e4eb;--fg-b-e3e5ec:#e3e5ec;--fg-b-e4e5ee:#e4e5ee;--fg-b-e4e6ed:#e4e6ed;--fg-b-e4e7f5:#e4e7f5;--fg-b-e5f6ec:#e5f6ec;--fg-b-e6e9ff:#e6e9ff;--fg-b-e8e9f0:#e8e9f0;--fg-b-e8ebff:#e8ebff;--fg-b-e9eaf0:#e9eaf0;--fg-b-e9ebff:#e9ebff;--fg-b-eaf8f0:#eaf8f0;--fg-b-ececf1:#ececf1;--fg-b-ededff:#ededff;--fg-b-eeeefe:#eeeefe;--fg-b-eeeeff:#eeeeff;--fg-b-efefff:#efefff;--fg-b-f0f1ff:#f0f1ff;--fg-b-f4f4ff:#f4f4ff;--fg-b-f4f5f8:#f4f5f8;--fg-b-f6efd9:#f6efd9;--fg-b-f6f6ff:#f6f6ff;--fg-b-f6f8ff:#f6f8ff;--fg-b-f7f8fc:#f7f8fc;--fg-b-f8f9ff:#f8f9ff;--fg-b-f9faff:#f9faff;--fg-b-fafbfe:#fafbfe;--fg-b-ffb020:#ffb020;--fg-b-ffffff:#ffffff;--fg-t-0000ce:#0000ce;--fg-t-0000cf:#0000cf;--fg-t-0000d1:#0000d1;--fg-t-0000d7:#0000d7;--fg-t-0000d9:#0000d9;--fg-t-0000dc:#0000dc;--fg-t-0000df:#0000df;--fg-t-0000ff:#0000ff;--fg-t-171923:#171923;--fg-t-176943:#176943;--fg-t-19804d:#19804d;--fg-t-1c1e27:#1c1e27;--fg-t-1d1f29:#1d1f29;--fg-t-1d2030:#1d2030;--fg-t-20222c:#20222c;--fg-t-20232c:#20232c;--fg-t-282b35:#282b35;--fg-t-292c35:#292c35;--fg-t-292c36:#292c36;--fg-t-2b2e39:#2b2e39;--fg-t-2c2f39:#2c2f39;--fg-t-30333d:#30333d;--fg-t-3d404a:#3d404a;--fg-t-555965:#555965;--fg-t-666a77:#666a77;--fg-t-686c79:#686c79;--fg-t-747885:#747885;--fg-t-757986:#757986;--fg-t-7a5c0a:#7a5c0a;--fg-t-7a7e8b:#7a7e8b;--fg-t-7c808c:#7c808c;--fg-t-7d808d:#7d808d;--fg-t-7e828f:#7e828f;--fg-t-858895:#858895;--fg-t-898c98:#898c98;--fg-t-8a8d99:#8a8d99;--fg-t-91949f:#91949f;--fg-t-96999f:#96999f;--fg-t-989ba7:#989ba7;--fg-t-b9bcff:#b9bcff;--fg-t-d5d9e5:#d5d9e5;--fg-t-e1e3ea:#e1e3ea;--fg-t-ffd27a:#ffd27a;--fg-t-ffffff:#ffffff;--fg-glass:255,255,255;--fg-blue-t:#0000ff}
html[data-theme="dark"] body:has(#orderpage){--fg-b-0000d7:#0000d7;--fg-b-0000d9:#0000d9;--fg-b-0000ff:#0000ff;--fg-b-136b42:#136b42;--fg-b-19804d:#19804d;--fg-b-1d2030:#1d2030;--fg-b-272a34:#272a34;--fg-b-3d3dff:#3d3da1;--fg-b-9494ff:#262665;--fg-b-aab0c6:#4f525e;--fg-b-b5b8ff:#1e204f;--fg-b-b9bcff:#1d1f4c;--fg-b-bfc2cc:#46484e;--fg-b-c9cedc:#383b43;--fg-b-d2d8ff:#161b3b;--fg-b-d5d8e2:#303339;--fg-b-d5d9e5:#2e3139;--fg-b-daf3e5:#213429;--fg-b-dde0e9:#292c32;--fg-b-deddfe:#161533;--fg-b-dfe1e8:#2a2b31;--fg-b-dfe1e9:#292b31;--fg-b-dfe3f7:#1c1f30;--fg-b-dfe3ff:#131732;--fg-b-e0e1ff:#131431;--fg-b-e1e3ea:#28292f;--fg-b-e1e3eb:#27292f;--fg-b-e1e5f7:#1b1f2f;--fg-b-e2e4eb:#27282e;--fg-b-e3e5ec:#26272d;--fg-b-e4e5ee:#24252c;--fg-b-e4e6ed:#25262c;--fg-b-e4e7f5:#1d202c;--fg-b-e5f6ec:#1c2c22;--fg-b-e6e9ff:#11142d;--fg-b-e8e9f0:#222329;--fg-b-e8ebff:#11142c;--fg-b-e9eaf0:#222228;--fg-b-e9ebff:#10132b;--fg-b-eaf8f0:#19281f;--fg-b-ececf1:#202025;--fg-b-ededff:#0f0f28;--fg-b-eeeefe:#111127;--fg-b-eeeeff:#0f0f27;--fg-b-efefff:#0f0f27;--fg-b-f0f1ff:#0e1026;--fg-b-f4f4ff:#0d0d23;--fg-b-f4f5f8:#191a1e;--fg-b-f6efd9:#352f1e;--fg-b-f6f6ff:#0d0d22;--fg-b-f6f8ff:#0d1222;--fg-b-f7f8fc:#13151d;--fg-b-f8f9ff:#0c0f21;--fg-b-f9faff:#0c0f20;--fg-b-fafbfe:#0f131d;--fg-b-ffb020:#ffb020;--fg-b-ffffff:#131313;--fg-t-0000ce:#7070ff;--fg-t-0000cf:#7070ff;--fg-t-0000d1:#7070ff;--fg-t-0000d7:#7070ff;--fg-t-0000d9:#7070ff;--fg-t-0000dc:#7070ff;--fg-t-0000df:#7070ff;--fg-t-0000ff:#7070ff;--fg-t-171923:#e6e7ec;--fg-t-176943:#8ae5bb;--fg-t-19804d:#88e8b8;--fg-t-1c1e27:#e4e5e9;--fg-t-1d1f29:#e3e4e8;--fg-t-1d2030:#e0e1e8;--fg-t-20222c:#e2e3e7;--fg-t-20232c:#e2e3e7;--fg-t-282b35:#dedfe3;--fg-t-292c35:#dddfe2;--fg-t-292c36:#dddee2;--fg-t-2b2e39:#dcdde1;--fg-t-2c2f39:#dcdde1;--fg-t-30333d:#dadbdf;--fg-t-3d404a:#d3d4d8;--fg-t-555965:#d3d4d7;--fg-t-666a77:#c1c2c6;--fg-t-686c79:#bfc0c4;--fg-t-747885:#b2b4b9;--fg-t-757986:#b1b3b8;--fg-t-7a5c0a:#f4d47b;--fg-t-7a7e8b:#acaeb3;--fg-t-7c808c:#abacb1;--fg-t-7d808d:#aaabb0;--fg-t-7e828f:#a8aaaf;--fg-t-858895:#a1a3a9;--fg-t-898c98:#9e9fa5;--fg-t-8a8d99:#9d9ea4;--fg-t-91949f:#96989e;--fg-t-96999f:#95979a;--fg-t-989ba7:#8d8f98;--fg-t-b9bcff:#1d1f4c;--fg-t-d5d9e5:#2e3139;--fg-t-e1e3ea:#28292f;--fg-t-ffd27a:#bc8c2f;--fg-t-ffffff:#ffffff;--fg-glass:18,24,44;--fg-blue-t:#7b88ff;--fg-ink:#f1f3fb;--fg-line:#252d4a;--fg-tint:#171f3f;--fg-tint2:#1c2550}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]):not([data-theme="dark"]) body:has(#orderpage){--fg-b-0000d7:#0000d7;--fg-b-0000d9:#0000d9;--fg-b-0000ff:#0000ff;--fg-b-136b42:#136b42;--fg-b-19804d:#19804d;--fg-b-1d2030:#1d2030;--fg-b-272a34:#272a34;--fg-b-3d3dff:#3d3da1;--fg-b-9494ff:#262665;--fg-b-aab0c6:#4f525e;--fg-b-b5b8ff:#1e204f;--fg-b-b9bcff:#1d1f4c;--fg-b-bfc2cc:#46484e;--fg-b-c9cedc:#383b43;--fg-b-d2d8ff:#161b3b;--fg-b-d5d8e2:#303339;--fg-b-d5d9e5:#2e3139;--fg-b-daf3e5:#213429;--fg-b-dde0e9:#292c32;--fg-b-deddfe:#161533;--fg-b-dfe1e8:#2a2b31;--fg-b-dfe1e9:#292b31;--fg-b-dfe3f7:#1c1f30;--fg-b-dfe3ff:#131732;--fg-b-e0e1ff:#131431;--fg-b-e1e3ea:#28292f;--fg-b-e1e3eb:#27292f;--fg-b-e1e5f7:#1b1f2f;--fg-b-e2e4eb:#27282e;--fg-b-e3e5ec:#26272d;--fg-b-e4e5ee:#24252c;--fg-b-e4e6ed:#25262c;--fg-b-e4e7f5:#1d202c;--fg-b-e5f6ec:#1c2c22;--fg-b-e6e9ff:#11142d;--fg-b-e8e9f0:#222329;--fg-b-e8ebff:#11142c;--fg-b-e9eaf0:#222228;--fg-b-e9ebff:#10132b;--fg-b-eaf8f0:#19281f;--fg-b-ececf1:#202025;--fg-b-ededff:#0f0f28;--fg-b-eeeefe:#111127;--fg-b-eeeeff:#0f0f27;--fg-b-efefff:#0f0f27;--fg-b-f0f1ff:#0e1026;--fg-b-f4f4ff:#0d0d23;--fg-b-f4f5f8:#191a1e;--fg-b-f6efd9:#352f1e;--fg-b-f6f6ff:#0d0d22;--fg-b-f6f8ff:#0d1222;--fg-b-f7f8fc:#13151d;--fg-b-f8f9ff:#0c0f21;--fg-b-f9faff:#0c0f20;--fg-b-fafbfe:#0f131d;--fg-b-ffb020:#ffb020;--fg-b-ffffff:#131313;--fg-t-0000ce:#7070ff;--fg-t-0000cf:#7070ff;--fg-t-0000d1:#7070ff;--fg-t-0000d7:#7070ff;--fg-t-0000d9:#7070ff;--fg-t-0000dc:#7070ff;--fg-t-0000df:#7070ff;--fg-t-0000ff:#7070ff;--fg-t-171923:#e6e7ec;--fg-t-176943:#8ae5bb;--fg-t-19804d:#88e8b8;--fg-t-1c1e27:#e4e5e9;--fg-t-1d1f29:#e3e4e8;--fg-t-1d2030:#e0e1e8;--fg-t-20222c:#e2e3e7;--fg-t-20232c:#e2e3e7;--fg-t-282b35:#dedfe3;--fg-t-292c35:#dddfe2;--fg-t-292c36:#dddee2;--fg-t-2b2e39:#dcdde1;--fg-t-2c2f39:#dcdde1;--fg-t-30333d:#dadbdf;--fg-t-3d404a:#d3d4d8;--fg-t-555965:#d3d4d7;--fg-t-666a77:#c1c2c6;--fg-t-686c79:#bfc0c4;--fg-t-747885:#b2b4b9;--fg-t-757986:#b1b3b8;--fg-t-7a5c0a:#f4d47b;--fg-t-7a7e8b:#acaeb3;--fg-t-7c808c:#abacb1;--fg-t-7d808d:#aaabb0;--fg-t-7e828f:#a8aaaf;--fg-t-858895:#a1a3a9;--fg-t-898c98:#9e9fa5;--fg-t-8a8d99:#9d9ea4;--fg-t-91949f:#96989e;--fg-t-96999f:#95979a;--fg-t-989ba7:#8d8f98;--fg-t-b9bcff:#1d1f4c;--fg-t-d5d9e5:#2e3139;--fg-t-e1e3ea:#28292f;--fg-t-ffd27a:#bc8c2f;--fg-t-ffffff:#ffffff;--fg-glass:18,24,44}}
/* HostBotics order page - Figma Make "Sales-Driven Portal Redesign" (design/figma-make/).
 * Values (colours, radii, spacing, shadows, layout) are taken from the design's own stylesheet.
 * Deviation on purpose:the design uses 6-11px micro text; here it is raised to 12-13px so it stays readable. */
body:has(#orderpage) {
  --fg-blue: #0000ff; --fg-blue-d: #0000d7; --fg-ink: #171923; --fg-line: #e2e4eb; --fg-tint: #f6f6ff; --fg-tint2: #eeeeff;
  --hb-primary: #0000ff; --hb-primary-fill: #0000ff; --hb-primary-hover: #0000d7; --hb-primary-soft: #eeeeff; --hb-primary-soft-large: #f6f6ff;
  font-family:"DM Sans", "Plus Jakarta Sans", system-ui, sans-serif;
}
body:has(#orderpage) .section-main, body:has(#orderpage) .body-content { background:radial-gradient(circle at 4% 7%, rgba(0,0,255,.07), transparent 27rem), radial-gradient(circle at 94% 27%, rgba(80,100,255,.055), transparent 25rem), var(--fg-b-f7f8fc); }
html[data-theme="dark"] body:has(#orderpage) .section-main { background:var(--hb-bg); }
#orderpage, .hb-intro, .hb-bar { font-family:"DM Sans", "Plus Jakarta Sans", system-ui, sans-serif; }
.hb-op, .hb-intro { max-width:1320px; margin-inline:auto; }

/* ---- progress ---- */
.hb-progressrow { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:42px; }
.hb-steps { max-width:460px; gap:0; font-size:13px; }
.hb-steps li { gap:8px; color:var(--fg-t-989ba7); }
.hb-steps li strong { white-space:nowrap; font-size:13px; font-weight:700; }
.hb-steps__n { width:28px; height:28px; border:1px solid var(--fg-b-dfe1e9); background:var(--fg-b-ffffff); color:var(--fg-t-989ba7); font-size:12px; font-weight:700; }
.hb-steps li.is-done { color:var(--fg-t-2b2e39); }
.hb-steps li.is-done .hb-steps__n { background:var(--fg-blue); border-color:var(--fg-blue); color:var(--fg-t-ffffff); }
.hb-steps .hb-steps__line { width:48px; height:1px; margin:0 10px; background:var(--fg-b-dfe1e9); }
.hb-steps .hb-steps__line.is-done { background:var(--fg-b-9494ff); }

/* ---- intro ---- */
section.hb-intro, .hb-hero.hb-intro { padding:2px 2px 42px; display:block; }
.hb-intro .hb-hero__text { max-width:none; }
.intro-badge { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:99px; border:1px solid var(--fg-b-deddfe); background:var(--fg-b-efefff); color:var(--fg-t-0000ce); font-size:12px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; }
.intro-badge .hb-icon { width:14px; height:14px; }
.hb-intro .hb-h1 { margin:16px 0 0; max-width:800px; color:var(--fg-ink); font-size:clamp(38px, 4.2vw, 58px); font-weight:600; line-height:1.02; letter-spacing:-2.8px; }
.hb-intro .hb-h1 em { color:var(--fg-blue-t); font-style:normal; }
.hb-intro .hb-hero__lead { max-width:650px; margin-top:16px; color:var(--fg-t-686c79); font-size:17px; line-height:1.7; }
.proof-row { display:flex; flex-wrap:wrap; gap:18px; margin-top:24px; }
.proof-row span { color:var(--fg-t-858895); font-size:13px; }
.proof-row strong { color:var(--fg-t-30333d); font-weight:700; }

/* ---- section cards ---- */
.hb-card { background:rgba(var(--fg-glass),.96); border:1px solid var(--fg-b-e4e6ed); border-radius:18px; padding:27px; box-shadow:0 16px 45px rgba(28,34,64,.055); }
.hb-card__head.section-title-row { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; flex-wrap:wrap; }
.step-label, .hb-num { display:block; margin-bottom:5px; color:var(--fg-t-0000df); font-size:12px; font-weight:700; letter-spacing:1.1px; text-transform:uppercase; line-height:1.2; }
.hb-num { width:auto; height:auto; background:none; border-radius:0; text-align:left; }
.hb-num::before { content:attr(data-pre); }
.hb-num::after { content:none !important; }
.hb-card h2, .hb-card__title { color:var(--fg-t-20222c); font-size:24px; font-weight:700; letter-spacing:-.6px; }
.hb-card__title { display:flex; flex-direction:column; margin-bottom:4px; }
.hb-card__head .hb-caption, .hb-card__lead { margin:4px 0 0; color:var(--fg-t-858895); font-size:14px; }
.hb-card__lead { margin-bottom:18px; }

/* ---- term switch ---- */
.term-switch { display:flex; flex:0 0 auto; padding:4px; border:1px solid var(--fg-b-e3e5ec); border-radius:11px; background:var(--fg-b-f4f5f8); max-width:100%; flex-wrap:wrap; }
.term-switch[hidden] { display:none; }
.term-switch button { position:relative; min-width:93px; height:44px; padding:0 14px; border:0; border-radius:8px; background:transparent; color:var(--fg-t-747885); font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.term-switch button.active { background:var(--fg-b-ffffff); color:var(--fg-t-20222c); box-shadow:0 3px 9px rgba(31,35,57,.09); }
.term-switch button span { position:absolute; top:-16px; right:4px; padding:2px 6px; border-radius:4px; background:var(--fg-b-daf3e5); color:var(--fg-t-176943); font-size:11px; font-weight:700; white-space:nowrap; }

/* ---- plans ---- */
.hb-plans { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:13px; }
.hb-plans[data-n="1"] { grid-template-columns:minmax(0, 420px); }
.hb-plans[data-n="2"] { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.hb-plans[data-n="4"] { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.hb-plan { position:relative; display:flex; flex-direction:column; min-width:0; padding:20px 18px 18px; border:1px solid var(--fg-b-e2e4eb); border-radius:15px; background:var(--fg-b-ffffff); text-align:start; box-shadow:none; transition:border-color .2s, box-shadow .2s, transform .2s; }
.hb-plan:hover { border-color:var(--fg-b-b9bcff); transform:translateY(-3px); box-shadow:0 15px 30px rgba(36,40,76,.08); }
.hb-plan.selected, .hb-plan[aria-pressed="true"] { padding:19px 17px 17px; border:2px solid var(--fg-blue); background:linear-gradient(var(--fg-b-f6f6ff) 0%, var(--fg-b-ffffff) 56%); box-shadow:0 0 0 4px rgba(0,0,255,.055), 0 16px 32px rgba(38,41,78,.09); transform:none; }
.hb-plan__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:17px; }
.plan-symbol { display:grid; place-items:center; width:37px; height:37px; border-radius:10px; border:1px solid var(--fg-b-e0e1ff); background:var(--fg-b-eeeefe); color:var(--fg-t-0000dc); }
.plan-symbol .hb-icon { width:18px; height:18px; }
.hb-plan .save-pill, .hb-plan .hb-pill--success { padding:5px 9px; border-radius:99px; background:var(--fg-b-e5f6ec); color:var(--fg-t-176943); font-size:12px; font-weight:700; }
.recommendation { position:absolute; top:0; inset-inline-end:16px; display:flex; align-items:center; gap:4px; padding:5px 9px; border-radius:0 0 7px 7px; background:var(--fg-blue); color:var(--fg-t-ffffff); font-size:11px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; }
.recommendation .hb-icon { width:11px; height:11px; }
.hb-plan__name { color:var(--fg-t-1d1f29); font-size:19px; font-weight:700; line-height:1.3; }
.hb-plan__tag { min-height:32px; margin-top:3px; color:var(--fg-t-7a7e8b); font-size:13px; line-height:1.5; }
.hb-plan__price { display:flex; align-items:flex-start; margin-top:17px; color:var(--fg-ink); }
.hb-plan__amount { font-size:34px; font-weight:700; line-height:1; letter-spacing:-1.8px; }
.hb-plan .hb-plan__amount .hb-cur { font-size:13px !important; font-weight:600; letter-spacing:0; color:var(--fg-t-7c808c); margin-inline-start:4px; }
.hb-plan__per { margin:11px 0 0 4px; color:var(--fg-t-7c808c); font-size:12px; }
.hb-plan__billed { margin-top:6px; color:var(--fg-t-96999f); font-size:12px; }
.hb-plan__oneline { display:none; }
.hb-plan__body { display:block; }
.hb-plan__rule { display:block; height:0; margin-top:18px; border-top:1px solid var(--fg-b-ececf1); }
.hb-plan__specs { display:block; padding-top:16px; margin-bottom:18px; }
.hb-plan .hb-spec { display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:4px; margin:8px 0; padding:0; border:0; color:var(--fg-t-555965); font-size:13px; font-weight:500; }
.hb-spec::before { content:""; flex:0 0 auto; width:16px; height:16px; margin-inline-end:3px; border-radius:50%; background:var(--fg-b-ededff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230000d2' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat; order:0; }
.hb-spec__v { order:1; }
.hb-spec__k { order:2; }
.hb-spec__k, .hb-spec__v { font-weight:500; color:inherit; }
.hb-plan__cta { margin-top:auto; }
.hb-plan__cta-choose, .hb-plan__cta-selected { display:flex; align-items:center; justify-content:center; gap:7px; width:100%; height:44px; border:1px solid var(--fg-b-dfe1e8); border-radius:9px; background:var(--fg-b-ffffff); color:var(--fg-t-30333d); font-size:13px; font-weight:700; transition:.2s; }
.hb-plan:hover .hb-plan__cta-choose { color:var(--fg-t-0000d1); border-color:var(--fg-blue); }
.hb-plan.selected .hb-plan__cta-selected, .hb-plan[aria-pressed="true"] .hb-plan__cta-selected { color:var(--fg-t-ffffff); background:var(--fg-blue); border-color:var(--fg-blue); box-shadow:0 8px 17px rgba(0,0,255,.17); }
@media (max-width: 1080px) { .hb-plans, .hb-plans[data-n="4"] { grid-template-columns:1fr 1fr; } .hb-plans[data-n="3"] .hb-plan:last-child { grid-column:1 / -1; } }
@media (max-width: 600px) { .hb-plans, .hb-plans[data-n="4"], .hb-plans[data-n="3"] { grid-template-columns:1fr; } .hb-plan__tag { min-height:0; } .term-switch { width:100%; } .term-switch button { flex:1 1 0; min-width:0; } .hb-card { border-radius:15px; padding:19px 15px; } }

/* ---- domain options ---- */
#domainTab.nav-tabs, #domainTab.hb-segmented { display:grid !important; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)) !important; gap:10px; width:100%; padding:0; border:0; border-radius:0; background:transparent; }
@media (max-width: 1080px) { #domainTab.nav-tabs, #domainTab.hb-segmented { grid-template-columns:1fr !important; } }
#domainTab .nav-item { border-radius:11px !important; min-width:0; }
#domainTab .nav-link { position:relative; display:grid !important; grid-template-columns:34px minmax(0, 1fr) 13px; grid-template-rows:auto auto; column-gap:9px; align-items:center; width:100%; min-height:76px; padding:13px !important; text-align:start; border:1px solid var(--fg-b-e1e3ea) !important; border-radius:11px !important; background:var(--fg-b-ffffff); box-shadow:none; transition:.2s; }
#domainTab .nav-link:hover { border-color:var(--fg-b-b5b8ff) !important; background:var(--fg-b-ffffff); }
#domainTab .nav-link.active, #domainTab .nav-item.active > .nav-link { padding:12px !important; border:2px solid var(--fg-blue) !important; background:var(--fg-b-f6f6ff) !important; box-shadow:0 0 0 3px rgba(0,0,255,.05) !important; }
#domainTab .nav-link::before, #domainTab .nav-link::after { display:none !important; content:none !important; }
#domainTab .nav-link .hb-dopt__ic { grid-row:1 / span 2; grid-column:1; display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--fg-b-ededff); color:var(--fg-t-0000d9); }
#domainTab .nav-link .hb-dopt__ic .hb-icon { width:18px; height:18px; }
#domainTab .nav-link .hb-dopt__t { grid-column:2; grid-row:1; align-self:end; font-size:14px; font-weight:700; color:var(--fg-t-2c2f39) !important; }
#domainTab .nav-link .hb-dopt__d { grid-column:2; grid-row:2; align-self:start; display:block !important; margin-top:3px; font-size:12px; line-height:1.4; color:var(--fg-t-858895); font-weight:400; }
#domainTab .nav-link .hb-dopt__t::after { content:""; position:absolute; inset-inline-end:13px; top:50%; width:13px; height:13px; margin-top:-6.5px; border:1px solid var(--fg-b-bfc2cc); border-radius:50%; box-sizing:border-box; }
#domainTab .nav-item.active .hb-dopt__t::after, #domainTab .nav-link.active .hb-dopt__t::after { border:4px solid var(--fg-blue); }
.hb-dopt-hint { display:none; }
.hb-domain-search { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px; margin-top:13px; padding:14px; border:1px solid var(--fg-b-e4e5ee); border-radius:11px; background:var(--fg-b-f9faff); }
.hb-domain-search .hb-input-xl, .hb-domain-search .form-control { height:45px; padding:0 13px; border:1px solid var(--fg-b-dde0e9); border-radius:9px; background:var(--fg-b-ffffff); font-size:14px; font-weight:600; color:var(--fg-t-292c36); box-shadow:none; }
.hb-domain-search .hb-input-xl:focus { border-color:var(--fg-blue); box-shadow:0 0 0 3px rgba(0,0,255,.06); outline:0; }
.hb-domain-search .btn.hb-btn-xl { min-height:45px; padding:0 18px; border:0; border-radius:9px; background:var(--fg-b-272a34); color:var(--fg-t-ffffff); font-size:13px; font-weight:700; }
.hb-domain-search .btn.hb-btn-xl:hover { background:var(--fg-blue); }
@media (max-width: 600px) { .hb-domain-search { grid-template-columns:1fr; } }

/* ---- confidence bar ---- */

/* ---- layout: main + 360px summary card ---- */
.hb-op { grid-template-columns:minmax(0, 1fr) 360px; column-gap:28px; row-gap:20px; }
.hb-op__aside { top:94px; max-height:none; border-radius:18px; }
.hb-op__aside::before { display:none; }
@media (max-width: 1080px) { .hb-op { grid-template-columns:minmax(0, 1fr) 330px; } }
@media (max-width: 991.98px) { .hb-op { grid-template-columns:minmax(0, 1fr); } }

/* ---- summary card ---- */
.hb-op__aside .hb-summary, .hb-summary { padding:25px; border:1px solid var(--fg-b-dfe1e9); border-radius:18px; background:rgba(var(--fg-glass),.98); box-shadow:0 24px 60px rgba(27,32,59,.1), inset 0 3px 0 var(--fg-b-0000ff); }
.order-heading { display:block; }
.order-heading > span { color:var(--fg-t-91949f); font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.hb-summary__title { margin:4px 0 0; padding:0; border:0; color:var(--fg-t-1c1e27); font-size:21px; font-weight:700; letter-spacing:-.4px; }
.order-plan { display:flex; align-items:center; gap:10px; margin:19px 0; padding:12px; border:1px solid var(--fg-b-e0e1ff); border-radius:11px; background:var(--fg-b-f4f4ff); }
.order-plan > div { flex:1 1 0; min-width:0; }
.order-plan__ic { display:grid; place-items:center; flex:0 0 auto; width:37px; height:37px; border-radius:9px; background:var(--fg-blue); color:var(--fg-t-ffffff); box-shadow:0 7px 15px rgba(0,0,255,.17); }
.order-plan__ic .hb-icon { width:18px; height:18px; }
.order-plan .hb-summary__name { color:var(--fg-t-282b35); font-size:14px; font-weight:700; }
.order-plan .hb-caption { margin-top:2px; color:var(--fg-t-7d808d); font-size:12px; }
.order-plan .hb-summary__change { min-height:0; color:var(--fg-t-0000ce); font-size:12px; font-weight:700; }
.hb-cycles, .orderpage-summary-content { display:none; }
.hb-lines { padding:18px 0; border-top:1px solid var(--fg-b-e9eaf0); border-bottom:1px solid var(--fg-b-e9eaf0); display:flex; flex-direction:column; gap:13px; }
.hb-line { color:var(--fg-t-666a77); font-size:13px; }
.hb-line strong { color:var(--fg-t-292c35); font-size:13px; }
.hb-line .hb-free, .hb-line--save strong { color:var(--fg-t-19804d); }
.hb-line--save { padding:9px 10px; border-radius:8px; background:var(--fg-b-eaf8f0); color:var(--fg-t-176943); font-weight:700; }
.hb-summary__foot .hb-total { padding:19px 0; margin:0; border:0; }
.hb-total__label { color:var(--fg-t-20232c); font-size:14px; font-weight:700; }
.hb-total__amount { color:var(--fg-ink); font-size:26px; font-weight:700; letter-spacing:-1.3px; }
.hb-total__renew { margin:0 0 12px; padding:10px; border:1px solid var(--fg-b-e8e9f0); border-radius:9px; background:var(--fg-b-fafbfe); color:var(--fg-t-7e828f); font-size:12px; line-height:1.4; text-align:start; }
.hb-summary__foot { position:static; margin:0; padding:0; border:0; background:transparent; }
.hb-summary__foot .hb-cta, .hb-cta { width:100%; height:52px; border:0; border-radius:10px; background:var(--fg-blue); color:var(--fg-t-ffffff); font-size:14px; font-weight:700; box-shadow:0 12px 23px rgba(0,0,255,.18); transition:.2s; display:flex; align-items:center; justify-content:center; gap:8px; }
.hb-cta:hover { background:var(--fg-b-0000d7); transform:translateY(-1px); box-shadow:0 14px 27px rgba(0,0,255,.24); }
.hb-need { margin:0 0 10px; }
.hb-trust { margin-top:10px; gap:4px; justify-content:center; }
.hb-trust li { color:var(--fg-t-858895); font-size:12px; justify-content:center; }
.support-card { display:flex; align-items:center; gap:9px; margin-top:18px; padding-top:16px; border-top:1px solid var(--fg-b-e9eaf0); }
.support-card__ic { display:grid; place-items:center; flex:0 0 auto; width:36px; height:36px; border-radius:50%; background:var(--fg-b-eeeeff); color:var(--fg-t-0000d7); }
.support-card__ic .hb-icon { width:17px; height:17px; }
.support-card p { display:flex; flex-direction:column; flex:1 1 0; margin:0; color:var(--fg-t-898c98); font-size:12px; }
.support-card strong { margin-bottom:2px; color:var(--fg-t-3d404a); font-size:13px; }
.support-card a { color:var(--fg-t-0000cf); font-size:13px; font-weight:700; }

/* ---- mobile checkout bar (design: total left, Continue right) ---- */
@media (max-width: 767.98px) {
  .hb-bar { padding:11px 17px calc(11px + env(safe-area-inset-bottom)); border-top:1px solid var(--fg-b-dfe1e9); background:rgba(var(--fg-glass),.96); backdrop-filter:blur(14px); box-shadow:0 -10px 30px rgba(27,32,58,.09); gap:10px; }
  .hb-bar__plan { color:var(--fg-t-757986); font-size:12px; font-weight:600; }
  .hb-bar__total { color:var(--fg-t-1d1f29); font-size:18px; font-weight:700; }
  .hb-bar .btn-primary { height:47px; padding:0 22px; border:0; border-radius:9px; background:var(--fg-blue); color:var(--fg-t-ffffff); font-size:14px; font-weight:700; }
  .hb-op__aside { margin-top:12px; }
}

/* plan button: show only the relevant label */
.hb-plan .hb-plan__cta-selected { display:none; }
.hb-plan.selected .hb-plan__cta-choose, .hb-plan[aria-pressed="true"] .hb-plan__cta-choose { display:none; }
.hb-plan.selected .hb-plan__cta-selected, .hb-plan[aria-pressed="true"] .hb-plan__cta-selected { display:flex; }
.hb-plan__cta-choose { display:flex; }

/* ---- mobile: full single-column plan cards as in the design (replaces the compact radio rows) ---- */
@media (max-width: 767.98px) {
  .hb-plans { gap:13px; }
  .hb-plan { display:flex; flex-direction:column; padding:20px 18px 18px; border-radius:15px; text-align:start; }
  .hb-plan.selected { padding:19px 17px 17px; }
  .hb-plan::before { display:none; }
  .hb-plan__head { margin-bottom:17px; }
  .hb-plan__name { font-size:19px; }
  .hb-plan__tag { display:block; min-height:0; }
  .hb-plan__billed, .hb-plan__rule { display:block; }
  .hb-plan__oneline { display:none; }
  .hb-plan__price { margin-top:17px; flex-direction:row; align-items:flex-start; }
  .hb-plan__amount { font-size:34px; }
  .hb-plan__per { font-size:12px; }
  .hb-plan__body, .hb-plan.selected .hb-plan__body { display:block; margin-top:0; }
  .hb-plan.selected .hb-plan__specs { display:block; }
  .hb-plan__cta { display:block; margin-top:auto; height:auto; border:0; background:transparent; }
  .hb-plan.selected .hb-plan__cta { background:transparent; border:0; }
  .term-switch { flex-wrap:nowrap; overflow-x:auto; }
  .term-switch button { flex:0 0 auto; min-width:0; height:auto; min-height:48px; padding:6px 14px; white-space:nowrap; }
  .term-switch button span { position:static; display:block; margin-top:2px; padding:0; background:none; font-size:11px; }
}

/* ---- sticky, animated progress bar ---- */
.hb-progress { position:sticky; top:calc(var(--hb-header-h, 72px) + 8px); z-index:30; display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:1320px; margin:0 auto 28px; padding:12px 20px; border:1px solid var(--fg-b-e4e6ed); border-radius:16px; background:rgba(var(--fg-glass),.94); backdrop-filter:blur(14px); box-shadow:0 10px 30px rgba(28,34,64,.08); }
.hb-progress .hb-steps { flex:1 1 auto; max-width:560px; }
.hb-progress .hb-hero__side { flex:0 0 auto; }
.hb-steps li { font-size:15px; font-weight:700; color:var(--fg-t-8a8d99); transition:color .25s; }
.hb-steps li strong { font-size:15px; font-weight:700; }
.hb-steps__n { position:relative; width:36px; height:36px; font-size:14px; border:2px solid var(--fg-b-d5d8e2); background:var(--fg-b-ffffff); color:var(--fg-t-8a8d99); transition:background-color .3s, border-color .3s, color .3s, transform .3s; }
.hb-steps__n .hb-icon { display:none; width:18px; height:18px; stroke-width:3; }
.hb-steps li.is-done { color:var(--fg-t-20232c); }
.hb-steps li.is-done .hb-steps__n { background:var(--fg-blue); border-color:var(--fg-blue); color:var(--fg-t-ffffff); }
.hb-steps li.is-done .hb-steps__n b { display:none; }
.hb-steps li.is-done .hb-steps__n .hb-icon { display:block; }
.hb-steps li.is-current { color:var(--fg-blue-t); }
.hb-steps li.is-current .hb-steps__n { background:var(--fg-b-ffffff); border-color:var(--fg-blue); color:var(--fg-blue-t); transform:scale(1.08); animation:hb-step-pulse 1.8s ease-out infinite; }
.hb-steps .hb-steps__line { flex:1 1 24px; min-width:24px; width:auto; max-width:90px; height:3px; margin:0 12px; border-radius:3px; background:var(--fg-b-e1e3eb); position:relative; overflow:hidden; }
.hb-steps .hb-steps__line.is-done { background:var(--fg-blue); }
.hb-steps .hb-steps__line.is-active::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(0,0,255,.55), transparent); animation:hb-line-run 1.6s linear infinite; }
@keyframes hb-step-pulse { 0% { box-shadow:0 0 0 0 rgba(0,0,255,.35); } 70% { box-shadow:0 0 0 10px rgba(0,0,255,0); } 100% { box-shadow:0 0 0 0 rgba(0,0,255,0); } }
@keyframes hb-line-run { from { transform:translateX(-100%); } to { transform:translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .hb-steps li.is-current .hb-steps__n, .hb-steps .hb-steps__line.is-active::after { animation:none; } }
@media (max-width: 600px) { .hb-progress { padding:10px 12px; top:calc(var(--hb-header-h, 64px) + 4px); } .hb-progress .hb-hero__side { display:none; } .hb-steps li:not(.is-current) strong { display:none; } .hb-steps__n { width:32px; height:32px; } }

/* ---- summary card: everything visible, no inner scrollbar, compact ---- */
.hb-op__aside { max-height:none !important; overflow:visible !important; }
.hb-op__aside .hb-summary, .hb-summary { padding:22px; }
.order-plan { margin:14px 0; }
.hb-lines { padding:14px 0; gap:10px; }
.hb-promo { margin:0; padding:10px 0 0; }
.hb-promo .hb-linkbtn { padding:0; min-height:0; }
.hb-summary__foot .hb-total { padding:12px 0; }
.hb-total__renew { margin-bottom:10px; }
.hb-summary__foot .hb-cta, .hb-cta { height:50px; }
.hb-trust li:nth-child(n+2) { display:none; }
.support-card { margin-top:14px; padding-top:14px; }

/* progress bar stays in the left column so it never covers the summary card */
.hb-steps li strong { color:inherit; }
@media (min-width: 992px) {
  .hb-progress { width:calc(min(100%, 1320px) - 388px); max-width:none; margin-left:max(0px, calc((100% - 1320px) / 2)); margin-right:0; }
}
@media (min-width: 992px) and (max-width: 1080px) { .hb-progress { width:calc(min(100%, 1320px) - 358px); } }

/* ---- progress bar: flush under the header, with the always-visible "next step" button ---- */
.hb-progress { top:var(--hb-header-h, 72px); margin-top:-1px; border-top:0; border-radius:0 0 16px 16px; }
.hb-intro > .hb-hero__side { position:absolute; right:0; top:0; }
.hb-intro { position:relative; }
.hb-progress__cta { display:inline-flex; align-items:center; gap:8px; flex:0 0 auto; height:44px; padding:0 18px; border:0; border-radius:10px; background:var(--fg-blue); color:var(--fg-t-ffffff); font:inherit; font-size:14px; font-weight:700; cursor:pointer; box-shadow:0 8px 18px rgba(0,0,255,.2); animation:hb-cta-hint 2.2s ease-in-out infinite; transition:background-color .2s, transform .2s; }
.hb-progress__cta .hb-icon { width:16px; height:16px; transition:transform .2s; animation:hb-arrow-nudge 1.6s ease-in-out infinite; }
.hb-progress__cta:hover { background:var(--fg-b-0000d7); transform:translateY(-1px); animation:none; }
.hb-progress__cta.is-go { background:var(--fg-b-19804d); box-shadow:0 8px 18px rgba(25,128,77,.28); animation-name:hb-cta-hint-go; }
.hb-progress__cta.is-go:hover { background:var(--fg-b-136b42); }
@keyframes hb-cta-hint { 0%, 100% { box-shadow:0 8px 18px rgba(0,0,255,.2), 0 0 0 0 rgba(0,0,255,.35); } 50% { box-shadow:0 8px 18px rgba(0,0,255,.2), 0 0 0 9px rgba(0,0,255,0); } }
@keyframes hb-cta-hint-go { 0%, 100% { box-shadow:0 8px 18px rgba(25,128,77,.28), 0 0 0 0 rgba(25,128,77,.4); } 50% { box-shadow:0 8px 18px rgba(25,128,77,.28), 0 0 0 9px rgba(25,128,77,0); } }
@keyframes hb-arrow-nudge { 0%, 100% { transform:translateX(0); } 50% { transform:translateX(4px); } }
#domain-config.hb-nudge { animation:hb-section-nudge .9s ease; }
@keyframes hb-section-nudge { 0%, 100% { box-shadow:0 16px 45px rgba(28,34,64,.055); } 35% { box-shadow:0 0 0 4px rgba(0,0,255,.25), 0 16px 45px rgba(28,34,64,.1); } }
@media (prefers-reduced-motion: reduce) { .hb-progress__cta, .hb-progress__cta .hb-icon, #domain-config.hb-nudge { animation:none; } }
@media (max-width: 991.98px) { .hb-progress { width:auto; margin-left:0; } }
@media (max-width: 600px) { .hb-progress { gap:8px; } .hb-progress__cta { height:40px; padding:0 12px; font-size:13px; } .hb-progress__label { max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .hb-intro > .hb-hero__side { position:static; } }

/* ---- billing term switch: one tidy row, save badge inside each segment ---- */
.hb-card__head.section-title-row { display:block; }
.hb-card__head.section-title-row .hb-caption { display:none; }
.term-switch { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:4px; width:100%; margin-top:18px; padding:4px; border-radius:14px; }
.term-switch button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; min-width:0; height:auto; min-height:58px; padding:8px 6px; border-radius:10px; font-size:14px; line-height:1.2; transition:background-color .2s, color .2s, box-shadow .2s; }
.term-switch button:hover:not(.active) { background:#ffffff80; color:var(--fg-t-20222c); }
.term-switch button span { position:static; display:inline-block; margin:0; padding:2px 8px; border-radius:99px; background:var(--fg-b-daf3e5); color:var(--fg-t-176943); font-size:11px; font-weight:700; line-height:1.3; }
.term-switch button.active { box-shadow:0 0 0 2px var(--fg-b-0000ff), 0 6px 14px rgba(0,0,255,.12); color:var(--fg-t-0000ce); }
@media (max-width: 767.98px) { .term-switch { grid-auto-flow:row; grid-template-columns:repeat(auto-fit, minmax(96px, 1fr)); } }

/* ---- header "Order new service" is quieter on order pages so the page's own next-step button leads ---- */
body:has(#orderpage) .hb-topbar__order.btn-primary, body:has(#orderpage) .hb-topbar__order { background:var(--fg-b-ffffff); color:var(--fg-t-171923); border:1px solid var(--fg-b-d5d9e5); box-shadow:none; font-weight:600; }
body:has(#orderpage) .hb-topbar__order:hover, body:has(#orderpage) .hb-topbar__order:focus, body:has(#orderpage) .show > .hb-topbar__order { background:var(--fg-b-f6f6ff); color:var(--fg-t-0000ce); border-color:var(--fg-b-0000ff); }
body:has(#orderpage) .hb-topbar__order .hb-icon { color:inherit; }

/* ---- blocked checkout button + "what is missing" tooltip ---- */
.hb-cta.is-blocked, .hb-bar .btn-primary.is-blocked { background:var(--fg-b-aab0c6) !important; color:var(--fg-t-ffffff); box-shadow:none !important; cursor:not-allowed; transform:none !important; }
.hb-cta.is-blocked:hover { background:var(--fg-b-aab0c6); }
#hb-tip { position:fixed; z-index:3000; max-width:280px; padding:12px 14px; border-radius:10px; background:var(--fg-b-1d2030); color:var(--fg-t-ffffff); font-size:13px; line-height:1.4; box-shadow:0 12px 30px rgba(14,22,48,.3); opacity:0; transform:translateY(4px); pointer-events:none; transition:opacity .15s, transform .15s; }
#hb-tip.is-on { opacity:1; transform:none; }
#hb-tip strong { display:block; margin-bottom:4px; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:var(--fg-t-ffd27a); }
#hb-tip ul { margin:0; padding:0; list-style:none; }
#hb-tip li { position:relative; padding-inline-start:16px; margin-top:3px; }
#hb-tip li::before { content:""; position:absolute; inset-inline-start:0; top:.55em; width:6px; height:6px; border-radius:50%; background:var(--fg-b-ffb020); }

/* ---- phone fixes:plan cards left-aligned and full width; compact one-row progress bar ---- */
@media (max-width: 767.98px) {
  .hb-plan { align-items:stretch; text-align:start; }
  .hb-plan__head { justify-content:space-between; }
  .hb-plan__price { justify-content:flex-start; }
  .hb-plan__cta-choose, .hb-plan__cta-selected { width:100%; }
}
@media (max-width: 600px) {
  .hb-progress { flex-wrap:nowrap; gap:10px; padding:8px 10px; }
  .hb-progress .hb-steps { flex:1 1 auto; flex-wrap:nowrap; min-width:0; gap:0; }
  .hb-steps li { flex:0 0 auto; gap:0; }
  .hb-steps li strong { display:none !important; }
  .hb-steps__n { width:30px; height:30px; font-size:13px; }
  .hb-steps .hb-steps__line { flex:1 1 10px; min-width:10px; max-width:28px; margin:0 6px; }
  .hb-progress__cta { flex:0 0 auto; height:40px; padding:0 12px; font-size:13px; }
  .hb-progress__label { max-width:none; }
}

/* ---- trust card (awards / partner / help) in the empty area right of the intro ---- */
.hb-trustcard { margin-top:24px; padding:20px; border:1px solid var(--fg-b-e4e6ed); border-radius:16px; background:var(--fg-b-ffffff); box-shadow:0 12px 32px rgba(28,34,64,.06); }
.hb-trustcard__head { margin-bottom:14px; color:var(--fg-t-858895); font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.hb-trustcard__award { display:flex; align-items:center; gap:14px; padding-bottom:16px; border-bottom:1px solid var(--fg-b-ececf1); color:var(--fg-t-171923); text-decoration:none; }
.hb-trustcard__award img { flex:0 0 auto; width:76px; height:76px; border-radius:50%; box-shadow:0 6px 16px rgba(60,40,0,.25); }
.hb-trustcard__award strong { display:block; font-size:15px; font-weight:700; line-height:1.3; }
.hb-trustcard__award em { display:inline-block; margin-top:4px; padding:2px 10px; border-radius:99px; background:var(--fg-b-f6efd9); color:var(--fg-t-7a5c0a); font-size:12px; font-style:normal; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.hb-trustcard__award:hover strong { color:var(--fg-t-0000ce); }
.hb-trustcard__partner { display:flex; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--fg-b-ececf1); color:var(--fg-t-3d404a); font-size:14px; }
.hb-trustcard__partner strong { color:var(--fg-t-171923); }
.hb-trustcard__ptxt { margin-inline-start:auto; padding:3px 10px; border-radius:99px; background:var(--fg-b-eeeeff); color:var(--fg-t-0000ce); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.hb-pl { height:26px; width:auto; }
.hb-pl--dark { display:none; }
.hb-trustcard__ic { display:grid; place-items:center; flex:0 0 auto; width:36px; height:36px; border-radius:10px; background:var(--fg-b-eeeeff); color:var(--fg-t-0000d9); }
.hb-trustcard__ic .hb-icon { width:18px; height:18px; }
.hb-trustcard__help { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; }
.hb-trustcard__help p { margin:0; color:var(--fg-t-858895); font-size:13px; line-height:1.4; }
.hb-trustcard__help p strong { display:block; margin-bottom:2px; color:var(--fg-t-3d404a); font-size:14px; }
.hb-trustcard__help .btn { flex:0 0 auto; min-height:40px; padding:0 14px; font-size:13px; font-weight:700; border-radius:9px; }
@media (min-width: 992px) { .hb-intro { position:relative; } .hb-intro > .hb-trustcard { position:absolute; top:-96px; right:0; width:360px; margin-top:0; } }
@media (min-width: 992px) and (max-width: 1080px) { .hb-intro > .hb-trustcard { width:330px; } }
@media (max-width: 991.98px) { .hb-trustcard { max-width:520px; } }

/* ---- payment methods under the checkout button ---- */
.hb-pay { margin-top:14px; padding-top:14px; border-top:1px solid var(--fg-b-e9eaf0); text-align:center; }
.hb-pay__label { display:flex; align-items:center; justify-content:center; gap:6px; margin:0 0 10px; color:var(--fg-t-858895); font-size:12px; }
.hb-pay__label .hb-pl { height:18px; width:auto; }
.hb-pay__cards { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; margin:0; padding:0; list-style:none; }
.hb-pay__cards li { display:block; }
.hb-pay__cards img { display:block; height:24px; width:auto; border-radius:4px; }

/* ---- terms acceptance above the checkout button ---- */
.hb-terms { margin:0 0 12px; padding:10px 12px; border:1px solid var(--fg-b-e4e6ed); border-radius:10px; background:var(--fg-b-fafbfe); }
.hb-terms__row { display:flex; align-items:flex-start; gap:10px; margin:0; padding:4px 0; color:var(--fg-t-3d404a); font-size:13px; line-height:1.45; cursor:pointer; }
.hb-terms__row + .hb-terms__row { border-top:1px solid var(--fg-b-ececf1); }
.hb-terms__row input { flex:0 0 auto; width:20px; height:20px; margin:1px 0 0; accent-color:var(--fg-b-0000ff); cursor:pointer; }
.hb-terms__row a { color:var(--fg-t-0000ce); font-weight:600; text-decoration:underline; }
/* trust card on phones: logo + pill must fit */
@media (max-width: 575.98px) { .hb-trustcard__partner { flex-wrap:wrap; row-gap:8px; } .hb-trustcard__ptxt { margin-inline-start:0; } .hb-pl { height:22px; } }

/* ---- tick boxes: replace the theme's stacked-squares checkbox with a clean one ---- */
.hb-terms__row input[type="checkbox"], .hb-terms-box .term-checkbox { -webkit-appearance:none; appearance:none; position:relative; flex:0 0 auto; width:22px; height:22px; margin:0; padding:0; border:2px solid var(--fg-b-aab0c6); border-radius:6px; background:var(--fg-b-ffffff); cursor:pointer; transition:background-color .15s, border-color .15s, box-shadow .15s; }
.hb-terms__row input[type="checkbox"]::before, .hb-terms__row input[type="checkbox"]::after, .hb-terms-box .term-checkbox::before, .hb-terms-box .term-checkbox::after { content:none !important; display:none !important; }
.hb-terms__row input[type="checkbox"]:hover, .hb-terms-box .term-checkbox:hover { border-color:var(--fg-b-0000ff); }
.hb-terms__row input[type="checkbox"]:focus-visible, .hb-terms-box .term-checkbox:focus-visible { outline:0; box-shadow:0 0 0 3px rgba(0,0,255,.25); }
.hb-terms__row input[type="checkbox"]:checked, .hb-terms-box .term-checkbox:checked { border-color:var(--fg-b-0000ff); background:var(--fg-b-0000ff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/16px no-repeat; }
.hb-terms { padding:12px 14px; }
.hb-terms__row { gap:12px; align-items:center; }

/* ---- summary card fitting short screens (classes set by script.js) ---- */
.hb-op__aside.hb-compact .hb-summary { padding:16px 18px; }
.hb-op__aside.hb-compact .order-plan { margin:10px 0; padding:8px 10px; }
.hb-op__aside.hb-compact .order-plan__ic { width:30px; height:30px; }
.hb-op__aside.hb-compact .hb-summary__title { font-size:18px; }
.hb-op__aside.hb-compact .hb-lines { padding:10px 0; gap:6px; }
.hb-op__aside.hb-compact .hb-promo { padding-top:4px; }
.hb-op__aside.hb-compact .hb-summary__foot .hb-total { padding:8px 0; }
.hb-op__aside.hb-compact .hb-total__amount { font-size:22px; }
.hb-op__aside.hb-compact .hb-total__renew { margin-bottom:6px; padding:6px 10px; }
.hb-op__aside.hb-compact .hb-terms { margin-bottom:8px; padding:8px 10px; }
.hb-op__aside.hb-compact .hb-cta { height:46px; }
.hb-op__aside.hb-compact .hb-trust { margin-top:6px; }
.hb-op__aside.hb-compact .hb-pay { margin-top:8px; padding-top:8px; }
.hb-op__aside.hb-compact .hb-pay__label { margin-bottom:6px; }
.hb-op__aside.hb-compact .hb-pay__cards img { height:20px; }
.hb-op__aside.hb-compact2 .hb-line--save, .hb-op__aside.hb-compact2 .hb-total__renew, .hb-op__aside.hb-compact2 .hb-trust, .hb-op__aside.hb-compact2 .order-heading > span { display:none; }
.hb-op__aside.hb-compact2 .hb-pay__label { display:none; }
.hb-op__aside.hb-compact2 .hb-pay { margin-top:6px; padding-top:6px; }

/* ---- reassurance strip: three equal columns, icon + title + one line ---- */
.confidence-bar { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0; padding:0; border:1px solid var(--fg-b-e4e6ed); border-radius:16px; background:var(--fg-b-ffffff); box-shadow:0 8px 24px rgba(28,34,64,.05); overflow:hidden; }
.confidence-bar__item { display:flex; align-items:center; gap:14px; padding:20px 24px; min-width:0; }
.confidence-bar__item + .confidence-bar__item { border-inline-start:1px solid var(--fg-b-ececf1); }
.confidence-bar__ic { display:grid; place-items:center; flex:0 0 auto; width:44px; height:44px; border-radius:12px; background:var(--fg-b-eeeeff); color:var(--fg-t-0000d9); }
.confidence-bar__ic .hb-icon { width:22px; height:22px; }
.confidence-bar__item p { display:flex; flex-direction:column; gap:2px; min-width:0; margin:0; }
.confidence-bar__item strong { color:var(--fg-t-20222c); font-size:15px; font-weight:700; line-height:1.3; }
.confidence-bar__item small { color:var(--fg-t-858895); font-size:13px; line-height:1.4; }
@media (max-width: 991.98px) { .confidence-bar__item { padding:16px 18px; gap:12px; } .confidence-bar__ic { width:40px; height:40px; } }
@media (max-width: 767.98px) { .confidence-bar { grid-template-columns:1fr; } .confidence-bar__item + .confidence-bar__item { border-inline-start:0; border-top:1px solid var(--fg-b-ececf1); } }

/* ---- "register a new domain": the first, recommended choice ---- */
#domainTab .nav-link { overflow:visible; }
.hb-regpitch { display:flex; flex-direction:column; gap:4px; margin-top:16px; padding:18px 20px 4px; border:1px solid var(--fg-b-e4e5ee); border-bottom:0; border-radius:12px 12px 0 0; background:var(--fg-b-f9faff); }
.hb-regpitch strong { color:var(--fg-t-171923); font-size:18px; font-weight:700; letter-spacing:-.01em; }
.hb-regpitch span { color:var(--fg-t-686c79); font-size:14px; line-height:1.5; max-width:560px; }
.hb-regpitch + .hb-domain-search { margin-top:0; border-top:0; border-radius:0 0 12px 12px; padding-top:14px; }
.hb-domain-search .btn.hb-btn-xl { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.hb-domain-search .btn.hb-btn-xl .hb-icon { width:18px; height:18px; }
.hb-domain-search .hb-input-xl { height:52px; font-size:16px; }
.hb-domain-search .btn.hb-btn-xl { min-height:52px; padding:0 22px; font-size:14px; }

/* ---- domain step v2: calm, equal option cards and one pill-shaped search ---- */
#domainTab.nav-tabs, #domainTab.hb-segmented { align-items:stretch; gap:12px; }
#domainTab .nav-item { display:flex; }
#domainTab .nav-link { height:100%; min-height:92px; padding:16px !important; border-radius:14px !important; align-content:center; transition:border-color .2s, box-shadow .2s, transform .2s, background-color .2s; }
#domainTab .nav-link:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(28,34,64,.08); }
#domainTab .nav-link.active, #domainTab .nav-item.active > .nav-link { padding:15px !important; }
#domainTab .nav-link .hb-dopt__ic { width:40px; height:40px; border-radius:12px; }
#domainTab .nav-link .hb-dopt__t { font-size:15px; }
.hb-regpitch { margin:22px 0 0; padding:0; border:0; border-radius:0; background:transparent; }
.hb-regpitch strong { font-size:20px; letter-spacing:-.02em; }
.hb-regpitch span { max-width:640px; }
.hb-regpitch + .hb-domain-search { margin-top:14px; padding:6px; border:1.5px solid var(--fg-b-d5d9e5); border-radius:16px; background:var(--fg-b-ffffff); box-shadow:0 8px 24px rgba(28,34,64,.06); transition:border-color .2s, box-shadow .2s; }
.hb-domain-search { position:relative; display:flex !important; flex-wrap:nowrap !important; align-items:center; gap:0 !important; grid-template-columns:none; }
.hb-domain-search:focus-within { border-color:var(--fg-b-0000ff); box-shadow:0 0 0 4px rgba(0,0,255,.10), 0 8px 24px rgba(28,34,64,.06); }
.hb-domain-search__ic { display:grid; place-items:center; flex:0 0 auto; width:46px; color:var(--fg-t-858895); }
.hb-domain-search__ic .hb-icon { width:22px; height:22px; }
.hb-domain-search .hb-input-xl, .hb-domain-search .form-control { flex:1 1 0 !important; width:auto !important; min-width:0; height:52px; padding:0 8px; border:0; background:transparent; box-shadow:none; font-size:17px; font-weight:500; color:var(--fg-t-171923); }
.hb-domain-search .hb-input-xl:focus { box-shadow:none; border:0; }
.hb-domain-search .btn.hb-btn-xl { flex:0 0 auto; min-height:52px; padding:0 24px; border-radius:12px; background:var(--fg-b-0000ff); color:var(--fg-t-ffffff); font-size:15px; font-weight:700; box-shadow:0 8px 18px rgba(0,0,255,.2); transition:transform .15s, box-shadow .15s, background-color .15s; }
.hb-domain-search .btn.hb-btn-xl:hover { background:var(--fg-b-0000d7); transform:translateY(-1px); box-shadow:0 12px 22px rgba(0,0,255,.26); }
.hb-popular { margin-top:14px; gap:8px; }
.hb-chip { min-height:38px; padding:0 16px; border:1.5px solid var(--fg-b-e1e3ea); border-radius:99px; background:var(--fg-b-ffffff); font-size:14px; font-weight:700; transition:border-color .15s, background-color .15s, transform .15s; }
.hb-chip:hover { transform:translateY(-1px); border-color:var(--fg-b-b5b8ff); }
.hb-chip.is-on, .hb-chip[aria-pressed="true"] { background:var(--fg-b-eeeeff); border-color:var(--fg-b-0000ff); color:var(--fg-t-0000ce); }
@media (max-width: 575.98px) { .hb-regpitch + .hb-domain-search { flex-wrap:wrap !important; padding:8px; } .hb-domain-search__ic { display:none; } .hb-domain-search .hb-input-xl { flex:1 1 100%; padding:0 12px; } .hb-domain-search .btn.hb-btn-xl { flex:1 1 100%; margin-top:6px; justify-content:center; } }

/* ---- domain step v3: illustrated option tiles (inline SVG, brand colours) ---- */
#domainTab.nav-tabs, #domainTab.hb-segmented { grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)) !important; gap:14px; }
#domainTab .nav-link { position:relative; display:flex !important; flex-direction:column; align-items:stretch; min-height:0; padding:10px 10px 16px !important; text-align:start; border-radius:18px !important; }
#domainTab .nav-link.active, #domainTab .nav-item.active > .nav-link { padding:9px 9px 15px !important; }
.hb-dopt__ill { display:block; width:100%; margin-bottom:12px; padding:6px 4px; border-radius:13px; background:linear-gradient(160deg, var(--fg-b-f6f6ff), var(--fg-b-e8ebff)); transition:background .25s; }
.hb-dopt__ill svg { display:block; width:100%; height:96px; }
#domainTab .nav-link:hover .hb-dopt__ill { background:linear-gradient(160deg, var(--fg-b-f0f1ff), var(--fg-b-dfe3ff)); }
#domainTab .nav-link.active .hb-dopt__ill, #domainTab .nav-item.active > .nav-link .hb-dopt__ill { background:linear-gradient(160deg, var(--fg-b-e9ebff), var(--fg-b-d2d8ff)); }
#domainTab .nav-link .hb-dopt__t { display:block; padding:0 8px; font-size:16px; font-weight:700; }
#domainTab .nav-link .hb-dopt__d { display:block !important; margin:4px 0 0; padding:0 8px; font-size:13px; line-height:1.45; }
#domainTab .nav-link .hb-dopt__t::after { top:22px; inset-inline-end:22px; margin-top:0; width:20px; height:20px; background:var(--fg-b-ffffff); border-color:var(--fg-b-aab0c6); }
#domainTab .nav-item.active .hb-dopt__t::after, #domainTab .nav-link.active .hb-dopt__t::after { border-width:6px; border-color:var(--fg-b-0000ff); }
.ill-card { fill:var(--fg-b-ffffff); stroke:var(--fg-t-d5d9e5); stroke-width:1.5; }
.ill-bar { fill:var(--fg-b-eeeeff); }
.ill-dot { fill:var(--fg-b-c9cedc); }
.ill-field { fill:var(--fg-b-f4f5f8); stroke:var(--fg-t-e1e3ea); stroke-width:1.2; }
.ill-line { fill:var(--fg-b-c9cedc); }
.ill-lens { fill:var(--fg-b-ffffff); stroke:var(--fg-t-0000ff); stroke-width:3.5; }
.ill-handle { fill:none; stroke:var(--fg-t-0000ff); stroke-width:4; stroke-linecap:round; stroke-linejoin:round; }
.ill-ok { fill:var(--fg-b-19804d); }
.ill-tick { fill:none; stroke:var(--fg-t-ffffff); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.ill-server { fill:var(--fg-b-ffffff); stroke:var(--fg-t-b9bcff); stroke-width:1.5; }
.ill-slot { fill:var(--fg-b-eeeeff); }
.ill-led, .ill-plug { fill:var(--fg-b-0000ff); }
.ill-cable { fill:none; stroke:var(--fg-t-0000ff); stroke-width:3; stroke-dasharray:1 7; stroke-linecap:round; }
.ill-arrow { fill:none; stroke:var(--fg-t-0000ff); stroke-width:3.2; stroke-linecap:round; stroke-linejoin:round; }
.ill-globe { fill:none; stroke:var(--fg-t-0000ff); stroke-width:2.4; stroke-linecap:round; }
/* search panel under the tiles */
.hb-regpanel { margin-top:20px; padding:24px; border:1px solid var(--fg-b-dfe3f7); border-radius:18px; background:linear-gradient(180deg, var(--fg-b-f6f8ff), var(--fg-b-f9faff)); }
.hb-regpanel .hb-regpitch { margin:0; }
.hb-regpanel .hb-regpitch + .hb-domain-search { margin-top:16px; }
.hb-regpanel .hb-popular { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:16px; }
.hb-regpanel .hb-popular .hb-caption { color:var(--fg-t-686c79); font-size:13px; font-weight:600; margin-inline-end:4px; }
.hb-regpanel #hb-tld-toggle { margin-inline-start:auto; min-height:38px; padding:0 18px; border:0; border-radius:10px; background:var(--fg-b-1d2030); color:var(--fg-t-ffffff); font-size:13px; font-weight:700; text-decoration:none; transition:background-color .15s, transform .15s; }
.hb-regpanel #hb-tld-toggle:hover { background:var(--fg-b-0000ff); transform:translateY(-1px); }
@media (max-width: 575.98px) { .hb-regpanel { padding:16px; } .hb-regpanel #hb-tld-toggle { margin-inline-start:0; } .hb-dopt__ill svg { height:80px; } }

/* ---- domain step v3.1: aligned titles, no clipped ring, transfer / own panels ---- */
#domainTab.nav-tabs, #domainTab.hb-segmented { padding:4px !important; margin-bottom:0 !important; border-bottom:0 !important; overflow:visible !important; }
#domainTab .nav-link { box-shadow:none !important; }
.nav-tabs-wrapper .ps__rail-x, .nav-tabs-wrapper .ps__rail-y, #domainTab .ps__rail-x, #domainTab .ps__rail-y, #domainTab .ps__thumb-x { display:none !important; }
#domainTab .nav-link::before, #domainTab .nav-item::before, #domainTab .nav-item::after { content:none !important; display:none !important; border:0 !important; }
#domainTab .nav-link.active, #domainTab .nav-item.active > .nav-link { box-shadow:0 8px 22px rgba(0,0,255,.10) !important; }
#domainTab .nav-link .hb-dopt__t, #domainTab .nav-link .hb-dopt__d { position:static !important; width:auto !important; max-width:none !important; margin-inline:0 !important; align-self:stretch; text-align:start !important; }
#domainTab .nav-link .hb-dopt__d { margin-top:4px !important; }
#transfer.tab-pane.active, #transfer.tab-pane.show, #own.tab-pane.active, #own.tab-pane.show, #transfer.tab-pane[style*="block"], #own.tab-pane[style*="block"] { margin-top:20px; padding:24px; border:1px solid var(--fg-b-dfe3f7); border-radius:18px; background:linear-gradient(180deg, var(--fg-b-f6f8ff), var(--fg-b-f9faff)); }
#illtransfer > [class*="col-"] { flex:0 0 100%; max-width:100%; }
#illtransfer .d-flex { gap:12px; align-items:stretch; }
#illtransfer .input-group { flex:1 1 auto; min-width:0; flex-wrap:nowrap; }
#illtransfer .input-group .form-control { min-width:0; width:1%; }
#illtransfer #tld_transfer { flex:0 0 150px; width:150px; margin:0 !important; }
#illtransfer input[type=submit].btn { flex:0 0 auto; white-space:nowrap; padding-inline:24px; }
#illtransfer .input-group-text, #illtransfer .form-control, #illtransfer #tld_transfer, #illtransfer input[type=submit].btn { min-height:52px; height:52px; }
@media (max-width: 767.98px) { #illtransfer .d-flex { flex-direction:column !important; } #illtransfer #tld_transfer { flex:1 1 auto; width:100%; } #transfer.tab-pane, #own.tab-pane { padding:16px; } }

/* ---- domain step v4 (option A): search first, own / transfer as quiet links, perks strip ---- */
#domain-config > div { display:flex; flex-direction:column; }
#domain-config .nav-tabs-wrapper { order:5; margin-top:18px; padding-top:14px; border-top:1px solid var(--fg-b-e4e5ee); overflow:visible; }
#domain-config .hb-dopt-hint { order:6; }
#domain-config #domoptions11 { order:2; }
#domainTab.nav-tabs, #domainTab.hb-segmented { display:flex !important; flex-wrap:wrap; gap:6px 26px; padding:0 !important; width:auto; }
#domainTab.nav-tabs { border-bottom:0 !important; }
.hb-domain-search > label.sr-only { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
#domainTab .nav-item { display:block; width:auto; flex:0 0 auto; }
#domainTab .nav-link, #domainTab .nav-link.active, #domainTab .nav-item.active > .nav-link { display:inline-flex !important; flex-direction:row; align-items:center; height:auto; min-height:0; padding:6px 0 4px !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; }
#domainTab .nav-link .hb-dopt__ill, #domainTab .nav-link .hb-dopt__d, #domainTab .nav-link .hb-dopt__t::after { display:none !important; }
#domainTab .nav-link .hb-dopt__t { display:inline; padding:0; font-size:14px; font-weight:600; color:var(--fg-t-686c79) !important; }
#domainTab .nav-link:hover .hb-dopt__t { color:var(--fg-t-0000ff) !important; }
#domainTab .nav-link.active, #domainTab .nav-item.active > .nav-link { border-bottom-color:var(--fg-b-0000ff) !important; }
#domainTab .nav-link.active .hb-dopt__t, #domainTab .nav-item.active > .nav-link .hb-dopt__t { color:var(--fg-t-0000ff) !important; }
.hb-regpanel { margin-top:4px; padding:28px 26px 22px; }
.hb-regpanel .hb-regpitch strong { font-size:22px; }
.hb-regpanel .hb-popular .hb-chip { min-height:38px; padding:0 16px; font-weight:600; }
.hb-perks { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 20px; margin:20px 0 0; padding:18px 0 0; list-style:none; border-top:1px solid var(--fg-b-dfe3f7); }
.hb-perks li { display:flex; gap:12px; align-items:flex-start; min-width:0; }
.hb-perks__ic { flex:none; display:grid; place-items:center; width:38px; height:38px; border-radius:11px; background:var(--fg-b-e5f6ec); color:var(--fg-t-19804d); }
.hb-perks li:nth-child(2) .hb-perks__ic { background:var(--fg-b-e6e9ff); color:var(--fg-t-0000d9); }
.hb-perks__ic .hb-icon { width:20px; height:20px; }
.hb-perks strong { display:block; color:var(--fg-t-1d2030); font-size:14px; font-weight:700; line-height:1.3; }
.hb-perks small { display:block; margin-top:2px; color:var(--fg-t-686c79); font-size:13px; line-height:1.4; }
@media (max-width: 575.98px) { .hb-perks { grid-template-columns:1fr; } .hb-regpanel { padding:20px 16px 16px; } }

/* ---- confidence strip v2: solid brand icon tiles, top-aligned columns, soft tinted card ---- */
.confidence-bar { background:linear-gradient(180deg, var(--fg-b-ffffff), var(--fg-b-f8f9ff)); border-color:var(--fg-b-e1e5f7); border-radius:20px; box-shadow:0 10px 30px rgba(28,34,64,.06); }
.confidence-bar__item { align-items:flex-start; gap:16px; padding:24px 26px; }
.confidence-bar__item + .confidence-bar__item { border-inline-start:0; position:relative; }
.confidence-bar__item + .confidence-bar__item::before { content:""; position:absolute; inset-block:22px; inset-inline-start:0; width:1px; background:var(--fg-b-e4e7f5); }
.confidence-bar__ic { width:46px; height:46px; border-radius:14px; background:linear-gradient(145deg, var(--fg-b-3d3dff), var(--fg-b-0000d9)); color:var(--fg-t-ffffff); box-shadow:0 6px 14px rgba(0,0,255,.22); }
.confidence-bar__ic .hb-icon { width:22px; height:22px; }
.confidence-bar__item p { gap:4px; }
.confidence-bar__item strong { font-size:15px; line-height:1.3; }
.confidence-bar__item small { font-size:13px; line-height:1.5; }
@media (max-width: 991.98px) { .confidence-bar__item { padding:18px 18px; gap:12px; } .confidence-bar__ic { width:42px; height:42px; border-radius:12px; } }
@media (max-width: 767.98px) { .confidence-bar__item { align-items:center; padding:16px 18px; } .confidence-bar__item + .confidence-bar__item::before { inset-block:0 auto; inset-inline:18px; width:auto; height:1px; } }

/* ---- dark mode: plain page background; every colour above is a variable with a dark value (see tools/build-design-css.py) ---- */
html[data-theme="dark"] body:has(#orderpage) .section-main, html[data-theme="dark"] body:has(#orderpage) .body-content { background: var(--hb-bg); }
html[data-theme="dark"] .hb-hero__lead, html[data-theme="dark"] .hb-intro .hb-hero__lead { color: #a9afc2; }
html[data-theme="dark"] .hb-plan.selected, html[data-theme="dark"] .hb-plan[aria-pressed="true"] { background: linear-gradient(#171f3f 0%, #121a30 56%); }
html[data-theme="dark"] .hb-card, html[data-theme="dark"] .confidence-bar, html[data-theme="dark"] .hb-summary { box-shadow: 0 16px 40px rgba(0,0,0,.35); }
html[data-theme="dark"] .hb-spec::before { background-color: #1d2650; }
html[data-theme="dark"] .term-switch button.active { background: #2a3358; color: #fff; box-shadow: 0 0 0 2px #7b88ff; }
html[data-theme="dark"] .term-switch button:hover:not(.active) { background: #1a2240; color: #fff; }
html[data-theme="dark"] .term-switch { background: #0f1426; border-color: #252d4a; }
html[data-theme="dark"] .hb-plan { background: #121a30; }
html[data-theme="dark"] .hb-plan__amount, html[data-theme="dark"] .hb-plan__name, html[data-theme="dark"] .hb-total__amount, html[data-theme="dark"] .hb-summary__title { color: #f1f3fb; }
html[data-theme="dark"] .support-card a, html[data-theme="dark"] .order-plan .hb-summary__change, html[data-theme="dark"] .hb-promo .hb-linkbtn { color: #8b97ff !important; }
html[data-theme="dark"] .hb-plan__cta-choose { background: #1a2240; color: #e6e9f7; border-color: #2c365e; }
html[data-theme="dark"] .hb-plan.selected .hb-plan__cta-selected, html[data-theme="dark"] .hb-plan[aria-pressed="true"] .hb-plan__cta-selected { background: #0000ff; color: #fff; border-color: #0000ff; }
html[data-theme="dark"] .hb-progress { background: rgba(18,24,44,.94); border-color: #252d4a; }
html[data-theme="dark"] .hb-steps__n { background: #121a30; border-color: #353f68; color: #8d96b8; }
html[data-theme="dark"] .hb-steps li.is-current .hb-steps__n { background: #121a30; border-color: #7b88ff; color: #aab3ff; }
html[data-theme="dark"] .hb-steps li.is-current { color: #aab3ff; }
html[data-theme="dark"] .hb-steps li.is-done { color: #e6e9f7; }
html[data-theme="dark"] .hb-progress__cta { background: #2f3fff; }
html[data-theme="dark"] .hb-progress__cta.is-go { background: #1f9a5e; }
html[data-theme="dark"] #domainTab .nav-link { background: #121a30; border-color: #2c365e !important; }
html[data-theme="dark"] #domainTab .nav-link.active, html[data-theme="dark"] #domainTab .nav-item.active > .nav-link { background: #171f3f !important; border-color: #7b88ff !important; }
html[data-theme="dark"] #domainTab .nav-link .hb-dopt__t { color: #f1f3fb !important; }
html[data-theme="dark"] .hb-domain-search { background: #0f1426; border-color: #252d4a; }
html[data-theme="dark"] .hb-domain-search .hb-input-xl { background: #121a30; border-color: #2c365e; color: #f1f3fb; }
html[data-theme="dark"] .hb-total__renew { background: #0f1426; border-color: #252d4a; color: #a9afc2; }
html[data-theme="dark"] .hb-lines, html[data-theme="dark"] .support-card { border-color: #252d4a; }
html[data-theme="dark"] body:has(#orderpage) { --hb-primary: #93a0ff; --hb-primary-hover: #b4beff; --hb-primary-fill: #4d5ff2; --hb-primary-soft: #1b2557; --hb-primary-soft-large: #161f4c; }
html[data-theme="dark"] .hb-cta.is-blocked, html[data-theme="dark"] .hb-bar .btn-primary.is-blocked { background: #3a4263 !important; color: #aab0c6; }
html[data-theme="dark"] #hb-tip { background: #e9ecfa; color: #171923; }
html[data-theme="dark"] #hb-tip strong { color: #8a5a00; }
html[data-theme="dark"] .hb-pl--light { display: none; }
html[data-theme="dark"] .hb-pl--dark { display: inline-block; }
html[data-theme="dark"] .hb-regpitch + .hb-domain-search { background: #121a30; border-color: #2c365e; }
html[data-theme="dark"] .hb-domain-search .hb-input-xl { color: #f1f3fb; }
html[data-theme="dark"] .hb-chip { background: #121a30; border-color: #2c365e; color: #e6e9f7; }
html[data-theme="dark"] .hb-domain-search .btn.hb-btn-xl { background: #2f3fff; }
html[data-theme="dark"] #domainTab .nav-link .hb-dopt__t::after { background: #121a30; }
html[data-theme="dark"] .hb-dopt__ill { background: linear-gradient(160deg, #161f4c, #1b2557); }
html[data-theme="dark"] #domainTab .nav-item.active > .nav-link .hb-dopt__ill, html[data-theme="dark"] #domainTab .nav-link.active .hb-dopt__ill { background: linear-gradient(160deg, #1d2866, #243180); }
html[data-theme="dark"] .ill-card, html[data-theme="dark"] .ill-server { fill: #121a30; stroke: #3a4690; }
html[data-theme="dark"] .ill-field { fill: #0f1426; stroke: #2c365e; }
html[data-theme="dark"] .hb-regpanel { background: linear-gradient(180deg, #121a30, #0f1426); border-color: #252d4a; }
html[data-theme="dark"] .hb-regpanel #hb-tld-toggle { background: #2f3fff; }

html[data-theme="dark"] #transfer.tab-pane.active, html[data-theme="dark"] #own.tab-pane.active, html[data-theme="dark"] #transfer.tab-pane[style*="block"], html[data-theme="dark"] #own.tab-pane[style*="block"] { background: linear-gradient(180deg, #121a30, #101729); border-color: #2c365e; }
html[data-theme="dark"] #domainTab .nav-link, html[data-theme="dark"] #domainTab .nav-item > .nav-link { border-color: transparent !important; background: transparent !important; }
html[data-theme="dark"] #domainTab .nav-link.active, html[data-theme="dark"] #domainTab .nav-item.active > .nav-link { border-bottom-color: #7b88ff !important; }
html[data-theme="dark"] #domainTab .nav-link .hb-dopt__t { color: #aeb4cf !important; }
html[data-theme="dark"] #domainTab .nav-link.active .hb-dopt__t, html[data-theme="dark"] #domainTab .nav-item.active > .nav-link .hb-dopt__t { color: #aab3ff !important; }
html[data-theme="dark"] .hb-perks__ic { background: #1d2859; color: #aab3ff; }
html[data-theme="dark"] .hb-perks li:first-child .hb-perks__ic { background: #123324; color: #4fd18b; }
/* the theme's tab-slider injects a 2px indicator bar under the domain tabs; the quiet tabs draw their own underline */
#domain-config .nav-tabs-wrapper .slider, #domain-config .nav-tabs-wrapper ~ .slider, #domain-config .nav-tabs-wrapper + .slider, #domainTab ~ .slider, #domainTab .slider { display: none !important; }
html[data-theme="dark"] .confidence-bar { background: linear-gradient(180deg, #121a30, #0f1528); border-color: #252d4a; }
html[data-theme="dark"] .confidence-bar__item + .confidence-bar__item::before { background: #252d4a; }
html[data-theme="dark"] .confidence-bar__ic { background: linear-gradient(145deg, #4a55ff, #2b36d6); box-shadow: 0 6px 14px rgba(0,0,0,.4); }

/* ===== v98: dark animated intro band (matches the website and the domain page) ===== */
section.hb-intro, .hb-hero.hb-intro { position: relative; isolation: isolate; padding-bottom: 96px; }
.hb-intro::before { content: ""; position: absolute; z-index: -2; top: -120px; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); pointer-events: none;
  background: radial-gradient(900px 480px at 12% 115%, rgba(106,63,240,.55), transparent 65%), radial-gradient(800px 420px at 90% -10%, rgba(14,165,233,.35), transparent 65%), #0b0b2e; }
.hb-intro::after { content: ""; position: absolute; z-index: -1; top: -120px; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.09) 1px, transparent 1px); background-size: 26px 26px; -webkit-mask-image: radial-gradient(ellipse at 40% 50%, #000 20%, transparent 70%); mask-image: radial-gradient(ellipse at 40% 50%, #000 20%, transparent 70%); }
.hb-intro-fx { position: absolute; z-index: -1; left: 30%; top: 45%; width: 1000px; height: 1000px; transform: translate(-50%, -50%); pointer-events: none; }
.hb-intro-fx i { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.06); border-radius: 50%; animation: hb-op-spin 60s linear infinite; }
.hb-intro-fx i::after { content: ""; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; border-radius: 50%; background: #7dd3fc; box-shadow: 0 0 16px #7dd3fc; }
.hb-intro-fx i:nth-child(2) { inset: 150px; animation-duration: 44s; animation-direction: reverse; }
.hb-intro-fx i:nth-child(2)::after { left: auto; right: -5px; background: #c4b5fd; box-shadow: 0 0 16px #c4b5fd; }
.hb-intro-fx i:nth-child(3) { inset: 300px; animation-duration: 30s; }
@keyframes hb-op-spin { to { transform: rotate(360deg); } }
/* text on the band */
.hb-intro .hb-h1, html[data-theme="dark"] .hb-intro .hb-h1 { color: #ffffff; font-weight: 700; }
.hb-intro .hb-h1 em { background: linear-gradient(90deg, #9db4ff, #7dd3fc 45%, #c4b5fd); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hb-intro .hb-hero__lead, html[data-theme="dark"] .hb-intro .hb-hero__lead { color: rgba(255,255,255,.78); }
.hb-intro .intro-badge, html[data-theme="dark"] .hb-intro .intro-badge { border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.07); color: #ffffff; backdrop-filter: blur(6px); }
.hb-intro .intro-badge .hb-icon { color: #4ade80; }
.hb-intro .proof-row { gap: 10px; margin-top: 26px; }
.hb-intro .proof-row span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; background: rgba(255,255,255,.06); backdrop-filter: blur(6px); }
.hb-intro .proof-row strong, html[data-theme="dark"] .hb-intro .proof-row strong { color: rgba(255,255,255,.9); font-weight: 600; font-size: 13px; }
.hb-intro .proof-row .hb-icon { width: 16px; height: 16px; color: #4ade80; }
/* the cards below overlap the band's lower edge */
.hb-op { position: relative; z-index: 1; margin-top: -64px; }
.hb-intro .hb-trustcard { box-shadow: 0 24px 60px -20px rgba(0,0,0,.55); }
/* colourful plan icons (one accent per plan) */
.hb-plans > :nth-child(4n+1) { --hb-acc: #2338d9; } .hb-plans > :nth-child(4n+2) { --hb-acc: #7c3aed; } .hb-plans > :nth-child(4n+3) { --hb-acc: #0891b2; } .hb-plans > :nth-child(4n) { --hb-acc: #059669; }
@media (prefers-reduced-motion: reduce) { .hb-intro-fx i { animation: none; } }
@media (max-width: 600px) { .hb-intro::before, .hb-intro::after { top: -108px; } section.hb-intro, .hb-hero.hb-intro { padding-bottom: 80px; } .hb-op { margin-top: -56px; } .hb-intro-fx { left: 50%; width: 640px; height: 640px; } }
.hb-plans .plan-symbol { background: linear-gradient(140deg, var(--hb-acc, #2338d9), color-mix(in srgb, var(--hb-acc, #2338d9) 55%, #38bdf8)); color: #ffffff; border: 0; box-shadow: 0 8px 18px -8px var(--hb-acc, #2338d9); }
.hb-plans .plan-symbol .hb-icon { color: #ffffff; }
/* cards and the progress bar sit on the dark band: keep them fully opaque */
.hb-op .hb-card, .hb-progress { background: #ffffff; }
/* keep the proof chips in the left column (the trust card sits on the right) */
@media (min-width: 992px) { .hb-intro .proof-row { max-width: calc(100% - 390px); } }
@media (min-width: 992px) and (max-width: 1080px) { .hb-intro .proof-row { max-width: calc(100% - 360px); } }
html:not([data-theme="dark"]) .hb-op__aside .hb-summary { background: #ffffff; }