:root {
  --wb-navy: #0b1f3a;
  --wb-blue: #1356c5;
  --wb-blue-2: #0f449d;
  --wb-sky: #eaf3ff;
  --wb-ink: #10233f;
  --wb-muted: #5b6b82;
  --wb-line: #d8e2ee;
  --wb-surface: #ffffff;
  --wb-bg: #f5f8fc;
  --wb-success: #087a55;
  --wb-success-bg: #e9f8f1;
  --wb-warning: #9a5b00;
  --wb-warning-bg: #fff6df;
  --wb-danger: #b42318;
  --wb-danger-bg: #fff0ee;
}
.wb-app { min-height:100vh; direction:rtl; background:linear-gradient(180deg,#edf4ff 0,#f7f9fc 220px,#f7f9fc 100%); color:var(--wb-ink); padding:24px 18px 56px; }
.wb-wrap { width:min(1120px,100%); margin:0 auto; }
.wb-topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 26px; border-radius:28px; color:#fff; background:linear-gradient(135deg,var(--wb-navy),var(--wb-blue)); box-shadow:0 20px 50px rgba(15,68,157,.18); }
.wb-eyebrow { font-size:.8rem; font-weight:800; letter-spacing:.04em; color:#d6e7ff; }
.wb-title { margin-top:6px; font-size:clamp(1.55rem,3vw,2.25rem); font-weight:950; line-height:1.45; }
.wb-subtitle { margin-top:7px; color:#dbe8fa; line-height:1.9; }
.wb-address { direction:ltr; text-align:right; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; color:#dbe8fa; font-size:.88rem; }
.wb-grid { display:grid; gap:16px; margin-top:20px; }
.wb-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.wb-grid-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.wb-card { display:block; border:1px solid var(--wb-line); border-radius:22px; background:var(--wb-surface); padding:22px; box-shadow:0 8px 26px rgba(16,35,63,.06); color:var(--wb-ink); }
a.wb-card { transition:.18s ease; }
a.wb-card:hover { border-color:#9fc0ed; transform:translateY(-2px); box-shadow:0 12px 30px rgba(16,35,63,.1); }
.wb-card strong,.wb-card-title { color:var(--wb-ink); font-size:1.02rem; font-weight:900; }
.wb-muted { color:var(--wb-muted); line-height:1.9; }
.wb-card-note { display:block; margin-top:8px; color:var(--wb-muted); font-size:.88rem; line-height:1.8; }
.wb-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; border-radius:13px; padding:0 20px; font-weight:900; text-decoration:none; border:1px solid transparent; transition:.15s ease; }
.wb-button-primary { background:var(--wb-blue); color:#fff; box-shadow:0 8px 18px rgba(19,86,197,.18); }
.wb-button-primary:hover { background:var(--wb-blue-2); }
.wb-button-secondary { background:#fff; color:var(--wb-ink); border-color:var(--wb-line); }
.wb-button-secondary:hover { background:#f7faff; border-color:#aec6e6; }
.wb-button-success { background:var(--wb-success); color:#fff; }
.wb-button-disabled { background:#cbd5e1; color:#475569; cursor:not-allowed; box-shadow:none; }
.wb-status-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.wb-badge { display:inline-flex; align-items:center; gap:7px; border-radius:999px; padding:7px 12px; font-size:.82rem; font-weight:900; border:1px solid transparent; }
.wb-badge-on { color:#066345; background:var(--wb-success-bg); border-color:#a7e3cb; }
.wb-badge-off { color:#8a5300; background:var(--wb-warning-bg); border-color:#efd08b; }
.wb-badge-state { color:#204f90; background:#edf5ff; border-color:#bfd7f6; }
.wb-publish { margin-top:20px; border:1px solid var(--wb-line); border-radius:22px; padding:24px; background:#fff; box-shadow:0 8px 26px rgba(16,35,63,.06); }
.wb-publish-ready { border-color:#a6dfc8; background:linear-gradient(180deg,#f7fffb,#fff); }
.wb-publish-blocked { border-color:#f0cf8a; background:linear-gradient(180deg,#fffbef,#fff); }
.wb-publish-title { font-size:1.1rem; font-weight:950; }
.wb-alert { border-radius:16px; padding:14px 16px; margin:0 0 18px; font-weight:800; line-height:1.8; }
.wb-alert-error { border:1px solid #f1afa9; color:#8f1d16; background:var(--wb-danger-bg); }
.wb-alert-success { border:1px solid #a6dfc8; color:#065f46; background:var(--wb-success-bg); }
.wb-form-shell { width:min(780px,100%); margin:0 auto; border:1px solid var(--wb-line); border-radius:28px; background:#fff; padding:28px; box-shadow:0 12px 34px rgba(16,35,63,.08); }
.wb-form-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; }
.wb-form-head h1 { color:var(--wb-ink); font-size:1.45rem; font-weight:950; }
.wb-field { margin-top:18px; }
.wb-field > label { display:block; color:#243a57; font-weight:900; margin-bottom:7px; }
.wb-field input:not([type=checkbox]),.wb-field select,.wb-field textarea { width:100%; border:1px solid #b9c8da; border-radius:13px; background:#fff; color:#0f2139; padding:12px 14px; outline:none; box-shadow:0 1px 2px rgba(16,35,63,.03); }
.wb-field input:focus,.wb-field select:focus,.wb-field textarea:focus { border-color:#377bd6; box-shadow:0 0 0 4px rgba(55,123,214,.12); }
.wb-field small,.wb-help { color:var(--wb-muted); font-size:.84rem; line-height:1.8; }
.wb-field-error { color:var(--wb-danger); font-size:.84rem; font-weight:900; margin-top:6px; }
.wb-domain-input { display:flex; direction:ltr; align-items:stretch; border:1px solid #b9c8da; border-radius:13px; overflow:hidden; background:#fff; }
.wb-domain-input input { border:0!important; border-radius:0!important; box-shadow:none!important; direction:ltr; text-align:left; min-width:0; }
.wb-domain-suffix { display:flex; align-items:center; padding:0 14px; background:#edf3fa; color:#354a65; font-weight:900; border-left:1px solid #c8d5e4; white-space:nowrap; }
.wb-list { display:grid; gap:14px; margin-top:18px; }
.wb-check-card { display:flex; align-items:center; gap:13px; border:1px solid var(--wb-line); border-radius:16px; padding:16px; background:#fff; color:var(--wb-ink); }
.wb-check-card input { width:20px; height:20px; accent-color:var(--wb-blue); }
.wb-section-title { color:var(--wb-ink); font-size:1.35rem; font-weight:950; }
.wb-steps { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.wb-step { border-radius:999px; padding:7px 11px; background:#edf3fa; color:#465d78; font-size:.8rem; font-weight:800; }
.wb-step-active { background:#dcecff; color:#0f4b9e; }
@media (max-width:900px){.wb-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.wb-grid-3{grid-template-columns:1fr}.wb-topbar{align-items:flex-start;flex-direction:column}.wb-form-head{align-items:flex-start;flex-direction:column}}
@media (max-width:560px){.wb-app{padding:14px 10px 36px}.wb-grid-4{grid-template-columns:1fr}.wb-card,.wb-publish,.wb-form-shell,.wb-topbar{border-radius:18px;padding:18px}.wb-domain-input{flex-direction:row}.wb-button{width:100%}}

.public-site { --ps-primary:#0f4ea5; --ps-dark:#0b2547; --ps-soft:#edf5ff; min-height:100vh; direction:rtl; color:#14253b; background:#fff; }
.public-site.theme-emerald { --ps-primary:#087a55; --ps-dark:#07513d; --ps-soft:#eaf8f2; }
.public-site.theme-violet { --ps-primary:#6842b8; --ps-dark:#39266d; --ps-soft:#f2edff; }
.ps-container { width:min(1180px,calc(100% - 32px)); margin:0 auto; }
.ps-header { position:sticky; top:0; z-index:20; border-bottom:1px solid #e4ebf3; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); }
.ps-header-inner { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.ps-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.ps-mark { width:48px; height:48px; flex:none; display:grid; place-items:center; border-radius:15px; background:linear-gradient(145deg,var(--ps-primary),var(--ps-dark)); color:white; font-size:1.2rem; font-weight:950; box-shadow:0 8px 20px color-mix(in srgb,var(--ps-primary) 24%,transparent); }
.ps-brand-name { color:#10233d; font-weight:950; font-size:1.02rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ps-brand-caption { color:#6a788c; font-size:.76rem; margin-top:2px; }
.ps-nav { display:flex; align-items:center; gap:22px; font-size:.9rem; font-weight:800; color:#41536a; }
.ps-nav a:hover { color:var(--ps-primary); }
.ps-cta-small { border-radius:12px; background:var(--ps-primary); color:#fff!important; padding:10px 16px; }
.ps-hero { position:relative; overflow:hidden; padding:76px 0 64px; background:linear-gradient(135deg,#f9fcff 0,var(--ps-soft) 100%); }
.ps-hero:before { content:""; position:absolute; width:420px; height:420px; left:-160px; top:-170px; border-radius:50%; background:color-mix(in srgb,var(--ps-primary) 10%,transparent); }
.ps-hero-grid { position:relative; display:grid; grid-template-columns:1.2fr .8fr; gap:54px; align-items:center; }
.ps-kicker { display:inline-flex; border:1px solid color-mix(in srgb,var(--ps-primary) 25%,#dbe6f2); background:#fff; color:var(--ps-primary); border-radius:999px; padding:7px 12px; font-size:.8rem; font-weight:900; }
.ps-hero h1 { margin-top:18px; color:var(--ps-dark); font-size:clamp(2.25rem,5vw,4.5rem); line-height:1.35; font-weight:950; }
.ps-hero-copy { margin-top:18px; color:#50647c; font-size:1.05rem; line-height:2.05; max-width:720px; }
.ps-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.ps-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; padding:0 20px; border-radius:13px; font-weight:900; }
.ps-button-primary { background:var(--ps-primary); color:#fff; box-shadow:0 12px 24px color-mix(in srgb,var(--ps-primary) 20%,transparent); }
.ps-button-light { border:1px solid #cbd9e9; background:#fff; color:#243b57; }
.ps-hero-panel { border:1px solid #dce7f3; border-radius:28px; background:#fff; padding:24px; box-shadow:0 22px 60px rgba(17,46,82,.12); }
.ps-stat { border-radius:18px; background:#f6f9fd; padding:18px; }
.ps-stat + .ps-stat { margin-top:12px; }
.ps-stat strong { color:var(--ps-dark); font-size:1.05rem; }
.ps-stat span { display:block; color:#66788e; margin-top:5px; font-size:.85rem; line-height:1.8; }
.ps-section { padding:72px 0; }
.ps-section-soft { background:#f7f9fc; }
.ps-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:28px; }
.ps-section-head h2 { color:var(--ps-dark); font-size:clamp(1.7rem,3vw,2.45rem); font-weight:950; }
.ps-section-head p { color:#66788e; max-width:620px; line-height:1.9; }
.ps-about { display:grid; grid-template-columns:.85fr 1.15fr; gap:24px; }
.ps-about-card,.ps-card { border:1px solid #e0e7f0; border-radius:22px; background:#fff; padding:24px; box-shadow:0 8px 26px rgba(16,35,63,.05); }
.ps-about-card h3,.ps-card h3 { color:#1a3454; font-weight:950; font-size:1.08rem; }
.ps-copy { margin-top:12px; color:#52667d; line-height:2.05; white-space:pre-line; }
.ps-branch-grid,.ps-placeholder-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ps-contact-line { display:flex; gap:9px; align-items:flex-start; margin-top:11px; color:#53677e; line-height:1.8; }
.ps-empty { border:1px dashed #cbd8e8; border-radius:20px; background:#fff; padding:28px; color:#718198; text-align:center; line-height:1.9; }
.ps-faq { display:grid; gap:12px; }
.ps-faq-item { border:1px solid #e0e7f0; border-radius:17px; background:#fff; padding:20px; }
.ps-faq-item strong { color:#213a59; }
.ps-faq-item p { color:#63758b; margin-top:8px; line-height:1.9; }
.ps-footer { padding:34px 0 28px; background:var(--ps-dark); color:#dbe6f5; }
.ps-footer-grid { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.ps-powered { margin-top:24px; border-top:1px solid rgba(255,255,255,.16); padding-top:18px; text-align:center; color:#b7c7dc; font-size:.84rem; }
@media (max-width:900px){.ps-nav{display:none}.ps-hero-grid,.ps-about{grid-template-columns:1fr}.ps-branch-grid,.ps-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ps-hero{padding-top:54px}.ps-section-head{align-items:flex-start;flex-direction:column}}
@media (max-width:600px){.ps-container{width:min(100% - 22px,1180px)}.ps-header-inner{min-height:68px}.ps-mark{width:42px;height:42px}.ps-brand-caption{display:none}.ps-hero{padding:44px 0}.ps-branch-grid,.ps-placeholder-grid{grid-template-columns:1fr}.ps-section{padding:52px 0}.ps-footer-grid{align-items:flex-start;flex-direction:column}.ps-actions .ps-button{width:100%}}
.wb-visibility-toggle { display:flex; align-items:center; justify-content:space-between; gap:20px; border:1px solid #bcd1ea; background:#f4f8fd; border-radius:17px; padding:16px 18px; }
.wb-visibility-toggle label { margin:0; font-size:1rem; color:#17395f; }
.wb-checkbox { width:24px; height:24px; flex:none; accent-color:var(--wb-blue); cursor:pointer; }
.wb-field input:disabled,.wb-field select:disabled,.wb-field textarea:disabled { background:#edf1f5; color:#7b8795; border-color:#d5dde6; cursor:not-allowed; }