/* Site depth system: shared by public pages, without changing their interactions. */
:root {
  --depth-edge: #bdd2d8;
  --depth-shadow: 0 6px 0 var(--depth-edge), 0 18px 30px -16px rgba(16, 37, 45, .32);
  --depth-highlight: inset 0 1px 0 rgba(255, 255, 255, .85);
}
body .site-header,
body.info-site .info-header,
body.free-page .free-header,
body .payment-header {
  border-top: 1px solid rgba(255, 255, 255, .28);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 5px 0 #071b22, 0 16px 32px rgba(0, 0, 0, .24);
}
body .desktop-nav a,
body.info-site .desktop-nav a {
  position: relative;
  border-radius: 5px;
  padding: 8px 10px;
  color: #e6f2f4;
  background: #1c343e;
  border: 1px solid #3c5862;
  border-top-color: #71858d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 4px 0 #07171e, 0 8px 12px -6px rgba(0,0,0,.65);
  transition: background .18s, box-shadow .18s, transform .18s;
}
body .desktop-nav a:hover,
body .desktop-nav a:focus-visible {
  background: #284651;
  border-color: #749ca7;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 5px 0 #07171e, 0 10px 16px -6px rgba(0,0,0,.6);
  transform: translateY(-2px);
}
body.info-site .desktop-nav { gap: 8px; align-items: center; }
body.info-site .info-header { column-gap: 12px; }
body .desktop-nav a:active { transform: translateY(3px); box-shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 0 #07171e; }
body .button,
body.info-site .button,
body .free-action {
  --button-edge: #78999f;
  border: 1px solid rgba(16, 37, 45, .18);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .38), 0 4px 0 var(--button-edge), 0 9px 15px -8px rgba(0, 0, 0, .4);
  transition: transform .18s, box-shadow .18s, background .18s;
}
body .button-primary,
body.info-site .button-primary { --button-edge: #308e75; }
body .button-ghost,
body .button-outline { --button-edge: #071b22; }
body .free-action,
body .payment-primary { --button-edge: #08748c; }
body .button:active,
body .free-action:active {
  transform: translateY(3px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .12), 0 1px 0 var(--button-edge);
}
body :is(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid #f5b746;
  outline-offset: 4px;
}
/* Full-width sections retain their layout; depth sits on their dividing edges. */
body :is(.trust-strip, .value-strip, .assistant-gift, .truth-band, .usage-band, .final-cta, .site-footer, .info-footer, .download-footer, .free-footer) {
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .22), inset 0 -4px 0 rgba(16, 37, 45, .12);
}
body .motion-ribbon { border-radius: 0; border-inline: 0; box-shadow: inset 0 1px 0 #d8e7e9, inset 0 -3px 0 #d8e7e9; }
body :is(.feature-grid, .assistant-flow-grid) { border: 0; gap: 18px; }
body .workflow-steps { border: 0; gap: 16px; }
body :is(.feature-grid article, .assistant-flow-grid article, .workflow-steps li, .info-card, .release-card, .free-summary) {
  border: 1px solid #cadde1;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--depth-highlight), 0 6px 0 var(--depth-edge), 0 18px 30px -16px rgba(16, 37, 45, .32);
  transition: box-shadow .2s, transform .2s;
  min-width: 0;
}
body .workflow-steps li { border-right: 1px solid #cadde1; border-bottom: 1px solid #cadde1; }
body .feature-grid article:nth-child(3n + 2),
body .assistant-flow-grid article:nth-child(3n + 2) { --depth-edge: #e5bbb5; }
body .feature-grid article:nth-child(3n),
body .assistant-flow-grid article:nth-child(3n) { --depth-edge: #dfcf9c; }
body :is(.feature-grid article, .workflow-steps li, .assistant-flow-grid article) > svg {
  box-sizing: content-box;
  padding: 9px;
  width: 24px;
  height: 24px;
  border: 1px solid #b6e1db;
  border-radius: 7px;
  background: #e9faf3;
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 #a6ccc2;
}
body .feature-grid article { grid-template-columns: 46px minmax(0, 1fr); }
body .price-card {
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .9), 0 8px 0 #9abdc5, 0 24px 38px -18px rgba(16, 37, 45, .35);
}
body .price-card.sunset {
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .15), 0 8px 0 #9a4c49, 0 24px 38px -18px rgba(16, 37, 45, .4);
}
body .price-card:hover { box-shadow: inset 0 2px 0 rgba(255, 255, 255, .25), 0 9px 0 #789ca4, 0 30px 42px -18px rgba(16, 37, 45, .4); }
body :is(.product-window, .assistant-browser, .video-frame, .assistant-showcase figure) {
  border-radius: 8px;
  border: 1px solid rgba(124, 232, 195, .4);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .16), 0 9px 0 #071b22, 0 32px 60px -22px rgba(0, 0, 0, .55);
}
body .assistant-toolbox span,
body .quota-summary > div {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 4px 0 #071b22;
}
body .faq-list { border-top: 0; }
body .faq-list details { border-top: 1px solid #fff; box-shadow: 0 2px 0 #d3e2e5; }
body .faq-list details[open] { box-shadow: inset 3px 0 0 #08a9c9, inset 0 2px 8px rgba(16, 37, 45, .07), 0 2px 0 #c7dce0; }
body.info-site .info-navigation a {
  background: #fff;
  border: 1px solid #d5e3e6;
  border-left: 3px solid #bdd2d8;
  margin-bottom: 9px;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 #c4d7dc;
}
body.info-site .info-navigation a.active { background: #dff8ee; border-left-color: #32a987; }
body.info-site .legal-page-content {
  border-bottom: 4px solid #cadde1;
  box-shadow: inset 0 1px 0 #fff;
}
body :is(.quota-table, .free-input, .checkout-form input, .checkout-form select, .transfer-form input, .transfer-form textarea) {
  box-shadow: inset 0 2px 5px rgba(16, 37, 45, .1);
}
body .quota-table th { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -3px 0 rgba(0, 0, 0, .1); }
body .free-summary { border-top: 7px solid #08a9c9; }
body :is(.payment-summary, .order-summary) {
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 5px 0 #bdd2d8, 0 18px 30px -18px rgba(16, 37, 45, .3);
}
body .payment-provider-option {
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 #cadde1;
}
body :is(.payment-input, .delivery-license-box) { box-shadow: inset 0 2px 5px rgba(16, 37, 45, .12); }
body :is(.payment-submit, .home-package-button-link) {
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .35), 0 4px 0 #08748c, 0 12px 18px -12px rgba(16, 37, 45, .4);
}
body .payment-submit:disabled { box-shadow: none; }
body .checkout-card { border-bottom: 4px solid #bdd2d8; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); }
body.info-site .info-footer {
  border-top: 3px solid #08a9c9;
  padding-block: 34px;
  box-shadow: inset 0 2px 0 #42616b, inset 0 -6px 0 #06171e, 0 -9px 20px -15px rgba(16,37,45,.7);
}
body.info-site .info-footer-inner { grid-template-columns: 240px minmax(0, 1fr); gap: 24px; }
body.info-site .info-footer-brand {
  align-self: start;
  max-width: 100%;
  padding: 10px;
  border: 1px solid #3c5862;
  border-top-color: #71858d;
  border-radius: 6px;
  background: #1c343e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 5px 0 #07171e, 0 12px 18px -10px rgba(0,0,0,.6);
}
body.info-site .info-footer-brand img { flex-shrink: 0; filter: drop-shadow(0 3px 2px rgba(0,0,0,.45)); }
body.info-site .info-footer-brand span { min-width: 0; }
body.info-site .info-footer nav { gap: 10px 8px; min-width: 0; }
body.info-site .info-footer nav a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 10px;
  color: #e6f2f4;
  border: 1px solid #3c5862;
  border-top-color: #71858d;
  border-radius: 5px;
  background: #1c343e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 3px 0 #07171e, 0 7px 10px -6px rgba(0,0,0,.65);
  transition: transform .18s, background .18s, box-shadow .18s;
}
body.info-site .info-footer nav a:nth-child(3n + 2) { border-top-color: #71b5a3; }
body.info-site .info-footer nav a:nth-child(3n) { border-top-color: #c3b17c; }
body.info-site .info-footer nav a:hover { color: #fff; background: #284651; transform: translateY(-1px); }
body.info-site .info-footer nav a:active { transform: translateY(2px); box-shadow: inset 0 2px 4px rgba(0,0,0,.25), 0 1px 0 #07171e; }
body.info-site .info-footer p { border-top-color: #07171e; box-shadow: inset 0 1px 0 #42616b; padding-top: 18px; }
@media (max-width: 850px) {
  body.info-site .info-footer-inner { grid-template-columns: minmax(0, 1fr); }
  body.info-site .info-footer-brand { width: fit-content; }
  body.info-site .info-footer nav { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  body.info-site .info-footer nav a { transition: none; }
  body.info-site .info-footer nav a:hover { transform: none; }
}
@media (hover: hover) and (pointer: fine) {
  body :is(.feature-grid article, .assistant-flow-grid article, .info-card, .release-card):hover {
    transform: translateY(-3px);
    box-shadow: var(--depth-highlight), 0 8px 0 var(--depth-edge), 0 24px 36px -16px rgba(16, 37, 45, .35);
  }
}
@media (max-width: 980px) {
  body .desktop-nav a { padding-inline: 6px; }
}
@media (max-width: 640px) {
  :root { --depth-shadow: 0 4px 0 var(--depth-edge), 0 12px 20px -12px rgba(16, 37, 45, .25); }
  body .product-tour > * { min-width: 0; }
  body .product-window { width: 100%; max-width: 100%; }
  body .feature-grid article { padding: 22px 16px; }
  body :is(.feature-grid, .assistant-flow-grid, .workflow-steps) { gap: 16px; }
  body :is(.feature-grid article, .assistant-flow-grid article, .workflow-steps li, .info-card, .release-card, .free-summary) { box-shadow: var(--depth-highlight), var(--depth-shadow); }
  body .price-card { box-shadow: inset 0 1px 0 #fff, 0 5px 0 #9abdc5, 0 15px 24px -15px rgba(16, 37, 45, .3); }
}
@media (prefers-reduced-motion: reduce) {
  body .desktop-nav a:hover,
  body :is(.feature-grid article, .assistant-flow-grid article, .info-card, .release-card):hover { transform: none; }
}
@media (max-width: 850px) {
  body.info-site .legal-page-shell { grid-template-columns: minmax(0, 1fr); }
  body.info-site .info-sidebar { min-width: 0; }
  body.info-site .info-navigation-inline,
  body.info-site .info-sidebar .info-navigation {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #9dbbc4 transparent;
    padding-bottom: 12px;
  }
  body.info-site .info-navigation a {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-bottom: 0;
  }
}
@media print {
  body *, body *::before, body *::after { box-shadow: none !important; text-shadow: none !important; }
}