/* TransClaw: native, responsive product story in the existing navy/blue palette. */
.tc-product { --tc-line:#213b5b; --tc-soft:#a4b7d2; --tc-accent:#82cdff; color:#ecf4ff; background:#030817; }
.tc-product *, .tc-preview * { box-sizing:border-box; }
.tc-product section[id], .tc-product article[id] { scroll-margin-top:155px; }
.tc-product h1, .tc-product h2, .tc-product h3, .tc-product p, .tc-product figure { margin:0; }
.tc-product h1, .tc-product h2, .tc-product h3 { color:#eff6ff; }
.tc-product p { color:var(--tc-soft); }
.tc-product a, .tc-product button { -webkit-tap-highlight-color:transparent; }
.tc-product svg { width:30px; height:30px; }
.tc-eyebrow { display:block; color:#8dcfff; font-size:11px; font-weight:550; letter-spacing:.16em; line-height:1.7; margin-bottom:17px; }
.tc-hero { padding:111px 0 77px; position:relative; background:radial-gradient(ellipse at 83% 40%,#0b40854a,transparent 54%),linear-gradient(135deg,#030817,#061328); border-bottom:1px solid var(--tc-line); }
.tc-hero:before { content:""; position:absolute; inset:0; background:linear-gradient(#3c8bd208 1px,transparent 1px),linear-gradient(90deg,#3c8bd208 1px,transparent 1px); background-size:64px 64px; pointer-events:none; mask-image:linear-gradient(90deg,transparent,#000); }
.tc-hero>.wrap { position:relative; }
.tc-breadcrumb { display:flex; align-items:center; gap:14px; font-size:12px; color:#748baa; margin-bottom:44px; }
.tc-breadcrumb a { color:#a7bedb; }
.tc-breadcrumb a:hover { color:#a2dbff; }
.tc-hero-grid { display:grid; grid-template-columns:1.22fr 1fr; align-items:center; gap:62px; }
.tc-hero-copy { min-width:0; }
.dark-theme .tc-hero h1 { font-size:clamp(35px,3.7vw,54px); font-weight:600; letter-spacing:-.045em; line-height:1.38; margin:0 0 24px; }
.tc-hero h1 span, .tc-section-head h2 span, .tc-closing h2 span { color:#a3d7ff; }
.tc-hero .tc-hero-lead { color:#b6c9e1; font-size:17px; line-height:1.95; }
.tc-hero .actions { margin-top:34px; gap:13px; flex-wrap:wrap; }
.tc-hero .btn { gap:12px; padding-inline:21px; }
.tc-hero-principle { display:flex; align-items:center; gap:10px; margin-top:33px; font-size:12px; color:#8ca8cb; }
.tc-hero-principle>span { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#66bdff; box-shadow:0 0 12px #249aff80; }
.tc-architecture { min-width:0; border:1px solid #315581; padding:24px; border-radius:16px; background:linear-gradient(145deg,#0f2e53bd,#061023); box-shadow:0 22px 80px #00163388,inset 0 1px #a7d5ff18; position:relative; }
.tc-architecture-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 19px; }
.tc-architecture-top .transclaw-brand-logo { width:156px; flex:0 1 156px; min-width:0; }
.tc-architecture-top>small { font-size:11px; color:#8eb3dc; }
.tc-brand-heading { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:23px; }
.tc-brand-heading .transclaw-brand-logo { width:190px; }
.tc-brand-heading>span { color:#8dcfff; font-size:11px; letter-spacing:.05em; }
.tc-mode-stack { display:grid; gap:10px; }
.tc-mode { position:relative; display:flex; align-items:center; gap:17px; padding:17px 20px; background:linear-gradient(110deg,#143b66bb,#0b1e38); border:1px solid #315a83; border-radius:8px; transition:transform .2s,border-color .2s; }
.tc-mode:hover { transform:translateX(-4px); border-color:#77c7ff; }
.tc-mode-icon { display:grid; place-items:center; width:45px; height:50px; color:#86cfff; border-right:1px solid #4a77aa69; padding-right:14px; }
.tc-mode>div { flex:1; min-width:0; }
.tc-mode small { font-size:10px; color:#9ac1e6; letter-spacing:.1em; }
.tc-mode small i { font-style:normal; color:#6d92bc; margin-left:12px; }
.tc-mode strong { display:block; font-size:22px; line-height:1.5; font-weight:550; color:#eaf5ff; }
.tc-mode p { font-size:11px; color:#9bb4d4; }
.tc-mode-arrow { color:#7bbded; font-size:17px; }
.tc-architecture-base { border-top:1px solid #294969; margin-top:20px; padding-top:16px; display:grid; grid-template-columns:80px 1fr; gap:12px; align-items:center; }
.tc-architecture-base>span { color:#c1dcf5; font-size:12px; }
.tc-architecture-base p { color:#90aecd; font-size:11px; line-height:1.9; }
.tc-connectors { display:flex; flex-wrap:wrap; gap:7px; margin-top:16px; }
.tc-connectors span { flex:1 1 auto; text-align:center; border:1px solid #2e4c6d; border-radius:4px; font-size:10px; color:#abc8e4; padding:5px 8px; background:#071b34; }
.dark-theme .tc-index { position:sticky; top:var(--header); z-index:30; background:#060f21; backdrop-filter:none; border-block:1px solid #21334e; }
.dark-theme .tc-index .wrap { display:flex; justify-content:space-between; gap:24px; padding-block:0; overflow-x:auto; scrollbar-width:none; }
.tc-index .wrap::-webkit-scrollbar { display:none; }
.dark-theme .tc-index a { padding:18px 0; flex:none; font-size:12px; line-height:1.6; white-space:nowrap; }
.dark-theme .tc-index a:hover, .dark-theme .tc-index a[aria-current="location"] { color:#b4e3ff; }
.dark-theme .tc-index a::after { bottom:6px; }
.tc-section { padding:88px 0; border-bottom:1px solid #172a43; }
.tc-section-head { margin-bottom:38px; max-width:840px; }
.dark-theme .tc-section-head h2, .dark-theme .tc-closing h2 { font-size:clamp(28px,3vw,40px); font-weight:550; letter-spacing:-.025em; line-height:1.4; }
.tc-section-head p { font-size:15px; line-height:1.9; margin-top:18px; max-width:750px; }
.tc-management-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--tc-line); border-radius:10px; overflow:hidden; background:linear-gradient(120deg,#0a1b35,#071224); }
.tc-management-item { display:block; position:relative; padding:27px 28px 31px; border-right:1px solid var(--tc-line); border-bottom:1px solid var(--tc-line); transition:background .2s; }
.tc-management-item:nth-child(3n) { border-right:0; }
.tc-management-item:nth-child(n+4) { border-bottom:0; }
.tc-management-item:hover { background:#10305b55; }
.tc-management-label { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; color:#7bb8f2; }
.tc-management-label span { display:flex; }
.tc-management-label svg { width:27px; height:27px; }
.tc-management-label small { font-size:11px; font-variant-numeric:tabular-nums; color:#6c8bae; }
.tc-management-item h3 { font-size:21px; font-weight:550; margin-bottom:9px; }
.tc-management-item>strong { display:block; color:#83b8ea; font-size:12px; font-weight:500; margin-bottom:10px; }
.tc-management-item p { font-size:12px; line-height:1.9; padding-right:12px; }
.tc-item-arrow { position:absolute; right:18px; bottom:19px; color:#6c9bc7; }
.tc-workspace, .tc-creator, .tc-governance { background:linear-gradient(125deg,#07152c,#050e20); }
.tc-feature-split { display:grid; grid-template-columns:.78fr 1.22fr; gap:50px; align-items:center; }
.tc-feature-split>* { min-width:0; }
.tc-feature-split .tc-section-head { margin-bottom:25px; }
.dark-theme .tc-feature-split h2 { font-size:clamp(28px,2.6vw,36px); }
.tc-points { list-style:none; margin:0; padding:0; display:grid; gap:18px; }
.tc-points li { padding-left:17px; position:relative; }
.tc-points li:before { content:""; position:absolute; top:11px; left:0; width:4px; height:4px; background:#70b8ff; }
.tc-points strong { display:block; color:#dcecff; font-size:15px; font-weight:550; line-height:1.8; margin-bottom:3px; }
.tc-points span { display:block; color:#a2b5ce; font-size:13px; line-height:1.85; }
.tc-screenshot { min-width:0; width:100%; overflow:hidden; border:1px solid #2a4567; border-radius:9px; background:#0b1b33; box-shadow:0 12px 38px #0002; }
.tc-screen-bar { display:flex; align-items:center; gap:14px; padding:10px 14px; color:#a5bedb; font-size:10px; line-height:1.6; }
.tc-screen-bar .transclaw-brand-logo { width:84px; flex:0 0 84px; }
.tc-screen-title { min-width:0; overflow-wrap:anywhere; }
.tc-screen-bar b { font-weight:400; color:#4e749b; margin-inline:6px; }
.tc-window-dots { display:flex; gap:5px; flex:none; }
.tc-window-dots i { display:block; width:5px; height:5px; border-radius:50%; background:#36567b; }
.tc-window-dots i:first-child { background:#7aa8d6; }
.tc-image-frame { border:0; padding:0; display:block; position:relative; width:100%; background:#fff; color:#f1f6ff; cursor:default; }
.tc-image-frame img { display:block; width:100%; height:auto; margin:0; }
.tc-image-zoom { position:absolute; right:10px; bottom:10px; display:flex; align-items:center; gap:10px; padding:6px 10px; border:1px solid #4771a5; border-radius:4px; font-size:10px; background:#07162fed; box-shadow:0 3px 10px #0002; }
.tc-image-frame:hover .tc-image-zoom { background:#143b72; border-color:#8ad6ff; }
.tc-screenshot figcaption { padding:10px 14px; font-size:10px; color:#90aaca; line-height:1.7; }
.tc-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; margin:34px 0 0; padding:23px 0; border-block:1px solid #294363; }
.tc-steps li { display:flex; align-items:flex-start; gap:11px; padding:0 20px; border-right:1px solid #294363; min-width:0; }
.tc-steps li:first-child { padding-left:0; }
.tc-steps li:last-child { border-right:0; padding-right:0; }
.tc-step-number { font-size:11px; line-height:2.5; color:#72b7fa; font-variant-numeric:tabular-nums; }
.tc-steps strong { display:block; color:#d3e8ff; font-size:15px; font-weight:500; }
.tc-steps p { font-size:11px; margin-top:6px; }
.tc-steps-compact { margin-top:38px; }
.tc-steps-compact li { align-items:center; }
.tc-flow-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.tc-flow-card { min-width:0; }
.tc-card-heading { padding:0 0 24px; }
.tc-label { display:block; color:#82b9eb; font-size:11px; margin-bottom:12px; letter-spacing:.06em; }
.tc-card-heading h3, .tc-builder h3, .tc-extension h3 { font-size:27px; line-height:1.45; font-weight:550; margin-bottom:13px; }
.tc-card-heading p { font-size:13px; line-height:1.85; }
.tc-flow-card .tc-image-frame { aspect-ratio:1106/605; display:flex; align-items:center; }
.tc-inline-note { display:flex; align-items:center; gap:15px; margin-top:28px; }
.tc-inline-note>span { color:#7fb9f7; flex:none; }
.tc-inline-note p { flex:1; font-size:12px; }
.tc-inline-note strong { color:#cbdef4; display:block; font-size:14px; font-weight:500; margin-bottom:3px; }
.tc-inline-note .text-link { flex:none; }
.tc-builder { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; align-items:center; }
.tc-builder .tc-points { margin-top:23px; gap:16px; }
.tc-extension { display:grid; grid-template-columns:.8fr 1.2fr; gap:45px; align-items:center; padding-top:42px; margin-top:42px; border-top:1px solid var(--tc-line); }
.tc-extension p { font-size:13px; line-height:1.95; }
.tc-builder>*, .tc-extension>* { min-width:0; }
.tc-distribution { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:32px; border:1px solid var(--tc-line); border-radius:6px; background:#07162c; }
.tc-distribution>span { display:flex; align-items:center; justify-content:center; gap:12px; padding:15px 10px; font-size:14px; border-right:1px solid var(--tc-line); }
.tc-distribution>span:last-child { border:0; }
.tc-distribution small { font-size:10px; color:#6d9ccd; }
.tc-knowledge-grid { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:45px; }
.tc-knowledge-grid>* { min-width:0; }
.tc-capability-list { display:grid; gap:23px; }
.tc-capability-list article { display:flex; gap:17px; padding-bottom:20px; border-bottom:1px solid var(--tc-line); }
.tc-capability-list article:last-child { border-bottom:0; padding-bottom:0; }
.tc-capability-list article>span { font-size:12px; color:#75bafa; padding-top:4px; }
.tc-capability-list h3 { font-size:19px; font-weight:500; line-height:1.7; margin-bottom:7px; }
.tc-capability-list p { font-size:13px; line-height:1.85; }
.tc-tower-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-bottom:30px; }
.tc-tower-benefits>div { position:relative; padding-left:44px; }
.tc-tower-benefits>div>span { position:absolute; left:0; top:0; color:#85c4ff; }
.tc-tower-benefits h3 { font-size:19px; font-weight:500; margin-bottom:7px; }
.tc-tower-benefits p { font-size:12px; }
.tc-governance-path { display:flex; justify-content:center; align-items:center; gap:32px; margin:24px 0 0; }
.tc-governance-path span { color:#c4dffb; font-size:13px; }
.tc-governance-path i { font-style:normal; color:#477cb1; }
.tc-governance-detail { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:65px; margin-top:66px; padding-top:54px; border-top:1px solid var(--tc-line); }
.tc-governance-detail>* { min-width:0; }
.tc-governance-detail h3 { font-size:29px; font-weight:550; line-height:1.5; }
.tc-rule-types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:26px 0; }
.tc-rule-types span { padding:11px 6px; color:#99b7d8; font-size:11px; border-top:1px solid #4178ac; background:linear-gradient(#173a624d,transparent); text-align:center; }
.tc-rule-types strong { display:block; font-size:17px; font-weight:500; color:#c9e5ff; margin-bottom:4px; }
.tc-auth-detail { grid-template-columns:1.15fr .85fr; }
.tc-auth-detail .tc-points { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:30px; }
.tc-auth-visual { max-width:340px; width:100%; justify-self:center; }
.tc-operations-visuals { display:grid; grid-template-columns:1.65fr 1fr; gap:22px; align-items:start; }
.tc-operations-visuals .tc-image-frame { min-height:230px; display:flex; align-items:center; justify-content:center; }
.tc-operations-visuals .tc-screenshot { align-self:stretch; display:flex; flex-direction:column; }
.tc-operations-visuals .tc-image-frame { flex:1; }
.tc-operations-visuals .tc-image-frame img { object-fit:contain; max-height:245px; }
.tc-operations-points { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; margin-top:37px; }
.tc-operations-points article { border-top:1px solid #34577e; padding-top:18px; }
.tc-operations-points small { color:#659ad0; font-size:10px; }
.tc-operations-points h3 { font-size:22px; font-weight:500; margin:7px 0 10px; }
.tc-operations-points p { font-size:13px; }
.tc-closing { text-align:center; background:radial-gradient(ellipse at 50% 100%,#1255ac40,transparent 65%),#061226; padding:88px 0 80px; }
.tc-closing-copy>p { font-size:16px; margin-top:23px; }
.tc-closing .actions { margin-top:30px; justify-content:center; gap:15px; flex-wrap:wrap; }
.tc-closing-copy .tc-purchase-note { color:#849ebb; font-size:11px; margin-top:26px; }
.tc-preview { padding:30px; }
.tc-preview-brand { margin-bottom:16px; padding-right:44px; }
.tc-preview-brand .transclaw-brand-logo { width:158px; }
.tc-preview h2 { margin-bottom:22px; }
.tc-preview-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; margin-bottom:15px; }
.tc-preview-toolbar button { min-height:44px; padding:10px 17px; border:1px solid #527cab; border-radius:6px; background:#143359; color:#e7f2ff; font:500 13px/1.5 var(--sans); }
.tc-preview-toolbar button[aria-pressed="true"] { border-color:#93ceff; background:#20528b; }
.tc-preview-hint { font-size:12px; color:#a8c4e0; }
.tc-preview-viewport { max-height:62svh; max-height:62dvh; overflow:auto; overscroll-behavior:contain; border:1px solid #304765; border-radius:5px; background:#fff; scrollbar-color:#52749c #152840; }
.tc-preview-image { display:block; width:100%; height:auto; margin:0; }
.tc-preview-viewport.is-zoomed .tc-preview-image { width:var(--tc-image-width); min-width:100%; max-width:none; }
.tc-preview p { font-size:12px!important; color:#91a8c4; margin-top:15px; }
.tc-preview a { color:#a7d7ff; text-decoration:underline; text-underline-offset:3px; }
@media(min-width:1500px) { .tc-hero { padding-top:122px; padding-bottom:84px; } .tc-hero-grid { gap:75px; } }
@media(max-width:1050px) {
  .tc-hero-grid { gap:32px; grid-template-columns:1.15fr 1fr; }
  .dark-theme .tc-hero h1 { font-size:38px; }
  .tc-hero .tc-hero-lead { font-size:15px; }
  .tc-hero .actions { flex-direction:column; align-items:flex-start; gap:12px; }
  .tc-architecture { padding:20px; }
  .tc-architecture-top>span { font-size:22px; }
  .tc-mode { padding:14px; gap:12px; }
  .tc-management-item { padding:23px; }
  .tc-feature-split { gap:30px; grid-template-columns:.9fr 1.1fr; }
  .tc-builder, .tc-extension, .tc-knowledge-grid { gap:30px; }
  .tc-governance-detail { gap:40px; }
  .tc-operations-visuals { grid-template-columns:1.35fr 1fr; }
}
@media(max-width:760px) {
  .tc-product section[id], .tc-product article[id] { scroll-margin-top:140px; }
  .tc-hero { padding:96px 0 44px; }
  .tc-breadcrumb { margin-bottom:30px; font-size:11px; }
  .tc-hero-grid { grid-template-columns:1fr; gap:35px; }
  .tc-hero .tc-eyebrow { font-size:10px; }
  .dark-theme .tc-hero h1 { font-size:clamp(30px,6.9vw,43px); letter-spacing:-.04em; margin-bottom:20px; }
  .tc-hero .tc-hero-lead { font-size:14px; }
  .tc-desktop-break { display:none; }
  .tc-hero .actions { flex-direction:row; flex-wrap:wrap; margin-top:24px; gap:11px; }
  .tc-hero .btn { min-height:42px; font-size:11px; padding-inline:16px; gap:10px; }
  .tc-hero-principle { margin-top:23px; font-size:11px; }
  .tc-architecture { padding:20px; max-width:500px; width:100%; justify-self:center; }
  .tc-mode { padding:12px 16px; }
  .tc-mode strong { font-size:20px; }
  .tc-mode p { font-size:11px; }
  .tc-architecture-base { grid-template-columns:70px 1fr; }
  .dark-theme .tc-index .wrap { justify-content:flex-start; gap:25px; }
  .dark-theme .tc-index a { font-size:11px; padding:16px 0; }
  .tc-section { padding:56px 0; }
  .tc-section-head { margin-bottom:29px; }
  .tc-eyebrow { font-size:10px; margin-bottom:13px; }
  .dark-theme .tc-section-head h2, .dark-theme .tc-closing h2, .dark-theme .tc-feature-split h2 { font-size:28px; }
  .tc-section-head h2 span { display:inline; }
  .tc-section-head p { font-size:13px; margin-top:15px; }
  .tc-management-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tc-management-item { padding:21px 17px 26px; }
  .tc-management-item:nth-child(3n) { border-right:1px solid var(--tc-line); }
  .tc-management-item:nth-child(2n) { border-right:0; }
  .tc-management-item:nth-child(n+4) { border-bottom:1px solid var(--tc-line); }
  .tc-management-item:nth-child(n+5) { border-bottom:0; }
  .tc-management-label { margin-bottom:15px; }
  .tc-management-item h3 { font-size:18px; margin-bottom:10px; }
  .tc-management-item>strong { font-size:11px; }
  .tc-management-item p { font-size:11px; padding-right:0; }
  .tc-item-arrow { bottom:10px; right:12px; font-size:12px; }
  .tc-feature-split, .tc-builder, .tc-extension, .tc-knowledge-grid, .tc-governance-detail { grid-template-columns:1fr; gap:28px; }
  .tc-points { gap:17px; }
  .tc-points strong { font-size:14px; }
  .tc-points span { font-size:12px; }
  .tc-steps { grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px 0; margin-top:28px; padding-block:20px; }
  .tc-steps li { padding:0 15px; }
  .tc-steps li:nth-child(odd) { padding-left:0; }
  .tc-steps li:nth-child(even) { padding-right:0; border-right:0; }
  .tc-steps strong { font-size:14px; }
  .tc-steps p { font-size:11px; }
  .tc-flow-grid { grid-template-columns:1fr; gap:34px; }
  .tc-card-heading h3, .tc-builder h3, .tc-extension h3 { font-size:25px; }
  .tc-card-heading { padding-bottom:20px; }
  .tc-inline-note { flex-wrap:wrap; gap:12px; align-items:flex-start; }
  .tc-inline-note p { min-width:70%; }
  .tc-inline-note .text-link { margin-left:42px; }
  .tc-extension { margin-top:35px; padding-top:35px; }
  .tc-distribution { margin-top:25px; }
  .tc-distribution>span { flex-direction:column; gap:1px; font-size:12px; padding:11px 5px; }
  .tc-distribution small { font-size:9px; }
  .tc-capability-list { gap:19px; }
  .tc-capability-list h3 { font-size:18px; }
  .tc-capability-list p { font-size:12px; }
  .tc-tower-benefits { grid-template-columns:1fr; gap:21px; }
  .tc-tower-benefits h3 { font-size:18px; margin-bottom:4px; }
  .tc-governance-path { gap:10px; margin-top:22px; justify-content:space-between; }
  .tc-governance-path span { font-size:11px; }
  .tc-governance-path i { font-size:12px; }
  .tc-governance-detail { margin-top:38px; padding-top:35px; }
  .tc-governance-detail h3 { font-size:26px; }
  .tc-auth-detail .tc-points { gap:21px; margin-top:23px; }
  .tc-auth-visual { max-width:300px; }
  .tc-operations-visuals { grid-template-columns:1fr; gap:23px; }
  .tc-operations-visuals .tc-image-frame { min-height:0; }
  .tc-operations-visuals .tc-image-frame img { max-height:none; }
  .tc-operations-points { grid-template-columns:repeat(2,minmax(0,1fr)); gap:23px; margin-top:29px; }
  .tc-operations-points h3 { font-size:20px; }
  .tc-operations-points p { font-size:12px; }
  .tc-closing-copy>p { font-size:14px; margin-top:20px; }
  .tc-closing .actions { gap:12px; margin-top:25px; }
  .tc-closing .btn { font-size:11px; padding-inline:17px; gap:12px; }
  .tc-closing-copy .tc-purchase-note { font-size:10px; }
  .tc-preview { padding:25px 16px 20px; }
}
@media(max-width:380px) {
  .tc-management-grid { grid-template-columns:1fr; }
  .tc-management-item:nth-child(n) { border-right:0; border-bottom:1px solid var(--tc-line); }
  .tc-management-item:last-child { border-bottom:0; }
  .tc-management-label { margin-bottom:10px; }
  .tc-management-item p { font-size:12px; }
  .tc-auth-detail .tc-points { grid-template-columns:1fr; }
  .tc-hero .actions { flex-direction:column; }
  .tc-architecture { padding:16px; }
  .tc-architecture-top>small { font-size:10px; }
  .tc-mode-icon { width:36px; padding-right:10px; }
  .tc-mode strong { font-size:18px; }
  .tc-mode p { font-size:10px; }
  .tc-governance-path { gap:7px; }
  .tc-governance-path span { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .tc-mode, .tc-management-item { transition:none; } }