/* Figma OvgdwUFMuXudThRQG8jzgL / 4001:13, desktop 1440. */
:root { --bg: #00091e; --panel: #00091e; --panel-2: #00091e; }
html[data-theme="light"] { --bg: #f7f9fc; --panel: #fff; --panel-2: #eef3f8; --text: #12203a; --muted: #53637a; --line: #00758c; --line-soft: #8fc7d0; --ink: #12203a; color-scheme: light; }
/* Filled controls keep their original palette, including inherited icon colors. */
.cta, .section-cta, .form-submit, .domain-search .tiny-cta,
.site-search-panel .tiny-cta, .pricing-card:nth-child(3) .tiny-cta {
  --line: #22d3ee; --bg: #00091e; --text: #fff; --muted: #94a3b8;
}
.hosting-page .hf-accent-surface:not([aria-pressed="false"]),
.domains-page .hf-accent-surface:not([aria-pressed="false"]),
.domains-page .domains-filter[aria-pressed="true"],
.hosting-page :is([data-figma="4005:3667"], [data-figma="4005:3670"])[aria-pressed="true"] {
  --line: #22d3ee; --text: #fff; --muted: #94a3b8; --hosting-on-accent: #00091e;
}
.site-shell { padding-top: 20px; padding-bottom: 0; }
.site-header { position: relative; background: var(--bg); border: 0; backdrop-filter: none; }
body.admin-bar .site-header { top: auto; }
.header-inner { width: min(calc(100% - 80px), 1360px); padding: 20px 0; min-height: 104px; align-items: flex-start; gap: 20px; }
.brand, .site-footer .brand { gap: 8px; font-size: 34px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.brand-mark, .site-footer .brand-mark { width: 49px; height: 49px; flex: 0 0 49px; border: 0; border-radius: 0; background: transparent; }
.brand-mark img { width: 49px; height: 49px; }
.header-nav { display: flex; flex-direction: column; align-items: stretch; gap: 8px; flex: 1; color: var(--text); font-size: 18px; min-width: 0; }
.header-menu-row { display: flex; align-items: center; gap: 0; min-height: 27px; }
.header-menu-row a { padding: 0 30px; border-right: 1px solid var(--muted); white-space: nowrap; line-height: 27px; }
.header-menu-row a:first-child { padding-left: 0; }
.header-menu-row a:last-child { padding-right: 0; border-right: 0; }
.header-nav a[aria-current="page"], .header-nav a[aria-current="location"] { color: var(--violet); text-decoration: underline; text-underline-offset: 5px; }
.header-actions { display: flex; gap: 20px; align-items: flex-start; margin: 0; flex-shrink: 0; }
.header-tool { display: flex; flex-direction: column; align-items: center; gap: 0; padding: 0; border: 0; background: none; color: var(--text); font-size: 14px; font-weight: 400; line-height: 1.1; text-align: center; cursor: pointer; }
.header-tool img { width: 34px; height: 34px; object-fit: contain; }
.header-tool span { white-space: normal; line-height: 15px; }
.site-search-panel { max-width: 1360px; margin: 0 auto; padding: 16px; display: flex; gap: 16px; align-items: center; }
.site-search-panel[hidden] { display: none; }
.site-search-panel input { flex: 1; min-width: 0; padding: 12px; color: var(--text); background: var(--panel); border: 1px solid var(--line); }
.hero-frame { height: auto; overflow: visible; }
.hero { width: 100%; grid-template-columns: minmax(0, 1015px) minmax(0, 325px); gap: 20px; transform: none; height: 466px; }
.hero-main { width: 100%; border-right: 1px solid var(--line); margin-left: -1px; height: 466px; }
.hero-main::before { background-image: linear-gradient(89.917deg, rgb(0,9,30) 70.819%, rgba(0,9,30,.8) 89.122%, rgba(15,23,42,0) 99.952%), var(--hero-image); background-size: 694px 466px, 1015px 466px; background-position: left top; }
.hero-divider { position: relative; z-index: 1; }
.hero h1 { font-size: 64px; }
.hero h1 .accent { display: inline; }
.shortcut-card { min-height: 131px; height: 131px; padding: 8px 0 18px; gap: 0; background: transparent; }
.shortcut-icon { width: 56px; height: 56px; }
.shortcut-icon img { position: static; width: 56px; height: 56px; object-fit: contain; }
.shortcut-card .figma-arrow { margin-top: 18px; }
.hero-benefits { padding: 40px 35px 32px 20px; }
.hero-benefits h2 { white-space: nowrap; }
.benefit-list { gap: 12px; }
.benefit-row { grid-template-columns: 56px minmax(0, 1fr); min-height: 77px; }
.benefit-row:last-child { min-height: 56px; }
.service-icon { width: 56px; height: 56px; }
.section { height: auto !important; }
.section-head { background: transparent; border-color: var(--line); box-shadow: none; gap: 20px; }
.section-head .icon-box { border-right: 1px solid var(--line); width: 89px; flex-basis: 89px; overflow: visible; }
.section-head .icon-box img { width: 80px; height: 80px; }
.section-head h2 { flex: 1; min-width: 0; padding-left: 0; margin-top: 5.5px; }
.section-head::after { left: 149px; top: 75.5px; width: 946px; max-width: calc(100% - 190px); background: url('../figma/transparent/section-divider.png') left center / 100% 20px no-repeat; filter: none; opacity: 1; }
.domain-box, .pricing-card, .work-card, .platform-box, .technology-item, .contact-box, .feature-tile { background: transparent; }
.icon-box { background: transparent; border: 0; border-radius: 0; }
.domain-search input { min-width: 0; background-image: url('../figma/v2/search.png'); }
.domain-search a.tiny-cta { min-width: 139px; }
.domain-search a.tiny-cta { color: #fff; }
.pricing-card:nth-child(3) .tiny-cta { color: #00091e; }
.domain-search button.tiny-cta { min-width: 205px; }
.domain-price > span { flex: 0 0 160px; }
.domain-price b span { width: auto; }
.pricing-card { height: auto; min-height: 856px; }
.pricing-card header { gap: 16px; }
.price { min-height: 103px; }
.pricing-card:nth-child(3) .price { text-align: center; }
.pricing-card:nth-child(3) .price-main { justify-content: center; }
.pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pricing-card ul { width: min(100%, 367.333px); }
.pricing-card .plan-arrow { margin-left: 10px; flex-shrink: 0; }
.center-title::before, .center-title::after { box-shadow: none !important; border-radius: 0 !important; background: url('../figma/v2/center-line.svg') center / 100% 2px no-repeat !important; }
.features-row + .center-title { display: flex; gap: 30px; align-items: center; justify-content: center; margin-top: 30px; }
.features-row + .center-title::before, .features-row + .center-title::after { content: ''; width: 310px; height: 2px; }
#hosting .features-row { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#hosting .feature-tile { border: 0; }
#hosting .feature-tile .icon-box { border: 1px solid var(--line); }
.lead-block { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.lead-block p { margin: 20px 0 0; }
.lead-block .media-frame { width: 100%; }
.media-frame { border: 0; border-radius: 0; }
.media-frame img { object-fit: contain; aspect-ratio: auto; }
#seo .lead-block .media-frame { height: 383.724px; }
#branding .lead-block .media-frame, #tech .lead-block .media-frame { height: 446.667px; }
#sites .work-card { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#sites .work-card:first-child { height: auto; min-height: 441.429px; }
#sites .work-card:nth-child(2) { height: auto; min-height: 546px; }
#sites .work-content { width: 100%; grid-template-columns: 80px minmax(0, 1fr); }
#sites .work-card .media-frame { width: 100%; height: 359.429px; }
#sites .work-copy h4 { margin-bottom: 20px; }
#sites .work-copy > p:not(.work-lead) { max-width: 430.814px; }
.work-check-list { gap: 20px; }
.work-check-list li::before { background-image: url('../figma/transparent/work-check.png'); }
.work-stack + .center-title { margin-top: 57px; }
#sites .stack-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; min-height: 274px; }
#sites .stack-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; position: relative; padding: 16px 24px 24px; border: 0; }
#sites .stack-item img { margin-bottom: 18px; }
#sites .stack-item b { font-weight: 600; }
#sites .stack-item:not(:last-child)::after { content: ''; position: absolute; right: -20px; width: 1px; height: 160px; background: var(--line); top: 50.5px; }
.section-cta { margin-top: 30px; }
#seo .technology-item { grid-template-columns: 122px 748px; gap: 30px; }
#seo .technology-item h4 { width: 800px; max-width: none; margin-bottom: 20px; }
#seo .technology-item:last-child { height: 142px; }
#seo .platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.platform-box .icon-box { margin: 0; }
.tab-row { gap: 18px; }
.tab-row > span { min-height: 57px; height: auto; padding: 14px 29px; }
.platform-box:first-child .tab-row > span { flex-direction: column; justify-content: center; min-height: 57px; }
.platform-box:first-child .tab-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#branding .technology-item { height: auto; min-height: 184px; padding-top: 20px; padding-bottom: 20px; border-radius: 24px; }
#branding .technology-item h4 { margin-bottom: 20px; }
#branding .technology-item .icon-box { padding: 30px; }
#branding .feature-tile { border: 0; }
#branding .feature-tile:first-child { flex-basis: 364px; padding: 0; }
#branding .feature-tile:not(:first-child) { padding-bottom: 24px; }
#branding .feature-tile:nth-child(2) { margin-right: 20px; }
#branding .feature-tile:nth-child(3) { margin-right: 20px; }
#branding .feature-tile:nth-child(2)::after, #branding .feature-tile:nth-child(3)::after { right: -20px; background: var(--muted); }
#branding .features-row + .center-title { justify-content: flex-start; text-align: left; }
#branding .features-row + .center-title::before, #branding .features-row + .center-title::after { content: none; }
#branding .feature-tile:first-child p { text-align: center; line-height: 1.5; }
#branding .feature-tile:first-child p::after { content: none; }
#branding .feature-tile small { display: block; font-size: 18px; font-weight: 400; color: var(--muted); }
#tech .technology-item { height: auto; min-height: 188px; padding-top: 20px; padding-bottom: 20px; border-radius: 24px; }
#tech .technology-item:last-child { min-height: 184px; padding-top: 20px; padding-bottom: 20px; }
#tech .technology-item h4 { width: 800px; max-width: 100%; margin-bottom: 10px; }
#tech .technology-item .icon-box { overflow: visible; }
.tech-callout .icon-box, .tech-callout .icon-box img { width: 80px; height: 80px; }
.contact-box { height: auto; min-height: 440px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.field { gap: 0; min-height: 84px; align-content: start; }
.field label, .field input, .field textarea { font-size: 18px; line-height: 27px; padding: 0; }
.field textarea { height: 54px; min-height: 54px; resize: none; }
.agree { gap: 10px; }
.agree input { appearance: none; margin: 0; border: 1px solid var(--line); border-radius: 2px; background: transparent; cursor: pointer; }
.agree input:checked { appearance: auto; }
.contact-form:has(.agree input:checked) .form-submit { display: inline-flex; }
.site-footer { width: min(calc(100% - 80px), 1360px); margin-top: 30px; }
.footer-top { grid-template-columns: 430.814px 226px 200px minmax(0, 1fr); }
.footer-top { border-color: var(--muted); }
.footer-top > div { min-width: 0; }
.site-footer .brand { display: flex; width: fit-content; }
.footer-doc { width: 100%; max-width: 420px; }
.footer-list { grid-template-columns: minmax(0, 1fr); }
.footer-doc span { flex: 1; min-width: 0; }
.footer-bottom { line-height: 27px; }
.footer-copy, .footer-slogan { margin: 20px 0 0; }
.footer-social { margin-top: 20px; }
.footer-doc::after { content: ''; background: url('../figma/transparent/doc-arrow.png') center / contain no-repeat; flex: 0 0 9px; width: 9px; height: 14px; margin-top: 7px; }
.footer-contacts { flex-wrap: nowrap; gap: 20px; }
.footer-contacts a { white-space: nowrap; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [contenteditable]:focus-visible { outline: 2px solid var(--line); outline-offset: 4px; }
html[data-theme="light"] .hero-main { color: #fff; }
html[data-theme="light"] .hero-main .accent { color: #22d3ee; }
html[data-theme="light"] .hero-text { color: #b9c7da; }
@media (min-width: 1400px) {
  /* Figma 4001:1564 ends at 4141.286; 4001:1572 starts at 4171.857. */
  #sites .work-stack { row-gap: 30.5714px; }
  .footer-top { padding-top: 29px; padding-bottom: 29px; }
  .footer-slogan { line-height: 41px; }
  #seo .section-head h2 { padding-left: 30px; }
  #sites .stack-item:last-child img { height: 135px; }
  .center-title { line-height: 58px; }
  #tech .technology-item h4 { line-height: 41px; }
  #seo .technology-item { align-items: start; }
  #sites .stack-item:not(:last-child)::after { top: 57px; background: var(--muted); }
  #hosting .feature-tile .icon-box { background: transparent; }
}
@media (max-width: 1399px) {
  .header-inner { flex-wrap: wrap; }
  .header-nav { order: 3; flex: 0 0 100%; }
  .header-actions { margin-left: auto; }
  .header-menu-row { flex-wrap: wrap; row-gap: 8px; }
  .header-menu-row a { padding: 0 18px; }
  .hero { grid-template-columns: minmax(0, 1fr) 300px; gap: 0; }
  .hero-main { padding-left: 24px; padding-right: 24px; }
  .hero-benefits { padding-left: 20px; padding-right: 20px; }
  .hero-benefits h2 { font-size: 30px; }
  .hero-shortcuts { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .shortcut-card { width: 100%; }
  .hero h1 { font-size: 56px; }
  .hero-text { font-size: 20px; }
  .domain-details { flex-wrap: wrap; overflow: visible; }
  .domain-price > span { flex-basis: 100px; }
  .domain-price { font-size: 28px; }
  .footer-top { grid-template-columns: 1.4fr .8fr .8fr 1.4fr; }
  #seo .technology-item h4 { max-width: 100%; }
}
@media (max-width: 1180px) {
  .hero { height: auto; grid-template-columns: 1fr; }
  .hero-main { border-right: 0; border-bottom: 1px solid var(--line); margin-left: 0; }
  .hero-benefits { padding: 24px; }
  .benefit-list { grid-template-columns: 1fr 1fr; gap: 20px; }
  .benefit-row { border-bottom: 0; padding-bottom: 0; }
  .pricing-grid { grid-template-columns: 1fr 1fr; }
  .pricing-card { min-height: 760px; }
  .domain-search { flex-wrap: wrap; }
  .domain-search input { flex-basis: 100%; }
  .domain-details { display: grid; grid-template-columns: 1fr 1fr; }
  .domain-divider { display: none; }
  .domain-prices { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .lead-block { grid-template-columns: 1fr; }
  .lead-block .media-frame, #seo .lead-block .media-frame, #branding .lead-block .media-frame, #tech .lead-block .media-frame { height: auto; }
  .lead-block .media-frame img { width: 100%; height: auto; max-height: 480px; }
  #hosting .features-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  #sites .work-card { grid-template-columns: 1fr; }
  #sites .work-card .media-frame { width: 100%; height: auto; }
  #sites .work-card .media-frame img { height: auto; }
  #sites .work-content { min-height: 0 !important; }
  #seo .technology-item { grid-template-columns: 122px minmax(0, 1fr); height: auto; padding: 20px; background: transparent; }
  #seo .technology-item:last-child { height: auto; }
  #seo .platform-grid { grid-template-columns: 1fr 1fr; }
  .contact-box { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-bottom { flex-wrap: wrap; }
  #hosting .feature-tile::after { display: none; }
  .work-stack + .center-title { margin-top: 30px; }
}
@media (max-width: 760px) {
  .header-inner { width: calc(100% - 32px); padding: 16px 0; gap: 16px; }
  .brand { font-size: 26px; }
  .brand-mark, .brand-mark img { width: 40px; height: 40px; flex-basis: 40px; }
  .header-actions { display: flex; gap: 18px; width: 100%; justify-content: space-between; order: 2; }
  .header-nav { display: flex; font-size: 14px; gap: 10px; }
  .header-menu-row { gap: 8px 14px; }
  .header-menu-row a { padding: 0; border: 0; white-space: normal; line-height: 1.4; }
  .site-shell { padding-top: 8px; }
  .hero-main { min-height: 0; height: auto; padding: 30px 20px 24px; }
  .hero-main::before { background-size: 100% 100%, auto 100%; background-position: left top, center; }
  .hero h1 { font-size: 42px; }
  .hero-text { font-size: 18px; }
  .hero-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .benefit-list { grid-template-columns: 1fr; }
  .hero-benefits h2 { white-space: normal; font-size: 28px; }
  .section-head { min-height: 96px; align-items: flex-start; padding: 16px; }
  .section-head .icon-box { width: 57px; height: 56px; flex-basis: 57px; }
  .section-head .icon-box img { width: 48px; height: 48px; }
  .section-head h2 { font-size: 20px; line-height: 1.3; margin: 0; padding-bottom: 20px; }
  .section-head::after { left: 94px; width: calc(100% - 112px); max-width: none; top: auto; bottom: 13px; height: 12px; background-size: 100% auto; }
  .domain-box { padding: 24px 20px; }
  .domain-search input { padding-left: 44px; padding-right: 12px; background-position: 12px center; background-size: 24px; font-size: 16px; }
  .domain-search .tiny-cta, .domain-search a.tiny-cta, .domain-search button.tiny-cta { min-width: 0; }
  .domain-details, .domain-prices { display: flex; flex-direction: column; gap: 24px; }
  .domain-copy strong { font-size: 27px; }
  .domain-price { font-size: 26px; }
  .domain-price > span { flex-basis: 85px; width: 85px; }
  .domain-price b { white-space: nowrap; }
  .domain-price b small { font-size: 18px; }
  .pricing-grid, #seo .platform-grid { grid-template-columns: 1fr; }
  #seo .platform-box { min-height: 0; }
  .pricing-card { min-height: 0; }
  .pricing-card .tiny-cta { font-size: 16px; text-align: center; }
  .center-title { font-size: 28px; }
  .center-title::before, .center-title::after { flex: 0 1 32px !important; min-width: 12px !important; }
  #hosting .features-row { grid-template-columns: 1fr 1fr; gap: 24px 12px; }
  #hosting .feature-tile { padding: 0; }
  #hosting .feature-tile .icon-box { width: 100px; height: 100px; padding: 9px; }
  #hosting .feature-tile p { font-size: 16px; }
  #sites .work-content { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; }
  #sites .work-number-image img { width: 48px; height: 48px; }
  .work-card h4, .technology-item h4, .tech-callout strong { font-size: 26px; overflow-wrap: normal; }
  #sites .work-card { padding: 22px 18px; min-height: 0 !important; }
  #sites .stack-row { grid-template-columns: 1fr; gap: 24px; }
  #sites .stack-item::after { display: none; }
  #seo .technology-item { grid-template-columns: 1fr; }
  .technology-item, #branding .technology-item, #tech .technology-item { padding: 24px 20px; min-height: 0; }
  #tech .technology-item .icon-box { width: 100px; height: 100px; }
  #tech .technology-item .icon-box img { width: 100px; height: 100px; }
  #branding .technology-item .icon-box { padding: 7px; }
  #branding .feature-tile:first-child { flex-direction: column; }
  #branding .feature-tile:first-child .icon-box { flex-shrink: 0; }
  .tech-callout { padding: 24px 20px; }
  .contact-meta span { align-items: flex-start; line-height: 1.5; font-size: 16px; }
  .contact-meta i { flex: 0 0 27px; }
  .contact-title .icon-box { flex-basis: 60px; width: 60px; height: 60px; }
  .contact-title h3 { font-size: 28px; }
  .agree { font-size: 15px; align-items: flex-start; }
  .field { padding: 14px 16px; }
  .field input, .field textarea, .field label { font-size: 16px; }
  .site-footer { width: calc(100% - 32px); padding-left: 0; padding-right: 0; }
  .footer-top { grid-template-columns: 1fr; gap: 32px; }
  .footer-title, .footer-slogan { font-size: 28px; }
  .footer-contacts { flex-direction: column; }
  .footer-contacts a { white-space: normal; overflow-wrap: anywhere; }
  .site-search-panel { flex-wrap: wrap; }
  .site-search-panel label { width: 100%; }
}
@media (max-width: 360px) { .hero h1 { font-size: 36px; } .lead-block h3 { font-size: 27px; } .work-card h4 { font-size: 23px; } }

/* Shared feedback for every actionable button, including WooCommerce.
   Keep artwork and foreground colors intact in both themes. */
body :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .wp-element-button, .wp-block-button__link, .cta, .tiny-cta, .section-cta, .form-submit, .header-tool, .shortcut-card, .hosting-action, .domains-action, summary):not(:disabled):not([aria-disabled="true"]) { cursor:pointer; transition:box-shadow 160ms ease; }
@media (hover:hover) {
 body :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .wp-element-button, .wp-block-button__link, .cta, .tiny-cta, .section-cta, .form-submit, .header-tool, .shortcut-card, .hosting-action, .domains-action, summary):not(:disabled):not([aria-disabled="true"]):hover { box-shadow:0 0 0 3px var(--violet, #7c3aed); }
}
body :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .wp-element-button, .wp-block-button__link, .cta, .tiny-cta, .section-cta, .form-submit, .header-tool, .shortcut-card, .hosting-action, .domains-action, summary):not(:disabled):not([aria-disabled="true"]):focus-visible { outline:2px solid var(--violet, #7c3aed); outline-offset:4px; }
body :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .wp-element-button, .wp-block-button__link, .cta, .tiny-cta, .section-cta, .form-submit, .header-tool, .shortcut-card, .hosting-action, .domains-action, summary):not(:disabled):not([aria-disabled="true"]):active { box-shadow:inset 0 0 0 2px var(--violet, #7c3aed); }
@media (prefers-reduced-motion:reduce) {
 body :is(button, input[type="button"], input[type="submit"], input[type="reset"], [role="button"], .button, .wp-element-button, .wp-block-button__link, .cta, .tiny-cta, .section-cta, .form-submit, .header-tool, .shortcut-card, .hosting-action, .domains-action, summary):not(:disabled):not([aria-disabled="true"]) { transition:none; }
}

@media (max-width:760px) {
 h1,h2,h3,h4 { text-wrap:balance; }
 .section-cta { max-width:100%; height:auto; min-height:58px; text-align:center; white-space:normal; }
}
@media (max-width:480px) {
 .domains-page .domains-heading, .hosting-page .hosting-section-heading { flex-direction:column; align-items:flex-start; }
 .domains-page .domains-heading-icon, .hosting-page .hosting-section-icon { border-right:0; height:48px; flex-basis:auto; }
 .domains-page .domains-heading-icon img, .hosting-page .hosting-section-icon img { height:48px; }
 .domains-page .domains-heading-title { width:100%; min-height:0; }
 .hosting-page .hosting-section-heading > :last-child { width:100%; }
}

@media (max-width:360px) {
 .site-footer .brand { font-size:28px; }
 .site-footer .brand-mark, .site-footer .brand-mark img { width:40px; height:40px; flex-basis:40px; }
}

@media (max-width:760px) { .header-menu { flex-wrap:wrap; gap:8px 14px; } }

/* FAQ uses original arrows and editable WordPress answers. */
.faq-trigger .faq-arrow { transition:transform 160ms ease; }
.faq-trigger[aria-expanded="true"] .faq-arrow { transform:rotate(90deg); }
.faq-trigger .faq-arrow-up { transform:rotate(90deg); }
.faq-trigger[aria-expanded="true"] .faq-arrow-up { transform:rotate(180deg); }
@media (prefers-reduced-motion:reduce) { .faq-trigger .faq-arrow { transition:none; } }
html[data-theme="dark"] .header-nav a[aria-current] { color:#a78bfa; }
html[data-theme="dark"] .work-card .work-lead { color:#a78bfa; }

@media (max-width:1024px) {
  main .mobile-carousel {
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:stretch !important; justify-content:flex-start !important; gap:12px !important;
    width:100% !important; max-width:100% !important; min-width:0; height:auto !important;
    overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:0;
    overscroll-behavior-x:contain; scrollbar-width:thin; scrollbar-color:var(--line) transparent;
    padding:4px 0 12px !important;
  }
  main .mobile-carousel > .mobile-carousel-card {
    flex:0 0 calc(100% - 36px) !important; width:calc(100% - 36px) !important;
    min-width:0 !important; max-width:none !important; height:auto !important;
    scroll-snap-align:start; scroll-snap-stop:always;
  }
  main .mobile-carousel::after { content:''; flex:0 0 24px; }
  main .mobile-carousel-compact > .mobile-carousel-card { flex-basis:calc((100% - 36px)/2) !important; width:calc((100% - 36px)/2) !important; }
  main .mobile-carousel-controls { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; margin-top:8px; font-size:12px; color:var(--text); }
  main .mobile-carousel-controls button { min-height:44px; padding:8px 14px; border:1px solid var(--line); border-radius:10px; background:var(--panel); color:var(--text); font:inherit; cursor:pointer; }
  main .mobile-carousel-controls button:disabled { opacity:.4; cursor:default; }
  main .mobile-carousel-controls button:focus-visible, main .mobile-carousel:focus-visible { outline:2px solid var(--violet); outline-offset:2px; }
  main .mobile-carousel-empty { display:none !important; }
  .hosting-page .hosting-article-columns, .domains-page .df-4102-1399 { display:block; }
  .hosting-page .mobile-carousel :is(.hf-60e148f023,.hf-3870a5cdd5) { display:grid; grid-template-columns:1fr 1fr; height:auto; padding:20px; gap:16px; }

  .hosting-page .hosting-plan { padding:16px 10px; }
  .hosting-page .hosting-plan .hf-text { overflow-wrap:normal; }
  .hosting-page .mobile-cms-placeholder, .hosting-page .mobile-cms-duplicate,
  .hosting-page [data-figma="4101:484"], .hosting-page [data-figma="4102:538"] { display:none !important; }
  .hosting-page .hosting-cms, .hosting-page [data-figma="4101:483"] { overflow:visible; }
  .hosting-page [data-figma="4102:583"] { flex:1 1 auto; width:100%; flex-wrap:wrap; }
  .hosting-page [data-figma="4102:583"] > :not(.mobile-cms-duplicate) { border:1px solid var(--line); border-radius:12px; padding:16px; }
}
@media (min-width:768px) and (max-width:1024px) {
  main .mobile-carousel > .mobile-carousel-card { flex-basis:calc((100% - 48px)/2) !important; width:calc((100% - 48px)/2) !important; }
  main .mobile-carousel-compact > .mobile-carousel-card { flex-basis:calc((100% - 60px)/3) !important; width:calc((100% - 60px)/3) !important; }
}

main .mobile-carousel-controls[hidden] { display:none; }

@media (max-width:1024px) {
  #sites .mobile-carousel .work-content { grid-template-columns:1fr; }
  #sites .mobile-carousel .stack-item::after { display:none; }
}
@media (max-width:360px) {
  main .mobile-carousel .technology-item h4 { font-size:20px; }
}

/* Equal visible card frames and aligned actions in mobile collections. */
@media (max-width:1024px) {
  main .mobile-carousel > .mobile-carousel-card { align-self:stretch !important; }
  main .mobile-carousel > .hf-45bde36369 { justify-content:flex-start; align-items:stretch; }
  main .mobile-carousel > .hf-45bde36369 > .hf-60e148f023 { flex:1 0 auto; height:auto; }
  main .mobile-carousel :is(.hf-60e148f023,.hf-3870a5cdd5) { align-content:start; }
  main .mobile-carousel-controls button { width:84px; flex:0 0 84px; }
  main .mobile-carousel-filters > .mobile-carousel-card { flex:0 0 210px !important; width:210px !important; justify-content:center; min-height:58px; }
  main .mobile-carousel-filters .hf-text { white-space:nowrap; }
  .domains-page .mobile-carousel-premium .hf-66e9a8bce2 { gap:8px; }
  .domains-page .mobile-carousel-premium .hf-0d8f38eae8 { flex:1; flex-wrap:wrap; gap:12px; min-width:0; }
  .domains-page .mobile-carousel-premium .hf-0d8f38eae8 > .hf-column { flex:1 0 100%; width:100%; }
  .domains-page .mobile-carousel-premium .hf-0d8f38eae8 > img { width:56px; height:56px; object-fit:contain; }
  .domains-page .mobile-carousel-premium .hf-97d2203235 { flex-direction:column; align-items:stretch; gap:12px; margin-top:auto; padding-top:16px; }
  .domains-page .mobile-carousel-premium .hf-97d2203235 > .domains-action { width:100%; justify-content:center; }
  .domains-page .mobile-carousel-premium .hf-text { overflow-wrap:normal; }
  .domains-page [data-figma="4010:27952"] { flex-direction:column; align-items:stretch; }
  .domains-page [data-figma="4010:27952"] > * { width:100%; flex:0 0 auto; }
  .domains-page [data-figma="4010:27952"] > .domains-action { justify-content:center; }
  .domains-page :is([data-figma="4018:50698"],[data-figma="4016:46054"]) { flex-direction:column; align-items:stretch; width:100%; }
  .domains-page :is([data-figma="4018:50698"],[data-figma="4016:46054"]) > .domains-action { width:100%; justify-content:center; min-height:58px; }
}