/* Public detail surfaces share the homepage's light glass composition.
   Opt-in is per page bundle; the design-system mirror is never edited here. */
body.tactile-detail{background:var(--canvas);color:var(--ink)}
body.tactile-detail main{position:relative;isolation:isolate}
body.tactile-detail main::before{content:none}
/* The glass belongs to the page hero (2026-10-06). The 900px layer on <main> ran 150–560px past most heroes, so the
   next section (coSchema 「계획 모드·에이전트 모드」) read as part of the hero. Pages whose hero is a direct child of
   main paint the layer on the hero; pages without one (404, lecture files, career posts) keep the main layer. */
body.tactile-detail main:has(> :is(.hero,.ai-schema-hero,.ai-about-hero,.co-head,.lg-head,.ax-doc-head,.doc-hero,.dn-hero))::before{display:none}
body.tactile-detail main> :is(.hero,.ai-schema-hero,.ai-about-hero,.co-head,.lg-head,.ax-doc-head,.doc-hero,.dn-hero){position:relative;isolation:isolate}
body.tactile-detail main> :is(.hero,.ai-schema-hero,.ai-about-hero,.co-head,.lg-head,.ax-doc-head,.doc-hero,.dn-hero)::before{content:none}
/* Flow spacing (2026-10-06). components.css starts h1–h3·p at margin 0 and leaves spacing to components, so headings
   and text stacked bare in a page section touched (coSchema 소개·시작 가이드, 법무 문서 머리, 교육 공간 안내 …).
   Bare flow content (no class) gets the DS steps here; anything with a class is a component and keeps its own
   spacing (a margin added inside a flex or grid gap would double it). Specificity stays near one element. Buttons keep no margin: their .btn-row takes 글 → 버튼 24px.
   The spacing browser gate measures every public page at 1440·1024·768·390. */
:where(body.tactile-detail main) :where(h1) + :is(p,ul,ol,dl):where(:not([class])){margin-top:var(--space-4)}
:where(body.tactile-detail main) :where(h2) + :is(p,ul,ol,dl):where(:not([class])){margin-top:var(--space-3)}
:where(body.tactile-detail main) :where(h3) + :is(p,ul,ol,dl):where(:not([class])){margin-top:var(--space-2)}
:where(body.tactile-detail main) :where(p,ul,ol,dl,table,figure) + :is(h2):where(:not([class])){margin-top:var(--space-6)}
:where(body.tactile-detail main) :where(p,ul,ol,dl,table,figure) + :is(h3):where(:not([class])){margin-top:var(--space-5)}
:where(body.tactile-detail main) :where(p,ul,ol,dl,h2,h3) + :where(.btn-row){margin-top:var(--text-to-action)}
/* Cards that lay out their content with flex/grid gap own that spacing (2026-10-07). The flow margins above sat on top
   of the gap: AX 사례 카드 제목 → 설명 6px became 14px. spacing_audit.mjs card-gap catches this. */
