/* 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), inset -1px -1px 0 rgba(0, 0, 0, .1), 0 4px 0 #07171e, 0 8px 12px -6px rgba(0, 0, 0, .65);
  transition: background .18s, box-shadow .18s, transform .18s;
}
body .desktop-nav { gap: 10px; }
body .site-header { column-gap: 16px; }
body .ai-promo-stage {
  --ai-rx: 2deg;
  --ai-ry: -3deg;
  --ai-lift: 0px;
  transform: perspective(1100px) translateY(var(--ai-lift)) rotateX(var(--ai-rx)) rotateY(var(--ai-ry));
  transform-style: preserve-3d;
  transition: transform .18s ease-out;
  box-shadow: inset 0 2px 0 rgba(255,255,255,.16), 0 7px 0 #06161c, 0 30px 55px -16px rgba(0,0,0,.55);
}
body .ai-promo-stage .ai-command-bar { transform: translateZ(24px); }
body .ai-promo-stage .ai-promo-grid { transform: translateZ(16px); }
body .ai-promo-stage .ai-transfer-line { transform: translateZ(20px); }
body .ai-promo-stage::after { transform: translateZ(-12px); background: #071a22; }
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 .desktop-nav a:active {
  transform: translateY(3px);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25), 0 1px 0 #07171e;
}
body .site-header .brand,
body.info-site .site-header .brand {
  padding: 5px 10px 5px 5px;
  border: 1px solid #3c5862;
  border-top-color: #71858d;
  border-radius: 6px;
  background: #142b35;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 4px 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 .motion-icons { gap: 18px; padding: 4px 8px 12px 0; }
body .motion-token,
body .motion-token.is-leading {
  --token-edge: color-mix(in srgb, var(--token-color) 50%, #36505a);
  border-top-color: #fff;
  border-left-color: color-mix(in srgb, var(--token-color) 22%, #fff);
  border-right-color: var(--token-edge);
  border-bottom-color: var(--token-edge);
  box-shadow: inset 0 2px 0 #fff, inset -2px -2px 0 rgba(16, 37, 45, .04),
    1px 2px 0 var(--token-edge), 2px 4px 0 var(--token-edge),
    3px 6px 0 var(--token-edge), 4px 8px 0 var(--token-edge),
    5px 16px 22px -8px color-mix(in srgb, var(--token-color) 30%, transparent);
  transform: translate3d(0, var(--motion-y), 0) rotate(var(--motion-rotate)) rotateX(5deg);
}
body .motion-token > span {
  border: 1px solid color-mix(in srgb, var(--token-color) 65%, #fff);
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, .5), inset -2px -2px 0 rgba(0, 0, 0, .08),
    0 4px 0 var(--token-edge), 0 9px 12px -4px rgba(16, 37, 45, .25);
}
body .trust-strip { gap: 18px; padding-block: 26px 32px; }
body .trust-strip > p {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid #35525b;
  border-top-color: #58717a;
  border-radius: 7px;
  background: #1b3740;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 5px 0 #06151b, 0 11px 15px -9px rgba(0, 0, 0, .65);
  transition: transform .2s, border-color .2s;
}
body .trust-strip > p:nth-child(2) { border-top-color: #72bfa9; }
body .trust-strip > p:nth-child(3) { border-top-color: #d5b967; }
body .trust-strip > p:nth-child(4) { border-top-color: #d98f80; }
body .trust-strip span { color: #c0d3d8; }
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); }
@media (hover: hover) and (pointer: fine) {
  body .trust-strip > p:hover { transform: translateY(-2px); border-right-color: #6c949d; }
  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 .ai-promo-stage { transform: none; transform-style: flat; }
  body .ai-promo-stage :is(.ai-command-bar, .ai-promo-grid, .ai-transfer-line), body .ai-promo-stage::after { transform: none; }
  body .desktop-nav a { padding-inline: 6px; }
}
@media (max-width: 640px) {
  body .site-header .brand, body.info-site .site-header .brand { padding: 3px 6px 3px 3px; }
  :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 .motion-icons { gap: 16px; padding-right: 5px; }
  body .trust-strip { gap: 14px; }
  body .trust-strip > p { padding: 14px 16px; }
  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 .ai-promo-stage { transform: none; transform-style: flat; }
  body .ai-promo-stage :is(.ai-command-bar, .ai-promo-grid, .ai-transfer-line), body .ai-promo-stage::after { transform: none; }
  body .desktop-nav a:hover,
  body .trust-strip > p:hover,
  body :is(.feature-grid article, .assistant-flow-grid article, .info-card, .release-card):hover { transform: none; }
}
@media print {
  body *, body *::before, body *::after { box-shadow: none !important; text-shadow: none !important; }
}