/*
 * DevCore institutional colour system.
 * Loaded last so the approved Wine, Navy and Ivory themes replace the
 * temporary monochrome treatment without disturbing the established layout.
 */
:root {
  --wine: #35131e;
  --wine-light: #4b2130;
  --ivory: #f6f2eb;
  --ink: #281b21;
  --muted: #655b60;
  --line: #dcdcd8;
  --paper: #fbfaf7;
  --mist: #eef0f3;
  --rose: #f0d8c6;
  --teal: #087f61;
  --nav-surface: #35131e;
  --nav-ink: #f6f2eb;
  --navy: #142d4e;
  --forest: #142d4e;
  --sage: #eef0f3;
  --clay: #f0d8c6;
  --sky: #e7f0f8;
  --blue: #2458e6;
  --green: #00966c;
  --orange: #de6808;
}

body {
  background: var(--paper);
  color: var(--ink);
}

::selection {
  background: var(--blue);
  color: white;
}

img,
video,
svg,
.method-icon svg,
.hero-image,
.direct-link img,
.landing-intro .alumni-logo,
.landing-intro .alumni-4,
.portrait img,
.portrait:hover img,
.founder-card .founder-portrait img,
.founder-card:hover .founder-portrait img,
.founder-card:focus-within .founder-portrait img {
  filter: none;
}

/* The approved logo artwork is light and remains light on the wine chrome. */
.brand img,
.footer-brand img,
.dialog-brand img {
  filter: none;
}

/* Floating masthead with a stable, branded material over every page. */
.site-header {
  color: var(--nav-ink);
}

.header-surface,
.interior-page .header-surface,
.team-page .header-surface,
.integrations-page .header-surface,
.site-header.is-scrolled .header-surface {
  background: rgb(53 19 30 / 94%);
  border-color: rgb(246 242 235 / 18%);
  box-shadow: 0 16px 44px rgb(40 27 33 / 16%);
  backdrop-filter: blur(22px) saturate(135%);
  opacity: 1;
}

.nav-cta,
.mobile-cta {
  background: var(--ivory);
  color: var(--wine);
}

.nav-cta:hover,
.mobile-cta:hover {
  background: white;
}

:is(button, a):focus-visible {
  outline-color: var(--blue);
}

img[src$="linkedin-black.png"] {
  filter: brightness(0) saturate(100%) invert(31%) sepia(97%) saturate(1456%) hue-rotate(180deg) brightness(89%) contrast(101%) !important;
}

.demo-pause,
.logo-motion-toggle {
  width: 44px;
  height: 44px;
}

.demo-stage-button {
  min-height: 44px;
  color: #aab4c2;
  font-size: 12px;
}

.demo-workflow-tab {
  min-height: 44px;
  color: #b8c0cc;
  font-size: 12px;
}

/* Natural Golden Gate colour with a restrained wine edge for legibility. */
.landing-intro .hero {
  background: var(--wine);
}

.landing-intro .hero-image {
  filter: saturate(.96) contrast(1.01);
  opacity: 1;
  object-position: 50% 48%;
}

.landing-intro .hero-shade {
  background:
    linear-gradient(90deg, rgb(53 19 30 / 98%) 0%, rgb(53 19 30 / 82%) 34%, rgb(53 19 30 / 34%) 58%, rgb(53 19 30 / 12%) 100%),
    linear-gradient(0deg, rgb(53 19 30 / 46%) 0%, transparent 52%);
}

.landing-intro .hero-service-card {
  background: rgb(255 255 255 / 10%);
  border-color: rgb(246 242 235 / 24%);
}

.landing-intro .hero-service-number {
  background: var(--ivory);
  color: var(--wine);
}

.landing-intro .hero-body {
  color: var(--ivory);
}

.landing-intro .hero-points li {
  color: rgb(246 242 235 / 88%);
}

.landing-intro .hero-points svg {
  color: #f5a980;
}

.landing-intro .hero-actions > .hero-secondary {
  background: rgb(255 255 255 / 8%);
  border-color: rgb(246 242 235 / 32%);
}

.hero-demo {
  --demo-accent: #8fc7ff;
}

.hero-demo[data-scene="ddq-preparation"] {
  --demo-accent: #afbad6;
}

