/*
 * Market Solo premium editorial skin.
 * Structural layout, content and interactions remain in site.css and the PHP templates.
 */

:root {
  --ms-background-primary: #f3f0ea;
  --ms-background-secondary: #fffdf9;
  --ms-background-dark: #09090b;
  --ms-background-dark-soft: #151518;
  --ms-text-primary: #101012;
  --ms-text-secondary: #68635f;
  --ms-text-on-dark: #f8f5ef;
  --ms-text-on-dark-muted: #aaa6a0;
  --ms-accent-primary: #ff4b2b;
  --ms-accent-primary-dark: #d9341b;
  --ms-accent-primary-soft: #ffe2da;
  --ms-accent-secondary: #2457ff;
  --ms-border: #d5d0c8;
  --ms-border-dark: #2d2d31;

  /* Compatibility aliases for the original structural stylesheet. */
  --ms-ink: var(--ms-text-primary);
  --ms-muted: var(--ms-text-secondary);
  --ms-line: var(--ms-border);
  --ms-canvas: var(--ms-background-primary);
  --ms-paper: var(--ms-background-secondary);
  --ms-violet: var(--ms-accent-primary);
  --ms-violet-dark: var(--ms-accent-primary-dark);
  --ms-violet-soft: var(--ms-accent-primary-soft);
  --ms-teal: var(--ms-text-primary);
  --ms-teal-2: var(--ms-background-dark-soft);
  --ms-radius: 8px;
  --ms-shadow: 0 30px 80px rgba(0, 0, 0, .26);
}

body { background: var(--ms-background-primary); }