:where(body.tactile-detail main .feat-card) > :is(p,ul,ol,dl,h2,h3){margin-top:0}
body.tactile-detail[data-surface] :is(.hero,.ai-schema-hero,.ai-about-hero,.job-hero,.dn-hero){background:transparent;color:var(--ink);padding-block: var(--gap-section, var(--space-7));border:0}
body.tactile-detail[data-surface] :is(.hero,.ai-schema-hero,.ai-about-hero,.job-hero,.dn-hero) h1{font-size: var(--fs-num-xl);font-weight:var(--fw-medium);line-height:1.13;letter-spacing:-.045em;color:var(--ink);text-wrap:balance}
body.tactile-detail[data-surface] :is(.hero,.ai-schema-hero,.ai-about-hero,.job-hero,.dn-hero) :is(p,.eyebrow,.badge,.hero-description,.pm-context-label){color:var(--muted)}
body.tactile-detail :is(.mk-gradient-word,.v6b-gradient-word){background:none;color:inherit;-webkit-text-fill-color:currentColor;padding:0;margin:0}
body.tactile-detail main :is(h2,h3){font-weight:var(--fw-medium);letter-spacing:-.025em}
body.tactile-detail :is(.mk-band--paper,.band-paper,.band-canvas){background:transparent}
html body.tactile-detail .v6-marketing .mk-band--paper{color:var(--ink)}
body.tactile-detail :is(.ai-schema-output,.ai-schema-mode,.ai-schema-start,.ai-about-paths article,.feature-card,.team-card,.capability-card,.benefit-card,.process-card,.job-card,.news-card,.pricing-card,.ax-card,.pm-surface,.record-column,.briefing,.team-sheet,.prow-facts,.ex,.ex-api){background:var(--glass-2-fill);border:0;border-radius:var(--radius-card);box-shadow:var(--depth-2);-webkit-backdrop-filter:blur(var(--glass-2-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-2-blur)) saturate(var(--glass-saturate));color:var(--ink)}
body.tactile-detail :is(.ai-schema-output,.pm-surface){padding: var(--space-6)}
body.tactile-detail .ai-schema-result{border-radius:var(--radius-md);background:var(--glass-1-fill);border-color:var(--glass-edge)}
body.tactile-detail .pm-visual{color:var(--ink)}
body.tactile-detail .pm-visual figcaption{color:var(--muted);font-weight:500}
body.tactile-detail .pm-card{border-radius:var(--radius-card);background:var(--glass-1-fill);border-color:var(--glass-edge);color:var(--ink)}
body.tactile-detail .pm-card :is(b,strong){font-weight:500}
body.tactile-detail .pm-card span{text-align:left}
body.tactile-detail .td-company{display:grid;gap: var(--space-5);padding: var(--space-5)}
.td-company-title{display:flex;gap: var(--space-3);align-items:center}
.td-line-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;flex:none;color:var(--muted)}
.td-members{display:flex;gap: var(--space-4);align-items:center}
.td-members>span:last-child{font-size: var(--fs-small);color:var(--muted)}
.td-relationship{display:grid;grid-template-columns:1fr 1fr;gap: var(--space-4)}
.td-stem{display:block;width:1px;height:28px;margin:0 auto;background:var(--line-strong)}
body.tactile-detail .td-next{padding: var(--space-4) var(--space-5);display:grid;grid-template-columns:1fr;gap: var(--space-4)}
.td-next-title{display:flex;align-items:center;gap: var(--space-3)}
.td-next-title>span{margin-left:auto;font-size: var(--fs-small);color:var(--muted)}
.td-next-meta{display:flex;align-items:center;justify-content:space-between;gap: var(--space-3);padding-top: var(--space-4);border-top:1px solid var(--line);font-size: var(--fs-small);font-variant-numeric:tabular-nums}
.td-data-preview{display:flex;gap: var(--space-2);align-items:flex-end}
.td-sheet{display:grid;grid-template-columns:repeat(3,18px);grid-auto-rows:11px;border:1px solid var(--line-strong);border-radius: var(--radius-sm);overflow:hidden}
.td-sheet i{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.td-sheet i:nth-child(3n){border-right:0}
.td-sheet i:nth-child(n+7){border-bottom:0}
.td-sheet i:nth-child(-n+3){background:var(--selected-fill)}
.td-doc{display:grid;align-content:start;gap: var(--space-1);width:28px;height:35px;padding: var(--space-2) var(--space-1);border:1px solid var(--line-strong);border-radius: var(--radius-sm)}
.td-doc i{height:1px;background:var(--line-strong)}
.td-doc i:last-child{width:60%}
.td-engine{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr;align-items:center;gap:0}
.td-engine-input,.td-engine-output{display:grid;gap: var(--space-4)}
.td-engine .pm-card{display:grid;gap: var(--space-4);padding: var(--space-5);text-align:left}
.td-engine .td-engine-core{min-height:176px;align-content:center;background:var(--glass-2-fill);box-shadow:var(--depth-2)}
.td-engine-arrow{width:100%;height:30px;fill:none;stroke:var(--line-strong);stroke-width:1.2}
.td-engine-output>div{display:flex;align-items:center;gap: var(--space-3);font-size: var(--fs-small);padding: var(--space-4) 0;border-bottom:1px solid var(--line)}
body.tactile-detail.cosentio-ai-page .pm-visual{max-width:1060px;width:100%;margin-block: var(--space-7) var(--space-6)}
/* coTact keeps the same hero 버튼 줄 → 그림 distance as coSentio AI: 56px, 36px at ≤700px (2026-10-07). The figure sits in
   .hero-grid, a flex column with gap, so its margin is what remains after the gap (--hero-grid-gap in connect.css).
   Before, the .pm-visual margin (page-motion.css) stacked on the gap: 84px at 1440, 52px at 390. */
body.tactile-detail.connect-page .hero-grid>.pm-visual{margin-top: calc(var(--space-7) - var(--hero-grid-gap,var(--space-6)))}
body.tactile-detail .v6-marketing-footer{background:transparent;color:var(--ink);border-top:1px solid var(--line)}
body.tactile-detail .v6-marketing-footer :is(a,p,span){color:var(--muted)}
body.tactile-detail :is(.mk-role-numeric,.mk-role-deep,.accent-on-dark,.mk-accent){color:inherit}
body.tactile-detail .pm-flow-list li::before,body.tactile-detail #history .tline>li::before{display:none}
body.tactile-detail .callout{border-left-width:1px;border-color:var(--line)}
@media(max-width:700px){
 body.tactile-detail[data-surface] :is(.hero,.ai-schema-hero,.ai-about-hero,.job-hero,.dn-hero){padding-block: var(--space-7)}
 body.tactile-detail[data-surface] :is(.hero,.ai-schema-hero,.ai-about-hero,.job-hero,.dn-hero) h1{font-size: var(--fs-h1);line-height:1.18}
 body.tactile-detail .pm-surface{padding: var(--space-5)}
 .td-relationship{grid-template-columns:1fr}
 .td-engine{grid-template-columns:1fr}
 .td-engine-input{grid-template-columns:1fr 1fr;gap: var(--space-3)}
 .td-engine .pm-card{padding: var(--space-4)}
 .td-engine-arrow{height:42px;width:32px;justify-self:center;transform:rotate(90deg)}
 .td-engine .td-engine-core{min-height:130px}
 .td-engine-output{grid-template-columns:1fr;gap:0}
 body.tactile-detail.cosentio-ai-page .pm-visual{margin-top: var(--space-6)}
 body.tactile-detail.connect-page .hero-grid>.pm-visual{margin-top: calc(var(--space-6) - var(--hero-grid-gap,var(--space-5)))}
}
/* Legacy document and product selectors carry more specificity than their headings. */
body.tactile-detail[data-surface] main h1{font-weight:var(--fw-medium);font-size: var(--fs-num-xl);line-height:1.13;letter-spacing:-.045em}
body.tactile-detail[data-surface] main .hero> .container>p{color:var(--muted)}
@media(max-width:700px){body.tactile-detail[data-surface] main h1{font-size: var(--fs-h1);line-height:1.18}}
/* Feature lists read as text rows; the round markers were decoration. */
body.tactile-detail .pdemo .prow-facts li{padding-left:0}
body.tactile-detail .pdemo .prow-facts li::before{display:none}
/* File tiles in the coSchema product screen: line icons instead of PDF/XLS letters (two PDFs, then a sheet). */
body.tactile-detail .file-icon{display:grid;place-items:center;font-size:0;color:var(--ink)}
body.tactile-detail .file-icon::before{content:"";display:block;width:16px;height:16px;background:currentColor;-webkit-mask:var(--td-file-icon) center/contain no-repeat;mask:var(--td-file-icon) center/contain no-repeat}
body.tactile-detail .file-card{--td-file-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Cpath d='M6 3h8l4 4v14H6zM14 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E")}
body.tactile-detail .file-card:nth-child(3){--td-file-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Crect x='4' y='4' width='16' height='16' rx='1.5'/%3E%3Cpath d='M4 9.5h16M4 15h16M10 4v16'/%3E%3C/svg%3E")}

/* AX and Concierge reuse the same materials; one existing narrative band remains dark. */
body.tactile-detail[data-page-group="service"] .v6-marketing .hero{background:transparent;color:var(--ink)}
body.tactile-detail[data-page-group="service"] .v6-marketing :is(.feat-card,.line-card,.week,.course-card,.layer-card,.stat-card,.p-card,.pr-card){background:var(--glass-2-fill);border:0;border-radius:var(--radius-card);box-shadow:var(--depth-2);-webkit-backdrop-filter:blur(var(--glass-2-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-2-blur)) saturate(var(--glass-saturate));color:var(--ink)}
body.tactile-detail[data-page-group="service"] .v6-marketing .mk-band--paper{background:transparent}
body.tactile-detail[data-page-group="service"] .v6-marketing .hero :is(.badge,.hero-note){color:var(--muted)}
body.tactile-detail :is(.contact,.p-final){background:var(--glass-1-fill);color:var(--ink)}
body.tactile-detail :is(.contact,.p-final) :is(h2,p,a){color:var(--ink)}
body.tactile-detail .v6-marketing .cta-section.mk-band--paper{background:var(--glass-1-fill);border-top:0;color:var(--ink)}
body.tactile-detail .v6-marketing .cta-section.mk-band--paper :is(h2,p){color:var(--ink)}
body.tactile-detail :is(.mk-band--paper,.band-paper,.band-canvas) :is(.ax-step:hover,.ax-panel h3,.ax-panel .text-link){color:var(--ink)}

body.tactile-detail :is(.chip .dot,.demo-dot,.layer-bdg i,.voice::before,.voice::after){display:none}
body.tactile-detail .brand-tab::after{display:none}
body.tactile-detail .v6-marketing .hero .badge{background:transparent;padding:0;border:0}
body.tactile-detail .v6-marketing .hero .btn{border-radius:var(--radius-pill)}

body.tactile-detail :is(.contact,.p-final) :is(.ck,.cp,.cnote,.note,.foot-link a){color:var(--muted)}
body.tactile-detail .v6-marketing .contact .btn-primary{background:var(--palette-ink);color:var(--palette-on-ink);border-color:var(--palette-ink)}
body.tactile-detail .p-final .p-final-cta{background:var(--primary-base);color:var(--primary-text)}
body.tactile-detail .p-final .foot-link a:hover{color:var(--ink)}
/* Pseudo-elements cannot sit inside :is(), so the thought-bubble dots need their own rule. */
body.tactile-detail .voice::before,body.tactile-detail .voice::after{display:none}
body.tactile-detail .team-focus li::before,body.tactile-detail .team-subfocus li::before{display:none}
body.tactile-detail .team-focus>li{padding-left:0}
body.tactile-detail .team-subfocus li{padding-left: var(--space-3)}
/* The narrative ink band is the page's one dark section; the closing contact stays light. */
body.tactile-detail.public-site[data-page-group="service"] section.contact{background:var(--glass-1-fill);color:var(--ink);border-top:1px solid var(--line)}
body.tactile-detail .radar-dot.is-weak{fill:none;stroke:var(--ink-inverse);stroke-width:1.2}
/* The quiz result card becomes a light glass card; its dark-surface tokens are remapped in place. */
body.tactile-detail .result{--dark-text-strong:var(--ink);--on-dark-dim:var(--muted);--on-dark:var(--ink);--on-dark-line:var(--line-strong);--on-dark-fill:var(--selected-fill);--ink-inverse:var(--ink);background:var(--glass-2-fill);border:0;box-shadow:var(--depth-2)}
body.tactile-detail .result .rcta{color:var(--primary-text)}
body.tactile-detail .radar-label.is-weak{color:var(--ink)}
body.tactile-detail .v6-marketing .mk-band--ink .ax-hg-tag{color:inherit;border-color:color-mix(in srgb,currentColor 45%,transparent)}

/* Company and reading surfaces keep typography and controls on the light tokens. */
body.tactile-detail :is(.co-head,.lg-head,.ax-doc-head,.job-hero,.doc-hero){background:transparent;color:var(--ink);border:0;padding-block: var(--gap-section, var(--space-7))}
body.tactile-detail :is(.co-head,.lg-head,.ax-doc-head,.job-hero,.doc-hero) :is(h1,h2,h3,a,button,dd){color:var(--ink)}
body.tactile-detail :is(.co-head,.lg-head,.ax-doc-head,.job-hero,.doc-hero) :is(p,dt,.lg-eyebrow-text,.meta,.intro){color:var(--muted)}
body.tactile-detail .lg-head .lg-docs{border-color:var(--line)}
body.tactile-detail .lg-head .lg-docs a{color:var(--muted)}
body.tactile-detail .lg-head .lg-docs a[aria-current=page]{color:var(--ink);border-bottom-color:transparent;background:var(--selected-fill)}
body.tactile-detail .lg-print{background:var(--glass-1-fill)}
body.tactile-detail .lg-head :focus-visible{outline-color:var(--focus-ring)}
body.tactile-detail :is(.n-lead,.n-card,.role-card,.value-card,.co-card,.contact-card,.job-card,.guide-card,.doc-card,.ai-about-paths a,.track-col,.roadmap-cta){background:var(--glass-2-fill);border:0;border-radius:var(--radius-card);box-shadow:var(--depth-2);-webkit-backdrop-filter:blur(var(--glass-2-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-2-blur)) saturate(var(--glass-saturate));color:var(--ink)}
body.tactile-detail .ai-about-intro{max-width:800px}
body.tactile-detail .job-hero :is(.job-hero-meta,.job-hero-eyebrow,.job-hero-sub){color:var(--muted)}
body.tactile-detail .hero-eyebrow .dot,body.tactile-detail .status-dot,body.tactile-detail .demo-dot{display:none}
body.tactile-detail .ax-doc-accent{color:var(--ink)}
@media print{body.tactile-detail main::before{display:none}body.tactile-detail :is(.lg-head,.co-head){background:transparent;box-shadow:none}}
/* The AX first-screen light uses the shared canvas behind the page. */
html body.ax-project-site.pm{position:relative;isolation:isolate}
/* Careers has a standalone hero outside main. Give it the same composition. */
body.tactile-detail> .hero{isolation:isolate}
body.tactile-detail> .hero::before{content:none}
body.tactile-detail.x-site.v6-marketing[data-page-group="career"] .hero .hero-h1{font-size: var(--fs-num-xl);font-weight:var(--fw-medium);line-height:1.13;letter-spacing:-.045em;max-width:960px}
body.tactile-detail.x-site.v6-marketing[data-page-group="career"] .hero :is(.hero-lead,.hero-sub-lead){margin:0 auto;padding:0;border:0;max-width:760px;text-align:center;color:var(--muted)}
body.tactile-detail.x-site.v6-marketing[data-page-group="career"] .hero .hero-cta{margin-top: var(--space-3);justify-content:center}
body.tactile-detail .job-hero :is(.job-hero-eyebrow .t,.job-hero-eyebrow .status,.job-hero-brand p){color:var(--muted)}
@media(max-width:700px){body.tactile-detail.x-site.v6-marketing[data-page-group="career"] .hero .hero-h1{font-size: var(--fs-h1);line-height:1.18}}
/* The roadmap head was built for an ink band; its title and levels return to the light tokens. */
body.tactile-detail[data-surface] .ax-doc-head .toolbar h1{color:var(--ink)}
body.tactile-detail[data-surface] .ax-doc-head .ax-doc-accent{color:inherit}

body.tactile-detail .level.expert .lname{color:var(--ink)}
body.tactile-detail .rm-node:is(.a,.b,.c).expert{color:var(--ink);}
body.tactile-detail .rm-node:is(.a,.b,.c).expert .badge,body.tactile-detail .rm-node.c.master .badge{background:var(--ink);color:var(--primary-text)}
body.tactile-detail .rm-node.c.master{color:var(--ink)}
/* Legal document switcher follows the segmented pill: selected is a filled pill, no underline. */
body.tactile-detail .lg-head .lg-docs{gap: var(--space-2);padding-top: var(--space-4)}
body.tactile-detail .lg-head .lg-docs a{min-height:40px;padding: var(--space-2) var(--space-4);border:0;border-radius:var(--radius-pill);font-size: var(--fs-body)}
body.tactile-detail .lg-head .lg-docs a:hover{color:var(--ink)}
body.tactile-detail .lg-head .lg-docs a[aria-current=page]{font-weight:500;background:var(--segment-selected);box-shadow:var(--segment-shadow)}
@media(max-width:700px){body.tactile-detail .lg-head .lg-docs a{min-height:44px}}
/* Teal decorated headings, labels, numbers and links on company pages; it stays only on the open-hiring status. */
body.tactile-detail :is(h2 em,.accent,.docs-v6-accent,.docs-v6-label:not(.docs-v6-label--warn),.step-num,.guide-cta,.req,.job-group-count,p>b){color:inherit}
body.tactile-detail :is(.wwd-left,.gf-intro,.jobs-cta-left,.pool-left,.hww-header,.bn-header,.wj-top) h2 em,body.tactile-detail .docs-v6-accent{--identity:currentColor;--accent:currentColor}
body.tactile-detail :is(main,body>section) :is(p,li,td,dd) a[href]:not([class*=btn]){color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.tactile-detail :is(.doc,.callout,.guide-body) a[href]:not([class*=btn]),body.tactile-detail a.accent{color:var(--ink)}
/* 404 sits on the same light glass as the home page; the code is ink like the rest of the page. */
body.tactile-detail.co-nf-page{background:var(--canvas)}
body.tactile-detail.x-site.co-nf-page main.nf{width:100%;max-width:none;min-height:calc(100svh - var(--xk-gnav-h,76px));margin:0;padding: var(--gap-section, var(--space-7)) max(var(--page-gutter,var(--space-5)),calc((100% - var(--page-max,var(--space-10))) / 2)) var(--space-8);background:transparent;color:var(--ink)}
body.tactile-detail.co-nf-page .nf__code.mk-role-numeric{font-size: var(--fs-num-xl);font-weight:300;line-height:.9;letter-spacing:-.06em;color:var(--accent)}
body.tactile-detail.co-nf-page .nf__title{margin-top: var(--space-6);font-size: var(--fs-num-xl);font-weight:300;line-height:1.12;letter-spacing:-.045em;color:var(--ink)}
body.tactile-detail.co-nf-page :is(.nf__lead,.nf__more .nf__link){color:var(--muted)}
body.tactile-detail.co-nf-page .nf__more{border-top-color:var(--line)}

/* 마지막 단계 줄은 아래 선 없이 다음 CTA 띠로 이어진다. */
body.tactile-detail .v6-marketing .process-step:last-of-type{border-bottom:0}

/* 좁은 화면: clamp() 글자 크기를 DS 토큰 두 단계로 나눈 작은 쪽(DS 준수 이관 2026-10-20) */
@media (max-width: 700px) {
  body.tactile-detail[data-surface] :is(.hero,.ai-schema-hero,.ai-about-hero,.job-hero,.dn-hero) h1 { font-size: var(--fs-h1); }
  /* Legacy document and product selectors carry more specificity than their headings. */
body.tactile-detail[data-surface] main h1 { font-size: var(--fs-h1); }
  body.tactile-detail.x-site.v6-marketing[data-page-group="career"] .hero .hero-h1 { font-size: var(--fs-h1); }
  body.tactile-detail.co-nf-page .nf__title { font-size: var(--fs-h2); }
}

/* AX 서비스 시안: 서비스 선택과 사례를 먼저 읽고, 약력은 이름에서 펼친다. */
html body.ax-project-site main.v6-marketing {
 width:min(1200px,calc(100% - 64px)); margin-inline:auto;
 display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr); column-gap:var(--space-6);
}
html body.ax-project-site main.v6-marketing > * { grid-column:1 / -1; }
html body.ax-project-site main.v6-marketing > section { padding-block:var(--space-9); }
html body.ax-project-site main.v6-marketing :is(.container,.team-shell) { width:100%; max-width:none; }
html body.ax-project-site main.v6-marketing:has(> .cred-band) > .hero { grid-column:1; grid-row:1; }
html body.ax-project-site main.v6-marketing > .cred-band { grid-column:2; grid-row:1; align-self:center; padding-block:var(--space-6); }
html body.ax-project-site main.v6-marketing > .hero { text-align:left; }
html body.ax-project-site main.v6-marketing > .hero h1 { font-size:var(--fs-h1); line-height:1.25; text-align:left; margin-inline:0; }
html body.ax-project-site main.v6-marketing .hero :is(.badge,.hero-actions) { margin-inline:0; text-align:left; justify-content:flex-start; }
html body.ax-project-site main.v6-marketing .cred-header { justify-content:flex-start; margin-bottom:var(--space-4); }
html body.ax-project-site main.v6-marketing :is(.sec-title,.section-head h2) { font-size:var(--fs-h2); text-align:left; margin-inline:0; margin-bottom:var(--space-5); }
html body.ax-project-site main.v6-marketing :is(.ax-path-card,.feature-card,.program-card) { padding:var(--space-5); min-height:0; background:var(--glass-light),var(--panel-fill); box-shadow:var(--panel-shadow); border:0; }
html body.ax-project-site main.v6-marketing :is(.feature-card,.program-card) h3 { margin:0; font-size:var(--fs-h3); }
html body.ax-project-site main.v6-marketing .feature-card { display:flex; gap:var(--space-4); align-items:center; }
html body.ax-project-site main.v6-marketing .feature-icon { margin:0; flex:none; }
html body.ax-project-site main.v6-marketing .process-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-5); border:0; max-width:none; }
html body.ax-project-site main.v6-marketing .process-step { display:block; padding:var(--space-4) 0; border:0; }
html body.ax-project-site main.v6-marketing .process-step::before { content:none; }
html body.ax-project-site main.v6-marketing .feat-grid { gap:var(--space-4); }
html body.ax-project-site main.v6-marketing .feat-card { padding:var(--space-5); gap:var(--space-3); }
html body.ax-project-site main.v6-marketing .feat-card h3 { font-size:var(--fs-h3); line-height:1.4; }
html body.ax-project-site main.v6-marketing .feat-card p { font-size:var(--fs-body); line-height:1.65; }
html body.ax-project-site main.v6-marketing .ax-build { height:auto; }
html body.ax-project-site main.v6-marketing .ax-build .mk-story__pin { height:auto; min-height:0; position:relative; padding-block:0; }
html body.ax-project-site main.v6-marketing .ax-shell { grid-template-columns:1fr; gap:var(--space-5); margin-top:var(--space-5); }
html body.ax-project-site main.v6-marketing .ax-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:var(--space-4); border:0; overflow:visible; }
html body.ax-project-site main.v6-marketing .ax-step { border:0; padding:var(--space-3) 0; white-space:normal; }
html body.ax-project-site main.v6-marketing .ax-detail { padding:var(--space-5); border-radius:var(--radius-card); background:var(--glass-light),var(--panel-fill); }
html body.ax-project-site main.v6-marketing .ax-panel h3 { font-size:var(--fs-h2); color:var(--ink); }
html body.ax-project-site main.v6-marketing .team-section .sec-title { font-size:var(--fs-h2); }
html body.ax-project-site main.v6-marketing .team-grid { gap:var(--space-4) var(--space-6); align-items:start; }
html body.ax-project-site main.v6-marketing .team-card { padding:var(--space-4) 0; background:transparent; box-shadow:none; border:0; overflow:visible; }
html body.ax-project-site main.v6-marketing summary.team-person { cursor:pointer; list-style:none; }
html body.ax-project-site main.v6-marketing summary.team-person::-webkit-details-marker { display:none; }
html body.ax-project-site main.v6-marketing .team-avatar { width:48px; height:48px; }
html body.ax-project-site main.v6-marketing .team-person { grid-template-columns:48px minmax(0,1fr); gap:var(--space-3); }
html body.ax-project-site main.v6-marketing .team-name { font-size:var(--fs-body); }
html body.ax-project-site main.v6-marketing .team-focus { border:0; padding-top:0; }
html body.ax-project-site main.v6-marketing .team-focus li::before { content:none; }
@media(max-width:900px) {
 html body.ax-project-site main.v6-marketing { width:calc(100% - 40px); grid-template-columns:minmax(0,1fr); }
 html body.ax-project-site main.v6-marketing:has(> .cred-band) > .hero,
 html body.ax-project-site main.v6-marketing > .cred-band { grid-column:1; grid-row:auto; }
 html body.ax-project-site main.v6-marketing .ax-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body.ax-project-site main.v6-marketing .process-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html body.ax-project-site main.v6-marketing .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 html body.ax-project-site main.v6-marketing > section { padding-block:var(--space-8); }
 html body.ax-project-site main.v6-marketing > .hero h1 { font-size:var(--fs-h2); }
 html body.ax-project-site main.v6-marketing .team-grid { grid-template-columns:1fr; }
}

html body.ax-project-site.public-site.x-site[data-surface] main.v6-marketing > section:not([hidden]) { padding-block:var(--space-9); }
html body.ax-project-site .v6-marketing .cred-band .x-table { table-layout:fixed; }
html body.ax-project-site .v6-marketing .cred-band .x-table th:first-child { width:62%; }
html body.ax-project-site .v6-marketing .cred-band .x-table tbody th { font-size:var(--fs-body); font-weight:400; line-height:1.6; }
@media(max-width:600px) { html body.ax-project-site.public-site.x-site[data-surface] main.v6-marketing > section:not([hidden]) { padding-block:var(--space-8); } }