.hero-demo[data-scene="portfolio-monitoring"] {
  --demo-accent: #f4b47e;
}

.demo-grid {
  background-image: radial-gradient(rgb(255 255 255 / 25%) .7px, transparent .7px);
}

.demo-result,
.demo-notification {
  border-color: rgb(255 255 255 / 78%);
}

/* Full-colour proof strip. */
.integration-ribbon {
  background: var(--ivory);
  color: var(--ink);
  border-bottom-color: #ded8d1;
}

.ribbon-heading .eyebrow {
  color: var(--muted);
}

.logo-motion-toggle {
  background: white;
  border-color: #d8cec9;
  color: var(--wine);
}

.landing-intro > .alumni {
  background: #ffffff;
}

/* Section-level colour fields create editorial rhythm without decorative noise. */
.integrations-teaser,
.integration-hero {
  background: var(--forest);
  color: var(--ivory);
}

.integration-lead .eyebrow,
.integration-hero > .eyebrow {
  color: #b9d6cc;
}

.integration-lead > p:not(.eyebrow),
.integration-preview-note p,
.integration-subtitle {
  color: #dbe9e3;
}

.integration-app {
  background: #ffffff;
  border-color: rgb(255 255 255 / 48%);
  color: var(--ink);
}

.integration-app:nth-child(3n) {
  background: #ffffff;
  border-color: #eef1f5;
}

.integration-link {
  background: var(--ivory);
  color: var(--forest);
}

.integration-link:hover {
  background: white;
  color: var(--forest);
}

.integration-preview-note .connection-dot {
  background: #ffffff;
}

.founders-teaser {
  background: var(--paper);
}

.founder-card {
  border-color: #d8cdc8;
}

.founder-card .founder-portrait {
  background: #ffffff;
}

.founder-index,
.founder-role,
.founder-expertise h4 {
  color: #815b68;
}

.founder-bridge {
  background: #ffffff;
  border: 1px solid #e0d6d0;
  box-shadow: 0 22px 55px rgb(53 19 30 / 6%);
}

.bridge-node {
  color: var(--wine);
}

.bridge-core {
  background: var(--wine);
  color: var(--ivory);
}

.approach {
  background: var(--sage);
}

.business-context .map-caption,
.approach .eyebrow {
  color: var(--forest);
}

.outcome-card {
  background: #ffffff;
  border-color: #cddbd1;
  box-shadow: 0 18px 48px rgb(21 62 53 / 6%);
}

.outcome-card:nth-child(2) {
  background: #ffffff;
}

.outcome-card:nth-child(3) {
  background: #ffffff;
}

.outcome-card:last-child {
  background: var(--forest);
  border-color: var(--forest);
  color: var(--ivory);
}

.outcome-card:last-child p {
  color: #dbe9e3;
}