.ms-header {
  background: rgba(243, 240, 234, .92);
  border-bottom-color: rgba(16, 16, 18, .14);
}
.ms-brand span { border-radius: 5px; background: var(--ms-text-primary); }
.ms-nav nav { color: #504c48; }
.ms-nav nav a:hover,
.ms-login:hover { color: var(--ms-accent-primary-dark); }

.ms-button {
  border-color: var(--ms-accent-primary);
  border-radius: 4px;
  background: var(--ms-accent-primary);
  color: #fff;
  box-shadow: none;
}
.ms-button:hover {
  border-color: var(--ms-accent-primary-dark);
  background: var(--ms-accent-primary-dark);
}
.ms-button-light {
  border-color: var(--ms-border);
  background: transparent;
  color: var(--ms-text-primary);
}
.ms-button-light:hover {
  border-color: var(--ms-text-primary);
  background: var(--ms-text-primary);
  color: var(--ms-background-secondary);
}
.ms-button-large { border-radius: 4px; }

.ms-hero {
  padding: clamp(82px, 9vw, 138px) 0 clamp(90px, 10vw, 150px);
  background: linear-gradient(100deg, rgba(36, 87, 255, .09), transparent 38%), var(--ms-background-dark);
  color: var(--ms-text-on-dark);
}
.ms-hero-grid { gap: clamp(46px, 6vw, 86px); }
.ms-eyebrow { color: var(--ms-accent-primary); }
.ms-eyebrow i { background: var(--ms-accent-primary); }
.ms-hero h1 {
  max-width: 760px;
  font-size: clamp(68px, 7.8vw, 112px);
  line-height: .88;
  letter-spacing: -.075em;
  font-weight: 720;
}
.ms-hero h1 span { color: var(--ms-accent-primary); }
.ms-lead { color: #c5c1bb; font-size: clamp(18px, 1.6vw, 22px); }
.ms-calm { color: #85817c; }
.ms-hero .ms-button-light { border-color: #58585d; color: var(--ms-text-on-dark); }
.ms-hero .ms-button-light:hover {
  border-color: var(--ms-text-on-dark);
  background: var(--ms-text-on-dark);
  color: var(--ms-background-dark);
}

.ms-product-frame {
  border: 1px solid #3d3d42;
  border-radius: 6px;
  background: var(--ms-background-secondary);
  box-shadow: 26px 26px 0 var(--ms-accent-primary), var(--ms-shadow);
  transform: none;
}
.ms-product-frame::before { display: none; }
.ms-window-bar { border-bottom-color: #dedad3; background: #f2eee7; }
.ms-window-bar span { background: #b7b1a8; }
.ms-window-bar b { color: #78736c; }
.ms-app-preview { background: #f5f1eb; color: var(--ms-text-primary); }
.ms-app-preview aside { border-right-color: #dedad3; background: var(--ms-background-secondary); }
.ms-app-preview aside strong { border-radius: 4px; background: var(--ms-text-primary); }
.ms-app-preview aside i { background: #d9d4cc; }
.ms-app-preview aside i.active { border-color: var(--ms-accent-primary); background: var(--ms-accent-primary); }
.ms-app-preview small,
.ms-chat-agent b { color: var(--ms-accent-primary-dark); }
.ms-chat-user { border-radius: 2px; background: var(--ms-text-primary); }
.ms-chat-agent { border-color: var(--ms-border); border-radius: 2px; }
.ms-chat-agent span { border-radius: 2px; background: var(--ms-accent-primary-soft); color: #9d2817; }

.ms-prelaunch { border-color: var(--ms-text-primary); background: var(--ms-accent-primary); }
.ms-prelaunch strong,
.ms-prelaunch p,
.ms-prelaunch a { color: var(--ms-text-primary); }
.ms-prelaunch a { text-decoration: underline; text-underline-offset: 4px; }

.ms-section { padding: clamp(104px, 11vw, 168px) 0; }
.ms-heading h2,
.ms-agent-story h2,
.ms-context h2,
.ms-waitlist h2,
.ms-page-hero h1,
.ms-blog-head h1 {
  font-size: clamp(52px, 6.4vw, 86px);
  line-height: .94;
  letter-spacing: -.068em;
}
.ms-heading > p:last-child,
.ms-agent-story > div > p:last-child,
.ms-context > .ms-shell > p,
.ms-page-hero > .ms-shell > p { color: var(--ms-text-secondary); }

.ms-flow { gap: 0; border-block: 1px solid var(--ms-border); }
.ms-flow-sources,
.ms-flow-actions { gap: 0; }
.ms-flow-sources span,
.ms-flow-actions span {
  min-height: 82px;
  border: 0;
  border-bottom: 1px solid var(--ms-border);
  border-radius: 0;
  background: transparent;
}
.ms-flow-sources span:nth-last-child(-n + 2),
.ms-flow-actions span:nth-last-child(-n + 2) { border-bottom: 0; }
.ms-flow-actions span { color: var(--ms-text-primary); }
.ms-flow-agent { border-radius: 0; background: var(--ms-text-primary); box-shadow: none; }
.ms-flow-agent small { color: var(--ms-accent-primary); }
.ms-flow-agent p { color: var(--ms-text-on-dark-muted); }

.ms-dark {
  background: radial-gradient(circle at 88% 12%, rgba(36, 87, 255, .28), transparent 29%), var(--ms-background-dark);
  color: var(--ms-text-on-dark);
}
.ms-dark .ms-eyebrow,
.ms-goal-card li b { color: var(--ms-accent-primary); }
.ms-agent-story > div > p:last-child,
.ms-goal-card li span { color: var(--ms-text-on-dark-muted); }
.ms-goal-card { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.ms-goal-card blockquote {
  padding-bottom: 34px;
  border-bottom: 2px solid var(--ms-accent-primary);
  font-size: clamp(28px, 3vw, 42px);
}
.ms-goal-card ol { gap: 0; }
.ms-goal-card li {
  padding: 17px 0;
  border-bottom: 1px solid var(--ms-border-dark);
  border-radius: 0;
  background: transparent;
}

.ms-steps { margin-top: 72px; border-top-color: var(--ms-text-primary); }
.ms-steps li { min-height: 230px; border-right-color: var(--ms-border); }
.ms-steps span { color: var(--ms-accent-primary-dark); font-size: 13px; }
.ms-steps h3 { font-size: clamp(24px, 2.2vw, 34px); }

.ms-demo-section {
  background: linear-gradient(135deg, rgba(255, 75, 43, .08), transparent 44%), var(--ms-background-dark);
  color: var(--ms-text-on-dark);
}
.ms-demo-section .ms-heading > p:last-child,
.ms-demo-section .ms-demo-note,
.ms-demo-section .ms-demo-placeholder p { color: var(--ms-text-on-dark-muted); }
.ms-demo-frame {
  border: 1px solid #35353a;
  border-radius: 4px;
  background: var(--ms-background-dark-soft);
  box-shadow: 22px 22px 0 var(--ms-accent-secondary);
}
.ms-demo-placeholder > span { border-radius: 4px; background: var(--ms-accent-primary); }
.ms-demo-placeholder a { color: var(--ms-text-on-dark); text-decoration: underline; text-underline-offset: 4px; }

.ms-capabilities { gap: 0; border-top: 1px solid var(--ms-text-primary); }
.ms-capabilities article {
  min-height: 310px;
  padding: 34px 30px 40px;
  border: 0;
  border-right: 1px solid var(--ms-border);
  border-bottom: 1px solid var(--ms-border);
  border-radius: 0;
  background: transparent;
}
.ms-capabilities article:nth-child(3n) { border-right: 0; }
.ms-capabilities article:nth-child(2),
.ms-capabilities article:nth-child(6) { background: var(--ms-background-secondary); }
.ms-capabilities article > span { border-radius: 2px; }
.is-available { background: var(--ms-accent-primary-soft); color: #8f2414; }
.is-partial { background: #e7edff; color: #1738a8; }
.is-planned { background: #dedbd5; color: #55514c; }
.ms-capabilities h3,
.ms-capabilities h2 { font-size: clamp(24px, 2.3vw, 34px); }

.ms-context { padding-top: 0; background: var(--ms-background-primary); }
.ms-context > .ms-shell {
  padding: clamp(48px, 7vw, 90px);
  border: 0;
  border-radius: 0;
  background: var(--ms-background-dark);
  color: var(--ms-text-on-dark);
}
.ms-context > .ms-shell > p { color: var(--ms-text-on-dark-muted); }
.ms-context-path { border-radius: 0; background: var(--ms-accent-primary); color: var(--ms-text-primary); }
.ms-context-path i { color: var(--ms-text-primary); }

.ms-waitlist { padding-top: 0; }
.ms-waitlist > .ms-shell {
  padding: clamp(48px, 7vw, 86px);
  border: 1px solid var(--ms-text-primary);
  border-radius: 0;
  background: var(--ms-background-secondary);
}
.ms-waitlist p { color: var(--ms-text-secondary); }
.ms-waitlist-form input {
  border-color: var(--ms-text-primary);
  border-radius: 2px;
  background: var(--ms-background-secondary);
}
.ms-waitlist-form input:focus {
  border-color: var(--ms-accent-secondary);
  box-shadow: 0 0 0 3px rgba(36, 87, 255, .2);
}
.ms-waitlist-form button { border-radius: 2px; background: var(--ms-accent-primary); color: #fff; }
.ms-waitlist-form button:hover { background: var(--ms-accent-primary-dark); }
.ms-form-success,
.ms-form-error { border-radius: 2px; background: var(--ms-accent-primary-soft); color: #7d1d10 !important; }
.ms-form-error { background: #e7edff; color: #1738a8 !important; }

.ms-page-hero {
  border-bottom-color: var(--ms-border-dark);
  background: radial-gradient(circle at 80% 10%, rgba(36, 87, 255, .3), transparent 35%), var(--ms-background-dark);
  color: var(--ms-text-on-dark);
}
.ms-page-hero > .ms-shell > p { color: var(--ms-text-on-dark-muted); }
.ms-page-hero .ms-eyebrow { color: var(--ms-accent-primary); }

.ms-pricing { gap: 0; border-top: 1px solid var(--ms-text-primary); }
.ms-pricing article {
  border: 0;
  border-right: 1px solid var(--ms-border);
  border-bottom: 1px solid var(--ms-border);
  border-radius: 0;
  background: transparent;
}
.ms-pricing article:last-child { border-right: 0; }
.ms-pricing article.is-featured {
  transform: translateY(-12px);
  border: 1px solid var(--ms-text-primary);
  background: var(--ms-background-dark);
  color: var(--ms-text-on-dark);
  box-shadow: 14px 14px 0 var(--ms-accent-primary);
}
.ms-pricing article.is-featured p,
.ms-pricing article.is-featured ul { color: var(--ms-text-on-dark-muted); }
.ms-pricing article > span { border-radius: 2px; background: var(--ms-accent-primary-soft); color: #8f2414; }
.ms-pricing article > p:first-of-type { color: var(--ms-accent-primary-dark); }

.ms-content article img { border-radius: 2px; }
.ms-post-grid { gap: 0; border-top: 1px solid var(--ms-text-primary); }
.ms-post-grid article {
  padding: 34px 0;
  border: 0;
  border-bottom: 1px solid var(--ms-border);
  border-radius: 0;
  background: transparent;
}
.ms-post-grid article h2 { font-size: clamp(28px, 3.2vw, 44px); }
.ms-post-grid article > a { color: var(--ms-accent-primary-dark); }

.ms-footer {
  border-top-color: var(--ms-border-dark);
  background: var(--ms-background-dark);
  color: var(--ms-text-on-dark);
}
.ms-footer .ms-brand span { background: var(--ms-accent-primary); }
.ms-footer p,
.ms-footer nav,
.ms-footer small { color: var(--ms-text-on-dark-muted); }

:focus-visible { outline-color: rgba(36, 87, 255, .65); }

@media (max-width: 980px) {
  .ms-menu { border-radius: 3px; background: var(--ms-background-secondary); }
  .ms-nav nav.is-open {
    border-radius: 4px;
    background: var(--ms-background-secondary);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .16);
  }
  .ms-product-frame { box-shadow: 16px 16px 0 var(--ms-accent-primary), var(--ms-shadow); }
  .ms-capabilities article:nth-child(3n) { border-right: 1px solid var(--ms-border); }
  .ms-capabilities article:nth-child(2n) { border-right: 0; }
}

@media (max-width: 640px) {
  .ms-hero { padding: 68px 0 92px; }
  .ms-hero h1 { font-size: clamp(54px, 16vw, 72px); }
  .ms-heading h2,
  .ms-agent-story h2,
  .ms-context h2,
  .ms-waitlist h2,
  .ms-page-hero h1 { font-size: clamp(42px, 13vw, 58px); }
  .ms-product-frame { box-shadow: 9px 9px 0 var(--ms-accent-primary); }
  .ms-prelaunch .ms-shell { padding: 25px 0; }
  .ms-section { padding: 92px 0; }
  .ms-flow { border-bottom: 0; }
  .ms-flow-sources span,
  .ms-flow-actions span { min-height: 68px; }
  .ms-demo-frame { border-width: 1px; box-shadow: 9px 9px 0 var(--ms-accent-secondary); }
  .ms-capabilities { grid-template-columns: 1fr; }
  .ms-capabilities article,
  .ms-capabilities article:nth-child(2n),
  .ms-capabilities article:nth-child(3n) { min-height: auto; border-right: 0; }
  .ms-pricing { border-top: 0; }
  .ms-pricing article { border-right: 0; border-top: 1px solid var(--ms-border); }
  .ms-pricing article.is-featured { transform: none; box-shadow: 8px 8px 0 var(--ms-accent-primary); }
}