:root {
  --ink-strong: #293e65;
  --ink-body: #65758e;
  --line-soft: #e3eaf5;
  --shadow-card: 0 12px 36px rgb(43 65 116 / 6%);
  --ease-out: cubic-bezier(.2, .7, .2, 1);
}
html { scroll-behavior: smooth; scrollbar-gutter: stable; }
::selection { background: #dbe5ff; color: #263b87; }
body { text-rendering: optimizeLegibility; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
button, input, select, textarea, a { touch-action: manipulation; }
:where(button, a, summary, input, select, textarea):focus-visible { outline: 2px solid #667fe0; outline-offset: 4px; }
.site-header { transition: box-shadow 220ms var(--ease-out); }
.site-header.is-scrolled { box-shadow: 0 4px 24px #2d427610; }
.reading-progress { position: absolute; inset: auto 0 -1px; height: 2px; background: linear-gradient(90deg,#a9bcf3,#526bea); transform: scaleX(0); transform-origin: right; pointer-events: none; }
.back-to-top { position: fixed; bottom: 26px; right: 26px; z-index: 15; width: 44px; height: 44px; border: 1px solid #d7e1f5; border-radius: 13px; color: #526ec3; background: #ffffffed; box-shadow: 0 6px 24px #2d427618; font-size: 23px; transition: background 180ms, transform 180ms; }
.back-to-top:hover { background: #edf2ff; transform: translateY(-3px); }
.nav-link, .menu-title { transition: color 180ms; }
.dropdown:not([hidden]) { animation: dropdown-enter 180ms var(--ease-out); }
.menu-card { transition: background 160ms; }
.menu-description { color: #7a8599; }
.hero-description, .product-description, .account-description, .support-notes p, .journey-steps p { color: #738198; }
.hero-eyebrow { letter-spacing: .1px; }
.hero-button, .ui-button, .product-button, .start-button { transition: transform 180ms var(--ease-out), background 180ms, box-shadow 180ms, border-color 180ms; }
.hero-button-primary, .ui-button:not(.secondary) { box-shadow: 0 4px 12px #2635d912; }
.hero-button:active, .ui-button:active, .product-button:active, .start-button:active { transform: translateY(1px); }
.hero-button-primary:hover, .ui-button:not(.secondary):hover { box-shadow: 0 7px 20px #2635d924; }
.hero-button > span, .start-button > span, .product-button > span, .service-arrow { transition: transform 180ms var(--ease-out); }
.hero-button:hover > span, .start-button:hover > span, .product-button:hover > span, .hero-services button:hover .service-arrow { transform: translateX(-4px); }
.hero-art .cloud-tag { animation: cloud-drift 7s ease-in-out 2; }
.hero-art .domain-tag { animation: domain-drift 8s ease-in-out 2; }
.product-card, .catalog-card, .plan-card, .account-card { transition: transform 220ms var(--ease-out), border-color 220ms, box-shadow 220ms; }
.catalog-card, .plan-card, .account-card { box-shadow: 0 4px 18px #2b417403; }
.product-illustration { transition: transform 260ms var(--ease-out); }
.service-shortcuts { scroll-padding-inline: 8px; padding-block: 22px 12px; }
.service-shortcuts button { transition: background 160ms, border-color 160ms, color 160ms; }
.service-shortcuts button:hover { background: #f6f8ff; }
.service-advisor { box-shadow: var(--shadow-card); }
.advisor-tabs button { transition: background 180ms, color 180ms, box-shadow 180ms; }
.advisor-tabs button:focus-visible { outline-offset: -3px; }
.journey-steps li::before { content: ''; position: absolute; top: -4px; right: 0; width: 7px; height: 7px; background: #b9c9ea; border-radius: 50%; box-shadow: 0 0 0 5px white; }
.support-notes article { transition: border-color 180ms, box-shadow 180ms; }
.faq-list summary { transition: color 180ms; }
.faq-list summary:hover { color: #2635d9; }
.faq-list details[open] > p, .account-details[open] > div, .ticket-item[open] > p { animation: details-enter 220ms var(--ease-out); }
.map-pin .pin-dot, .map-pin .pin-label { transition: color 180ms, background 180ms, box-shadow 180ms; }
.map-pin:focus-visible { border-radius: 8px; }
.pin-label { background: #ffffff70; border-radius: 4px; padding: 2px 4px; }
.start-banner { position: relative; overflow: hidden; isolation: isolate; }
.start-banner::before { content: ''; position: absolute; z-index: -1; width: 460px; height: 460px; border: 1px solid #ffffff16; border-radius: 50%; left: -80px; top: -145px; box-shadow: 0 0 0 45px #ffffff05, 0 0 0 90px #ffffff04; pointer-events: none; }
.footer-main nav a, .footer-main nav button, .footer-extra-links a { transition: color 160ms; }
.footer-extra-links a:hover { color: #2635d9; }
.page-intro { padding-bottom: 12px; }
.page-intro > .section-eyebrow { display: inline-block; border: 1px solid #dfe7f7; border-radius: 30px; padding: 5px 12px; background: #fff; color: #7c90b9; font-size: 12px; }
.breadcrumb { align-items: center; flex-wrap: wrap; }
.breadcrumb a:hover { color: #2635d9; }
.breadcrumb [aria-current] { color: #526987; }
.catalog-toolbar { padding: 20px; border: 1px solid var(--line-soft); border-radius: 12px; background: #ffffffb3; }
#catalog-count { margin: 22px 0; font-size: 13px; color: #7c8ba5; }
.catalog-card .catalog-icon { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid #e5ecf9; border-radius: 15px; background: linear-gradient(135deg,#f7faff,#edf3ff); }
.catalog-card .catalog-price { border-top: 1px solid #edf1f8; padding-top: 18px; width: 100%; }
.catalog-card h2 { line-height: 1.65; }
.plan-card.featured { box-shadow: 0 12px 38px #5772ce12; background: linear-gradient(#f9fbff,white 180px); }
.plan-card ul { padding-top: 20px; border-top: 1px solid #e8edf7; }
.plan-card .plan-price { font-variant-numeric: tabular-nums; }
.order-summary { position: sticky; top: 100px; box-shadow: var(--shadow-card); }
.order-summary strong { font-variant-numeric: tabular-nums; }
.cart-row { transition: border-color 180ms; }.cart-row:hover { border-color: #c8d6f1; }
.cart-row label input { padding-inline: 8px; text-align: center; }
.app-page input, .app-page textarea, .app-page select { transition: border-color 160ms, box-shadow 160ms; }
.app-page :is(input,textarea,select):hover { border-color: #c1cfea; }
.app-page :is(input,textarea,select):focus { outline: none; border-color: #8197df; box-shadow: 0 0 0 3px #8fa6ee20; }
.app-page [aria-invalid='true'] { border-color: #ce7884; background: #fffafb; }
.app-page input::placeholder, .app-page textarea::placeholder { color: #a6b1c5; opacity: 1; }
.check-label { line-height: 1.8; }.check-label input { accent-color: #526bdd; }
.auth-layout { box-shadow: 0 18px 60px #354b7a09; }.auth-story { background: radial-gradient(ellipse at 10% 70%,#dce7ff,transparent 70%),#f0f5ff; }
.password-field button { min-height: 30px; top: 8px; padding-inline: 6px; }
.panel-nav { transition: background 160ms, color 160ms; }.panel-nav.active { box-shadow: inset -3px 0 #859ce5; }
.stat-grid article { border: 1px solid #e6edfa; background: linear-gradient(135deg,#f8faff,#eff4ff); }
.empty-state { border: 1px dashed #dce5f5; border-radius: 14px; background: #fafcff; margin-block: 20px; }
.domain-result { transition: background 160ms; }.domain-result:hover { background: #f9fbff; }
.article-body { border-right: 2px solid #e5ecfa; padding-inline-start: 30px; }.article-body h2 { font-size: 23px; }
.app-toast { display: flex; align-items: center; gap: 12px; box-shadow: 0 10px 40px #1f315133; border: 1px solid #516991; line-height: 1.8; }
.app-toast:empty { display: none; }
.app-toast::before { content: '✓'; display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; background: #ffffff15; border-radius: 50%; color: #b9ccef; }
@media(hover:hover) and (pointer:fine) {
  .catalog-card:hover, .plan-card:hover, .account-card:hover { transform: translateY(-4px); border-color: #c0cfed; box-shadow: var(--shadow-card); }
  .product-card:hover .product-illustration { transform: translateY(-4px) rotate(-3deg); }
  .support-notes article:hover { border-color: #c8d6f2; box-shadow: 0 6px 24px #354b7a06; }
}
@media(max-width:850px) { .order-summary { position: static; }.back-to-top { right: 16px; bottom: 18px; width: 40px; height: 40px; }.app-toast { bottom: 72px; width: max-content; } }
@media(max-width:540px) {
  .app-page { padding-top: 18px; }.breadcrumb { margin-bottom: 24px; font-size: 12px; }.page-intro>p:last-child { font-size: 15px; }
  .catalog-toolbar { padding: 16px; }.ui-button { min-height: 46px; }.ui-text-button { min-height: 36px; }
  .faq-list summary { font-size: 16px; line-height: 1.9; }.footer-main nav a, .footer-main nav button { padding-block: 4px; }
  .article-body { padding-inline-start: 18px; }.article-body p { font-size: 16px; }.auth-links { flex-wrap: wrap; }
  .panel-sidebar { scroll-snap-type: x proximity; }.panel-nav { scroll-snap-align: start; }.domain-result>strong { font-size: 18px; }.domain-result .ui-button { width: 100%; }
}
@keyframes dropdown-enter { from { opacity: .2; margin-top: -5px; } to { opacity: 1; margin-top: 0; } }
@keyframes details-enter { from { opacity: .3; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes cloud-drift { 0%,100% { transform: rotate(4deg) translateY(0); } 50% { transform: rotate(3deg) translateY(-7px); } }
@keyframes domain-drift { 0%,100% { transform: rotate(4deg) translateY(0); } 50% { transform: rotate(5deg) translateY(5px); } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none!important; transition: none!important; }
  .product-card:hover, .catalog-card:hover, .plan-card:hover, .account-card:hover, .back-to-top:hover { transform: none; }
}