.public-body { background: #fff; }
.public-header { position: sticky; inset-block-start: 0; z-index: 1030; border-bottom: 1px solid rgba(230,231,240,.88); background: rgba(255,255,255,.88); backdrop-filter: blur(18px); }
.public-header .navbar { min-height: 72px; }
.public-brand { display: inline-flex; align-items: center; gap: .65rem; color: var(--sx-text); font-weight: 850; letter-spacing: -.02em; text-decoration: none; }
.public-brand:hover { color: var(--sx-text); }
.public-brand-mark { inline-size: 2.35rem; block-size: 2.35rem; display: grid; place-items: center; border-radius: .8rem; background: var(--sx-gradient-primary); color: #fff; box-shadow: 0 10px 22px rgba(109,74,255,.22); }
.brand-image { max-inline-size: 9.5rem; block-size: 2.4rem; object-fit: contain; }
.public-nav { gap: .1rem; }
.public-nav .nav-link { position: relative; padding: .58rem .7rem !important; border-radius: .7rem; color: #54596c; font-size: .84rem; font-weight: 680; }
.public-nav .nav-link:hover, .public-nav .nav-link.active, .public-nav .nav-link:focus-visible { background: var(--sx-primary-soft); color: var(--sx-primary-strong); }
.public-nav .nav-link.active::after { content: ""; position: absolute; inset-inline: .75rem; inset-block-end: .24rem; block-size: 2px; border-radius: 2px; background: var(--sx-primary); }
.public-actions { display: flex; align-items: center; gap: .45rem; }
.public-workspace-button { min-height: 42px; padding-inline: .95rem; box-shadow: none; }
.public-user-menu { flex: 0 0 auto; }
.public-user-button { min-height: 44px; display: inline-flex; align-items: center; gap: .55rem; border: 1px solid var(--sx-border); border-radius: 999px; padding: .25rem .6rem .25rem .3rem; background: #fff; color: var(--sx-text); box-shadow: var(--sx-shadow-sm); }
.public-user-button:hover { border-color: #cbbff8; background: var(--sx-primary-soft); }
.public-user-button:focus-visible { outline: 0; box-shadow: var(--sx-focus); }
.public-user-avatar { inline-size: 2rem; block-size: 2rem; display: grid; place-items: center; border-radius: 50%; background: var(--sx-gradient-primary); color: #fff; font-size: .78rem; font-weight: 820; }
.public-user-name { max-inline-size: 9rem; overflow: hidden; font-size: .8rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.public-user-button svg { inline-size: 1rem; block-size: 1rem; fill: none; stroke: currentColor; stroke-width: 1.8; }

.sx-hero { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(5rem, 9vw, 8rem) clamp(4.5rem, 8vw, 7rem); background: var(--sx-gradient-main); }
.sx-hero::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .5; background-image: radial-gradient(rgba(109,74,255,.22) 1px, transparent 1px); background-size: 26px 26px; mask-image: linear-gradient(to bottom, #000, transparent 78%); }
.sx-hero::after { content: ""; position: absolute; z-index: -1; inline-size: 26rem; block-size: 26rem; inset-block-start: -13rem; inset-inline-end: -8rem; border-radius: 50%; background: rgba(255,255,255,.45); box-shadow: 0 0 0 5rem rgba(255,255,255,.12); }
.sx-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr); gap: clamp(3rem, 6vw, 6rem); align-items: center; }
.sx-hero-copy { max-width: 700px; }
.sx-hero-copy h1 { max-width: 720px; margin-block: 1rem 1.25rem; font-size: clamp(2.4rem, 4.5vw, 3.25rem); }
.sx-hero-copy > p { max-width: 650px; color: #555b70; font-size: clamp(1rem, 1.4vw, 1.125rem); }
.sx-hero-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-block: 1.6rem 1.15rem; }
.sx-trust-row { display: flex; flex-wrap: wrap; gap: .65rem 1rem; color: #5f6478; font-size: .79rem; }
.sx-trust-row span { display: inline-flex; align-items: center; gap: .45rem; }
.sx-trust-row span::before { content: ""; inline-size: .82rem; block-size: .45rem; border-inline-start: 2px solid var(--sx-green); border-block-end: 2px solid var(--sx-green); transform: rotate(-45deg) translateY(-1px); }
[dir="rtl"] .sx-trust-row span::before { transform: rotate(-45deg) translateY(-1px); }

.hero-control { position: relative; padding: 1rem; border: 1px solid rgba(255,255,255,.72); border-radius: var(--sx-radius-xl); background: rgba(255,255,255,.7); box-shadow: var(--sx-shadow-lg); backdrop-filter: blur(20px); }
.hero-control-head { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem .45rem 1rem; }
.hero-control-head small { color: var(--sx-text-secondary); }
.hero-domain-form { display: flex; gap: .5rem; padding: .45rem; border: 1px solid rgba(215,217,231,.92); border-radius: 1rem; background: rgba(255,255,255,.92); }
.hero-domain-form .form-control { min-width: 0; border: 0; background: transparent; box-shadow: none; }
.hero-domain-form .btn { flex-shrink: 0; }
.hero-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .5rem; margin-block-start: .85rem; }
.hero-flow div { min-width: 0; padding: .7rem; border: 1px solid rgba(230,231,240,.78); border-radius: .9rem; background: rgba(255,255,255,.62); }
.hero-flow span { inline-size: 1.55rem; block-size: 1.55rem; display: grid; place-items: center; margin-block-end: .45rem; border-radius: .52rem; background: var(--sx-primary-soft); color: var(--sx-primary); font-size: .67rem; font-weight: 850; }
.hero-flow strong { display: block; font-size: .7rem; }
.hero-flow small { display: block; color: var(--sx-text-muted); font-size: .62rem; }

.trust-band { border-block: 1px solid var(--sx-border); background: var(--sx-surface-soft); }
.trust-band-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.trust-band-item { min-width: 0; padding: 1.2rem; border-inline-end: 1px solid var(--sx-border); text-align: center; }
.trust-band-item:last-child { border-inline-end: 0; }
.trust-band-item strong { display: block; }
.trust-band-item small { color: var(--sx-text-secondary); }
.value-card { height: 100%; padding: 1.35rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-lg); background: #fff; box-shadow: var(--sx-shadow-sm); transition: transform var(--sx-transition), box-shadow var(--sx-transition); }
.value-card:hover { transform: translateY(-3px); box-shadow: var(--sx-shadow-md); }
.value-icon { inline-size: 2.65rem; block-size: 2.65rem; display: grid; place-items: center; border-radius: .82rem; background: var(--sx-primary-soft); color: var(--sx-primary); font-size: .74rem; font-weight: 850; }
.value-card:nth-child(3n+2) .value-icon { background: #eaf7ff; color: var(--sx-blue); }
.value-card:nth-child(3n+3) .value-icon { background: #fff0f7; color: var(--sx-pink); }
.value-card h3 { margin-block: .9rem .4rem; }
.value-card p { margin: 0; color: var(--sx-text-secondary); }
.workflow-line { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.workflow-line::before { content: ""; position: absolute; inset-block-start: 1.4rem; inset-inline: 10%; block-size: 1px; background: #d5ccef; }
.workflow-step { position: relative; text-align: center; }
.workflow-step > span { position: relative; inline-size: 2.85rem; block-size: 2.85rem; display: grid; place-items: center; margin: 0 auto .85rem; border: 1px solid #cfc4ed; border-radius: .95rem; background: #fff; color: var(--sx-primary); font-weight: 850; box-shadow: var(--sx-shadow-sm); }
.workflow-step p { color: var(--sx-text-secondary); font-size: .85rem; }
.public-cta { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: clamp(1.5rem, 5vw, 2.75rem); border: 1px solid #ddd6f4; border-radius: var(--sx-radius-xl); background: var(--sx-gradient-soft); box-shadow: var(--sx-shadow-sm); }
.public-cta p { margin: 0; color: var(--sx-text-secondary); }

.public-page-hero, .domain-hero, .legal-hero { padding-block: clamp(3.25rem, 7vw, 5.5rem); border-bottom: 1px solid var(--sx-border); background: var(--sx-gradient-soft); }
.public-page-hero p, .domain-hero p, .legal-hero p { max-width: 720px; color: var(--sx-text-secondary); font-size: 1rem; }
.section-shell { padding-block: clamp(3rem, 7vw, 5.5rem); }
.public-feature-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.public-feature-list article, .public-two-column article, .contact-grid article { display: flex; gap: 1rem; padding: 1.35rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-lg); background: #fff; box-shadow: var(--sx-shadow-sm); }
.public-feature-list article > span { inline-size: 2.75rem; block-size: 2.75rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: .85rem; background: var(--sx-primary-soft); color: var(--sx-primary); font-weight: 850; }
.public-feature-list h2, .public-two-column h2, .contact-grid h2 { font-size: 1.05rem; }
.public-feature-list p, .public-two-column p, .contact-grid p { margin: 0; color: var(--sx-text-secondary); }
.public-plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.public-plan-card { position: relative; display: flex; flex-direction: column; gap: 1rem; min-width: 0; padding: 1.4rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-lg); background: #fff; box-shadow: var(--sx-shadow-sm); }
.public-plan-card:has(.sx-status-success) { border-color: #bfb1f2; box-shadow: 0 15px 38px rgba(109,74,255,.1); }
.public-plan-card p { color: var(--sx-text-secondary); }
.public-plan-card ul { flex: 1; display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; color: #50566a; }
.public-plan-card li::before { content: ""; inline-size: .7rem; block-size: .38rem; display: inline-block; margin-inline-end: .55rem; border-inline-start: 2px solid var(--sx-green); border-block-end: 2px solid var(--sx-green); transform: rotate(-45deg) translateY(-2px); }
.plan-code { color: var(--sx-primary); font-size: .68rem; font-weight: 850; letter-spacing: .07em; }
.plan-price strong { font-size: 1.9rem; }
.plan-price span { display: block; color: var(--sx-text-secondary); font-size: .76rem; }
.pricing-note { margin-block-start: 1.5rem; color: var(--sx-text-secondary); text-align: center; }
.public-empty { padding: 2.5rem 1rem; border: 1px dashed #d5cee8; border-radius: var(--sx-radius-lg); background: var(--sx-surface-soft); text-align: center; }
.faq-grid { display: grid; grid-template-columns: minmax(240px, .78fr) minmax(0, 1.22fr); gap: 2rem; }
.faq-list { max-width: 900px; display: grid; gap: .7rem; }
.faq-list details { overflow: hidden; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-md); background: #fff; }
.faq-list summary { position: relative; cursor: pointer; list-style: none; padding: 1rem 3rem 1rem 1rem; font-weight: 750; }
[dir="rtl"] .faq-list summary { padding: 1rem 1rem 1rem 3rem; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after { content: "+"; position: absolute; inset-block-start: .8rem; inset-inline-end: 1rem; color: var(--sx-primary); font-size: 1.3rem; font-weight: 500; }
.faq-list details[open] summary::after { content: "−"; }
.faq-list p { margin: 0; padding: 0 1rem 1rem; color: var(--sx-text-secondary); }
.process-timeline { max-width: 840px; }
.process-timeline article { display: grid; grid-template-columns: 3.4rem minmax(0,1fr); gap: 1.2rem; padding-block: 1.25rem; border-bottom: 1px solid var(--sx-border); }
.process-timeline b { inline-size: 3.2rem; block-size: 3.2rem; display: grid; place-items: center; border-radius: 1rem; background: var(--sx-gradient-primary); color: #fff; }
.process-timeline h2 { font-size: 1.1rem; }
.process-timeline p { color: var(--sx-text-secondary); }
.public-two-column { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1rem; }
.contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.legal-document { max-width: 860px; }
.legal-updated { padding-block-end: 1rem; border-bottom: 1px solid var(--sx-border); color: var(--sx-text-muted); font-size: .78rem; }
.legal-document section { padding-block: 1.35rem; border-bottom: 1px solid var(--sx-border); }
.legal-document h2 { font-size: 1.15rem; }
.legal-document p, .legal-document li { color: #555b6d; line-height: 1.78; }

.domain-hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.95fr); gap: clamp(2rem,5vw,4rem); align-items: center; }
.domain-search-card { padding: clamp(1.2rem,3vw,1.75rem); border: 1px solid rgba(217,211,239,.9); border-radius: var(--sx-radius-xl); background: rgba(255,255,255,.78); box-shadow: var(--sx-shadow-lg); backdrop-filter: blur(18px); }
.domain-search-control { display: flex; gap: .55rem; }
.domain-search-control .form-control { min-width: 0; min-height: 52px; }
.domain-search-control .btn { flex: 0 0 auto; white-space: nowrap; }
.domain-search-card small { display: block; margin-block-start: .65rem; color: var(--sx-text-muted); }
.domain-result { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 1.4rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-lg); background: #fff; box-shadow: var(--sx-shadow-sm); }
.domain-result h2 { margin-block: .5rem; font-size: 1.45rem; overflow-wrap: anywhere; }
.result-badge { display: inline-flex; border-radius: 999px; padding: .34rem .65rem; background: #eaf8f1; color: #18714e; font-size: .74rem; font-weight: 800; }
.is-unavailable .result-badge { background: #fff6e3; color: #925f0c; }
.is-error .result-badge { background: #fff0f3; color: #ae3547; }
.trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.trust-grid article { padding: 1.35rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-lg); background: #fff; }
.trust-grid b { inline-size: 2.6rem; block-size: 2.6rem; display: grid; place-items: center; margin-block-end: .9rem; border-radius: .82rem; background: var(--sx-primary-soft); color: var(--sx-primary); }
.demo-preview { max-width: 980px; }
.demo-screen { padding: 1.2rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-xl); background: var(--sx-surface-soft); box-shadow: var(--sx-shadow-md); }
.demo-nav { padding-block-end: .85rem; font-size: .7rem; font-weight: 850; letter-spacing: .07em; }
.demo-banner { height: 13rem; border-radius: var(--sx-radius-md); background: var(--sx-gradient-main); }
.demo-products { display: grid; grid-template-columns: repeat(3,1fr); gap: .75rem; margin-block-start: .75rem; }
.demo-products span { height: 8rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-md); background: #fff; }

.public-footer { margin-block-start: 4rem; padding-block: 3rem 1.25rem; border-top: 1px solid var(--sx-border); background: var(--sx-surface-soft); }
.public-footer-grid { display: grid; grid-template-columns: 1.6fr repeat(3,1fr); gap: 2rem; }
.public-footer-grid > div { min-width: 0; display: flex; align-items: flex-start; flex-direction: column; gap: .5rem; }
.public-footer-grid strong { margin-block-end: .25rem; }
.public-footer-grid a, .public-footer-grid p { color: var(--sx-text-secondary); font-size: .82rem; }
.public-footer-grid a:hover { color: var(--sx-primary); }
.public-footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-block-start: 1.8rem; padding-block-start: 1rem; border-top: 1px solid var(--sx-border); color: var(--sx-text-muted); font-size: .76rem; }

@media (max-width: 1100px) { .sx-hero-grid, .domain-hero-grid { grid-template-columns: 1fr; } .hero-control, .domain-search-card { max-width: 760px; } }
@media (max-width: 991.98px) {
  .public-header .navbar-collapse { margin-block-start: .7rem; padding: .9rem; border: 1px solid var(--sx-border); border-radius: var(--sx-radius-lg); background: #fff; box-shadow: var(--sx-shadow-md); }
  .public-actions { align-items: stretch; flex-direction: column; margin-block-start: .7rem; }
  .public-actions .btn { width: 100%; }
  .faq-grid, .public-feature-list, .public-two-column { grid-template-columns: 1fr; }
  .public-plan-grid, .contact-grid, .public-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
  .hero-flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workflow-line { grid-template-columns: 1fr; }
  .workflow-line::before { display: none; }
  .workflow-step { display: grid; grid-template-columns: auto 1fr; gap: .75rem 1rem; text-align: start; }
  .workflow-step > span { grid-row: span 2; margin: 0; }
  .trust-band-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .public-cta, .domain-result { align-items: stretch; flex-direction: column; }
}
@media (max-width: 575.98px) {
  .hero-domain-form, .domain-search-control { flex-direction: column; }
  .hero-domain-form .btn, .domain-search-control .btn, .domain-result .btn { width: 100%; }
  .public-plan-grid, .contact-grid, .public-footer-grid, .trust-grid { grid-template-columns: 1fr; }
  .trust-band-grid { grid-template-columns: 1fr; }
  .trust-band-item { border-inline-end: 0; border-block-end: 1px solid var(--sx-border); }
  .trust-band-item:last-child { border-block-end: 0; }
  .public-footer-bottom { flex-direction: column; }
  .demo-banner { height: 9rem; }
  .demo-products span { height: 5.5rem; }
}