:root { --paper: #fff; --ink: #252b33; --muted: #667080; --line: #e5e8ed; --green: #1768c6; --accent: #eaf3ff; --white: #fff; --radius: 4px; }
* { box-sizing: border-box; }
body { margin: 0px; background: rgb(255, 255, 255); color: var(--ink); font: 14px / 1.7 Arial, "Microsoft YaHei", system-ui, sans-serif; }
h1, h2, h3, p { margin-top: 0px; }
h1 { font-size: 26px; line-height: 1.4; font-weight: 600; margin-bottom: 12px; }
h2 { font-size: 20px; line-height: 1.45; font-weight: 600; margin-bottom: 16px; }
h3 { font-size: 17px; line-height: 1.5; font-weight: 600; margin-bottom: 12px; }
p { color: var(--muted); margin-bottom: 14px; }
a { color: var(--green); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: 0.55; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: rgb(18, 95, 197) solid 2px; outline-offset: 3px; }
.shell { width: min(1200px, 100% - 40px); margin-inline: auto; }
.demo-bar { padding: 6px 20px; background: rgb(255, 248, 232); color: rgb(121, 93, 37); font-size: 12px; text-align: center; border-bottom: 1px solid rgb(243, 229, 196); }
.topbar { background: rgb(247, 248, 250); border-bottom: 1px solid var(--line); font-size: 12px; color: rgb(110, 119, 132); }
.topbar > .shell { display: flex; justify-content: space-between; gap: 16px; padding-block: 7px; }
.topbar .shell > div { display: flex; flex-wrap: wrap; gap: 20px; }
.topbar a { color: rgb(90, 100, 114); }
.text-button { background: none; border: 0px; padding: 0px; font-size: 12px; color: rgb(90, 100, 114); }
.header { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-block: 22px; border-bottom: 1px solid var(--line); }
.brand { font-size: 20px; color: rgb(37, 43, 51); font-weight: 600; }
.brand:hover { text-decoration: none; }
.header nav { display: flex; flex-wrap: wrap; gap: 30px; }
.header nav a { color: rgb(48, 59, 75); font-size: 15px; }
.header nav [aria-current] { color: var(--green); font-weight: 600; }
main { min-height: 55vh; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid var(--green); background: var(--green); color: white; border-radius: 3px; padding: 9px 20px; line-height: 1.6; font-size: 14px; font-weight: 400; }
.button:hover { background: rgb(16, 92, 182); text-decoration: none; color: white; }
.button.quiet { background: white; color: var(--green); }
.button.quiet:hover { background: rgb(242, 247, 255); }
.button.small { padding: 6px 12px; font-size: 12px; }
.plain-link { font-size: 13px; }
.page-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 20px; }
.product-intro { padding-block: 28px 16px; }
.product-intro > p { font-size: 15px; margin-bottom: 22px; }
.product-entry-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.product-entry { border: 1px solid rgb(220, 228, 239); padding: 24px; background: rgb(255, 255, 255); }
.product-entry h2 { color: rgb(28, 92, 170); font-size: 23px; }
.product-entry p { max-width: 490px; }
.product-entry ul { display: flex; flex-wrap: wrap; gap: 10px 24px; list-style: none; padding: 0px; margin: 18px 0px 23px; color: rgb(88, 100, 116); font-size: 13px; }
.product-entry li::before { content: "·"; margin-right: 7px; }
.product-panel { border: 1px solid var(--line); margin-block: 20px; padding: 22px 24px; }
.section-title { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.section-title h2 { margin: 0px; }
.section-title a { font-size: 13px; }
.version-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.version-grid article { padding: 18px; background: rgb(248, 250, 252); border: 1px solid rgb(233, 237, 243); }
.version-grid h3 { margin-bottom: 8px; }
.version-grid p { font-size: 13px; margin: 0px; }
.quick-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.quick-links a { padding: 17px; border: 1px solid var(--line); }
.quick-links strong { display: block; font-size: 15px; font-weight: 500; }
.quick-links span { display: block; margin-top: 7px; color: var(--muted); font-size: 12px; }
.quick-links a:hover { text-decoration: none; border-color: rgb(168, 199, 238); }
.product-panel > .fine-print { margin-top: 14px; }
.empty-state { padding: 28px; border: 1px solid var(--line); background: rgb(250, 251, 252); color: var(--muted); text-align: center; }
.empty-state h2 { font-size: 19px; }
.empty-state p { font-size: 13px; }
.compact-empty { padding: 22px; }
.compact-empty p { margin: 8px 0px 0px; }
.compact-empty .button { margin-top: 12px; }
.tag { display: inline-block; padding: 2px 8px; border: 1px solid rgb(215, 227, 243); border-radius: 2px; background: rgb(245, 249, 255); color: rgb(83, 112, 150); font-size: 12px; font-weight: 400; }
.fine-print, .disclaimer { font-size: 12px !important; color: rgb(122, 132, 146); }
.lead { font-size: 14px; line-height: 1.8; max-width: 920px; }
.page-intro { padding-block: 26px 20px; }
.page-intro > p:last-child { margin-bottom: 0px; }
.footer { border-top: 1px solid var(--line); margin-top: 35px; padding-block: 24px; font-size: 12px; color: rgb(122, 132, 146); }
.footer > div { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; }
.footer strong { color: rgb(65, 75, 89); font-weight: 500; }
.footer p { margin: 9px 0px 0px; font-size: 12px; }
.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.plan-card { border: 1px solid var(--line); padding: 22px; background: white; }
.plan-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 12px; color: rgb(138, 148, 161); }
.plan-card h3 { font-size: 20px; }
.plan-card p { font-size: 13px; }
.plan-card ul { padding-left: 18px; margin: 18px 0px; font-size: 13px; color: rgb(88, 100, 116); line-height: 2; }
.plan-bottom { border-top: 1px solid var(--line); padding-top: 16px; display: flex; flex-direction: column; gap: 13px; }
.plan-bottom strong { font-size: 24px; color: rgb(215, 71, 63); font-weight: 500; }
.plan-bottom small { font-size: 12px; color: rgb(139, 146, 156); }
.plan-bottom a, .plan-consult { font-size: 13px; }
.plan-consult { display: inline-block; margin-top: 12px; }
.contact-section, .login-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: start; padding-block: 32px; }
.contact-section h2 { font-size: 22px; }
.contact-section > div > p { max-width: 490px; }
.form-card { background: white; border: 1px solid var(--line); padding: 24px; display: flex; flex-direction: column; gap: 17px; border-radius: 3px; }
.form-card h2, .form-card h3 { margin-bottom: 0px; }
.form-card label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; color: rgb(63, 73, 86); }
.form-card input, .form-card select, .form-card textarea { display: block; width: 100%; border: 1px solid rgb(204, 211, 221); border-radius: 3px; padding: 9px 11px; background: white; color: rgb(44, 54, 68); min-height: 38px; font-size: 14px; }
.form-card textarea { resize: vertical; min-height: 100px; }
.form-card .button { align-self: flex-start; }
.form-card p { font-size: 13px; margin-bottom: 0px; }
.form-result { white-space: pre-line; font-size: 13px; margin: 0px; }
.form-result.error, .task-error { color: rgb(181, 65, 53); }
.demo-accounts { border: 1px solid var(--line); background: rgb(250, 251, 252); padding: 20px; margin-top: 23px; max-width: 440px; }
.demo-accounts p { font-size: 13px; line-height: 2; margin: 10px 0px; }
.demo-accounts small { font-size: 12px; color: rgb(129, 138, 150); }
.dashboard-intro { padding-block: 26px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.dashboard-intro h1 { font-size: 24px; }
.dashboard-intro p { margin: 0px; font-size: 13px; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--line); margin-bottom: 25px; }
.stats > div { padding: 18px 25px; border-right: 1px solid var(--line); }
.stats > div:last-child { border: 0px; }
.stats span { font-size: 13px; color: var(--muted); }
.stats strong { display: block; margin-top: 7px; font-size: 25px; font-weight: 500; }
.stats strong a { color: inherit; }
.dashboard-section h2 { font-size: 20px; }
.website-list { display: flex; flex-direction: column; gap: 14px; }
.website-card { border: 1px solid var(--line); background: white; }
.site-thumbnail { display: none; }
.site-detail { padding: 20px 24px; }
.site-detail > .tag { float: right; }
.site-detail h3 { font-size: 18px; margin-bottom: 4px; }
.site-detail p { font-size: 13px; margin-bottom: 12px; }
.site-meta { display: flex; flex-wrap: wrap; gap: 10px 26px; color: rgb(123, 134, 148); font-size: 12px; margin-bottom: 16px; }
.site-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.site-actions > .plain-link { margin-left: 10px; }
.request-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; padding-block: 30px; }
.request-history { margin-top: 24px; }
.request-history h3 { font-size: 16px; margin-bottom: 8px; }
.request-history > div { padding: 13px 0px; border-bottom: 1px solid var(--line); }
.request-history strong { font-size: 13px; font-weight: 500; }
.request-history p { margin: 6px 0px; font-size: 13px; overflow-wrap: anywhere; }
.request-history small { font-size: 11px; color: rgb(134, 144, 156); }
.orders-section { padding-bottom: 30px; }
.order-list { display: flex; flex-direction: column; gap: 14px; }
.order-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; border: 1px solid var(--line); padding: 20px 24px; }
.order-row h2 { font-size: 18px; margin: 9px 0px 7px; }
.order-row p { font-size: 12px; margin-bottom: 5px; overflow-wrap: anywhere; }
.order-row small { font-size: 12px; color: rgb(122, 133, 147); }
.order-row-price { display: flex; flex-direction: column; gap: 6px; text-align: right; white-space: nowrap; }
.order-row-price strong { font-size: 23px; color: rgb(215, 71, 63); font-weight: 500; }
.checkout-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; padding-bottom: 30px; align-items: start; }
.order-summary { border: 1px solid var(--line); background: white; padding: 24px; }
.order-summary h2 { font-size: 20px; margin-bottom: 17px; }
.order-summary h3 { font-size: 17px; }
.order-summary > ul { padding-left: 20px; line-height: 2; font-size: 13px; color: var(--muted); }
.order-summary dl { margin: 18px 0px; }
.order-summary dl > div, .draft-summary dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; border-bottom: 1px solid rgb(237, 240, 244); padding: 12px 0px; font-size: 13px; }
.order-summary dt, .draft-summary dt { color: var(--muted); white-space: nowrap; }
.order-summary dd, .draft-summary dd { margin: 0px; text-align: right; overflow-wrap: anywhere; }
.order-number { font-family: Arial, sans-serif; font-size: 11px; overflow-wrap: anywhere; }
.order-price { font-size: 24px; color: rgb(215, 71, 63); }
.order-warning { padding: 16px 20px; border: 1px solid rgb(232, 224, 206); background: rgb(255, 252, 245); font-size: 13px; }
.order-warning strong { font-size: 14px; font-weight: 500; }
.order-warning p { font-size: 12px; margin: 7px 0px 0px; }
.draft-summary { border: 1px solid rgb(215, 229, 246); background: rgb(250, 252, 255); padding: 20px; margin-top: 20px; }
.draft-summary h3 { font-size: 16px; }
.onboarding-column { display: flex; flex-direction: column; gap: 22px; }
.task-panel { border: 1px solid var(--line); padding: 21px; margin-top: 20px; background: rgb(250, 251, 252); }
.task-panel h3 { font-size: 17px; margin: 13px 0px 9px; }
.task-history { padding-left: 20px; font-size: 13px; }
.task-history li { margin-bottom: 14px; }
.task-history small { font-size: 11px; color: rgb(138, 147, 160); }
.task-history p { font-size: 12px; margin: 4px 0px; }
.task-error { font-size: 12px; }
.admin-section { padding-bottom: 25px; }
.admin-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.admin-nav a { padding: 7px 12px; border: 1px solid var(--line); font-size: 13px; }
.admin-nav [aria-current], .admin-nav a:hover { border-color: rgb(170, 200, 237); background: rgb(239, 246, 255); text-decoration: none; }
.admin-toolbar { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 18px; }
.admin-toolbar h2 { margin: 0px; }
.count { font-size: 12px; background: rgb(237, 243, 252); padding: 2px 7px; vertical-align: middle; font-weight: 400; }
.search-form { display: flex; gap: 8px; }
.search-form input, .request-filter input, .request-filter select, .admin-demo-form select { border: 1px solid rgb(204, 211, 221); padding: 8px 11px; border-radius: 3px; background: white; color: rgb(54, 66, 84); font-size: 13px; min-width: 0px; }
.table-wrap { overflow: auto; border: 1px solid var(--line); background: white; }
table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
th, td { padding: 13px 16px; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; max-width: 450px; }
th { background: rgb(245, 247, 250); font-weight: 500; color: rgb(70, 83, 103); }
tr:last-child td { border-bottom: 0px; }
td small { font-size: 11px; color: rgb(126, 137, 151); }
.pagination { display: flex; justify-content: space-between; gap: 15px; align-items: center; font-size: 12px; color: var(--muted); margin-top: 20px; }
.settings-layout, .connection-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; align-items: start; }
.settings-note { padding: 20px; }
.settings-note p { font-size: 13px; }
.settings-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.form-card .checkbox-label { flex-direction: row; gap: 8px; align-items: center; }
.checkbox-label input { width: 16px; height: 16px; min-height: 0px; flex: 0 0 16px; }
.audit-details { font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; max-width: 420px; }
.connection-layout dt { font-size: 11px; }
.admin-fulfillment { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.admin-demo-form { display: flex; flex-direction: column; gap: 14px; font-size: 13px; }
.admin-demo-form label { display: flex; flex-direction: column; gap: 8px; }
.admin-demo-form .button { align-self: flex-start; }
.request-new-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: start; padding-bottom: 25px; }
.service-list { list-style: none; padding: 0px; margin: 0px; }
.service-list li { display: flex; gap: 16px; border-bottom: 1px solid var(--line); padding: 14px 0px; }
.service-list li > span { color: rgb(138, 151, 167); font-size: 12px; padding-top: 3px; }
.service-list h3 { font-size: 16px; margin-bottom: 6px; }
.service-list p { font-size: 13px; margin: 0px; }
.request-filter { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.request-filter input { flex: 1 1 0%; min-width: 160px; }
.request-cards { display: flex; flex-direction: column; gap: 14px; }
.request-cards .order-row > div { min-width: 0px; }
.request-cards .order-row > div > p { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.request-cards .order-row > .plain-link { white-space: nowrap; }
.request-detail-section { padding-bottom: 30px; }
.request-detail-section > .order-warning { margin-bottom: 22px; }
.request-detail-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; align-items: start; margin-bottom: 25px; }
.request-detail-layout .order-summary dl { margin-bottom: 0px; }
.message-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.request-timeline { margin-top: 25px; }
.request-timeline h2 { font-size: 20px; }
.conversation-message { padding: 20px; border: 1px solid var(--line); margin-bottom: 14px; background: white; }
.conversation-message header { display: flex; justify-content: space-between; gap: 15px; align-items: center; margin-bottom: 12px; }
.conversation-message strong { font-size: 13px; font-weight: 500; }
.conversation-message small { font-size: 11px; color: rgb(125, 137, 151); }
.conversation-message p { font-size: 13px; margin-bottom: 9px; }
.operator-message { border-left: 3px solid rgb(114, 156, 211); background: rgb(250, 252, 255); }
.reply-card { position: sticky; top: 20px; }
.skip { position: absolute; top: -100px; left: 15px; z-index: 20; background: white; padding: 12px; border: 1px solid var(--green); }
.skip:focus { top: 10px; }
#notice { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: min(600px, 100% - 32px); background: rgb(255, 255, 255); border: 1px solid rgb(183, 205, 235); padding: 15px 20px; color: rgb(45, 79, 124); font-size: 13px; opacity: 0; pointer-events: none; z-index: 20; }
#notice.visible { opacity: 1; }
[hidden] { display: none !important; }
.build-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; padding-bottom: 25px; align-items: start; }
.build-layout fieldset { border: 0px; padding: 0px; margin: 0px; display: flex; flex-direction: column; gap: 18px; min-width: 0px; }
.build-layout fieldset:disabled { opacity: 0.65; }
.field-label { font-size: 13px; color: rgb(63, 73, 86); margin-bottom: -10px; }
.radio-options { display: flex; gap: 24px; flex-wrap: wrap; }
.form-card .radio-options label { flex-direction: row; align-items: center; gap: 7px; }
.radio-options input { height: 16px; min-height: 0px; accent-color: var(--green); width: 16px !important; }
.domain-input { display: flex; align-items: center; border: 1px solid rgb(204, 211, 221); border-radius: 3px; overflow: hidden; }
.domain-input > span { font-size: 12px; background: rgb(246, 248, 250); color: rgb(122, 132, 145); white-space: nowrap; padding: 10px; }
.domain-input input { border: 0px; min-width: 0px; border-radius: 0px; flex: 1 1 0%; }
.build-total { padding-top: 16px; border-top: 1px solid var(--line); font-size: 13px; }
.build-total strong { font-size: 24px; font-weight: 500; color: rgb(215, 71, 63); margin-left: 5px; }
.build-total > span { color: rgb(125, 135, 149); font-size: 12px; }
.build-side { border: 1px solid var(--line); background: rgb(250, 251, 252); padding: 23px; }
.build-side h2 { font-size: 18px; }
.build-side ol { padding-left: 18px; color: rgb(104, 116, 133); font-size: 13px; line-height: 1.9; }
.build-side li { margin-bottom: 10px; }
.build-side > a { display: block; margin-top: 12px; font-size: 13px; }
.login-tip { padding: 12px; background: rgb(242, 247, 253); font-size: 13px; }
.template-search { display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap; }
.template-search label { display: flex; flex-direction: column; gap: 7px; font-size: 13px; }
.template-search label:nth-child(2) { flex: 1 1 0%; min-width: 220px; }
.template-search input, .template-search select { border: 1px solid rgb(204, 211, 221); border-radius: 3px; background: white; padding: 9px 12px; min-height: 40px; color: var(--ink); }
.template-categories { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; font-size: 13px; border-block: 1px solid var(--line); padding: 16px 0px; margin-top: 22px; color: rgb(123, 135, 151); }
.template-categories strong { font-weight: 400; color: rgb(70, 83, 103); }
.template-empty { border: 0px; background: white; padding: 40px 20px; }
.template-empty > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; align-items: center; }
.capability-table th:nth-child(1) { width: 100px; }
.capability-table td { text-align: center; }
.capability-table th { white-space: nowrap; }
.eyebrow { display: none; }
@media (max-width: 900px) {
  .header { flex-wrap: wrap; gap: 17px; }
  .header nav { gap: 22px; }
  .settings-plans { grid-template-columns: 1fr; }
  .build-layout { grid-template-columns: 1.5fr 1fr; gap: 20px; }
  .product-entry ul { display: block; }
  .product-entry li { margin-bottom: 5px; }
  .quick-links { gap: 12px; }
  .site-actions > .plain-link { margin-left: 0px; }
  .connection-layout { grid-template-columns: 1fr; }
  .plan-grid { gap: 14px; }
}
@media (max-width: 700px) {
  .shell { width: calc(100% - 28px); }
  .topbar > .shell { align-items: flex-start; }
  .topbar > .shell > span { display: none; }
  .topbar .shell > div { gap: 8px 17px; }
  .demo-bar { text-align: left; font-size: 11px; padding: 7px 14px; }
  .header { padding-block: 17px; gap: 15px; }
  .brand { font-size: 18px; }
  .header nav { gap: 12px 23px; }
  .header nav a { font-size: 14px; }
  h1 { font-size: 23px; }
  h2 { font-size: 18px; }
  .product-intro { padding-top: 22px; }
  .product-intro > p { font-size: 13px; }
  .product-entry-grid, .version-grid, .quick-links, .plan-grid { grid-template-columns: 1fr; gap: 14px; }
  .product-entry { padding: 20px; }
  .product-entry h2 { font-size: 21px; }
  .product-entry p { font-size: 13px; }
  .product-entry ul { display: flex; gap: 4px 14px; }
  .product-entry li { margin: 0px; }
  .product-panel { padding: 18px 16px; margin-block: 15px; }
  .section-title { align-items: flex-start; gap: 12px; }
  .section-title a { font-size: 12px; }
  .version-grid article { padding: 15px; }
  .quick-links a { padding: 14px; }
  .page-intro { padding-top: 22px; }
  .contact-section, .login-layout, .request-layout, .checkout-layout, .request-new-layout, .request-detail-layout, .build-layout, .settings-layout, .admin-fulfillment { grid-template-columns: 1fr; gap: 22px; }
  .form-card, .order-summary { padding: 20px; }
  .form-card { gap: 15px; }
  .dashboard-intro { align-items: flex-start; gap: 12px; }
  .dashboard-intro h1 { font-size: 22px; }
  .dashboard-intro > .button { font-size: 12px; padding: 7px 10px; white-space: nowrap; }
  .stats > div { padding: 14px 12px; }
  .stats span { font-size: 11px; }
  .stats strong { font-size: 22px; }
  .site-detail { padding: 18px; }
  .site-detail > .tag { float: none; margin-bottom: 8px; }
  .site-detail h3 { font-size: 17px; }
  .site-actions { gap: 9px; }
  .site-actions > .plain-link { width: 100%; }
  .order-row { padding: 18px; align-items: flex-start; gap: 12px; }
  .order-row h2 { font-size: 17px; }
  .order-row-price strong { font-size: 20px; }
  .order-summary dl > div { gap: 12px; }
  .order-summary dt { font-size: 12px; }
  .order-summary dd { font-size: 12px; }
  .order-number { font-size: 10px; }
  .admin-toolbar { align-items: flex-start; flex-direction: column; }
  .search-form { width: 100%; }
  .search-form input { flex: 1 1 0%; }
  .search-form .button { white-space: nowrap; }
  .admin-nav { gap: 7px; }
  .admin-nav a { padding: 6px 9px; font-size: 12px; }
  .table-wrap { font-size: 12px; }
  .table-wrap th, .table-wrap td { padding: 11px; min-width: 85px; }
  .reply-card { position: static; }
  .conversation-message header { flex-direction: column; align-items: flex-start; gap: 5px; }
  .request-cards .order-row { flex-direction: column; }
  .request-filter input { width: 100%; }
  .request-filter select { flex: 1 1 0%; }
  .build-side { padding: 20px; }
  .domain-input { flex-wrap: wrap; }
  .domain-input input { min-width: 120px; }
  .domain-input > span:last-child { width: 100%; padding: 5px 10px; border-top: 1px solid var(--line); }
  .template-search { gap: 12px; }
  .template-search label { width: 100%; }
  .template-search .button { width: 100%; }
  .template-empty { padding: 28px 0px; }
  .pagination { font-size: 11px; gap: 10px; }
  .footer { margin-top: 25px; }
  .capability-table th:nth-child(1) { min-width: 80px; }
  .capability-table th:nth-child(2) { min-width: 180px; }
  .capability-table td { min-width: 90px; }
}
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { scroll-behavior: auto !important; transition: none !important; }
}
.header nav a[aria-current="page"] { color: rgb(18, 95, 197); box-shadow: rgb(23, 104, 198) 0px 3px; padding-block: 7px; font-weight: 600; }
.portal-hero { display: grid; grid-template-columns: 1.5fr 1fr; gap: 60px; align-items: center; padding: 32px 35px; background: linear-gradient(110deg, rgb(241, 247, 255), rgb(255, 255, 255)); border-block: 1px solid rgb(225, 235, 247); margin-bottom: 24px; }
.portal-kicker { color: rgb(23, 104, 198); font-size: 13px; }
.portal-hero h1 { font-size: 33px; margin-block: 15px; }
.portal-hero p { max-width: 530px; }
.hero-route { background: rgb(255, 255, 255); padding: 23px; border-left: 3px solid rgb(23, 104, 198); box-shadow: rgba(32, 91, 154, 0.04) 0px 5px 22px; }
.hero-route > strong { font-size: 17px; }
.hero-route ol { list-style: none; padding: 0px; margin-block: 15px; }
.hero-route li { padding: 8px 0px; }
.hero-route li span { color: rgb(23, 104, 198); margin-right: 12px; font-weight: 600; }
.hero-route a { font-size: 12px; }
.build-steps { display: flex; padding: 0px; list-style: none; gap: 40px; margin-top: 25px; }
.build-steps li { display: flex; align-items: center; gap: 10px; color: rgb(82, 99, 120); }
.build-steps b { background: rgb(234, 243, 255); color: rgb(23, 104, 198); border-radius: 50%; width: 28px; height: 28px; display: grid; place-items: center; }
.build-layout { align-items: start; }
.build-form { padding: 28px; }
.build-form fieldset { border: 0px; margin: 0px; padding: 0px; min-width: 0px; }
.build-form legend { font-size: 18px; font-weight: 600; margin-bottom: 18px; padding: 0px; }
.build-form legend small { font-size: 12px; font-weight: 400; color: rgb(138, 101, 112); margin-left: 8px; }
.plan-options { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-bottom: 14px; }
.plan-choice { cursor: pointer; position: relative !important; display: block !important; margin: 0px !important; }
.plan-choice input { position: absolute; top: 16px; left: 12px; height: 16px; accent-color: rgb(23, 104, 198); min-height: 0px !important; width: 16px !important; }
.plan-choice > span { display: flex; flex-direction: column; height: 100%; padding: 14px 12px 14px 36px; border: 1px solid rgb(216, 224, 235); border-radius: 5px; background: rgb(255, 255, 255); gap: 8px; }
.plan-choice input:checked + span { background: rgb(241, 247, 255); border-color: rgb(23, 104, 198); box-shadow: rgb(23, 104, 198) 0px 0px 0px 1px inset; }
.plan-choice input:focus-visible + span { outline: rgb(23, 104, 198) solid 2px; outline-offset: 3px; }
.plan-choice strong { font-size: 15px; }
.plan-choice small { font-size: 12px; color: rgb(102, 112, 128); line-height: 1.5; }
.plan-choice b { font-size: 18px; color: rgb(196, 72, 62); margin-top: auto; }
.plan-choice em { font-size: 11px; font-style: normal; color: rgb(102, 112, 128); font-weight: 400; }
.build-form .site-fields { border-top: 1px solid var(--line); padding-top: 23px; margin-top: 25px; display: block; }
.site-fields > label { display: block; margin-block: 17px 7px; }
.site-fields > input { width: 100%; }
.build-form .region-fieldset legend { font-size: 14px; font-weight: 400; margin-bottom: 8px; }
.build-form .region-fieldset .radio-options label { display: flex; gap: 7px; align-items: center; border: 1px solid rgb(216, 224, 235); padding: 8px 14px; border-radius: 4px; margin: 0px; }
.region-fieldset input { accent-color: rgb(23, 104, 198); }
.build-form .field-error { min-height: 0px; margin: 5px 0px 0px; color: rgb(181, 40, 40); font-size: 12px; }
.field-error:empty { display: none; }
.build-form [aria-invalid="true"] { border-color: rgb(181, 40, 40); }
.build-form .fine-print { margin: 6px 0px 0px; }
.build-confirm { border-top: 1px solid var(--line); padding-top: 22px; margin-top: 24px; }
.build-confirm p { font-size: 13px; margin-block: 6px 15px; }
.draft-status { font-size: 12px; margin: 0px; color: rgb(97, 117, 139); }
.draft-status:empty { display: none; }
.build-review { position: sticky; top: 20px; border-top: 3px solid rgb(23, 104, 198); background: rgb(248, 250, 255); padding: 25px; }
.build-review dl { margin: 0px; }
.build-review dl > div { padding: 12px 0px; border-bottom: 1px solid rgb(226, 233, 242); }
.build-review dt { font-size: 12px; color: rgb(115, 128, 150); }
.build-review dd { margin: 3px 0px 0px; font-size: 14px; overflow-wrap: anywhere; }
.build-review .build-total { display: flex; align-items: center; justify-content: space-between; background: transparent; padding: 20px 0px; margin: 0px; }
.build-review .build-total strong { font-size: 27px; color: rgb(196, 72, 62); }
.build-review > .text-button { display: block; margin-top: 18px; color: rgb(100, 116, 139); }
.build-review > a { font-size: 13px; }
.build-review .fine-print { margin-bottom: 17px; }
.build-form .form-result:empty { display: none; }
@media (max-width: 1000px) {
  .plan-options { grid-template-columns: 1fr; }
  .plan-choice > span { padding-block: 12px; }
  .plan-choice small { margin-right: 80px; }
  .plan-choice b { position: absolute; right: 12px; bottom: 12px; font-size: 16px; }
  .portal-hero { gap: 25px; padding: 25px; }
  .portal-hero h1 { font-size: 28px; }
}
@media (max-width: 700px) {
  .portal-hero { grid-template-columns: 1fr; gap: 22px; padding: 22px 17px; }
  .portal-hero h1 { font-size: 26px; }
  .hero-route { padding: 18px; }
  .hero-route ol { display: flex; flex-wrap: wrap; gap: 4px 14px; }
  .hero-route li { font-size: 12px; }
  .hero-route li span { margin-right: 5px; }
  .build-steps { gap: 18px; font-size: 12px; }
  .build-steps b { width: 23px; height: 23px; }
  .build-steps li { gap: 6px; }
  .build-form { padding: 20px; }
  .build-review { position: static; }
  .build-form legend { font-size: 17px; }
  .plan-choice small { margin-right: 65px; }
  .build-layout { gap: 16px; }
  .build-confirm .button { width: 100%; }
  .build-review .build-total strong { font-size: 24px; }
}
.site-menu { margin-left: auto; }
.site-menu > summary { display: none; cursor: pointer; list-style: none; align-items: center; gap: 7px; font-size: 14px; color: rgb(52, 65, 86); border: 1px solid rgb(220, 227, 238); border-radius: 4px; padding: 7px 11px; }
.site-menu > summary::-webkit-details-marker { display: none; }
.site-menu > summary svg { width: 19px; height: 19px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linecap: round; }
.site-menu > summary:focus-visible { outline: rgb(23, 104, 198) solid 2px; outline-offset: 3px; }
.home-products { padding-block: 32px; }
.home-title { margin-bottom: 26px; }
.home-title > span { color: rgb(23, 104, 198); font-size: 13px; }
.home-title h1 { font-size: 29px; margin-block: 9px 10px; }
.home-title p { font-size: 14px; margin-bottom: 0px; }
.product-launch-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }
.product-launch { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid rgb(223, 230, 239); border-radius: 8px; padding: 27px 25px; background: rgb(255, 255, 255); min-width: 0px; }
.product-launch.primary-product { border-top: 3px solid rgb(23, 104, 198); background: rgb(247, 251, 255); padding-top: 25px; }
.launch-icon { display: grid; place-items: center; width: 57px; height: 57px; background: rgb(237, 244, 255); color: rgb(23, 104, 198); border-radius: 10px; margin-bottom: 20px; }
.product-icon { width: 42px; height: 42px; display: block; }
.product-launch h2 { font-size: 22px; margin-bottom: 10px; }
.product-launch p { font-size: 13px; line-height: 1.85; margin-bottom: 15px; }
.launch-meta { font-size: 12px; color: rgb(122, 135, 151); margin-top: auto; padding-bottom: 20px; }
.launch-meta > a { color: rgb(113, 128, 150); border-bottom: 1px dashed rgb(188, 199, 215); }
.product-launch > .button { display: flex; justify-content: space-between; align-items: center; gap: 30px; width: 100%; font-size: 14px; }
.home-product-links { display: flex; gap: 30px; flex-wrap: wrap; padding-block: 20px 0px; font-size: 13px; }
.home-faq { display: grid; grid-template-columns: 1fr 1.7fr; gap: 45px; border-top: 1px solid rgb(225, 232, 241); padding-block: 32px; }
.home-faq h2 { font-size: 21px; }
.home-faq > div > p { font-size: 13px; }
.faq-list details { border-bottom: 1px solid rgb(229, 234, 241); padding: 14px 0px; }
.faq-list details:first-child { padding-top: 0px; }
.faq-list summary { cursor: pointer; font-weight: 500; font-size: 14px; color: rgb(52, 65, 86); }
.faq-list p { font-size: 13px; line-height: 1.9; margin: 12px 0px 0px; }
.dashboard-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 15px; margin-bottom: 20px; }
.dashboard-shortcuts a { display: flex; flex-direction: column; border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(223, 230, 239) rgb(223, 230, 239) rgb(223, 230, 239) rgb(168, 199, 235); border-image: none; background: rgb(251, 253, 255); padding: 16px 20px; gap: 5px; }
.dashboard-shortcuts a:hover { border-color: rgb(23, 104, 198); text-decoration: none; }
.dashboard-shortcuts strong { font-size: 15px; font-weight: 500; }
.dashboard-shortcuts span { font-size: 12px; color: rgb(113, 128, 150); }
.website-filter { display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap; background: rgb(247, 249, 252); padding: 17px; border: 1px solid rgb(228, 234, 242); }
.website-filter label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: rgb(99, 112, 132); }
.website-filter label:first-child { flex: 1 1 0%; min-width: 150px; }
.website-filter input, .website-filter select { border: 1px solid rgb(204, 214, 226); background: rgb(255, 255, 255); padding: 8px 11px; min-height: 40px; border-radius: 4px; min-width: 0px; color: rgb(52, 65, 86); }
.website-filter label:nth-child(2) { min-width: 150px; }
.website-filter .plain-link { padding-block: 8px; font-size: 13px; }
.site-result-count { font-size: 12px; color: rgb(121, 133, 151); margin: 12px 0px; }
.website-card { display: flex; align-items: flex-start; border-radius: 5px; padding: 22px; gap: 20px; }
.site-identity { flex: 0 0 54px; height: 54px; display: grid; place-items: center; background: rgb(240, 245, 252); border-radius: 7px; color: rgb(83, 123, 168); margin-top: 3px; }
.site-identity svg { width: 35px; height: 35px; }
.website-card .site-detail { padding: 0px; min-width: 0px; flex: 1 1 0%; }
.site-detail p { overflow-wrap: anywhere; }
.website-list > .empty-state { width: 100%; }
.empty-state > .plain-link { display: inline-block; margin-left: 15px; }
@media (max-width: 900px) {
  .site-menu nav { gap: 18px; }
  .product-launch { padding: 22px 18px; }
  .product-launch.primary-product { padding-top: 20px; }
  .product-launch h2 { font-size: 20px; }
  .product-launch > .button { gap: 12px; }
  .dashboard-shortcuts a { padding: 14px; }
}
@media (max-width: 700px) {
  .header { position: relative; flex-wrap: nowrap; align-items: center; gap: 10px; padding-block: 15px; }
  .site-menu { margin-left: auto; }
  .site-menu > summary { display: flex; }
  .site-menu nav { position: absolute; top: calc(100% - 1px); left: 0px; right: 0px; z-index: 15; display: flex; flex-direction: column; gap: 0px; padding: 7px 12px; background: rgb(255, 255, 255); border: 1px solid rgb(220, 228, 239); box-shadow: rgba(35, 57, 77, 0.06) 0px 9px 15px; border-radius: 0px 0px 5px 5px; }
  .site-menu nav a { padding: 11px 12px; font-size: 14px; box-shadow: none !important; }
  .site-menu nav a[aria-current="page"] { background: rgb(240, 246, 255); border-radius: 4px; padding: 11px 12px; }
  .home-products { padding-top: 23px; }
  .home-title { margin-bottom: 20px; }
  .home-title h1 { font-size: 24px; line-height: 1.5; }
  .home-title p { font-size: 13px; }
  .product-launch-grid { grid-template-columns: 1fr; gap: 15px; }
  .product-launch, .product-launch.primary-product { display: grid; grid-template-columns: 46px minmax(0px, 1fr); gap: 0px 15px; padding: 21px 18px; }
  .launch-icon { width: 46px; height: 46px; grid-area: 1 / 1 / 4; margin: 0px; }
  .product-icon { width: 34px; height: 34px; }
  .product-launch h2 { grid-column: 2; font-size: 20px; margin-bottom: 7px; }
  .product-launch p { grid-column: 2; font-size: 13px; margin-bottom: 10px; }
  .launch-meta { grid-column: 2; padding-bottom: 16px; margin-top: 0px; font-size: 11px; }
  .product-launch > .button { grid-column: 2; font-size: 13px; padding: 9px 13px; }
  .home-product-links { gap: 10px 23px; font-size: 12px; padding-top: 18px; }
  .home-faq { grid-template-columns: 1fr; gap: 10px; padding-block: 25px; }
  .home-faq h2 { font-size: 19px; margin-bottom: 8px; }
  .home-faq > div > p { margin-bottom: 12px; }
  .faq-list summary { font-size: 13px; }
  .dashboard-shortcuts { grid-template-columns: 1fr; gap: 9px; margin-bottom: 17px; }
  .dashboard-shortcuts a { flex-direction: row; justify-content: space-between; align-items: center; padding: 12px 13px; gap: 10px; }
  .dashboard-shortcuts strong { font-size: 13px; white-space: nowrap; }
  .dashboard-shortcuts span { font-size: 11px; text-align: right; }
  .website-filter { gap: 11px; padding: 13px; }
  .website-filter label:first-child { width: 100%; flex: 1 1 auto; }
  .website-filter label:nth-child(2) { flex: 1 1 0%; min-width: 120px; }
  .website-filter .button { padding: 8px 14px; }
  .website-card { gap: 12px; padding: 16px; }
  .site-identity { flex-basis: 38px; height: 38px; border-radius: 5px; }
  .site-identity svg { width: 28px; height: 28px; }
  .site-detail h3 { font-size: 16px; }
  .website-card .site-detail > .tag { float: none; }
  .site-actions .button { font-size: 12px; padding: 7px 10px; }
  .empty-state > .plain-link { display: block; margin: 12px 0px 0px; }
}
.visually-hidden { width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.start-scene { background-color: rgb(251, 252, 254); background-image: linear-gradient(rgba(232, 235, 242, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(232, 235, 242, 0.3) 1px, transparent 1px); background-size: 50px 50px; }
.start-scene .topbar { display: none; }
.start-scene .header { border-bottom: 0px; padding-block: 25px; }
.start-scene .header nav a { font-size: 14px; }
.start-scene .brand { font-size: 20px; }
.start-scene .demo-bar { background: rgb(247, 249, 254); border-color: rgb(237, 240, 247); color: rgb(122, 132, 153); font-size: 11px; padding-block: 4px; }
.start-scene .footer { font-size: 12px; border: 0px; margin-top: 25px; opacity: 0.75; }
.start-workspace { width: min(900px, 100% - 40px); min-height: 600px; margin: 38px auto 60px; background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 248); border-radius: 28px; box-shadow: rgba(74, 83, 160, 0.05) 0px 12px 60px, rgba(49, 65, 122, 0.016) 0px 3px 14px; display: flex; flex-direction: column; padding: 35px 62px 27px; text-align: center; }
.start-tabs { display: flex; align-self: center; gap: 5px; padding: 5px; border-radius: 12px; background: rgb(247, 248, 252); }
.start-tabs button { border: 0px; border-radius: 9px; padding: 10px 26px; background: transparent; color: rgb(127, 135, 157); font-size: 14px; min-width: 100px; }
.start-tabs button[aria-selected="true"] { background: rgb(255, 255, 255); box-shadow: rgba(34, 43, 76, 0.035) 0px 2px 8px; color: rgb(104, 97, 217); font-weight: 600; }
.start-tabs button:focus-visible { outline: rgb(130, 113, 232) solid 2px; outline-offset: 2px; }
.start-panel { padding-top: 63px; }
.start-panel h1 { font-size: 40px; font-weight: 600; letter-spacing: 1px; line-height: 1.5; margin: 0px 0px 18px; color: rgb(105, 96, 219); }
.start-description { font-size: 15px; color: rgb(146, 153, 173); letter-spacing: 0.4px; margin-bottom: 38px; }
.start-input-bar { display: flex; align-items: center; padding: 8px; border: 1px solid rgb(232, 233, 245); border-radius: 15px; box-shadow: rgba(101, 116, 183, 0.035) 0px 7px 22px; min-height: 76px; background: rgb(255, 255, 255); }
.start-input-bar input { flex: 1 1 0%; min-width: 0px; width: 100%; border: 0px; background: transparent; padding: 12px 17px; font-size: 16px; color: rgb(62, 70, 94); outline-offset: 0px; }
.start-input-bar input::placeholder { color: rgb(179, 184, 200); }
.start-input-bar button { background: linear-gradient(115deg, rgb(88, 124, 232), rgb(155, 102, 222)); color: white; border: 0px; min-height: 56px; border-radius: 10px; padding: 12px 26px; white-space: nowrap; font-size: 15px; box-shadow: rgba(128, 106, 230, 0.16) 0px 4px 12px; letter-spacing: 1px; }
.start-input-bar button span { margin-left: 12px; font-size: 20px; }
.start-input-bar:focus-within { border-color: rgb(169, 164, 235); }
.start-input-bar input:focus-visible { outline: none; }
.start-note { font-size: 12px; color: rgb(177, 182, 198); margin-top: 19px; margin-bottom: 0px; }
.start-company-form .field-error { font-size: 12px; color: rgb(181, 72, 99); margin: 10px 0px 0px; text-align: left; }
.start-company-form .field-error:empty { display: none; }
.start-bottom { margin-top: auto; display: flex; gap: 17px; justify-content: center; padding-top: 60px; font-size: 12px; color: rgb(193, 196, 208); }
.start-bottom a { color: rgb(154, 159, 179); }
.start-upload { height: 160px; border: 1px dashed rgb(216, 218, 236); border-radius: 15px; background: rgb(250, 251, 255); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; }
.start-upload svg { width: 38px; height: 38px; fill: none; stroke: rgb(170, 167, 216); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.start-upload strong { font-size: 14px; font-weight: 400; color: rgb(147, 152, 177); }
.start-upload > span { font-size: 12px; color: rgb(176, 181, 198); }
.unavailable-input { background: rgb(250, 251, 254); box-shadow: none; }
.unavailable-input button { background: rgb(197, 195, 219); box-shadow: none; }
.start-panel[hidden] { display: none; }
@media (max-width: 1000px) {
  .start-workspace { padding-inline: 40px; }
  .start-scene .header nav { gap: 20px; }
}
@media (max-width: 700px) {
  .start-scene .header { padding-block: 18px; }
  .start-workspace { width: calc(100% - 28px); min-height: 570px; border-radius: 22px; padding: 23px 20px; margin: 18px auto 35px; }
  .start-tabs { gap: 2px; padding: 4px; }
  .start-tabs button { min-width: 75px; font-size: 13px; padding: 9px 12px; }
  .start-panel { padding-top: 57px; }
  .start-panel h1 { font-size: 30px; letter-spacing: 0px; margin-bottom: 15px; }
  .start-description { font-size: 13px; line-height: 1.9; margin-bottom: 29px; letter-spacing: 0px; }
  .start-input-bar { min-height: 65px; padding: 6px; border-radius: 12px; }
  .start-input-bar input { font-size: 14px; padding: 10px 8px; }
  .start-input-bar button { min-height: 49px; padding: 10px 13px; font-size: 13px; border-radius: 8px; letter-spacing: 0px; }
  .start-input-bar button span { font-size: 16px; margin-left: 5px; }
  .start-note { font-size: 11px; line-height: 1.8; }
  .start-bottom { gap: 11px; padding-top: 45px; font-size: 11px; }
  .start-upload { height: 165px; padding: 10px; }
  .start-upload > span { font-size: 11px; line-height: 1.8; }
  .start-scene .footer { margin-top: 0px; }
}
.pathway-home { padding-block: 50px 70px; text-align: center; }
.pathway-home > h1 { font-size: 34px; margin-bottom: 12px; color: rgb(79, 74, 143); }
.pathway-home > p { color: rgb(146, 149, 170); }
.pathway-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; margin-top: 36px; text-align: left; }
.pathway-grid article, .design-paths article { background: rgb(255, 255, 255); border: 1px solid rgb(233, 233, 244); border-radius: 18px; padding: 30px; box-shadow: rgba(60, 69, 131, 0.027) 0px 8px 30px; display: flex; flex-direction: column; }
.pathway-grid .featured-path { border-color: rgb(169, 163, 239); box-shadow: rgba(107, 98, 220, 0.075) 0px 8px 35px; }
.pathway-grid .product-icon { color: rgb(119, 112, 207); margin-bottom: 22px; }
.pathway-grid h2 { font-size: 23px; }
.pathway-grid p { font-size: 13px; line-height: 1.9; }
.pathway-grid ul { padding-left: 18px; color: rgb(146, 150, 172); font-size: 12px; line-height: 2.2; margin-bottom: 25px; }
.pathway-grid .button { margin-top: auto; text-align: center; }
.pathway-home .home-product-links { justify-content: center; gap: 35px; }
.design-paths { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-bottom: 50px; }
.design-paths .button { margin-top: auto; }
.wizard-local-label { text-align: center; color: rgb(142, 146, 168); font-size: 12px; padding-top: 10px; }
.wizard-entry { margin-top: 20px; }
.wizard-card { width: min(1100px, 100% - 40px); margin: 25px auto 40px; border: 1px solid rgb(237, 237, 246); border-radius: 23px; padding: 35px; background: rgb(255, 255, 255); box-shadow: rgba(81, 81, 142, 0.03) 0px 12px 50px; }
.wizard-type { max-width: 900px; text-align: center; min-height: 500px; padding: 55px; }
.wizard-step-label { font-size: 12px; color: rgb(155, 150, 197); letter-spacing: 1px; margin-bottom: 10px; }
.wizard-type h1, .wizard-heading h1 { color: rgb(101, 96, 160); font-size: 29px; }
.wizard-type > p { font-size: 13px; }
.wizard-type-options { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-block: 35px; }
.wizard-type-options label { position: relative; text-align: left; cursor: pointer; }
.wizard-type-options input { position: absolute; top: 23px; right: 22px; accent-color: rgb(117, 102, 222); width: 17px; height: 17px; }
.wizard-type-options span { display: flex; flex-direction: column; border: 1px solid rgb(226, 227, 239); border-radius: 15px; padding: 28px 25px; gap: 12px; min-height: 180px; }
.wizard-type-options b { font-size: 19px; font-weight: 500; padding-right: 25px; }
.wizard-type-options small { font-size: 12px; color: rgb(146, 150, 170); }
.wizard-type-options i { font-style: normal; font-size: 13px; color: rgb(166, 160, 209); margin-top: auto; }
.wizard-type-options input:checked + span { background: rgb(250, 249, 255); border-color: rgb(139, 128, 223); box-shadow: rgb(139, 128, 223) 0px 0px 0px 1px inset; }
.wizard-type-options input:focus-visible + span { outline: rgb(117, 102, 222) solid 2px; outline-offset: 3px; }
.wizard-actions { display: flex; justify-content: center; gap: 15px; }
.wizard-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; border-bottom: 1px solid rgb(238, 238, 246); padding-bottom: 20px; margin-bottom: 25px; }
.wizard-heading h1 { font-size: 27px; margin-bottom: 8px; }
.wizard-heading p:last-child { font-size: 12px; color: rgb(155, 158, 176); margin: 0px; }
.wizard-heading .text-button { font-size: 12px; margin-top: 10px; white-space: nowrap; }
.wizard-editor-layout { display: grid; grid-template-columns: 185px 1fr; gap: 35px; }
.wizard-sections { display: flex; flex-direction: column; gap: 9px; border-right: 1px solid rgb(238, 238, 246); padding-right: 18px; }
.wizard-sections button { border: 0px; border-radius: 7px; background: transparent; padding: 13px 18px; text-align: left; font-size: 14px; color: rgb(125, 129, 151); }
.wizard-sections button[aria-current] { background: rgb(241, 239, 255); color: rgb(117, 102, 206); }
.wizard-fields { max-width: 740px; }
.wizard-fields h2 { font-size: 19px; color: rgb(85, 87, 115); }
.wizard-fields label, .wizard-news-card label { display: flex; flex-direction: column; gap: 8px; color: rgb(126, 130, 152); font-size: 13px; margin-bottom: 20px; }
.wizard-fields input, .wizard-fields textarea { width: 100%; border: 1px solid rgb(222, 223, 236); border-radius: 7px; background: rgb(255, 255, 255); color: rgb(65, 71, 93); padding: 11px 13px; }
.wizard-fields input::placeholder, .wizard-fields textarea::placeholder { color: rgb(178, 181, 195); }
.wizard-fields textarea { resize: vertical; line-height: 1.8; }
.wizard-colors { display: flex; gap: 30px; }
.wizard-colors input { width: 80px; height: 45px; padding: 5px; }
.wizard-editor-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid rgb(238, 238, 246); margin-top: 25px; padding-top: 22px; }
.wizard-editor-footer > span { font-size: 11px; color: rgb(163, 165, 182); }
.wizard-editor-footer .button, .wizard-actions .button { background: rgb(117, 104, 213); border-color: rgb(117, 104, 213); }
.wizard-actions .quiet { background: rgb(255, 255, 255); color: rgb(125, 114, 179); border-color: rgb(220, 216, 242); }
.wizard-news-card { border: 1px solid rgb(230, 230, 241); border-radius: 10px; padding: 20px; margin-bottom: 18px; }
.wizard-news-card .section-title strong { font-size: 13px; color: rgb(141, 139, 170); }
.wizard-news-card .text-button { font-size: 12px; color: rgb(165, 120, 134); }
.wizard-empty-news { padding: 35px; border: 1px dashed rgb(226, 225, 237); border-radius: 8px; font-size: 13px; text-align: center; }
.wizard-reset-row { text-align: center; margin: 10px auto 30px; }
.wizard-reset-row button { color: rgb(171, 170, 186); font-size: 11px; }
.wizard-result-layout { display: grid; grid-template-columns: minmax(0px, 1fr) 280px; gap: 25px; }
.wizard-preview-toolbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 13px; font-size: 13px; }
.wizard-preview-toolbar strong { font-weight: 500; color: rgb(136, 130, 157); }
.wizard-preview-toolbar button { border: 1px solid rgb(226, 223, 240); background: rgb(255, 255, 255); font-size: 12px; padding: 6px 15px; color: rgb(151, 144, 173); }
.wizard-preview-toolbar button[aria-pressed="true"] { background: rgb(241, 239, 253); color: rgb(109, 96, 188); }
.local-preview-wrap { background: rgb(244, 245, 249); padding: 15px; overflow: auto; max-height: 730px; border: 1px solid rgb(237, 237, 243); border-radius: 8px; }
.local-website-preview { --preview-theme: #6266d8; --preview-accent: #edf0ff; max-width: 100%; background: white; border: 1px solid rgb(232, 232, 239); margin: auto; text-align: left; color: rgb(63, 66, 83); overflow-wrap: anywhere; transition: max-width 0.15s; }
.local-website-preview > header { display: flex; justify-content: space-between; gap: 12px; padding: 20px 23px; background: white; border: 0px; }
.local-website-preview > header b { color: var(--preview-theme); font-size: 15px; }
.local-website-preview > header span { font-size: 9px; color: rgb(154, 155, 170); }
.local-website-preview section { padding: 25px 28px; border-top: 1px solid rgb(240, 240, 245); }
.local-website-preview .preview-hero { background: var(--preview-accent); padding-block: 45px; }
.local-website-preview small { font-size: 10px; color: rgb(153, 150, 178); }
.local-website-preview h2 { font-size: 26px; color: var(--preview-theme); margin: 10px 0px; }
.local-website-preview h3 { font-size: 16px; margin-bottom: 13px; color: var(--preview-theme); }
.local-website-preview h4 { font-size: 13px; }
.local-website-preview p { font-size: 12px; white-space: pre-wrap; line-height: 1.85; }
.local-website-preview footer { padding: 18px; text-align: center; font-size: 9px; color: rgb(170, 170, 186); background: rgb(250, 250, 255); }
.local-website-preview.mobile-preview { max-width: 300px; }
.local-website-preview.mobile-preview > header { flex-direction: column; }
.local-website-preview.mobile-preview section { padding-inline: 18px; }
.wizard-completion { border-left: 1px solid rgb(238, 238, 246); padding-left: 25px; }
.wizard-completion h2 { font-size: 17px; color: rgb(112, 107, 134); }
.wizard-completion > button { display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 12px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 245); border-image: none; background: rgb(255, 255, 255); text-align: left; }
.wizard-completion b { font-size: 13px; font-weight: 500; color: rgb(101, 97, 123); }
.wizard-completion span { font-size: 10px; color: rgb(170, 167, 186); }
.wizard-completion > p { font-size: 11px; color: rgb(162, 138, 154); line-height: 1.8; margin-top: 12px; }
.wizard-completion > a { display: block; font-size: 12px; margin-top: 14px; }
.wizard-completion > .button { text-align: center; }
@media (max-width: 850px) {
  .pathway-grid { grid-template-columns: 1fr; max-width: 600px; margin-inline: auto; }
  .pathway-grid article { padding: 24px; }
  .pathway-grid .product-icon { margin-bottom: 12px; }
  .pathway-grid ul { margin-block: 0px 16px; }
  .design-paths { grid-template-columns: 1fr; }
  .wizard-result-layout { grid-template-columns: 1fr; }
  .wizard-completion { border: 0px; padding: 20px 0px 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 20px; }
  .wizard-completion h2, .wizard-completion > p { grid-column: 1 / -1; }
  .wizard-heading .text-button { white-space: normal; }
}
@media (max-width: 700px) {
  .pathway-home { padding-block: 28px; }
  .pathway-home > h1 { font-size: 26px; }
  .pathway-home > p { font-size: 12px; }
  .pathway-grid { margin-top: 25px; gap: 16px; }
  .pathway-grid article { border-radius: 15px; }
  .pathway-grid h2 { font-size: 21px; }
  .wizard-local-label { font-size: 10px; padding-top: 5px; }
  .wizard-card { width: calc(100% - 24px); padding: 22px 16px; border-radius: 17px; margin-top: 15px; }
  .wizard-type { padding: 30px 18px; }
  .wizard-type h1 { font-size: 24px; }
  .wizard-type-options { grid-template-columns: 1fr; gap: 15px; margin-block: 25px; }
  .wizard-type-options span { padding: 22px; min-height: 140px; }
  .wizard-type-options b { font-size: 17px; }
  .wizard-heading { flex-direction: column; gap: 10px; margin-bottom: 20px; }
  .wizard-heading h1 { font-size: 23px; }
  .wizard-heading .text-button { margin: 0px; }
  .wizard-editor-layout { grid-template-columns: 1fr; gap: 20px; }
  .wizard-sections { flex-direction: row; gap: 3px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(238, 238, 246); border-image: none; padding: 0px 0px 12px; overflow: auto; }
  .wizard-sections button { padding: 9px 10px; font-size: 12px; white-space: nowrap; }
  .wizard-fields label { font-size: 12px; }
  .wizard-fields input, .wizard-fields textarea { font-size: 13px; }
  .wizard-editor-footer { align-items: flex-start; flex-direction: column; gap: 15px; }
  .wizard-editor-footer .button { width: 100%; }
  .local-preview-wrap { padding: 7px; max-height: 550px; }
  .local-website-preview > header { padding: 15px; flex-direction: column; }
  .local-website-preview .preview-hero { padding-block: 30px; }
  .local-website-preview h2 { font-size: 22px; }
  .local-website-preview section { padding: 20px; }
  .wizard-completion { gap: 0px 12px; }
  .wizard-completion b { font-size: 12px; }
}
.result-vertical { width: min(1000px, 100% - 40px); margin: 25px auto 40px; background: transparent; border: 0px; box-shadow: none; }
.result-title { text-align: center; margin: 30px auto 22px; display: block; padding: 0px; border: 0px; }
.result-title h1 { font-size: 27px; color: rgb(52, 55, 68); line-height: 1.8; letter-spacing: 0.2px; margin-bottom: 16px; }
.result-title h1 span { color: rgb(91, 124, 219); }
.result-title p { font-size: 13px; color: rgb(155, 157, 172); }
.result-main-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; width: min(800px, 100%); margin: 0px auto 28px; }
.result-main-actions > button { display: flex; gap: 18px; text-align: left; min-height: 135px; background: rgb(255, 255, 255); border: 1px solid rgb(231, 233, 240); border-radius: 9px; padding: 24px; box-shadow: rgba(53, 65, 110, 0.04) 0px 7px 16px; }
.result-action-icon { flex: 0 0 44px; height: 44px; background: rgb(240, 245, 255); color: rgb(102, 144, 220); display: grid; place-items: center; border-radius: 50%; }
.result-main-actions > button:nth-child(2) .result-action-icon { background: rgb(237, 249, 243); color: rgb(85, 172, 130); }
.result-action-icon .product-icon { width: 30px; height: 30px; }
.result-main-actions > button > span:last-child { display: flex; flex-direction: column; gap: 8px; min-width: 0px; }
.result-main-actions b { font-size: 18px; color: rgb(66, 69, 82); }
.result-main-actions small { font-size: 12px; line-height: 1.8; color: rgb(150, 153, 166); }
.result-main-actions em { font-size: 10px; font-style: normal; color: rgb(187, 188, 203); }
.result-small-actions { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; width: min(800px, 100%); margin: 0px auto; }
.result-small-actions > button { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 9px; min-height: 115px; border: 1px solid rgb(231, 233, 240); background: rgb(255, 255, 255); border-radius: 8px; padding: 16px 10px; box-shadow: rgba(53, 65, 110, 0.04) 0px 7px 16px; }
.result-small-actions .product-icon { color: rgb(102, 140, 218); width: 24px; height: 24px; }
.result-small-actions b { font-size: 12px; font-weight: 400; color: rgb(87, 91, 104); }
.result-small-actions small { font-size: 9px; color: rgb(176, 179, 192); }
.result-feedback { max-width: 800px; margin: 14px auto; font-size: 11px; text-align: center; color: rgb(162, 133, 153); min-height: 20px; }
.result-vertical .wizard-preview-toolbar { margin: 24px 0px 12px; }
.result-preview-stage { position: relative; padding: 0px 60px 35px 0px; min-height: 550px; }
.desktop-preview-frame { background: white; border: 1px solid rgb(226, 229, 237); border-radius: 14px; box-shadow: rgba(46, 61, 109, 0.063) 0px 15px 35px; overflow: hidden; }
.preview-browser-bar { height: 40px; background: rgb(232, 234, 240); display: flex; align-items: center; gap: 18px; justify-content: center; font-size: 10px; color: rgb(148, 153, 168); position: relative; }
.preview-dots { position: absolute; left: 17px; color: rgb(182, 187, 202); font-size: 11px; letter-spacing: 3px; }
.result-vertical .local-preview-wrap { border: 0px; border-radius: 0px; max-height: 650px; padding: 0px; background: rgb(255, 255, 255); }
.result-vertical .local-website-preview { border: 0px; }
.phone-preview-frame { position: absolute; right: 0px; top: 175px; width: 230px; max-height: 480px; overflow: auto; border: 6px solid rgb(61, 65, 82); border-radius: 28px; background: white; box-shadow: rgba(38, 56, 94, 0.145) 0px 12px 25px; scrollbar-width: none; }
.phone-preview-bar { font-size: 9px; text-align: center; color: rgb(146, 152, 169); background: rgb(241, 242, 247); padding: 7px 15px; border-bottom: 1px solid rgb(232, 234, 241); }
.phone-preview-frame .local-website-preview > header { padding: 15px 14px; }
.phone-preview-frame .local-website-preview > header b { font-size: 12px; }
.phone-preview-frame .local-website-preview h2 { font-size: 20px; }
.phone-preview-frame .local-website-preview .preview-hero { padding-block: 30px; }
.phone-preview-frame .local-website-preview p { font-size: 10px; }
.phone-preview-frame .local-website-preview section { padding: 18px; }
.result-bottom-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 30px; font-size: 12px; }
.result-bottom-actions .text-button { font-size: 12px; color: rgb(149, 145, 173); }
.result-preview-stage.show-mobile-preview { padding-right: 0px; min-height: 640px; }
.show-mobile-preview .desktop-preview-frame { display: none; }
.show-mobile-preview .phone-preview-frame { position: relative; top: auto; right: auto; margin: auto; width: 300px; max-height: 620px; }
.result-main-actions > button:hover, .result-small-actions > button:hover { border-color: rgb(181, 185, 227); }
@media (max-width: 700px) {
  .result-vertical { width: calc(100% - 28px); margin-top: 20px; }
  .result-title { margin-top: 22px; }
  .result-title h1 { font-size: 22px; line-height: 1.7; }
  .result-title p { font-size: 11px; }
  .result-main-actions { gap: 11px; margin-bottom: 17px; }
  .result-main-actions > button { flex-direction: column; gap: 11px; padding: 16px; min-height: 165px; }
  .result-action-icon { flex-basis: 38px; width: 38px; height: 38px; }
  .result-main-actions b { font-size: 15px; }
  .result-main-actions small { font-size: 11px; }
  .result-small-actions { grid-template-columns: 1fr 1fr; gap: 11px; }
  .result-small-actions > button { min-height: 105px; }
  .result-preview-stage { padding: 0px 25px 28px 0px; min-height: 420px; }
  .preview-browser-bar { height: 30px; font-size: 8px; }
  .preview-dots { font-size: 8px; left: 10px; letter-spacing: 1px; }
  .phone-preview-frame { top: 160px; width: 125px; max-height: 310px; border-width: 4px; border-radius: 18px; }
  .phone-preview-bar { font-size: 7px; padding: 5px; }
  .phone-preview-frame .local-website-preview > header { padding: 8px; }
  .phone-preview-frame .local-website-preview > header b { font-size: 8px; }
  .phone-preview-frame .local-website-preview > header span { font-size: 6px; }
  .phone-preview-frame .local-website-preview h2 { font-size: 12px; }
  .phone-preview-frame .local-website-preview h3 { font-size: 10px; }
  .phone-preview-frame .local-website-preview p { font-size: 7px; }
  .phone-preview-frame .local-website-preview section { padding: 10px; }
  .phone-preview-frame .local-website-preview .preview-hero { padding-block: 18px; }
  .show-mobile-preview .phone-preview-frame { width: min(300px, 100%); border-width: 6px; border-radius: 27px; }
  .show-mobile-preview .local-website-preview > header b { font-size: 15px; }
  .show-mobile-preview .local-website-preview h2 { font-size: 22px; }
  .show-mobile-preview .local-website-preview h3 { font-size: 16px; }
  .show-mobile-preview .local-website-preview p { font-size: 12px; }
  .show-mobile-preview .local-website-preview section { padding: 20px; }
  .result-bottom-actions { gap: 13px; font-size: 11px; }
}
.start-scene .header { height: 72px; padding-block: 18px; }
.wizard-entry { position: relative; }
.wizard-state-badge { display: inline-block; background: rgb(247, 248, 252); border: 1px solid rgb(236, 238, 245); border-radius: 5px; line-height: 1.6; font-weight: 400; padding: 2px 7px; vertical-align: middle; white-space: nowrap; color: rgb(155, 159, 178) !important; font-size: 10px !important; letter-spacing: 0px !important; }
.wizard-entry > .wizard-state-badge { position: absolute; right: 22px; top: 17px; }
.wizard-secondary-menu { text-align: center; margin: 15px auto 25px; color: rgb(176, 175, 190); font-size: 11px; }
.wizard-secondary-menu summary { cursor: pointer; list-style: none; }
.wizard-secondary-menu[open] { display: flex; flex-direction: column; align-items: center; gap: 10px; }
.wizard-secondary-menu a, .wizard-secondary-menu button { font-size: 11px; color: rgb(165, 162, 184); }
.compact-editor-heading { align-items: center; padding: 0px 0px 18px; margin-bottom: 22px; }
.compact-editor-heading > .text-button { font-size: 13px; margin: 0px; }
.compact-editor-heading .wizard-state-badge { margin-left: auto; }
.wizard-fields .fine-print { display: none; }
.result-vertical { position: relative; margin: 6px auto 35px; width: min(1000px, 100% - 40px); }
.result-title { margin: 0px auto 20px; min-height: 90px; }
.result-title h1 { font-size: 28px; line-height: 1.7; margin: 0px 0px 16px; padding: 0px; }
.result-title h1 > span:first-child { color: rgb(82, 126, 215); }
.result-title p { font-size: 13px; margin: 0px; color: rgb(146, 148, 159); }
.result-title .wizard-state-badge { margin-left: 7px; }
.result-main-actions { width: min(760px, 100%); gap: 16px; margin-bottom: 32px; }
.result-main-actions > button { height: 130px; min-height: 130px; padding: 25px 23px; border-radius: 8px; box-shadow: rgba(40, 54, 84, 0.086) 0px 7px 12px; gap: 17px; }
.result-main-actions > button > span:last-child { gap: 7px; }
.result-main-actions b { font-size: 18px; }
.result-main-actions small { font-size: 12px; line-height: 1.85; color: rgb(143, 146, 157); }
.result-action-icon { width: 44px; height: 44px; flex-basis: 44px; background: rgb(242, 247, 255); }
.result-function-icon { display: block; width: 24px; height: 24px; fill: rgb(77, 145, 233); }
.result-main-actions .result-function-icon { width: 26px; height: 26px; }
.result-main-actions > button:nth-child(2) .result-function-icon { fill: rgb(76, 184, 120); }
.result-small-actions { width: min(760px, 100%); gap: 16px; }
.result-small-actions > button { min-height: 90px; height: 90px; gap: 12px; border-radius: 8px; padding: 14px 9px; box-shadow: rgba(40, 54, 84, 0.086) 0px 7px 12px; }
.result-small-actions b { font-size: 12px; color: rgb(77, 80, 89); }
.result-feedback:empty { display: none; }
.result-feedback { margin-block: 10px; font-size: 11px; }
.result-vertical .wizard-preview-toolbar { height: 0px; margin: 0px; position: relative; top: 70px; right: 15px; z-index: 2; justify-content: flex-end; pointer-events: none; }
.result-vertical .wizard-preview-toolbar strong { display: none; }
.result-vertical .wizard-preview-toolbar > div { pointer-events: auto; }
.result-vertical .wizard-preview-toolbar button { font-size: 10px; padding: 3px 10px; background: rgba(255, 255, 255, 0.73); }
.result-preview-stage { width: min(886px, 100%); margin: 46px auto 0px; padding: 0px 0px 35px; min-height: 590px; }
.desktop-preview-frame { width: 100%; border-radius: 13px; box-shadow: rgba(40, 53, 82, 0.055) 0px 12px 30px; }
.preview-browser-bar { height: 44px; }
.preview-dots { display: flex; gap: 6px; left: 16px; }
.preview-dots i { width: 11px; height: 11px; border-radius: 50%; background: rgb(255, 109, 112); }
.preview-dots i:nth-child(2) { background: rgb(255, 201, 77); }
.preview-dots i:nth-child(3) { background: rgb(76, 214, 128); }
.phone-preview-frame { right: -50px; top: 170px; width: 195px; border-radius: 25px; border-width: 6px; max-height: 460px; }
.result-preview-stage.show-mobile-preview { margin-top: 46px; }
.result-vertical .result-bottom-actions { margin-top: 20px; font-size: 11px; }
.result-vertical .result-bottom-actions .button { font-size: 12px; padding: 8px 15px; }
@media (max-width: 1050px) {
  .phone-preview-frame { right: 0px; }
  .result-preview-stage { width: calc(100% - 30px); margin-left: 0px; }
}
@media (max-width: 700px) {
  .start-scene .header { height: 64px; padding-block: 14px; }
  .wizard-entry > .wizard-state-badge { top: 11px; right: 14px; font-size: 9px !important; }
  .start-tabs { margin-top: 15px; }
  .start-panel { padding-top: 48px; }
  .result-vertical { width: calc(100% - 28px); margin-top: 9px; }
  .result-title { min-height: 80px; margin-bottom: 15px; }
  .result-title h1 { font-size: 21px; line-height: 1.8; margin-bottom: 8px; }
  .result-title .wizard-state-badge { display: block; width: max-content; margin: 6px auto; }
  .result-title p { font-size: 11px; }
  .result-main-actions { gap: 11px; margin-bottom: 18px; }
  .result-main-actions > button { height: 150px; min-height: 150px; padding: 17px 14px; gap: 10px; }
  .result-main-actions b { font-size: 15px; }
  .result-main-actions small { font-size: 11px; }
  .result-action-icon { width: 35px; height: 35px; flex-basis: 35px; }
  .result-main-actions .result-function-icon { width: 23px; height: 23px; }
  .result-small-actions { gap: 11px; }
  .result-small-actions > button { height: 87px; min-height: 87px; gap: 10px; }
  .result-preview-stage { width: calc(100% - 16px); margin-top: 30px; min-height: 420px; }
  .result-vertical .wizard-preview-toolbar { top: 51px; right: 28px; }
  .preview-browser-bar { height: 34px; }
  .preview-dots i { width: 8px; height: 8px; }
  .preview-dots { left: 10px; gap: 4px; }
  .phone-preview-frame { right: -16px; top: 160px; width: 125px; max-height: 300px; border-width: 4px; border-radius: 18px; }
  .result-preview-stage.show-mobile-preview { margin-top: 30px; width: 100%; }
  .show-mobile-preview .phone-preview-frame { right: auto; width: min(300px, 100%); max-height: 620px; border-width: 6px; border-radius: 26px; }
  .compact-editor-heading { flex-direction: row; }
  .wizard-editor-footer > span { font-size: 10px; }
}
.brand { display: flex; align-items: center; gap: 8px; }
.brand > svg { width: 25px; height: 25px; fill: none; stroke: rgb(80, 135, 220); stroke-width: 1.8; stroke-linejoin: round; }
.result-title h1 { color: rgb(41, 46, 55); }
.start-panel h1 { color: rgb(60, 119, 203); }
.wizard-heading h1, .wizard-type h1 { color: rgb(48, 56, 69); }
.wizard-sections button[aria-current] { color: rgb(62, 123, 199); background: rgb(239, 246, 255); }
.wizard-editor-footer .button, .wizard-actions .button { background: rgb(79, 135, 214); border-color: rgb(79, 135, 214); }
.wizard-actions .quiet { background: white; color: rgb(115, 130, 154); border-color: rgb(220, 228, 239); }
.start-tabs button[aria-selected="true"] { color: rgb(77, 129, 204); }
.start-scene .footer { display: none; }
#website-wizard h1[tabindex="-1"]:focus { outline: none; }
.ai-landing { padding: 50px 20px 35px; text-align: center; }
.ai-landing h1 { font-size: 36px; color: rgb(49, 91, 148); margin: 20px 0px 16px; }
.ai-landing > p { font-size: 14px; }
.ai-landing .page-actions { justify-content: center; margin-top: 25px; }
.ai-feature-line { display: flex; justify-content: center; gap: 35px; font-size: 13px; color: rgb(138, 150, 168); margin-top: 30px; }
.ai-workspace { padding-bottom: 35px; }
.ai-workspace form { display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap; border: 1px solid rgb(225, 232, 241); background: rgb(250, 252, 255); padding: 22px; }
.ai-workspace label { display: flex; flex-direction: column; gap: 7px; flex: 1 1 0%; min-width: 200px; color: rgb(102, 118, 140); font-size: 13px; }
.ai-workspace select { min-height: 43px; border: 1px solid rgb(212, 220, 232); background: white; padding: 10px; border-radius: 4px; min-width: 0px; width: 100%; }
.ai-workspace form > a { font-size: 12px; padding-bottom: 10px; }
.ai-frame-status { font-size: 13px; padding: 15px 0px; margin: 0px; color: rgb(139, 146, 165); }
.ai-frame-toolbar { display: flex; gap: 20px; align-items: center; padding: 12px; background: rgb(246, 248, 251); border: 1px solid rgb(228, 232, 239); font-size: 12px; }
.ai-workspace iframe { width: 100%; height: 76vh; min-height: 500px; border: 1px solid rgb(223, 229, 238); background: white; }
.ai-demo-link { display: block; margin-top: 22px; font-size: 11px; color: rgb(154, 162, 178); }
#ai-build { scroll-margin-top: 20px; }
#ai-build .product-page-intro { padding-top: 20px; }
#ai-build .product-page-intro h2 { font-size: 24px; }
@media (max-width: 700px) {
  .ai-landing { padding: 30px 5px 18px; }
  .ai-landing h1 { font-size: 26px; }
  .ai-landing > p { font-size: 12px; }
  .ai-feature-line { gap: 10px 20px; flex-wrap: wrap; font-size: 11px; }
  .ai-workspace form { padding: 16px; }
  .ai-workspace label { width: 100%; flex: 1 1 auto; }
  .ai-workspace form .button { flex: 1 1 0%; }
  .ai-frame-toolbar { gap: 12px; flex-wrap: wrap; }
  .ai-workspace iframe { min-height: 520px; }
}
.source-build-panel { max-width: 900px; margin: 0px auto 40px; padding: 27px 32px 20px; border: 1px solid rgb(224, 230, 239); border-radius: 8px; background: rgb(255, 255, 255); }
.source-build-panel h2 { font-size: 22px; margin-bottom: 22px; }
.source-build-form fieldset { border: 0px; padding: 0px; margin: 0px; min-width: 0px; }
.source-build-row { display: grid; grid-template-columns: 85px minmax(0px, 1fr); gap: 15px; align-items: center; margin-bottom: 22px; font-size: 13px; color: rgb(104, 117, 139); }
.source-plan-radios { display: flex; gap: 10px; flex-wrap: wrap; }
.source-plan-radios label { position: relative; cursor: pointer; }
.source-plan-radios input { position: absolute; left: 10px; top: 13px; width: 14px; height: 14px; accent-color: rgb(77, 134, 205); }
.source-plan-radios label > span { display: block; border: 1px solid rgb(220, 227, 237); border-radius: 4px; padding: 8px 11px 8px 30px; color: rgb(83, 97, 118); }
.source-plan-radios input:checked + span { border-color: rgb(83, 138, 209); background: rgb(243, 248, 255); }
.source-plan-radios small { font-size: 11px; color: rgb(139, 149, 166); }
.source-build-row .radio-options { gap: 24px; }
.source-build-row .radio-options label { display: flex; gap: 6px; align-items: center; }
.source-build-row > div > input { width: 100%; min-height: 42px; border: 1px solid rgb(215, 223, 234); border-radius: 4px; padding: 10px 12px; background: white; color: rgb(70, 84, 107); }
.source-build-row .domain-input input { padding: 11px 12px; }
.source-build-form .field-error { font-size: 11px; color: rgb(177, 71, 96); margin: 5px 0px 0px; }
.source-build-form .field-error:empty, .source-build-form .form-result:empty, .source-build-form .draft-status:empty { display: none; }
.source-build-footer { display: flex; align-items: center; justify-content: flex-end; gap: 25px; border-top: 1px solid rgb(237, 240, 245); padding-top: 20px; font-size: 13px; color: rgb(127, 136, 152); }
.source-build-footer strong { font-size: 24px; color: rgb(211, 79, 73); margin-inline: 8px; }
.source-build-footer small { font-size: 10px; }
.source-build-form .draft-status { font-size: 10px; margin: 8px 0px 0px; color: rgb(155, 163, 178); }
.source-build-form .form-result { font-size: 12px; margin-top: 10px; }
.source-build-form .login-tip { margin-bottom: 20px; }
.source-build-panel .domain-input { min-width: 0px; }
@media (max-width: 700px) {
  .source-build-panel { width: calc(100% - 28px); padding: 22px 17px; }
  .source-build-row { grid-template-columns: 1fr; gap: 8px; margin-bottom: 18px; }
  .source-plan-radios { gap: 8px; }
  .source-plan-radios label > span { font-size: 12px; padding: 8px 10px 8px 27px; }
  .source-plan-radios input { left: 8px; top: 12px; }
  .source-build-footer { gap: 14px; flex-wrap: wrap; justify-content: space-between; }
  .source-build-footer strong { font-size: 22px; }
  .source-build-footer .button { font-size: 12px; padding: 10px 13px; }
  .source-build-panel h2 { font-size: 20px; }
}
.upgrade-hero { display: grid; grid-template-columns: 1.03fr 1fr; gap: 55px; align-items: center; padding-block: 63px 58px; }
.upgrade-product-label { font-size: 13px; color: rgb(90, 136, 199); letter-spacing: 2px; }
.upgrade-hero-copy h1 { font-size: 38px; line-height: 1.55; color: rgb(34, 44, 59); letter-spacing: 0.2px; margin: 17px 0px 22px; }
.upgrade-hero-copy h1 > span { display: inline; color: rgb(76, 134, 217); }
.upgrade-hero-copy > p { max-width: 455px; font-size: 14px; line-height: 2; color: rgb(146, 154, 170); margin-bottom: 26px; }
.upgrade-hero-actions { display: flex; gap: 15px; }
.upgrade-hero-actions .button { min-width: 145px; text-align: center; font-size: 15px; padding: 13px 23px; border-radius: 8px; background: rgb(79, 136, 216); border-color: rgb(79, 136, 216); box-shadow: rgba(75, 129, 201, 0.1) 0px 5px 15px; }
.upgrade-hero-actions .quiet { background: white; color: rgb(79, 136, 216); box-shadow: none; border-color: rgb(183, 204, 236); }
.upgrade-hero-actions .button span { margin-left: 13px; }
.upgrade-manage-link { display: inline-block; font-size: 12px; color: rgb(138, 152, 173); margin-top: 20px; }
.upgrade-product-preview { border: 1px solid rgb(230, 234, 242); border-radius: 18px; background: white; box-shadow: rgba(51, 79, 127, 0.05) 0px 17px 45px; overflow: hidden; min-width: 0px; min-height: 345px; }
.upgrade-preview-bar { display: flex; align-items: center; justify-content: center; gap: 14px; height: 48px; background: rgb(250, 251, 254); border-bottom: 1px solid rgb(236, 240, 246); position: relative; }
.upgrade-preview-bar > strong { font-size: 12px; font-weight: 400; color: rgb(132, 148, 170); }
.upgrade-preview-bar > span:last-child { position: absolute; right: 15px; font-size: 9px; color: rgb(182, 189, 200); }
.upgrade-preview-dots { position: absolute; left: 17px; display: flex; gap: 5px; }
.upgrade-preview-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgb(211, 222, 237); }
.upgrade-preview-content { display: grid; grid-template-columns: 98px minmax(0px, 1fr); min-height: 320px; }
.upgrade-preview-nav { background: rgb(251, 252, 255); border-right: 1px solid rgb(238, 241, 247); padding: 22px 10px; display: flex; flex-direction: column; gap: 8px; font-size: 11px; color: rgb(163, 172, 188); }
.upgrade-preview-nav b { font-size: 11px; font-weight: 400; color: rgb(112, 137, 170); padding: 0px 8px 13px; }
.upgrade-preview-nav span { padding: 8px; border-radius: 5px; }
.upgrade-preview-nav .selected { background: rgb(237, 244, 255); color: rgb(95, 143, 206); }
.upgrade-preview-main { padding: 24px 21px; }
.upgrade-preview-label { font-size: 9px; color: rgb(143, 170, 208); }
.upgrade-preview-main h2 { font-size: 20px; color: rgb(54, 84, 122); margin: 8px 0px; }
.upgrade-preview-main > p { font-size: 10px; color: rgb(160, 170, 189); margin-bottom: 20px; }
.upgrade-preview-modules { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 9px; }
.upgrade-preview-modules > div { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; border: 1px solid rgb(233, 238, 247); border-radius: 7px; padding: 13px 10px; background: rgb(255, 255, 255); }
.upgrade-preview-modules svg { color: rgb(127, 162, 210); width: 24px; height: 24px; }
.upgrade-preview-modules strong { font-size: 11px; color: rgb(97, 121, 152); font-weight: 400; }
.upgrade-preview-modules span { font-size: 8px; color: rgb(176, 185, 199); line-height: 1.8; }
.upgrade-preview-outline { display: flex; gap: 8px; margin-top: 20px; border-top: 1px solid rgb(237, 241, 247); padding-top: 15px; }
.upgrade-preview-outline span { font-size: 8px; color: rgb(161, 178, 202); border-radius: 3px; background: rgb(246, 249, 253); padding: 5px 8px; }
.upgrade-build-anchor { padding-bottom: 25px; scroll-margin-top: 20px; }
.upgrade-build-anchor .source-build-panel { max-width: 1000px; border-radius: 17px; box-shadow: rgba(49, 78, 123, 0.024) 0px 10px 40px; padding: 28px 40px 24px; }
.upgrade-build-anchor .source-build-panel h2 { font-size: 22px; color: rgb(53, 78, 112); margin-bottom: 27px; }
.upgrade-build-anchor .source-build-form { max-width: 790px; margin-inline: auto; }
.upgrade-build-anchor .source-build-panel > h2 { max-width: 790px; margin-inline: auto; }
.upgrade-build-anchor .source-build-row { margin-bottom: 20px; }
.upgrade-build-anchor .source-build-footer { padding-top: 21px; }
@media (max-width: 1050px) {
  .upgrade-hero { gap: 28px; padding-block: 43px; }
  .upgrade-hero-copy h1 { font-size: 32px; }
  .upgrade-preview-content { grid-template-columns: 80px minmax(0px, 1fr); }
  .upgrade-preview-main { padding: 22px 15px; }
  .upgrade-preview-modules > div { padding: 12px 8px; }
}
@media (max-width: 760px) {
  .upgrade-hero { grid-template-columns: 1fr; gap: 30px; padding-block: 30px; }
  .upgrade-hero-copy h1 { font-size: 31px; margin-bottom: 17px; }
  .upgrade-hero-copy > p { font-size: 13px; max-width: none; margin-bottom: 22px; }
  .upgrade-product-label { font-size: 11px; }
  .upgrade-hero-actions .button { min-width: 133px; font-size: 14px; padding: 11px 21px; }
  .upgrade-manage-link { font-size: 11px; margin-top: 15px; }
  .upgrade-product-preview { min-height: 290px; border-radius: 13px; }
  .upgrade-preview-content { grid-template-columns: 76px minmax(0px, 1fr); min-height: 265px; }
  .upgrade-preview-nav { font-size: 9px; padding: 17px 7px; gap: 6px; }
  .upgrade-preview-nav b { font-size: 9px; padding-inline: 7px; }
  .upgrade-preview-nav span { padding: 7px; }
  .upgrade-preview-main { padding: 20px 13px; }
  .upgrade-preview-main h2 { font-size: 17px; }
  .upgrade-preview-main > p { font-size: 9px; }
  .upgrade-preview-modules { gap: 6px; }
  .upgrade-preview-modules > div { padding: 10px 7px; gap: 7px; }
  .upgrade-preview-modules svg { width: 20px; height: 20px; }
  .upgrade-preview-modules strong { font-size: 9px; }
  .upgrade-preview-modules span { font-size: 7px; }
  .upgrade-preview-outline { gap: 5px; margin-top: 15px; padding-top: 12px; }
  .upgrade-preview-outline span { padding: 4px 5px; font-size: 7px; }
  .upgrade-build-anchor .source-build-panel { padding: 22px 18px; border-radius: 12px; }
  .upgrade-build-anchor .source-build-panel h2 { font-size: 20px; margin-bottom: 22px; }
}
.upgrade-hero { gap: 58px; padding-block: 58px 55px; }
.upgrade-hero-copy { padding-right: 8px; }
.upgrade-hero-copy h1 { font-size: 40px; line-height: 1.5; letter-spacing: 0px; margin: 16px 0px 21px; }
.upgrade-hero-copy > p { color: rgb(102, 117, 138); max-width: 460px; line-height: 1.95; }
.upgrade-product-label, .upgrade-manage-link { color: rgb(84, 117, 159); }
.upgrade-hero-actions .button { background: rgb(50, 111, 190); border-color: rgb(50, 111, 190); min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 11px 23px; }
.upgrade-hero-actions .quiet { background: white; color: rgb(50, 111, 190); border-color: rgb(164, 191, 223); }
.upgrade-product-preview { border-color: rgb(222, 231, 242); box-shadow: rgba(47, 82, 125, 0.07) 0px 16px 42px; }
.upgrade-preview-bar { height: 49px; background: rgb(247, 250, 255); }
.upgrade-preview-bar > strong, .upgrade-preview-bar > span:last-child { font-size: 12px; color: rgb(100, 117, 139); }
.upgrade-preview-content { grid-template-columns: 98px minmax(0px, 1fr); }
.upgrade-preview-nav { font-size: 12px; color: rgb(102, 120, 142); padding: 22px 9px; gap: 8px; }
.upgrade-preview-nav b { font-size: 12px; color: rgb(70, 101, 140); padding: 0px 7px 11px; }
.upgrade-preview-nav span { padding: 8px 7px; }
.upgrade-preview-nav .selected { background: rgb(234, 242, 255); color: rgb(50, 105, 173); font-weight: 500; }
.upgrade-preview-label { font-size: 12px; color: rgb(88, 122, 165); }
.upgrade-preview-main h2 { font-size: 21px; color: rgb(47, 77, 114); line-height: 1.55; margin-block: 8px 9px; }
.upgrade-preview-main > p { font-size: 12px; color: rgb(104, 125, 151); line-height: 1.8; margin-bottom: 18px; }
.upgrade-preview-modules { gap: 9px; }
.upgrade-preview-modules > div { padding: 14px 10px; border-color: rgb(223, 232, 244); background: linear-gradient(rgb(255, 255, 255), rgb(251, 253, 255)); gap: 10px; }
.upgrade-preview-modules svg { color: rgb(85, 127, 181); width: 25px; height: 25px; }
.upgrade-preview-modules strong { font-size: 12px; color: rgb(65, 95, 131); font-weight: 500; }
.upgrade-preview-modules span { font-size: 12px; color: rgb(102, 124, 150); line-height: 1.75; }
.upgrade-preview-outline { gap: 7px; flex-wrap: wrap; margin-top: 20px; padding-top: 15px; }
.upgrade-preview-outline span { font-size: 12px; color: rgb(96, 119, 146); background: rgb(241, 246, 253); padding: 5px 8px; border: 1px solid rgb(228, 237, 248); }
.source-build-row { min-height: 44px; color: rgb(82, 101, 126); }
.source-plan-radios { gap: 10px; }
.source-plan-radios label { min-width: 0px; max-width: 100%; }
.source-plan-radios input { top: 15px; left: 12px; width: 14px; height: 14px; margin: 0px; }
.source-plan-radios label > span { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 44px; padding: 9px 12px 9px 33px; border-color: rgb(196, 209, 226); color: rgb(64, 86, 114); border-radius: 6px; }
.source-plan-radios small { font-size: 12px; color: rgb(101, 117, 139); }
.source-plan-radios input:checked + span { background: rgb(237, 245, 255); border-color: rgb(76, 127, 191); box-shadow: rgb(76, 127, 191) 0px 0px 0px 1px inset; color: rgb(39, 92, 158); }
.source-plan-radios input:focus-visible + span { outline: rgb(40, 94, 170) solid 2px; outline-offset: 3px; }
.source-build-row .radio-options label { min-height: 44px; border: 1px solid rgb(196, 209, 226); border-radius: 6px; padding: 9px 14px; cursor: pointer; color: rgb(69, 91, 118); background: white; }
.source-build-row .radio-options label:has(input:checked) { background: rgb(237, 245, 255); border-color: rgb(76, 127, 191); box-shadow: rgb(76, 127, 191) 0px 0px 0px 1px inset; color: rgb(39, 92, 158); }
.source-build-row .radio-options label:has(input:focus-visible) { outline: rgb(40, 94, 170) solid 2px; outline-offset: 3px; }
.source-build-row .radio-options { gap: 10px; }
.source-build-row > div > input { min-height: 44px; border-color: rgb(196, 209, 226); border-radius: 6px; color: rgb(51, 76, 108); }
.source-build-row .domain-input { min-height: 44px; border-color: rgb(196, 209, 226); border-radius: 6px; }
.source-build-row .domain-input input { min-height: 42px; color: rgb(51, 76, 108); }
.source-build-row .domain-input > span { color: rgb(99, 117, 142); }
.source-build-row input::placeholder { color: rgb(113, 129, 152); }
.source-build-row input:focus-visible { outline: rgb(40, 94, 170) solid 2px; outline-offset: 3px; }
.source-build-row .domain-input:focus-within { border-color: rgb(50, 111, 190); box-shadow: rgb(220, 234, 251) 0px 0px 0px 2px; }
.source-build-row .domain-input input:focus-visible { outline: none; }
.source-build-footer { min-height: 66px; align-items: center; color: rgb(82, 101, 126); }
.source-build-footer .button { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; background: rgb(50, 111, 190); border-color: rgb(50, 111, 190); border-radius: 6px; padding: 9px 20px; }
.source-build-footer small { font-size: 12px; color: rgb(104, 118, 138); }
.source-build-form .draft-status { font-size: 12px; color: rgb(102, 123, 148); }
.upgrade-hero a:focus-visible, .source-build-footer button:focus-visible { outline: rgb(40, 94, 170) solid 2px; outline-offset: 4px; }
@media (max-width: 1050px) {
  .upgrade-hero { gap: 28px; padding-block: 42px; }
  .upgrade-hero-copy { padding-right: 0px; }
  .upgrade-hero-copy h1 { font-size: 32px; }
  .upgrade-preview-content { grid-template-columns: 94px minmax(0px, 1fr); }
  .upgrade-preview-main { padding: 22px 15px; }
  .upgrade-preview-modules > div { padding: 12px 8px; }
  .upgrade-preview-main h2 { font-size: 19px; }
}
@media (max-width: 760px) {
  .upgrade-hero { gap: 27px; padding-block: 28px; }
  .upgrade-hero-copy h1 { font-size: 30px; line-height: 1.55; margin-block: 13px 17px; }
  .upgrade-hero-copy > p { font-size: 14px; line-height: 1.9; margin-bottom: 21px; }
  .upgrade-product-label, .upgrade-manage-link { font-size: 12px; }
  .upgrade-hero-actions .button { font-size: 14px; min-height: 46px; padding: 10px 20px; }
  .upgrade-preview-bar > strong, .upgrade-preview-bar > span:last-child { font-size: 12px; }
  .upgrade-preview-content { grid-template-columns: 84px minmax(0px, 1fr); min-height: 0px; }
  .upgrade-preview-nav { font-size: 12px; padding: 19px 7px; gap: 8px; }
  .upgrade-preview-nav b { font-size: 12px; padding-inline: 5px; }
  .upgrade-preview-nav span { padding: 8px 5px; }
  .upgrade-preview-main { padding: 18px 13px; }
  .upgrade-preview-main h2 { font-size: 18px; line-height: 1.6; }
  .upgrade-preview-main > p { font-size: 12px; margin-bottom: 14px; }
  .upgrade-preview-label { font-size: 12px; }
  .upgrade-preview-modules { grid-template-columns: 1fr; gap: 8px; }
  .upgrade-preview-modules > div { display: flex; flex-direction: row; align-items: center; gap: 11px; padding: 10px 12px; min-height: 43px; border-radius: 6px; }
  .upgrade-preview-modules svg { width: 23px; height: 23px; }
  .upgrade-preview-modules strong { font-size: 12px; }
  .upgrade-preview-modules span { display: none; }
  .upgrade-preview-outline { gap: 6px; margin-top: 14px; padding-top: 12px; }
  .upgrade-preview-outline span { font-size: 12px; padding: 4px 7px; }
  .source-plan-radios label > span { font-size: 12px; min-height: 44px; padding: 9px 11px 9px 31px; }
  .source-plan-radios input { top: 15px; left: 10px; }
  .source-plan-radios small { font-size: 12px; }
  .source-build-row .radio-options label { min-height: 44px; padding: 9px 12px; font-size: 13px; }
  .source-build-footer .button { min-height: 44px; font-size: 13px; padding: 10px 16px; }
  .source-build-row .domain-input > span:last-child { font-size: 12px; }
  .source-build-footer { gap: 14px; }
}
.site-workspace-intro { padding-top: 28px; margin-bottom: 24px; }
.site-back-link { font-size: 12px; color: rgb(104, 131, 166); }
.site-workspace-intro > div { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; }
.site-workspace-intro > div > div { display: flex; align-items: center; gap: 16px; min-width: 0px; }
.site-workspace-intro h1 { font-size: 27px; margin: 0px; color: rgb(44, 66, 94); overflow-wrap: anywhere; }
.site-workspace-intro .tag { font-size: 11px; white-space: nowrap; }
.site-workspace-intro .button { white-space: nowrap; background: rgb(50, 111, 190); border-color: rgb(50, 111, 190); min-height: 44px; }
.site-workspace-body { padding-bottom: 40px; }
.site-demo-state { font-size: 12px; color: rgb(125, 136, 154); margin: 0px 0px 16px; }
.site-workspace-grid { display: grid; grid-template-columns: minmax(0px, 1.7fr) minmax(260px, 1fr); gap: 24px; }
.site-overview, .site-recent-requests, .site-service-panel, .site-linked-order { padding: 25px 27px; border: 1px solid rgb(224, 232, 242); background: white; border-radius: 10px; margin-bottom: 22px; }
.site-workspace-grid h2 { font-size: 19px; color: rgb(58, 83, 111); margin-bottom: 20px; }
.site-overview dl { margin: 0px; }
.site-overview dl > div { display: grid; grid-template-columns: 110px minmax(0px, 1fr); gap: 15px; padding: 15px 0px; border-bottom: 1px solid rgb(237, 241, 246); font-size: 13px; }
.site-overview dt { color: rgb(109, 126, 148); }
.site-overview dd { margin: 0px; color: rgb(59, 83, 111); overflow-wrap: anywhere; }
.site-workspace-actions { display: flex; gap: 22px; align-items: center; margin-top: 23px; font-size: 13px; }
.site-workspace-actions .button { min-height: 44px; border-color: rgb(171, 193, 223); color: rgb(56, 109, 169); display: flex; align-items: center; }
.site-recent-requests .section-title { margin-bottom: 7px; }
.site-recent-requests .section-title h2 { margin: 0px; }
.site-recent-requests .section-title a { font-size: 12px; }
.site-request-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 17px 0px; border-bottom: 1px solid rgb(237, 241, 246); }
.site-request-row:last-of-type { border: 0px; }
.site-request-row > span:first-child { display: flex; flex-direction: column; gap: 5px; min-width: 0px; }
.site-request-row strong { font-size: 13px; font-weight: 400; color: rgb(69, 101, 139); }
.site-request-row small { font-size: 11px; color: rgb(126, 141, 161); }
.site-request-row .tag { font-size: 11px; white-space: nowrap; }
.site-empty-note { font-size: 13px; margin: 18px 0px 0px; color: rgb(130, 144, 163); }
.site-service-panel > a { display: flex; justify-content: space-between; align-items: center; gap: 15px; min-height: 57px; border-bottom: 1px solid rgb(234, 240, 247); }
.site-service-panel > a strong { font-size: 14px; font-weight: 500; color: rgb(69, 99, 136); }
.site-service-panel > a span { font-size: 12px; color: rgb(115, 135, 162); }
.site-service-panel > p { font-size: 11px; margin: 17px 0px 0px; color: rgb(135, 148, 167); }
.site-linked-order > a { font-size: 14px; color: rgb(69, 107, 155); }
.site-linked-order > p { font-size: 12px; margin: 12px 0px 5px; color: rgb(104, 126, 153); }
.site-linked-order > small { font-size: 11px; color: rgb(132, 147, 168); }
.site-detail h3 > a { color: inherit; }
.site-detail h3 > a:hover { color: rgb(50, 111, 190); }
.site-workspace-grid a:focus-visible, .site-workspace-grid button:focus-visible { outline: rgb(40, 94, 170) solid 2px; outline-offset: 4px; }
@media (max-width: 760px) {
  .site-workspace-intro { padding-top: 23px; margin-bottom: 20px; }
  .site-workspace-intro > div { align-items: flex-start; gap: 12px; }
  .site-workspace-intro > div > div { align-items: flex-start; flex-direction: column; gap: 9px; }
  .site-workspace-intro h1 { font-size: 22px; }
  .site-workspace-intro .button { font-size: 12px; padding: 10px 13px; }
  .site-workspace-grid { grid-template-columns: 1fr; gap: 0px; }
  .site-overview, .site-recent-requests, .site-service-panel, .site-linked-order { padding: 21px 19px; margin-bottom: 17px; border-radius: 8px; }
  .site-overview dl > div { grid-template-columns: 90px minmax(0px, 1fr); gap: 12px; font-size: 12px; }
  .site-workspace-grid h2 { font-size: 18px; }
  .site-workspace-actions { gap: 18px; font-size: 12px; }
  .site-workspace-actions .button { font-size: 12px; padding: 9px 12px; }
  .site-request-row { gap: 12px; }
  .site-request-row strong { font-size: 12px; }
  .site-request-row small { font-size: 10px; }
}
.connection-advanced { border-block: 1px solid rgb(229, 235, 243); padding-block: 13px; }
.connection-advanced summary { cursor: pointer; color: rgb(88, 120, 160); font-size: 13px; }
.connection-advanced[open] summary { margin-bottom: 18px; }
.connection-advanced label { margin-bottom: 16px; }
.connection-layout .fine-print { font-size: 12px; margin: 0px; }
.connection-layout #connection-test-result { font-size: 13px; }
.connection-layout #connection-settings-form > h2 { margin-bottom: 0px; }
#connection-missing { font-size: 12px; color: rgb(150, 122, 82); line-height: 1.8; }
#connection-missing:empty { display: none; }
.directory-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; }
.directory-history { display: grid; gap: 7px; margin: 12px 0px 22px; color: rgb(82, 96, 121); font-size: 13px; }
.template-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 22px; margin-top: 26px; }
.template-card { border: 1px solid rgb(224, 230, 239); border-radius: 14px; padding: 14px; min-width: 0px; }
.template-card h2 { font-size: 17px; }
.template-art { height: 210px; background: rgb(244, 247, 251); border-radius: 9px; overflow: hidden; display: grid; place-items: center; color: rgb(101, 116, 139); }
.template-art img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.template-card > .fine-print { display: block; margin-top: 12px; }
@media (max-width: 760px) {
  .template-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .template-art { height: 160px; }
}
@media (max-width: 480px) {
  .template-grid { grid-template-columns: 1fr; }
  .directory-actions button { flex: 1 1 45%; }
}
.template-category-form { margin-top: 10px; display: grid; gap: 8px; min-width: 160px; }
.template-category-form label { display: grid; gap: 5px; }
.template-category-form select { width: 100%; max-width: 230px; }
.directory-pending { padding: 12px 16px; background: rgb(255, 245, 223); border: 1px solid rgb(241, 211, 143); border-radius: 10px; color: rgb(117, 79, 13); }
.real-opening fieldset { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(232, 237, 244); border-image: none; padding: 12px 0px; margin: 0px; }
.real-opening legend { font-size: 14px; font-weight: 650; color: rgb(53, 70, 92); }
.real-opening .compact-package-options { display: flex; flex-wrap: wrap; gap: 12px; }
.real-opening .compact-package-options label { display: flex; gap: 9px; align-items: center; border: 1px solid rgb(220, 228, 239); border-radius: 9px; padding: 12px; }
.real-opening label { margin: 12px 0px; display: block; }
.real-opening input:not([type="radio"]):not([type="checkbox"]) { width: 100%; min-height: 44px; }
.real-opening fieldset > label { display: inline-flex; gap: 8px; margin-right: 20px; }
.real-opening .compact-build-footer { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding-top: 20px; }
.real-opening .domain-input input { min-width: 0px; }
.order-details { display: grid; gap: 15px; }
.order-details > div { display: flex; gap: 24px; border-bottom: 1px solid rgb(237, 240, 245); padding-bottom: 12px; }
.order-details dt { color: rgb(96, 112, 136); min-width: 90px; }
.order-details dd { margin: 0px; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .real-opening .compact-build-footer { align-items: stretch; flex-direction: column; }
  .real-opening .domain-input { flex-wrap: wrap; }
  .real-opening .compact-package-options label { width: 100%; box-sizing: border-box; }
}
.expiry-summary { display: flex; align-items: center; gap: 24px; margin-block: 24px; padding: 20px; border: 1px solid rgb(226, 232, 240); border-radius: 12px; background: rgb(255, 255, 255); }
.expiry-summary a { display: flex; align-items: center; gap: 10px; color: rgb(51, 65, 85); }
.expiry-summary strong { font-size: 28px; }
.expiry-summary p { margin-left: auto; font-size: 12px; color: rgb(100, 116, 139); }
.expiry-notice { display: flex; align-items: center; gap: 18px; padding: 12px 16px; border-radius: 8px; background: rgb(255, 247, 230); color: rgb(133, 77, 14); }
.expiry-notice.expired { background: rgb(255, 241, 242); color: rgb(159, 18, 57); }
.expiry-notice a { color: inherit; text-decoration: underline; }
@media (max-width: 650px) {
  .expiry-summary { flex-wrap: wrap; gap: 16px; }
  .expiry-summary p { margin: 0px; width: 100%; }
}
.console-page { --green: #2878e6; --ink: #263248; --line: #e6ebf2; background: rgb(243, 245, 249); color: var(--ink); }
.console-sidebar { position: fixed; inset: 0px auto 0px 0px; width: 228px; background: rgb(7, 29, 50); color: rgb(195, 209, 223); display: flex; flex-direction: column; z-index: 30; overflow-y: auto; padding: 28px 18px 20px; box-sizing: border-box; }
.console-brand { display: flex; align-items: center; gap: 11px; color: inherit; font-size: 23px; font-weight: 650; letter-spacing: 0.5px; }
.console-mark { display: grid; place-items: center; background: rgb(48, 133, 244); color: white; width: 34px; height: 34px; border-radius: 9px; font-size: 25px; }
.console-sidebar .console-brand { color: white; padding: 0px 7px; }
.console-role { padding: 13px 8px 26px; color: rgb(126, 150, 174); font-size: 12px; letter-spacing: 2px; }
.console-menu > summary { display: none; }
.console-nav-group { margin-bottom: 18px; }
.console-nav-group > p { font-size: 11px; color: rgb(120, 144, 168); margin: 0px 12px 9px; letter-spacing: 1px; }
.console-nav-group a { display: flex; gap: 13px; align-items: center; border-radius: 6px; padding: 11px 14px; color: rgb(194, 207, 221); font-size: 14px; margin: 3px 0px; }
.console-nav-group a > span { font-size: 18px; width: 21px; text-align: center; color: rgb(135, 159, 184); }
.console-nav-group a:hover { background: rgb(21, 47, 72); color: white; }
.console-nav-group a[aria-current="page"] { background: rgb(33, 121, 230); color: white; }
.console-nav-group a[aria-current="page"] > span { color: white; }
.console-switch { margin-top: auto; padding: 17px 12px 0px; border-top: 1px solid rgb(32, 57, 79); font-size: 12px; color: rgb(156, 181, 206); }
.console-body { margin-left: 228px; min-width: 0px; }
.console-top { height: 72px; background: white; border-bottom: 1px solid rgb(231, 236, 242); display: flex; justify-content: space-between; align-items: center; padding: 0px 30px; gap: 20px; }
.console-top > div { display: flex; align-items: center; gap: 18px; font-size: 13px; }
.console-top i { color: rgb(196, 203, 214); font-style: normal; }
.console-top strong { font-weight: 500; }
.console-top a, .console-top button { color: rgb(88, 103, 123); }
.console-avatar { display: grid; place-items: center; width: 30px; height: 30px; background: rgb(234, 242, 255); border-radius: 50%; color: rgb(40, 120, 230); }
.console-environment { padding: 10px 30px; font-size: 11px; background: rgb(237, 243, 252); color: rgb(98, 120, 148); display: flex; gap: 20px; }
.console-environment span { color: rgb(135, 151, 170); }
.console-page main { padding: 0px 30px 32px; min-height: calc(-170px + 100vh); }
.console-page .shell { width: 100%; max-width: none; margin-left: 0px; margin-right: 0px; }
.console-page .page-intro { padding: 28px 0px 20px; }
.console-page h1 { font-size: 25px; font-weight: 600; letter-spacing: 0px; }
.console-page .page-intro p { font-size: 13px; color: rgb(126, 138, 157); max-width: 850px; line-height: 1.8; }
.console-page .page-intro .lead { font-size: 13px; }
.console-page .admin-section { background: rgb(255, 255, 255); border: 1px solid rgb(233, 237, 243); border-radius: 8px; padding: 24px; box-sizing: border-box; }
.console-page .form-card, .console-page .order-summary, .console-page .product-panel, .console-page .site-service-panel, .console-page .site-linked-order, .console-page .site-recent-requests { background: white; border: 1px solid rgb(231, 236, 243); border-radius: 8px; box-shadow: rgba(33, 52, 81, 0.01) 0px 3px 12px; padding: 25px; }
.console-page h2 { font-size: 18px; font-weight: 600; }
.console-page .admin-toolbar { background: rgb(248, 250, 255); padding: 18px; border: 1px solid rgb(237, 241, 247); border-radius: 6px; margin-bottom: 22px; gap: 20px; }
.console-page .admin-toolbar h2 { white-space: nowrap; margin: 0px; }
.console-page .table-wrap { border: 1px solid rgb(232, 237, 244); border-radius: 6px; overflow: auto; }
.console-page table { width: 100%; border-collapse: collapse; }
.console-page th { background: rgb(246, 248, 252); color: rgb(119, 133, 154); font-weight: 500; font-size: 12px; white-space: nowrap; }
.console-page td { font-size: 13px; color: rgb(66, 81, 105); line-height: 1.7; }
.console-page td, .console-page th { padding: 16px; border-bottom: 1px solid rgb(237, 241, 246); }
.console-page tbody tr:hover { background: rgb(248, 251, 255); }
.console-page td small { color: rgb(144, 154, 170); }
.console-page .button { background: rgb(40, 120, 230); border-color: rgb(40, 120, 230); border-radius: 5px; box-shadow: none; min-height: 38px; font-size: 13px; padding: 9px 18px; }
.console-page .button.quiet { background: white; color: rgb(65, 115, 178); border-color: rgb(216, 226, 238); }
.console-page input:not([type="checkbox"]):not([type="radio"]), .console-page select, .console-page textarea { border: 1px solid rgb(220, 227, 237); border-radius: 5px; background: white; min-height: 40px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; padding: 10px 12px; box-sizing: border-box; max-width: 100%; }
.console-page input:focus, .console-page textarea:focus, .console-page select:focus { outline: rgb(197, 220, 255) solid 2px; outline-offset: 1px; border-color: rgb(81, 148, 239); }
.console-page .stats { gap: 20px; }
.console-page .stats > div { border: 1px solid rgb(231, 237, 245); background: white; border-radius: 8px; padding: 24px; }
.console-page .stats strong { font-size: 32px; color: rgb(39, 125, 228); }
.console-page .tag { border: 0px; background: rgb(238, 245, 255); color: rgb(57, 118, 186); border-radius: 4px; padding: 5px 9px; }
.console-page .settings-note { padding: 24px; background: rgb(246, 249, 255); border-radius: 8px; }
.console-page .pagination { padding-top: 20px; }
.console-footer { padding: 18px 30px; color: rgb(154, 164, 178); font-size: 11px; border-top: 1px solid rgb(232, 237, 244); }
.console-page .order-row, .console-page .conversation-message { border-radius: 8px; }
.console-page .search-form { flex-wrap: wrap; }
.console-page .settings-layout { align-items: start; }
.console-page .form-card label { font-size: 13px; color: rgb(82, 97, 119); }
.console-page .count { background: rgb(237, 244, 255); color: rgb(60, 125, 221); border-radius: 5px; padding: 3px 8px; }
.auth-page { min-height: 100vh; background: radial-gradient(at 8% 0%, rgb(86, 40, 191) 0px, transparent 54%), linear-gradient(125deg, rgb(48, 78, 181) 0%, rgb(88, 121, 200) 58%, rgb(122, 174, 209) 100%); color: white; position: relative; isolation: isolate; }
.auth-page::before { content: ""; position: fixed; inset: 12% 38% 0px -12%; background: radial-gradient(circle, rgba(255, 255, 255, 0.14) 2px, transparent 2.5px) 0% 0% / 18px 18px; mask-image: radial-gradient(rgb(0, 0, 0), transparent 70%); transform: rotate(-12deg); pointer-events: none; z-index: -1; }
.auth-header { max-width: 1320px; margin: auto; padding: 40px 5%; display: flex; justify-content: space-between; align-items: center; }
.auth-header > a { color: rgb(229, 237, 255); font-size: 13px; }
.auth-header .console-brand { color: white; font-size: 26px; }
.auth-header .console-mark { background: rgba(255, 255, 255, 0.145); border: 1px solid rgba(255, 255, 255, 0.22); }
.auth-page .login-layout { width: 90%; max-width: 1200px; min-height: calc(-220px + 100vh); margin: 0px auto; padding: 40px 0px 70px; display: grid; grid-template-columns: minmax(0px, 1fr) 390px; gap: 9%; align-items: center; }
.auth-page .login-layout > div { max-width: 650px; }
.auth-page .login-layout h1 { color: white; font-size: clamp(34px, 3.4vw, 52px); font-weight: 500; line-height: 1.5; letter-spacing: 2px; margin: 20px 0px; }
.auth-page .login-layout .lead { color: rgb(217, 231, 255); font-size: 17px; }
.auth-kicker { font-size: 14px; letter-spacing: 5px; color: rgb(203, 223, 255); }
.auth-page .form-card { background: white; color: rgb(36, 52, 80); border: 0px; border-radius: 10px; padding: 38px 34px; box-shadow: rgba(23, 44, 106, 0.2) 0px 24px 70px; gap: 20px; }
.auth-page .form-card h2 { font-size: 25px; font-weight: 500; margin: 0px; }
.auth-form-subtitle { font-size: 13px; color: rgb(146, 157, 172); margin: -10px 0px 10px; }
.auth-page .form-card label { font-size: 13px; color: rgb(86, 103, 127); }
.auth-page .form-card input { height: 46px; border: 1px solid rgb(220, 227, 239); border-radius: 5px; background: rgb(250, 252, 255); color: rgb(38, 54, 83); }
.auth-page .form-card input:focus { outline: rgb(198, 220, 255) solid 2px; border-color: rgb(67, 139, 235); }
.auth-page .button { background: rgb(45, 131, 237); border: 0px; border-radius: 5px; height: 46px; font-size: 15px; letter-spacing: 2px; }
.auth-page .fine-print { font-size: 11px; color: rgb(144, 154, 170); line-height: 1.7; }
.auth-page .plain-link { font-size: 13px; color: rgb(57, 129, 217); }
.auth-page .demo-accounts { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.145); color: rgb(220, 232, 255); padding: 16px 20px; max-width: 350px; border-radius: 8px; margin-top: 35px; }
.auth-page .demo-accounts p, .auth-page .demo-accounts small { color: rgb(220, 232, 255); font-size: 12px; line-height: 1.8; }
.auth-page .demo-accounts strong { color: white; font-size: 12px; }
.auth-footer { text-align: center; padding: 18px; color: rgb(213, 227, 247); font-size: 12px; }
.auth-page .form-result { color: rgb(184, 64, 64); }
.console-page a:focus-visible, .auth-page a:focus-visible { outline: rgb(85, 169, 255) solid 2px; outline-offset: 4px; }
@media (max-width: 1050px) {
  .console-sidebar { width: 196px; padding-inline: 12px; }
  .console-body { margin-left: 196px; }
  .console-page main { padding-inline: 20px; }
  .console-top { padding-inline: 20px; }
  .console-page .settings-layout { grid-template-columns: 1fr; }
  .auth-page .login-layout { gap: 5%; grid-template-columns: minmax(0px, 1fr) 360px; }
}
@media (max-width: 700px) {
  .console-sidebar { position: relative; width: 100%; padding: 16px 18px; }
  .console-sidebar .console-brand { font-size: 20px; }
  .console-role, .console-switch { display: none; }
  .console-menu > summary { display: block; cursor: pointer; font-size: 13px; padding: 14px 8px 4px; }
  .console-menu nav { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .console-nav-group { margin: 12px 0px 0px; }
  .console-nav-group a { font-size: 12px; padding: 8px; }
  .console-body { margin-left: 0px; }
  .console-top { height: auto; min-height: 62px; flex-wrap: wrap; padding: 14px 18px; gap: 12px; }
  .console-top > div { gap: 12px; font-size: 12px; }
  .console-avatar { display: none; }
  .console-page main { padding: 0px 14px 20px; }
  .console-page .admin-section { padding: 14px; }
  .console-page .page-intro { padding-top: 22px; }
  .console-page .admin-toolbar { padding: 14px; }
  .console-page .stats { gap: 10px; }
  .console-page .stats > div { padding: 15px; }
  .auth-header { padding: 24px 6%; }
  .auth-header .console-brand { font-size: 20px; }
  .auth-page .login-layout { display: flex; flex-direction: column; align-items: stretch; width: 88%; padding: 15px 0px 30px; gap: 25px; min-height: 0px; }
  .auth-page .login-layout h1 { font-size: 29px; margin: 12px 0px; }
  .auth-page .login-layout .lead { font-size: 14px; }
  .auth-page .form-card { padding: 28px 24px; }
  .auth-page .demo-accounts { margin-top: 15px; }
  .auth-kicker { font-size: 11px; letter-spacing: 3px; }
}
.auth-page .form-card > .button { width: 100%; justify-content: center; }
.console-page .console-top .text-button { padding: 4px 0px; }
.console-nav-group a { padding-block: 8px; }
.console-role { padding-bottom: 18px; }
.console-sidebar { scrollbar-width: thin; scrollbar-color: rgb(53, 80, 106) rgb(7, 29, 50); }
.console-page .settings-plans { gap: 18px; }
.console-page .settings-plans .form-card { min-width: 0px; }
@media (max-width: 700px) {
  .console-page .table-wrap table { min-width: 680px; }
  .console-page .table-wrap { overscroll-behavior-x: contain; }
  .console-page .table-wrap td, .console-page .table-wrap th { min-width: 130px; }
}
.auth-business { background: rgb(240, 243, 247); color: rgb(40, 57, 77); }
.auth-business::before { display: none; }
.auth-business .auth-header .console-brand { color: rgb(33, 59, 89); }
.auth-business .auth-header > a { color: rgb(100, 116, 139); }
.auth-business .auth-header .console-mark { background: rgb(40, 120, 212); color: rgb(255, 255, 255); border: 0px; }
.auth-business .login-layout h1 { color: rgb(35, 62, 96); font-size: 44px; line-height: 1.5; font-weight: 500; letter-spacing: 0px; }
.auth-business .auth-kicker { color: rgb(82, 114, 141); letter-spacing: 2px; }
.auth-business .login-layout .lead { color: rgb(116, 130, 149); font-size: 15px; }
.auth-business .form-card { border: 1px solid rgb(224, 229, 236); border-radius: 4px; box-shadow: rgba(24, 50, 75, 0.02) 0px 4px 20px; padding: 36px; }
.auth-business .demo-accounts { border: 1px solid rgb(217, 226, 237); background: rgb(232, 238, 245); border-radius: 3px; }
.auth-business .demo-accounts p, .auth-business .demo-accounts small, .auth-business .demo-accounts strong { color: rgb(100, 117, 139); }
.auth-business .auth-footer { color: rgb(138, 150, 165); }
.auth-business .form-card > .button { letter-spacing: 0px; }
.console-page .form-card, .console-page .product-panel, .console-page .admin-section, .console-page .order-summary, .console-page .stats > div { border-radius: 3px; box-shadow: none; }
.console-page .console-mark, .console-page .console-nav-group a { border-radius: 3px; }
.wallet-overview { display: flex; align-items: center; justify-content: space-between; background: white; border: 1px solid rgb(227, 232, 239); padding: 24px; margin-bottom: 20px; box-sizing: border-box; }
.wallet-overview > div { display: flex; align-items: center; gap: 24px; }
.wallet-overview span { color: rgb(118, 130, 149); font-size: 13px; }
.wallet-overview strong { font-size: 30px; font-weight: 500; color: rgb(38, 57, 78); }
.wallet-overview a { font-size: 13px; }
@media (max-width: 700px) {
  .wallet-overview, .wallet-overview > div { flex-wrap: wrap; gap: 15px; }
  .auth-business .login-layout h1 { font-size: 28px; }
  .auth-business .form-card { padding: 25px; }
}
.customer-overview { display: grid; grid-template-columns: minmax(300px, 1fr) 1.4fr; gap: 20px; margin-bottom: 20px; }
.customer-overview .wallet-overview { margin: 0px; padding: 24px; gap: 20px; }
.customer-overview .wallet-overview > div:first-child { flex-direction: column; align-items: flex-start; gap: 10px; }
.customer-overview .wallet-overview > div:last-child { flex-direction: column; gap: 12px; }
.customer-overview .dashboard-shortcuts { margin: 0px; gap: 0px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 232, 239); align-items: stretch; }
.customer-overview .dashboard-shortcuts > a { border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(237, 240, 245) currentcolor currentcolor; border-image: none; background: none; border-radius: 0px; justify-content: center; padding: 20px 15px; }
.customer-overview .dashboard-shortcuts > a:last-child { border: 0px; }
.customer-overview .dashboard-shortcuts strong { font-size: 14px; font-weight: 500; }
.customer-overview .dashboard-shortcuts span { font-size: 11px; }
.customer-todos { display: flex; align-items: center; gap: 35px; background: white; border: 1px solid rgb(227, 232, 239); padding: 15px 22px; box-sizing: border-box; margin-bottom: 20px; font-size: 13px; }
.customer-todos > strong { font-weight: 500; color: rgb(55, 73, 92); }
.customer-todos a { color: rgb(106, 119, 136); }
.customer-todos b { font-weight: 500; color: rgb(38, 118, 205); margin-left: 10px; }
.console-page .dashboard-intro { padding: 26px 0px 22px; }
.console-page .dashboard-intro p { color: rgb(131, 144, 160); font-size: 13px; }
.console-page .dashboard-section { background: white; border: 1px solid rgb(227, 232, 239); padding: 23px; box-sizing: border-box; margin-top: 20px; }
.console-page .website-card { border: 1px solid rgb(229, 234, 241); border-radius: 3px; box-shadow: none; background: rgb(255, 255, 255); }
.console-page .site-identity { border-radius: 3px; background: rgb(242, 245, 250); }
.console-page .website-filter { background: rgb(247, 249, 252); border: 0px; border-radius: 3px; }
.console-page .site-actions { padding-top: 16px; margin-top: 15px; border-top: 1px solid rgb(238, 241, 246); }
.console-page .site-actions .plain-link { font-size: 12px; }
.customer-support { background: white; border: 1px solid rgb(227, 232, 239); margin-top: 22px; box-sizing: border-box; }
.customer-support > summary { padding: 19px 23px; color: rgb(81, 97, 119); cursor: pointer; font-size: 14px; }
.customer-support > .request-layout { padding: 0px 23px 23px; margin: 0px; }
.console-page .expiry-summary { padding: 13px 0px; margin-top: 0px; }
.console-page .stats { margin-bottom: 12px; }
.console-page .stats > div { padding: 18px 23px; }
.console-page .stats strong { font-size: 27px; }
.console-page .site-detail h3 { font-size: 17px; }
.console-page .site-meta { font-size: 12px; }
@media (max-width: 1050px) {
  .customer-overview { grid-template-columns: 1fr; }
  .customer-overview .wallet-overview > div:last-child { flex-direction: row; }
  .customer-overview .dashboard-shortcuts { min-height: 85px; }
}
@media (max-width: 700px) {
  .customer-overview { gap: 12px; }
  .customer-todos { gap: 15px; flex-wrap: wrap; padding: 15px; }
  .console-page .dashboard-section { padding: 14px; }
  .customer-overview .dashboard-shortcuts > a { border-right: 0px; border-bottom: 1px solid rgb(237, 240, 245); padding: 14px; }
  .customer-support > .request-layout { padding: 0px 14px 14px; }
  .console-page .site-actions .plain-link { width: auto; }
  .console-page .site-actions { gap: 12px; }
  .console-page .dashboard-intro { padding-top: 22px; }
}
.brand-image { width: auto; height: 36px; max-width: 110px; object-fit: contain; }
.console-brand .brand-image { max-width: 70px; height: 32px; }
.brand-preview { display: block; max-width: 180px; max-height: 80px; object-fit: contain; margin: 12px 0px; background: rgb(244, 246, 250); }
.brand-preview[hidden] { display: none; }
.brand-image-field { padding: 14px 0px; border-bottom: 1px solid rgb(230, 234, 240); }
.payment-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px; }
.payment-grid textarea { font-family: monospace; font-size: 12px; }
.payment-grid .form-card { min-width: 0px; }
.payment-grid code { overflow-wrap: anywhere; }
.payment-status { padding: 12px; background: rgb(244, 247, 251); line-height: 1.8; }
.payment-grid .form-result { overflow-wrap: anywhere; }
@media (max-width: 1000px) {
  .payment-grid { grid-template-columns: 1fr; }
}
.recharge-filters { display: flex; align-items: end; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.recharge-filters label { display: grid; gap: 8px; min-width: 150px; }
.recharge-filters label:first-child { flex: 1 1 0%; min-width: 240px; }
.recharge-details { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0px 32px; margin: 24px 0px; }
.recharge-details div { padding: 14px 0px; border-bottom: 1px solid rgb(232, 237, 242); min-width: 0px; }
.recharge-details dt { font-size: 13px; color: rgb(117, 130, 150); }
.recharge-details dd { margin: 7px 0px 0px; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .recharge-details { grid-template-columns: 1fr; }
  .recharge-filters label { flex: 1 1 0%; }
}
.customer-tabs { display: flex; gap: 24px; overflow-x: auto; border-bottom: 1px solid rgb(228, 233, 240); margin-bottom: 24px; }
.customer-tabs a { flex-shrink: 0; padding: 12px 0px; color: rgb(104, 117, 138); border-bottom: 2px solid transparent; }
.customer-tabs a[aria-current="page"] { color: rgb(36, 120, 221); border-bottom-color: rgb(36, 120, 221); font-weight: 600; }
.customer-stats { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
@media (max-width: 900px) {
  .customer-stats { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
.wallet-order { border-top: 1px solid rgb(228, 233, 240); margin-top: 24px; padding-top: 24px; }
.wallet-order form { max-width: 640px; }
.wallet-order label { display: block; margin: 16px 0px; }
.wallet-order textarea { display: block; width: 100%; min-height: 90px; margin-top: 8px; }
.wallet-order h2 { font-size: 18px; }
.form-card input[type="checkbox"] { width: 16px; min-width: 16px; height: 16px; min-height: 16px; padding: 0px; margin: 0px; flex: 0 0 16px; accent-color: rgb(38, 123, 232); }
.form-card label:has(> input[type="checkbox"]) { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 9px; }
.real-create-form input[type="checkbox"] { width: 16px; height: 16px; min-height: 16px; margin-right: 8px; }
.review-note-text { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 680px; }
.order-review-form { max-width: 760px; margin-bottom: 24px; }
.operations-cards { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 16px; margin-bottom: 24px; }
.operations-cards > a { display: flex; flex-direction: column; gap: 12px; padding: 22px; background: rgb(255, 255, 255); border: 1px solid rgb(229, 234, 241); color: rgb(79, 96, 116); text-decoration: none; }
.operations-cards strong { font-size: 30px; color: rgb(38, 123, 232); font-weight: 500; }
.operations-cards small { color: rgb(124, 137, 154); }
.operations-cards > a:hover { border-color: rgb(38, 123, 232); }
.operations-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.operations-grid > .product-panel { min-width: 0px; margin-top: 0px; }
@media (max-width: 1100px) {
  .operations-grid { grid-template-columns: 1fr; }
  .operations-cards { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 480px) {
  .operations-cards { gap: 10px; }
  .operations-cards > a { padding: 16px; }
}
.message-link { display: inline-flex; align-items: center; gap: 6px; }
.message-badge { background: rgb(215, 56, 67); color: white; border-radius: 12px; min-width: 20px; padding: 1px 6px; text-align: center; font-size: 11px; }
.notifications-section { padding-bottom: 32px; }
.message-toolbar { display: flex; align-items: center; justify-content: space-between; margin: 20px 0px; color: rgb(102, 112, 133); }
.message-list { border: 1px solid rgb(229, 233, 240); border-radius: 8px; background: white; overflow: hidden; }
.message-row { padding: 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid rgb(237, 240, 245); }
.message-row:last-child { border-bottom: 0px; }
.message-row.is-unread { border-left: 3px solid rgb(52, 120, 239); background: rgb(250, 252, 255); }
.message-row h2 { font-size: 16px; margin: 8px 0px; }
.message-row p { font-size: 14px; color: rgb(83, 97, 117); margin: 8px 0px; }
.message-row time, .message-kind { font-size: 12px; color: rgb(123, 135, 152); }
.message-row .button { flex-shrink: 0; }
@media (max-width: 640px) {
  .message-row { align-items: flex-start; padding: 18px; flex-direction: column; }
}
.customer-scope { padding: 18px 20px; border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(219, 229, 243) rgb(219, 229, 243) rgb(219, 229, 243) rgb(52, 120, 239); border-image: none; border-radius: 6px; background: rgb(248, 251, 255); margin-bottom: 20px; }
.customer-scope > div { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.customer-scope span { font-size: 13px; color: rgb(100, 116, 139); }
.customer-scope nav { display: flex; gap: 18px; flex-wrap: wrap; margin-top: 12px; font-size: 13px; }
.customer-scope a[aria-current="page"] { font-weight: 700; text-decoration: underline; text-underline-offset: 5px; }
.security-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; margin-bottom: 32px; }
.security-layout .form-card { min-width: 0px; }
.security-layout table { font-size: 13px; }
@media (max-width: 800px) {
  .security-layout { grid-template-columns: 1fr; }
}
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; }
.service-estimate { padding: 16px 18px; margin: 16px 0px; background: rgb(243, 247, 252); border: 1px solid rgb(219, 229, 241); border-radius: 6px; color: rgb(48, 70, 94); line-height: 1.7; }
.service-estimate p { margin: 6px 0px; }
.service-estimate[hidden] { display: none; }
.stats .stat-link { display: flex; flex-direction: column; gap: 12px; padding: 24px; color: inherit; text-decoration: none; border: 1px solid rgb(221, 229, 239); border-radius: 8px; background: rgb(255, 255, 255); }
.stats .stat-link:hover, .stats .stat-link:focus-visible { border-color: rgb(40, 121, 232); background: rgb(244, 248, 255); }
.acting-banner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 24px; background: rgb(255, 244, 214); border-bottom: 1px solid rgb(226, 197, 120); color: rgb(96, 71, 12); }
#my-websites, #bound-domains { scroll-margin-top: 90px; }
.header .header-account { display: flex; align-items: center; flex-wrap: nowrap; flex-shrink: 0; gap: 16px; margin-left: 24px; }
.header .header-account .button { color: rgb(255, 255, 255); font-size: 14px; padding: 10px 19px; white-space: nowrap; }
.header-account-name { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .header-account .header-login { font-weight: 500; padding: 10px 0px; white-space: nowrap; }
@media (max-width: 1000px) {
  .header .header-account { margin-left: 8px; gap: 12px; }
  .header .header-account .button { padding: 9px 12px; }
  .header-account-name { display: none; }
}
@media (max-width: 600px) {
  .header .brand { max-width: 40%; font-size: 17px; }
  .header .site-menu { order: 3; margin-left: 0px; }
  .header .header-account { margin-left: auto; gap: 10px; }
  .header .header-account .button { padding: 8px 10px; font-size: 13px; }
  .header .header-account .header-login { font-size: 13px; }
  .header .site-menu > summary { padding: 7px; }
  .header .site-menu > summary span { display: none; }
}
.home-build-options { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; padding-block: 24px 72px; }
.home-build-options > a { display: block; padding: 30px; border: 1px solid rgb(225, 231, 239); border-radius: 10px; background: rgb(255, 255, 255); color: rgb(38, 54, 74); text-decoration: none; }
.home-build-options > a:hover { border-color: rgb(40, 120, 212); }
.home-build-options h2 { font-size: 22px; margin: 20px 0px 12px; }
.home-build-options p { color: rgb(108, 120, 136); line-height: 1.8; min-height: 52px; }
.home-build-options strong { display: block; color: rgb(23, 104, 198); margin-top: 24px; }
.build-entry-intro { padding-bottom: 0px; }
.header .header-account .header-build { color: rgb(23, 104, 198); font-weight: 600; white-space: nowrap; }
@media (max-width: 760px) {
  .home-build-options { grid-template-columns: 1fr; gap: 14px; }
  .home-build-options > a { padding: 24px; }
  .home-build-options p { min-height: 0px; }
  .header .header-account { gap: 8px; }
  .header .header-account .header-build { font-size: 12px; }
  .header .brand { max-width: 26%; }
}
.sms-code-row { display: flex; align-items: center; gap: 10px; }
.sms-code-row input { min-width: 0px; flex: 1 1 0%; }
.sms-code-row button { flex-shrink: 0; }
.captcha-refresh { padding: 0px; border: 1px solid rgb(220, 228, 238); background: rgb(239, 245, 252); cursor: pointer; }
.captcha-refresh img { display: block; }
.sms-result { font-size: 13px; color: rgb(84, 106, 130); }
.sms-preview { white-space: pre-wrap; overflow-wrap: anywhere; background: rgb(244, 247, 251); padding: 16px; border-radius: 6px; }
.auth-methods > details { margin-top: 20px; }
.auth-methods > details > summary { cursor: pointer; color: rgb(23, 104, 198); padding: 12px; }
.template-preview-link { cursor: pointer; text-decoration: none; }
.template-preview-link:hover { box-shadow: rgb(40, 120, 212) 0px 0px 0px 2px; }
.template-preview-link:focus-visible { outline: rgb(40, 120, 212) solid 3px; outline-offset: 3px; }
.template-detail { display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(300px, 1fr); gap: 32px; padding-bottom: 64px; }
.template-detail-cover { display: block; width: 100%; height: auto; border: 1px solid rgb(225, 231, 239); border-radius: 8px; }
.template-mobile-cover { max-width: 100%; width: 360px; height: auto; }
.template-detail details { margin-top: 20px; }
.template-detail article { align-self: start; }
.template-detail article p, .template-detail article li { line-height: 1.85; }
@media (max-width: 760px) {
  .template-detail { grid-template-columns: 1fr; }
}
.template-editorial-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.85; margin-bottom: 24px; }
.template-search-preview { border: 1px solid rgb(220, 228, 238); border-radius: 8px; padding: 20px; margin-block: 20px; overflow-wrap: anywhere; }
.template-search-preview small { color: rgb(113, 128, 150); }
.template-search-preview .preview-url { font-size: 13px; color: rgb(53, 112, 74); }
.template-search-preview h2 { font-size: 20px; color: rgb(36, 91, 179); margin: 8px 0px; }
.template-search-preview [data-template-seo-description] { color: rgb(82, 96, 121); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
:root { --pm-navy: #0b1f3a; --pm-navy-2: #143058; --pm-ink: #17263f; --pm-muted: #57687f; --pm-line: #e2e8f1; --pm-blue: #2b6de0; --pm-blue-dark: #1d56bc; --pm-blue-wash: #eef4fe; --pm-wash: #f6f9fc; --pm-radius: 12px; --pm-font: "PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,system-ui,sans-serif; --pm-shadow: 0 24px 55px -30px rgba(11,31,58,.28); }
html, body { overflow-x: clip; }
body { font-family: var(--pm-font); color: var(--pm-ink); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
h1, h2, h3 { color: var(--pm-ink); letter-spacing: -0.01em; }
::selection { background: rgb(216, 230, 251); }
a { color: var(--pm-blue); }
img, svg, video { max-width: 100%; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 2px solid var(--pm-blue); outline-offset: 3px; border-radius: 2px; }
.button { border-radius: 8px; background: var(--pm-blue); border-color: var(--pm-blue); font-weight: 500; padding: 11px 22px; transition: background 0.15s, border-color 0.15s, box-shadow 0.15s, color 0.15s; }
.button:hover { background: var(--pm-blue-dark); border-color: var(--pm-blue-dark); color: rgb(255, 255, 255); text-decoration: none; box-shadow: rgba(29, 86, 188, 0.55) 0px 10px 22px -12px; }
.button.quiet { background: rgb(255, 255, 255); color: var(--pm-blue); border-color: rgb(197, 212, 234); }
.button.quiet:hover { background: var(--pm-blue-wash); border-color: var(--pm-blue); color: var(--pm-blue-dark); box-shadow: none; }
.button:disabled { box-shadow: none; }
.console-page .button { transition: none; }
.topbar { background: var(--pm-wash); border-bottom: 1px solid var(--pm-line); color: rgb(104, 119, 141); }
.topbar a { color: rgb(85, 102, 125); }
.topbar a:hover { color: var(--pm-blue); text-decoration: none; }
.demo-bar { background: rgb(253, 246, 228); border-bottom: 1px solid rgb(240, 226, 186); color: rgb(134, 103, 42); }
.header { padding-block: 20px; border-bottom: 1px solid var(--pm-line); }
.brand { font-weight: 650; color: var(--pm-navy); letter-spacing: -0.01em; }
.brand > svg { stroke: var(--pm-blue); }
.header nav a { color: rgb(60, 76, 99); padding-block: 6px; transition: color 0.15s; }
.header nav a:hover { color: var(--pm-blue); text-decoration: none; }
.header nav a[aria-current="page"] { color: var(--pm-blue); box-shadow: 0 2px var(--pm-blue); font-weight: 600; }
.header .header-account .header-build { color: var(--pm-blue); }
.site-menu > summary { border-color: var(--pm-line); border-radius: 8px; color: rgb(60, 76, 99); }
.footer { width: 100%; max-width: none; margin-top: 72px; border-top: 0px; background: var(--pm-navy); color: rgb(147, 167, 192); padding: 52px max(20px, 50% - 600px) 44px; }
.footer > div { gap: 26px; }
.footer strong { color: rgb(255, 255, 255); font-weight: 600; }
.footer a { color: rgb(194, 210, 230); }
.footer a:hover { color: rgb(255, 255, 255); text-decoration: none; }
.footer p { color: rgb(111, 134, 165); margin-top: 12px; }
.start-scene .footer { display: none; }
.console-page .footer, .auth-page .footer { background: none; color: inherit; padding: 0px; }
body:not(.console-page) .page-intro { padding-block: 44px 26px; }
body:not(.console-page) .page-intro h1 { font-size: clamp(26px, 3vw, 34px); font-weight: 650; color: var(--pm-navy); }
body:not(.console-page) .page-intro > p { font-size: 15px; line-height: 1.85; max-width: 680px; }
.product-panel { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); padding: 28px; }
.section-title h2 { color: var(--pm-navy); }
.tag { border: 1px solid rgb(211, 224, 242); background: var(--pm-blue-wash); color: rgb(61, 104, 168); border-radius: 999px; padding: 3px 11px; }
.plan-bottom strong, .build-total strong, .build-review .build-total strong, .order-price, .order-row-price strong, .plan-choice b, .source-build-footer strong { color: var(--pm-navy); }
.fine-print, .disclaimer { color: rgb(133, 147, 166); }
.plan-card { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); padding: 28px; display: flex; flex-direction: column; transition: border-color 0.15s, box-shadow 0.15s; }
.plan-card:hover { border-color: rgb(184, 203, 230); box-shadow: var(--pm-shadow); }
.plan-card h3 { font-size: 22px; color: var(--pm-navy); }
.plan-top { color: rgb(147, 161, 179); }
.plan-card ul { color: var(--pm-muted); }
.plan-bottom { border-top: 1px solid var(--pm-line); }
.plan-bottom strong { font-weight: 650; }
.plan-bottom a { font-weight: 500; }
.template-card { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); padding: 16px; transition: border-color 0.15s, box-shadow 0.15s; }
.template-card:hover { border-color: rgb(184, 203, 230); box-shadow: var(--pm-shadow); }
.template-card h2 { font-size: 17px; color: var(--pm-navy); }
.template-art { border-radius: 9px; background: var(--pm-wash); color: rgb(139, 153, 172); }
.template-search input, .template-search select { border-color: rgb(204, 214, 228); border-radius: 8px; min-height: 44px; }
.template-search input:focus-visible, .template-search select:focus-visible { outline: 2px solid var(--pm-blue); border-color: var(--pm-blue); }
.template-detail-cover { border-radius: var(--pm-radius); border-color: var(--pm-line); }
.form-card { border: 1px solid var(--pm-line); border-radius: var(--pm-radius); padding: 28px; box-shadow: rgba(11, 31, 58, 0.25) 0px 14px 34px -26px; }
.form-card h2 { color: var(--pm-navy); }
.form-card input, .form-card select, .form-card textarea { border: 1px solid rgb(201, 212, 227); border-radius: 8px; min-height: 44px; transition: border-color 0.15s, box-shadow 0.15s; }
.form-card input:focus, .form-card select:focus, .form-card textarea:focus { border-color: var(--pm-blue); box-shadow: rgba(43, 109, 224, 0.16) 0px 0px 0px 3px; outline: none; }
.website-filter { border-color: var(--pm-line); border-radius: 10px; }
.website-filter input, .website-filter select { border-radius: 8px; min-height: 42px; }
.domain-input { border-radius: 8px; border-color: rgb(201, 212, 227); }
.domain-input:focus-within { border-color: var(--pm-blue); box-shadow: rgba(43, 109, 224, 0.16) 0px 0px 0px 3px; }
.source-build-panel { border: 1px solid var(--pm-line); border-radius: 16px; box-shadow: var(--pm-shadow); }
.source-build-panel h2 { color: var(--pm-navy); }
.upgrade-build-anchor .source-build-panel { border-radius: 16px; }
.source-plan-radios label > span { border-radius: 8px; transition: border-color 0.15s, background 0.15s; }
.source-plan-radios input:checked + span { border-color: var(--pm-blue); background: var(--pm-blue-wash); box-shadow: inset 0 0 0 1px var(--pm-blue); }
.source-build-row .radio-options label:has(input:checked) { border-color: var(--pm-blue); background: var(--pm-blue-wash); box-shadow: inset 0 0 0 1px var(--pm-blue); }
.build-review { border-top: 3px solid var(--pm-blue); border-radius: 0px 0px 10px 10px; }
.plan-choice input:checked + span { border-color: var(--pm-blue); background: var(--pm-blue-wash); box-shadow: inset 0 0 0 1px var(--pm-blue); }
.auth-page .button { background: var(--pm-blue); border: 0px; transition: background 0.15s; }
.auth-page .button:hover { background: var(--pm-blue-dark); }
.auth-business { background: rgb(242, 245, 249); }
.auth-business .auth-header .console-brand { color: var(--pm-navy); }
.auth-business .auth-header .console-mark { background: var(--pm-blue); }
.auth-business .login-layout h1 { color: var(--pm-navy); }
.auth-business .form-card { border-color: var(--pm-line); border-radius: var(--pm-radius); box-shadow: var(--pm-shadow); }
.auth-business .plain-link { color: var(--pm-blue); }
.auth-page .form-card input:focus { border-color: var(--pm-blue); box-shadow: rgba(43, 109, 224, 0.16) 0px 0px 0px 3px; }
.premium-home { display: block; }
.premium-home section { min-width: 0px; }
.premium-hero { position: relative; display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 72px; align-items: center; padding-block: 104px 96px; }
.premium-hero::before { content: ""; position: absolute; inset: 0px calc(50% - 50vw); background: linear-gradient(rgb(244, 248, 253) 0%, rgb(255, 255, 255) 78%); border-bottom: 1px solid var(--pm-line); z-index: -1; }
.premium-kicker { margin: 0px 0px 20px; font-size: 13px; font-weight: 600; color: var(--pm-blue); letter-spacing: 0.12em; }
.premium-title { margin: 0px 0px 24px; font-size: clamp(32px, 4.4vw, 52px); line-height: 1.28; font-weight: 650; color: var(--pm-navy); letter-spacing: -0.015em; }
.premium-lede { margin: 0px 0px 36px; max-width: 520px; font-size: 16px; line-height: 1.9; color: var(--pm-muted); }
.premium-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.premium-hero-actions .button { padding: 14px 30px; font-size: 15px; border-radius: 9px; }
.premium-hero-note { margin: 24px 0px 0px; font-size: 13px; }
.premium-hero-note a { color: var(--pm-muted); }
.premium-hero-note a:hover { color: var(--pm-blue); text-decoration: none; }
.premium-hero-visual { min-width: 0px; }
.premium-mock { background: rgb(255, 255, 255); border: 1px solid rgb(221, 230, 242); border-radius: 16px; box-shadow: var(--pm-shadow); overflow: hidden; }
.premium-mock-bar { display: flex; align-items: center; gap: 6px; padding: 13px 16px; background: rgb(248, 250, 253); border-bottom: 1px solid rgb(237, 241, 247); }
.premium-mock-bar i { width: 8px; height: 8px; border-radius: 50%; background: rgb(211, 221, 235); }
.premium-mock-url { margin-left: 10px; padding: 3px 12px; border-radius: 6px; background: rgb(237, 241, 248); font-size: 11px; color: rgb(135, 149, 169); }
.premium-mock-body { padding: 26px 26px 30px; }
.premium-mock-nav { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.premium-mock-brand { display: block; width: 84px; height: 10px; border-radius: 5px; background: var(--pm-navy); }
.premium-mock-links { display: flex; gap: 9px; }
.premium-mock-links i { width: 32px; height: 7px; border-radius: 4px; background: rgb(220, 228, 239); }
.premium-mock-hero { display: block; padding: 28px 0px 32px; border-top: 1px solid rgb(238, 242, 248); border-bottom: 1px solid rgb(238, 242, 248); }
.premium-mock-hero i { display: block; }
.premium-mock-title { width: 62%; height: 17px; border-radius: 6px; background: var(--pm-navy); }
.premium-mock-sub { width: 42%; height: 9px; border-radius: 5px; background: rgb(198, 212, 231); margin-top: 14px; }
.premium-mock-cta { width: 96px; height: 28px; border-radius: 8px; background: var(--pm-blue); margin-top: 24px; }
.premium-mock-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 22px; }
.premium-mock-tile { height: 66px; border: 1px solid rgb(229, 236, 245); border-radius: 9px; background: linear-gradient(rgb(251, 252, 254), rgb(242, 246, 251)); }
.premium-section-head { max-width: 620px; margin-bottom: 48px; }
.premium-section-head h2 { margin: 0px 0px 14px; font-size: clamp(24px, 3vw, 34px); font-weight: 650; color: var(--pm-navy); }
.premium-section-head p { margin: 0px; font-size: 15px; line-height: 1.85; color: var(--pm-muted); }
.premium-paths { padding-block: 96px; }
.premium-path-list { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.premium-path { display: flex; flex-direction: column; padding: 32px 30px; border: 1px solid var(--pm-line); border-radius: 14px; background: rgb(255, 255, 255); color: var(--pm-ink); transition: border-color 0.15s, box-shadow 0.15s; }
.premium-path:hover { border-color: rgb(184, 203, 230); box-shadow: var(--pm-shadow); text-decoration: none; }
.premium-path-tag { align-self: flex-start; margin-bottom: 20px; padding: 4px 13px; border-radius: 999px; background: var(--pm-blue-wash); color: var(--pm-blue); font-size: 12px; font-weight: 600; }
.premium-path h3 { margin: 0px 0px 10px; font-size: 20px; font-weight: 650; }
.premium-path p { margin: 0px 0px 24px; font-size: 14px; line-height: 1.85; color: var(--pm-muted); }
.premium-path-link { margin-top: auto; font-size: 14px; font-weight: 600; color: var(--pm-blue); }
.premium-path-link::after { content: "→"; margin-left: 8px; }
.premium-process { padding-block: 96px; border-top: 1px solid var(--pm-line); }
.premium-steps { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 36px; }
.premium-steps li { border-top: 2px solid var(--pm-navy); padding-top: 28px; }
.premium-step-num { display: block; margin-bottom: 14px; font-size: 13px; font-weight: 650; color: var(--pm-blue); letter-spacing: 0.1em; }
.premium-steps h3 { margin: 0px 0px 10px; font-size: 18px; font-weight: 650; }
.premium-steps p { margin: 0px; font-size: 14px; line-height: 1.85; color: var(--pm-muted); }
.premium-cta { padding-block: 96px; }
.premium-cta-inner { padding: 68px 56px; border-radius: 20px; background: linear-gradient(125deg,var(--pm-navy) 0%,var(--pm-navy-2) 100%); color: rgb(219, 230, 245); }
.premium-cta-inner h2 { margin: 0px 0px 14px; max-width: 560px; font-size: clamp(24px, 3vw, 34px); font-weight: 650; color: rgb(255, 255, 255); }
.premium-cta-inner p { margin: 0px 0px 34px; max-width: 520px; font-size: 15px; line-height: 1.85; color: rgb(169, 189, 214); }
.premium-cta-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.premium-cta .button { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: var(--pm-navy); padding: 13px 28px; font-size: 15px; border-radius: 9px; }
.premium-cta .button:hover { background: rgb(231, 238, 248); border-color: rgb(231, 238, 248); color: var(--pm-navy); box-shadow: none; }
.premium-cta .button.quiet { background: transparent; border-color: rgb(74, 103, 149); color: rgb(219, 230, 245); }
.premium-cta .button.quiet:hover { background: rgba(255, 255, 255, 0.08); border-color: rgb(143, 169, 205); color: rgb(255, 255, 255); }
.ai-demo { display: none !important; }
.upgrade-hero { grid-template-columns: minmax(0px, 760px); gap: 0px; padding-block: 88px 72px; }
.upgrade-hero-copy h1 { font-size: clamp(30px, 4vw, 46px); color: var(--pm-navy); }
.upgrade-hero-copy h1 > span { color: var(--pm-blue); }
.upgrade-hero-copy > p { max-width: 560px; }
.upgrade-hero-actions .button { background: var(--pm-blue); border-color: var(--pm-blue); border-radius: 9px; }
.upgrade-hero-actions .quiet { background: rgb(255, 255, 255); color: var(--pm-blue); border-color: rgb(197, 212, 234); }
.home-build-options { padding-block: 8px 88px; }
.home-build-options > a { border-radius: 14px; border-color: var(--pm-line); transition: border-color 0.15s, box-shadow 0.15s; }
.home-build-options > a:hover { border-color: rgb(184, 203, 230); box-shadow: var(--pm-shadow); }
.home-build-options strong { color: var(--pm-blue); }
@media (max-width: 1000px) {
  .premium-hero { grid-template-columns: 1fr; gap: 56px; padding-block: 72px 64px; }
  .premium-hero-visual { max-width: 560px; }
  .premium-paths, .premium-process, .premium-cta { padding-block: 64px; }
  .premium-steps { gap: 28px; }
  .premium-cta-inner { padding: 48px 36px; }
}
@media (max-width: 700px) {
  .premium-hero { padding-block: 52px 44px; gap: 40px; }
  .premium-kicker { margin-bottom: 14px; }
  .premium-title { font-size: 30px; }
  .premium-lede { font-size: 15px; margin-bottom: 28px; }
  .premium-hero-actions .button { flex: 1 1 0%; justify-content: center; padding: 13px 18px; font-size: 14px; }
  .premium-hero-visual { margin-inline: -4px; }
  .premium-mock-body { padding: 20px 18px 24px; }
  .premium-mock-grid { gap: 10px; }
  .premium-mock-tile { height: 52px; }
  .premium-paths, .premium-process, .premium-cta { padding-block: 48px; }
  .premium-section-head { margin-bottom: 32px; }
  .premium-path-list, .premium-steps { grid-template-columns: 1fr; gap: 14px; }
  .premium-path { padding: 24px 22px; }
  .premium-steps li { padding-top: 20px; }
  .premium-cta-inner { padding: 38px 24px; border-radius: 16px; }
  .premium-cta .button { flex: 1 1 0%; justify-content: center; }
  .footer { margin-top: 48px; padding-block: 40px 34px; }
  body:not(.console-page) .page-intro { padding-block: 32px 20px; }
  .product-panel { padding: 20px; }
  .form-card { padding: 22px; }
  .plan-card { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .button, .premium-path, .template-card, .plan-card, .header nav a, .form-card input, .form-card select, .form-card textarea, .source-plan-radios label > span, .home-build-options > a { transition: none; }
}
.start-scene { background: none rgb(255, 255, 255); }
.premium-eyebrow { display: block; margin: 0px 0px 14px; font-size: 13px; font-weight: 600; color: var(--pm-blue); letter-spacing: 0.08em; }
.premium-cta .premium-eyebrow { color: rgb(157, 191, 233); }
.premium-title span { color: inherit; }
.premium-manage-link { display: inline-block; margin-top: 24px; font-size: 13px; color: var(--pm-muted); }
.premium-manage-link:hover { color: var(--pm-blue); text-decoration: none; }
.premium-hero .premium-hero-note { margin: 12px 0px 0px; font-size: 12px; color: rgb(147, 161, 179); }
.premium-cta-actions { align-items: center; }
.premium-price-link { font-size: 14px; color: rgb(196, 214, 239); text-decoration: underline; text-underline-offset: 4px; }
.premium-price-link:hover { color: rgb(255, 255, 255); }
.preview-dots .premium-mock-tile { border: 0px; }

@media(max-width:380px){.header{gap:8px}.header .brand{max-width:none;flex-shrink:0;white-space:nowrap;font-size:16px}.header .header-account{gap:8px}.header .header-account .header-build{display:none}.header .header-account .header-login{padding:8px 0}.header .site-menu,.header .site-menu>summary{flex-shrink:0}.header .site-menu nav{left:0;right:0;width:100%}}