@import url('/fonts/fonts.css');
@import url('/design-tokens.css');
@import url('/corporate-theme.css');

/* Shared presentation for public pages. Old-look rules remain in marketing.css
   and each document; removing data-theme restores them without changing content. */
[data-theme="corporate"] body { font-family: var(--st-font-body); }
[data-theme="corporate"] :is(h1,h2,h3,h4) { font-family: var(--st-font-heading); }
[data-theme="corporate"] .ld-nav {
  background: #fff; backdrop-filter: none; border-color: var(--st-border);
}
[data-theme="corporate"] .ld-logo { font-family: var(--st-font-body); font-weight: 600; }
[data-theme="corporate"] .ld-nav nav a { font-size: .9375rem; }
[data-theme="corporate"] .ld-nav .ld-nav-cta {
  background: var(--st-pine); color: #fff; border: 1px solid var(--st-pine); border-radius: 4px;
}
[data-theme="corporate"] .ld-nav .ld-nav-cta:hover { background: var(--st-pine-hover); color: #fff !important; }
[data-theme="corporate"] .ld-hero { padding-top: 4rem; padding-bottom: 4rem; gap: 3rem; }
[data-theme="corporate"] .ld-hero h1 { font-size: clamp(2.3rem, 4.5vw, 3.6rem); line-height: 1.1; font-weight: 600; }
[data-theme="corporate"] .ld-hero h1 em { font-style: normal; font-weight: 600; }
[data-theme="corporate"] .ld-sub { font-size: 1.125rem; }
[data-theme="corporate"] .ld-eyebrow { font-weight: 600; letter-spacing: .09em; }
[data-theme="corporate"] .ld-hero-visual {
  background: #fff; border: 1px solid var(--st-border); border-radius: 8px; padding: 1.5rem;
}
[data-theme="corporate"] .ld-plan { filter: none; box-shadow: none; border-color: var(--st-border); }
[data-theme="corporate"] .ld-plan [stroke="#1C1B18"] { stroke: var(--st-ink); }
[data-theme="corporate"] .ld-plan [fill="#1C1B18"] { fill: var(--st-ink); }
[data-theme="corporate"] .ld-plan [fill="#EFEBE4"] { fill: #fff; }
[data-theme="corporate"] .ld-plan [fill="#FAF8F4"] { fill: var(--st-paper); }
[data-theme="corporate"] .ld-plan [fill="#1F5A45"] { fill: var(--st-pine); }
[data-theme="corporate"] .ld-plan [stroke="#1F5A45"] { stroke: var(--st-pine); }
[data-theme="corporate"] .ld :is(.ld-cta,.pr-cta) {
  background: var(--st-pine); color: #fff; box-shadow: none; border-radius: 4px;
}
[data-theme="corporate"] .ld :is(.ld-cta,.pr-cta):hover {
  background: var(--st-pine-hover); box-shadow: none; transform: none;
}
[data-theme="corporate"] .ld :is(button,.ld-steps li):hover { box-shadow: none; transform: none; }
[data-theme="corporate"] .ld-cta-ghost { color: var(--st-pine); border-color: var(--st-border-control); }
[data-theme="corporate"] .ld :is(.ld-steps li,.pr-card,.tl-form,.pr-callout,.pg-download) {
  background: #fff; border-color: var(--st-border); border-width: 1px; border-radius: 6px; box-shadow: none;
}
[data-theme="corporate"] .ld :is(.ld-how h2,.ld-faq h2) { font-weight: 600; }
[data-theme="corporate"] .ld-steps li { padding: 1.5rem; }
[data-theme="corporate"] .ld :is(.pg-key > div,.pr-callout) {
  background: var(--st-info-surface); color: var(--st-ink); border: 1px solid var(--st-border);
  border-left: 3px solid var(--st-pine); border-radius: 6px; box-shadow: none;
}
[data-theme="corporate"] .pg-key p { color: var(--st-text); }
[data-theme="corporate"] .pg-key strong { color: var(--st-ink); }
[data-theme="corporate"] .ld .pr-card.featured { border: 2px solid var(--st-pine); color: var(--st-ink); }
[data-theme="corporate"] .pr-card.featured :is(.pr-blurb,.pr-feat li) { color: var(--st-text); border-color: var(--st-border); }
[data-theme="corporate"] .pr-card.featured .pr-annual { color: var(--st-muted); }
[data-theme="corporate"] .pr-card.featured .pr-tier,
[data-theme="corporate"] .pr-card.featured .pr-feat li::before { color: var(--st-pine); }
[data-theme="corporate"] .pr-billing-toggle { border: 1px solid var(--st-border-control); background: #fff; }
[data-theme="corporate"] .pr-billing-toggle button + button { border-left: 1px solid var(--st-border-control); }
[data-theme="corporate"] .pr-billing-toggle button.active { background: var(--st-pine); color: #fff; }
[data-theme="corporate"] .pr-table .pr-col-featured { background: var(--st-info-surface); }
[data-theme="corporate"] .ld-demo-card {
  background: var(--st-ink); color: #fff; border-radius: 8px; border: 0; box-shadow: none;
}
[data-theme="corporate"] .ld-demo-card > p,
[data-theme="corporate"] .ld-demo-note { color: var(--st-inverse-muted); }
[data-theme="corporate"] .ld-demo-card :is(.ld-demo-note a,.ld-demo-note a:hover,p a,.ok) { color: var(--st-inverse-accent); }
[data-theme="corporate"] .ld-demo-card .ld-cta-ghost { color: #fff; border-color: var(--st-inverse-muted); }
[data-theme="corporate"] .ld-demo-card button { background: var(--st-pine); color: #fff; }
[data-theme="corporate"] .ld-footer { background: #fff; border-color: var(--st-border); }
[data-theme="corporate"] .ld input:not([type=radio]):not([type=checkbox]),
[data-theme="corporate"] .ld :is(textarea,select) { border: 1px solid var(--st-border-control); background: #fff; border-radius: 4px; }
[data-theme="corporate"] .ld .ld-demo-grid input { color: var(--st-ink); }
[data-theme="corporate"] .ld :is(input,textarea,select):focus-visible { outline: var(--st-focus-ring); outline-offset: var(--st-focus-offset); }

/* Support, legal, disconnected and 404 pages retain their document layouts. */
[data-theme="corporate"][data-surface="document"] body { color: var(--st-ink); background: var(--st-paper); }
[data-theme="corporate"][data-surface="document"] :is(p,li) { color: var(--st-text); }
[data-theme="corporate"][data-surface="document"] :is(.muted,.code,footer) { color: var(--st-muted); }
[data-theme="corporate"][data-surface="document"] a { color: var(--st-pine); }
[data-theme="corporate"][data-surface="document"] a.btn { color: #fff; background: var(--st-pine); border-radius: 4px; }
[data-theme="corporate"][data-surface="document"] .card { background: #fff; border-color: var(--st-border); border-radius: 6px; }
[data-theme="corporate"][data-surface="document"] footer { border-color: var(--st-border); }

@media (max-width: 40rem) {
  [data-theme="corporate"] .ld-hero { padding-top: 2.5rem; padding-bottom: 2.5rem; gap: 2rem; }
  [data-theme="corporate"] .ld-hero-visual { padding: .75rem; }
  [data-theme="corporate"] .ld-nav nav { background: #fff; }
}