.outcome-card:nth-child(1) .outcome-icon { color: var(--blue); }
.outcome-card:nth-child(2) .outcome-icon { color: var(--orange); }
.outcome-card:nth-child(3) .outcome-icon { color: var(--green); }
.outcome-card:nth-child(4) .outcome-icon { color: #afbad6; }

.process {
  background: var(--wine);
  color: var(--ivory);
}

.process-intro > p:last-of-type,
.process-step p {
  color: #ddccd1;
}

.process-step,
.process-step:last-child {
  border-color: rgb(246 242 235 / 18%);
  background: rgb(255 255 255 / 4%);
}

.process-step .phase-label {
  color: #d8aebc;
}

.process-step.is-active .phase-label {
  color: #ffc2a2;
}

.process-art .track-base {
  stroke: #a67d8b;
}

.process-art .track-progress,
.process-art circle {
  stroke: #f5a980;
}

.process-art circle {
  fill: var(--wine);
}

.process-art circle.is-complete {
  fill: #f5a980;
}

.brandon-note blockquote {
  background: #ffffff;
  color: var(--wine);
}

.brandon-note figcaption small {
  color: #ddccd1;
}

.work {
  background: var(--clay);
}

.work-heading .eyebrow,
.industry-mark,
.work-responsibility svg {
  color: #8b3f25;
}

.industry-column,
.work-responsibility,
.workflow-item {
  border-color: rgb(139 63 37 / 28%);
}

.workflow-item p,
.work-responsibility p {
  color: #5d382d;
}

.education-preview {
  background: var(--sky);
}

.education-preview .eyebrow,
.education-page .eyebrow {
  color: #315b81;
}

.learning-objects > span {
  background: #ffffff;
  border-color: #c6d7e5;
  color: var(--navy);
  box-shadow: 0 16px 42px rgb(20 45 78 / 7%);
}

.learning-objects > span:nth-child(2) {
  background: #ffffff;
  color: #1f668f;
}

.learning-objects > span:nth-child(3) {
  background: #ffffff;
  color: var(--forest);
}

.learning-objects > span:nth-child(4) {
  background: #ffffff;
  color: #7a3f2b;
}

.platform-preview {
  background: var(--navy);
  color: var(--ivory);
}

.platform-preview p:not(.eyebrow) {
  color: #d5e1ed;
}

.platform-preview .button {
  background: var(--ivory);
  color: var(--navy);
}

.platform-preview .preview-platform-logo {
  filter: brightness(0) invert(1);
}

.agentos-page .platform-lockup {
  filter: brightness(0) invert(1);
}

.agentos-page .flow-stage h3 {
  color: var(--ink);
}

.platform-objects > span {
  background: rgb(255 255 255 / 8%);
  border-color: rgb(246 242 235 / 22%);
  color: var(--ivory);
  box-shadow: none;
}

.platform-objects > span:last-child {
  background: var(--ivory);
  color: var(--navy);
}

.platform-objects i {
  color: #83b8e0;
  transform: rotate(-90deg);
}

.contact {
  background: #ffffff;
}

.contact-intro > .eyebrow {
  color: #7d5865;
}

.button.contact-primary {
  background: var(--wine);
  border-color: var(--wine);
  color: var(--ivory);
}

.button.contact-primary:hover {
  background: var(--wine-light);
}

.contact-actions .contact-action {
  background: #ffffff;
  border-color: #d9c6c8;
  color: var(--wine);
}

.contact-actions .contact-action:hover {
  background: white;
  border-color: #8f6573;
}

.contact-points svg {
  color: #865a6a;
}

.footer {
  background: var(--wine);
  color: var(--ivory);
}

/* Dedicated pages use the same palette and retain full-colour source assets. */
.service-hero {
  background: var(--sage);
}

.service-hero > .eyebrow {
  color: var(--forest);
}

.service-actions .button {
  background: var(--wine);
  color: var(--ivory);
}

.service-actions .button-light {
  background: #ffffff;
  color: var(--wine);
  border-color: #cdbfc0;
}

.workflow-explorer,
.integration-library,
.education,
.platform {
  background: var(--paper);
}

.explorer-tabs button[aria-selected="true"] {
  background: var(--wine);
  border-color: var(--wine);
  color: var(--ivory);
}

.work-object.input-object {
  background: var(--sky);
  border-color: #c3d5e3;
}

.work-object.task-object {
  background: var(--sage);
  border-color: #bfd2c5;
}

.work-object.output-object {
  background: #ffffff;
  border-color: #d2c0b2;
}

.output-page {
  box-shadow: 6px 7px 0 #cab8aa;
}

.output-page::before {
  border-top-color: #e8ddd4;
}

.human-review-object {
  background: #ffffff;
  border-color: #d8c9c8;
}

.pricing {
  background: #ffffff;
}

.engagement-card {
  background: #ffffff;
  border-color: #d8c9c8;
}

.core-offer,
.core-offer:hover {
  background: var(--wine);
  border-color: var(--wine);
  color: var(--ivory);
}

.core-offer > p:not(.phase-label),
.core-offer .phase-label,
.core-offer .offer-icon,
.core-offer .offer-code,
.core-offer .mini-phases small {
  color: #e6d6dc;
}

.core-offer .offer-cta {
  color: white;
}

.education-page main > .education {
  background: var(--sky);
}

.education-page .map-node,
.education-copy > p,
.education-copy .practice-panel {
  background: #ffffff;
  border-color: #c8d7e3;
}

.education-page .map-node:nth-child(2) { background: #ffffff; }
.education-page .map-node:nth-child(3) { background: #ffffff; }
.education-page .map-node:nth-child(4) { background: #ffffff; }

.education-page .delivery-board {
  background: var(--navy);
  color: var(--ivory);
}

.education-page .delivery-copy p,
.education-page .delivery-option small,
.education-page .delivery-divider {
  color: #d5e1ed;
}

.education-page .delivery-option {
  background: rgb(255 255 255 / 8%);
  border-color: rgb(246 242 235 / 18%);
}

.education-page .delivery-number {
  color: #b8d7ed;
}

.education-page .workshop-strip {
  background: var(--forest);
  color: var(--ivory);
}

.agentos-page .platform {
  background: var(--navy);
  color: var(--ivory);
}

.agentos-page .platform-content p,
.agentos-page .platform-summary p {
  color: #d5e1ed;
}

.agentos-page .platform-summary p {
  background: rgb(255 255 255 / 7%);
  border-color: rgb(246 242 235 / 18%);
}

.agentos-page .platform-summary p + p {
  background: rgb(255 255 255 / 10%);
}

.agentos-page .agentos-diagram {
  background: #ffffff;
}

.capability-grid {
  background: var(--paper);
}

.capability-card {
  background: #ffffff;
  border-color: #d8c9c8;
}

.capability-card:nth-child(2) { background: var(--sky); }
.capability-card:nth-child(3) { background: var(--sage); }
.capability-card:nth-child(4) { background: #ffffff; }

.integration-card {
  background: #ffffff;
  border-color: #ded6d0;
}

.integration-card-top > span,
.library-count {
  color: var(--muted);
}

.integration-filters button[aria-pressed="true"] {
  background: var(--forest);
  border-color: var(--forest);
  color: var(--ivory);
}

.integration-next {
  background: var(--clay);
}

.team-hero {
  background: var(--wine);
  color: var(--ivory);
}

.team-hero-body,
.team-hero-points li {
  color: #e4d5da;
}

.team-page #brandon { background: var(--paper); }
.team-page #myles { background: var(--sky); }
.team-page #ashtin { background: var(--sage); }

.team-page .alumni-3 {
  box-sizing: content-box;
  padding: 7px 11px;
  border-radius: 6px;
  background: var(--navy);
}

.bio-section p,
.bio-bullets li,
.personal-detail p {
  color: var(--muted);
}

@media (max-width: 1039px) {
  .landing-intro .hero-image {
    opacity: .58;
    object-position: 60% center;
  }

  .landing-intro .hero-shade {
    background:
      linear-gradient(180deg, rgb(53 19 30 / 88%) 0%, rgb(53 19 30 / 90%) 44%, rgb(53 19 30 / 98%) 82%),
      linear-gradient(90deg, rgb(53 19 30 / 54%), transparent);
  }
}

@media (max-width: 700px) {
  .platform-objects i {
    transform: none;
  }

  .demo-stage-button,
  .demo-workflow-tab {
    min-height: 44px;
    font-size: 12px;
  }

  .header-surface {
    background: rgb(53 19 30 / 96%);
    backdrop-filter: blur(18px) saturate(125%);
  }

  .landing-intro .hero-image {
    opacity: .48;
    object-position: 62% center;
  }

  .landing-intro .hero-shade {
    background:
      linear-gradient(180deg, rgb(53 19 30 / 80%) 0%, rgb(53 19 30 / 94%) 48%, var(--wine) 82%),
      linear-gradient(90deg, rgb(53 19 30 / 74%), transparent);
  }

  .landing-intro .hero-actions > .button,
  .landing-intro .hero-actions > .hero-secondary {
    width: 100%;
  }

  .platform-preview,
  .education-preview,
  .work,
  .approach,
  .integrations-teaser {
    background-image: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .header-surface {
    background: var(--wine);
    backdrop-filter: none;
  }
}

@media (prefers-contrast: more) {
  .header-surface {
    background: var(--wine);
    border-color: var(--ivory);
  }
}

/* Keep workflow captions legible against the natural hero photograph. */
.hero-demo{background:linear-gradient(145deg,rgb(53 19 30 / .83),rgb(53 19 30 / .9));border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:20px 18px 22px;box-shadow:0 24px 70px #0002;backdrop-filter:blur(16px)}
.demo-heading{color:#c8ced7}.demo-caption p{color:#d0d6df}.demo-stage-button{color:#bec8d5}.demo-workflow-tab{color:#c0c8d4}
@media(max-width:600px){.hero-demo{padding:16px 12px 19px;border-radius:21px}.demo-workflow-tab{font-size:10px;padding-inline:6px}.demo-stage-button{font-size:10px}}

/* Background surfaces use only the primary burgundy and white. */
:root{--wine:#35131e;--wine-light:#35131e;--ivory:#fff;--paper:#fff;--mist:#fff;--nav-surface:#35131e;--navy:#35131e;--forest:#35131e;--sage:#fff;--clay:#fff;--rose:#fff;--sky:#fff;--blue:#35131e;--green:#35131e;--orange:#35131e;--teal:#35131e}
.hero-demo,.hero-demo[data-scene]{--demo-accent:#fff;background:#35131e}
.demo-glow{display:none}
.demo-result,.demo-notification,.orbit-core,.orbit-app,.orbit-app:nth-child(2n),.demo-task-symbol,.demo-task:last-child .demo-task-symbol,.demo-result-mark{background:#fff}
.demo-task-symbol,.demo-task:last-child .demo-task-symbol,.demo-result-mark,.demo-task-status,.demo-task:last-child .demo-task-status{color:#35131e;border-color:#d8cdd1}
.demo-result-dot{background:#35131e}
.demo-stage-button::before{background:#fff}
.industry-column,.industry-column:nth-child(2),.industry-column:nth-child(3){--industry-accent:#35131e}
.industry-mark{background:#fff}
/* Equal geometry for the service row and workflow controls. */
.landing-intro .hero-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,480px);gap:10px;margin-bottom:28px}
.landing-intro .hero-service-card{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;min-height:44px;padding:10px 12px}
.landing-intro .hero-service-number{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;background:#fff;color:#35131e}
.landing-intro .hero-service-name{font-size:12px;line-height:1.25}
.demo-stage-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px 10px 0}
.demo-stage-button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 6px 6px;text-align:center;font-size:11px;line-height:1.4}
.demo-workflow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 10px 0}
.demo-workflow-tab{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:10px 8px;text-align:center;font-size:11px;line-height:1.4;border:1px solid #ffffff30;border-radius:12px;background:transparent}
.demo-workflow-tab[aria-selected=true]{background:#fff;color:#35131e;border-color:#fff}
.demo-workflow-tab:hover{border-color:#fff}
.demo-workflow-tab[aria-selected=true]:hover{background:#fff;color:#35131e}
.menu-toggle{background:#35131e}.menu-toggle span{background:#fff}
@media(max-width:600px){.landing-intro .hero-services{gap:6px}.landing-intro .hero-service-card{height:62px;min-height:62px;flex-direction:column;gap:6px;padding:8px 4px}.landing-intro .hero-service-name{font-size:10px}.demo-stage-controls{padding:18px 0 0;gap:8px}.demo-stage-button{min-height:58px;font-size:10px;padding-inline:2px}.demo-workflow-tabs{gap:6px;padding:12px 0 0}.demo-workflow-tab{min-height:54px;padding:9px 4px;font-size:10px}}

/* Quiet page fields retain contrast on the objects people need to read. */
:root{--surface-soft:color-mix(in srgb,var(--wine) 3%,white);--surface-raised:#fff;--border-soft:color-mix(in srgb,var(--wine) 13%,white)}
.landing-surface{position:relative;isolation:isolate;background:var(--wine);overflow:hidden}
.landing-intro .landing-surface .hero{position:static;background:transparent;isolation:auto;padding-bottom:48px}
.landing-intro .landing-surface .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.68}
.landing-intro .landing-surface .hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#35131ef2 0%,#35131ec9 45%,#35131e70 100%),linear-gradient(0deg,#35131ef5,transparent 50%)}
.landing-surface .integration-ribbon{position:relative;background:transparent;border:0;color:#fff;padding:20px 0 30px}
.landing-surface .ribbon-heading{border-top:1px solid #ffffff28;padding-top:20px;margin-inline:var(--gutter);padding-inline:0}
.landing-surface .ribbon-heading .eyebrow{color:#ffffffb8}
.landing-surface .logo-motion-toggle{background:#ffffff0c;border-color:#ffffff40;color:#fff}
.landing-surface .logo-track{scrollbar-color:#ffffff45 transparent}
.landing-surface .ribbon-logo{background:#fff;border-radius:8px;height:58px;padding:12px 16px}
.landing-surface .ribbon-logo img{max-width:100%;max-height:100%;object-fit:contain}
.landing-surface .logo-group{gap:28px;padding-right:28px}
.hero-demo,.hero-demo[data-scene]{background:#ffffff06;box-shadow:none;backdrop-filter:blur(14px);border-color:#ffffff24}
.demo-grid{opacity:.3}.demo-pause{background:#ffffff08}
.demo-notification{box-shadow:0 8px 24px #35131e20;border-radius:10px}
.demo-notification:nth-child(1),.demo-notification:nth-child(3){transform:none}
.demo-stage-button,.demo-workflow-tab{color:#ffffffbd}
.demo-workflow-tab{background:#ffffff08;border-color:#ffffff24}
.landing-intro .hero-points svg{color:#ffffffad}
.integrations-teaser,.process,.platform-preview{background:var(--surface-soft);color:var(--ink)}
.integration-lead .eyebrow,.integration-hero>.eyebrow,.work-heading .eyebrow,.education-preview .eyebrow,.education-page .eyebrow,.industry-mark,.work-responsibility svg{color:var(--wine)}
.integration-lead>p:not(.eyebrow),.integration-preview-note p,.integration-subtitle,.process-intro>p:last-of-type,.process-step p,.platform-preview p:not(.eyebrow),.brandon-note figcaption small{color:var(--muted)}
.integration-app,.outcome-card,.learning-objects>span,.capability-card,.education-page .map-node,.education-copy>p,.education-copy .practice-panel,.contact-actions .contact-action{background:#fff;border-color:var(--border-soft);box-shadow:0 8px 24px #35131e05}
.approach,.work,.education-preview{background:#fff}
.process-step,.process-step:last-child{background:#fff;border-color:var(--border-soft);color:var(--ink)}
.process-step .phase-label,.process-step.is-active .phase-label{color:var(--wine)}
.process-art .track-base{stroke:#35131e30}.process-art .track-progress,.process-art circle{stroke:var(--wine)}.process-art circle{fill:#fff}.process-art circle.is-complete{fill:var(--wine)}
.platform-preview .preview-platform-logo{filter:brightness(0)}
.platform-objects>span{background:#fff;border-color:var(--border-soft);color:var(--wine)}
.platform-objects>span:last-child,.platform-preview .button,.integration-link{background:var(--wine);color:#fff}
.platform-objects i{color:var(--wine)}
.workflow-item p,.work-responsibility p,.learning-objects>span:nth-child(n){color:var(--ink)}
.industry-column,.work-responsibility,.workflow-item{border-color:var(--border-soft)}
.education-page .delivery-board,.education-page .workshop-strip{background:var(--surface-soft);color:var(--ink);border:1px solid var(--border-soft)}
.education-page .delivery-copy p,.education-page .delivery-option small,.education-page .delivery-divider{color:var(--muted)}
.education-page .delivery-option{background:#fff;border-color:var(--border-soft)}
.education-page .delivery-number{color:var(--wine)}
.work-object.input-object,.work-object.task-object,.human-review-object,.capability-card:nth-child(n){background:var(--surface-soft);border-color:var(--border-soft)}
.contact{background:var(--surface-soft)}
@media(max-width:600px){.landing-surface .ribbon-logo{width:128px;height:52px;padding:10px 12px}.landing-surface .logo-group{gap:18px;padding-right:18px}.landing-surface .ribbon-heading{margin-inline:24px}.landing-intro .landing-surface .hero{padding-bottom:24px}.landing-surface .integration-ribbon{padding-bottom:22px}}

/* Native documents use the hierarchy of the underlying deliverable. */
.demo-stage{height:515px}
.demo-review-scene{align-items:center}
.demo-result{width:100%;max-width:540px;padding:22px 25px;border-radius:8px;transform:none;box-shadow:0 14px 36px #35131e26;color:var(--ink)}
.demo-result-top{font-size:10px;letter-spacing:.02em;color:var(--muted);gap:6px}
.demo-result-mark{display:none}.demo-result-dot{width:4px;height:4px}
.demo-result h2{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.035em;line-height:1.16;margin:12px 0 5px;color:var(--ink)}
.document-status{font-size:10px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--border-soft);margin:0}
.document-company{font-size:17px;font-weight:600;margin:12px 0 10px;letter-spacing:-.02em}
.document-metadata{display:grid;grid-template-columns:1.5fr 1fr .7fr;gap:12px;font-size:10px;margin:0 0 12px}
.document-metadata dt{color:var(--muted);margin-bottom:3px}.document-metadata dd{margin:0;color:var(--ink)}
.document-terms,.document-paragraph{font-size:12px;line-height:1.55;margin:0}
.document-terms{padding:10px 12px;background:var(--surface-soft);border-left:2px solid var(--wine)}
.document-section{font-size:11px;font-weight:650;letter-spacing:0;line-height:1.4;margin:12px 0 5px;color:var(--wine)}
.document-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:13px 0;font-size:11px;font-variant-numeric:tabular-nums;line-height:1.45}
.document-table th,.document-table td{padding:7px 5px;text-align:right;border-bottom:1px solid var(--border-soft);vertical-align:middle;font-weight:400}
.document-table thead th{background:var(--surface-soft);font-weight:600;font-size:10px;color:var(--muted)}
.document-table tr>:first-child{text-align:left;width:28%}.document-table tbody th{font-weight:550}
.document-note{font-size:9px;line-height:1.45;color:var(--muted);margin:10px 0 0}
.demo-result-footer{margin-top:12px;padding-top:10px;gap:8px}.demo-result-footer p{font-size:10px;color:var(--muted);line-height:1.45}
.document-ddq-section{margin-top:12px;padding-bottom:8px;border-bottom:1px solid var(--border-soft)}
.document-question{display:grid;grid-template-columns:30px 1fr;gap:8px;font-size:12px;line-height:1.5;margin:10px 0}
.document-question-number{font-weight:650;color:var(--wine)}.document-question p{margin:0;font-weight:550}
.document-evidence{position:relative;padding:10px 12px;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:4px;margin-top:12px}
.document-evidence h4{font-size:10px;margin:0 0 5px;color:var(--muted)}.document-evidence p{font-size:11px;margin:0}.document-evidence small{display:block;font-size:9px;margin-top:3px;color:var(--muted)}
.document-owner{font-size:10px;font-weight:600;margin:9px 0}.document-attribution{font-size:9px;color:var(--muted);text-underline-offset:3px}
.document-period{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.document-period h3{font-size:16px;font-weight:600;margin:0}.document-period span{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.demo-stage{height:545px}.demo-result{padding:26px 30px}.document-paragraph,.document-terms{font-size:13px}.document-note{font-size:10px}}
@media(max-width:600px){.demo-stage{height:595px}.demo-result{padding:20px 16px}.demo-result h2{font-size:23px}.document-metadata{gap:8px;grid-template-columns:1.4fr 1fr .7fr}.document-table{font-size:10px}.document-table th,.document-table td{padding:7px 3px}.document-table thead th{font-size:9px}.document-note{font-size:10px}.demo-result-footer p{font-size:10px}.document-terms,.document-paragraph{font-size:12px}.demo-caption{padding-top:16px}}
@media(max-width:360px){.demo-stage{height:670px}.document-metadata{grid-template-columns:1fr 1fr}.document-metadata>div:last-child{grid-column:1/-1}.document-table{font-size:9px}.document-table thead th{font-size:8px}}
/* Let document content determine height so captions never overlap it. */
.hero-demo .demo-stage{display:grid;height:auto;min-height:0}
.hero-demo .demo-scene{position:relative;inset:auto;grid-area:1/1;min-height:480px;padding-block:14px 22px}
@media(max-width:600px){.hero-demo .demo-scene{min-height:510px;padding-block:14px 20px}}
.document-question p{font-size:12px;line-height:1.5}

/* Keep the opening copy aligned with the workflow panel. */
@media(min-width:1040px){
.landing-intro .landing-surface .hero{align-items:start;padding-top:128px}
.landing-intro .landing-surface .hero-content{align-self:start;margin-top:0}
}