:where(.sddt-page) { color:var(--color-text); background:var(--color-background); font-family:var(--font-family-body) }
:where(.sddt-page) * { box-sizing:border-box }
:where(.sddt-page) [hidden] { display:none!important }
:where(.sddt-page) .container { width:calc(100% - var(--page-gutter)*2); max-width:var(--size-1320); margin-inline:auto }
:where(.sddt-page) .sddt-digital-section { padding:var(--size-96) 0; scroll-margin-top:var(--anchor-offset) }
:where(.sddt-page) h1 { font-family:var(--font-family-display); font-weight:var(--font-weight-display); letter-spacing:var(--letter-spacing-negative-035em); color:var(--color-heading); line-height:var(--line-height-display); margin:var(--size-14) 0 var(--size-28) }
:where(.sddt-page) h2 { font-family:var(--font-family-display); font-weight:var(--font-weight-display); letter-spacing:var(--letter-spacing-negative-035em); color:var(--color-heading); line-height:var(--line-height-display); margin:var(--size-14) 0 var(--size-28) }
:where(.sddt-page) h1 { font-size:clamp(var(--size-44),4.5vw,var(--size-68)); max-width:var(--size-740) }
:where(.sddt-page) h2 { font-size:clamp(var(--size-34),3.6vw,var(--size-54)); max-width:var(--size-920) }
:where(.sddt-page) h3 { font:var(--font-weight-bold) var(--size-19)/var(--line-height-1-4) var(--font-family-body); letter-spacing:var(--letter-spacing-negative-02em); color:var(--color-heading); margin:0 0 var(--size-12) }
:where(.sddt-page) p { font-size:var(--size-16); line-height:var(--line-height-relaxed); color:var(--color-text-muted); margin:0 0 var(--size-18) }
:where(.sddt-page) p:last-child { margin-bottom:0 }
:where(.sddt-page) .lead { font-size:var(--size-17); line-height:var(--line-height-relaxed); max-width:var(--size-920) }
:where(.sddt-page) .small { font-size:var(--size-14); max-width:var(--size-920); margin-top:var(--size-28) }
:where(.sddt-page) .eyebrow { display:block; font:var(--font-weight-medium) var(--size-11)/var(--line-height-1-6) var(--font-family-mono); letter-spacing:var(--letter-spacing-1em); text-transform:uppercase; color:var(--color-heading); margin:0 0 var(--size-18) }
:where(.sddt-page) .sddt-figure-label { display:block; font:var(--font-weight-medium) var(--size-11)/var(--line-height-1-6) var(--font-family-mono); letter-spacing:var(--letter-spacing-1em); text-transform:uppercase; color:var(--color-heading); margin:0 0 var(--size-18) }
:where(.sddt-page) .eyebrow .sddt-mark { margin-right:var(--size-8) }
:where(.sddt-page) .sddt-head { max-width:100%; margin-bottom:var(--size-40) }
:where(.sddt-page) .section-head { max-width:100%; margin-bottom:var(--size-40) }
:where(.sddt-page) .sddt-head>p:not(.eyebrow) { max-width:var(--size-980) }
:where(.sddt-page) figure { margin:0; min-width:0 }
:where(.sddt-page) figcaption { font:var(--font-weight-medium) var(--size-10)/var(--line-height-1-7) var(--font-family-mono); letter-spacing:var(--letter-spacing-06em); color:var(--color-text-muted) }
:where(.sddt-page) .sddt-digital-icon { display:inline-grid; place-items:center; width:var(--size-44); height:var(--size-44); min-width:var(--size-44); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-10); background:var(--color-surface-accent); color:var(--color-heading); margin:0 0 var(--size-20); line-height:var(--line-height-art-1) }
:where(.sddt-page) svg { display:block; width:var(--size-24); height:var(--size-24); max-width:var(--size-24); max-height:var(--size-24); flex:none; fill:none; stroke:currentColor; stroke-width:1.5 }
:where(.sddt-page) a:focus-visible { outline:var(--size-3) var(--border-style) var(--color-accent); outline-offset:var(--size-5) }
:where(.sddt-page) button:focus-visible { outline:var(--size-3) var(--border-style) var(--color-accent); outline-offset:var(--size-5) }
:where(.sddt-page) summary:focus-visible { outline:var(--size-3) var(--border-style) var(--color-accent); outline-offset:var(--size-5) }
:where(.sddt-page) .sddt-actions { display:flex; align-items:center; gap:var(--size-24); flex-wrap:wrap; margin:var(--size-28) 0 0 }
:where(.sddt-page) .action-group { display:flex; align-items:center; gap:var(--size-24); flex-wrap:wrap; margin:var(--size-28) 0 0 }
:where(.sddt-page) #top { padding:var(--size-64) 0 var(--size-70) }
:where(.sddt-page) .hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:6%; align-items:center }
:where(.sddt-page) .sddt-hero-copy { min-width:0 }
:where(.sddt-page) .sddt-meta { display:flex; gap:var(--size-12) var(--size-22); flex-wrap:wrap; margin-top:var(--size-28); font:var(--size-11)/var(--line-height-1-7) var(--font-family-mono); color:var(--color-text-muted) }
:where(.sddt-page) .sddt-meta span { display:inline-flex; align-items:center; gap:var(--size-8) }
:where(.sddt-page) .sddt-meta span:before { content:''; width:var(--size-5); height:var(--size-5); background:var(--color-accent); border-radius:50% }
:where(.sddt-page) .sddt-operation-map { background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-18); padding:var(--size-28); box-shadow:var(--size-8) var(--size-8) 0 var(--color-surface-accent); max-width:var(--size-470); width:100%; justify-self:center }
:where(.sddt-page) .sddt-operation-map figcaption { display:flex; justify-content:space-between; gap:var(--size-12); margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-live-tag { color:var(--color-heading); letter-spacing:0; text-transform:none }
:where(.sddt-page) .sddt-map-heading { font:var(--font-weight-regular) var(--size-32)/var(--line-height-1-2) var(--font-family-display); letter-spacing:var(--letter-spacing-negative-03em); color:var(--color-heading); margin-bottom:var(--size-26) }
:where(.sddt-page) .sddt-map-heading em { color:var(--color-accent); font-weight:var(--font-weight-regular) }
:where(.sddt-page) .sddt-operation-stages { list-style:none; padding:0; margin:0; display:grid; gap:var(--size-14) }
:where(.sddt-page) .sddt-operation-stages li { position:relative; display:grid; grid-template-columns:var(--size-30) 1fr auto; align-items:center; gap:var(--size-12); background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border-strong); padding:var(--size-18) var(--size-14); border-radius:var(--size-10); color:var(--color-heading); transition:background .3s,border-color .3s }
:where(.sddt-page) .sddt-operation-stages li+li:before { content:''; position:absolute; width:var(--size-1); height:var(--size-15); background:var(--color-illustration-739582); left:var(--size-29); bottom:100% }
:where(.sddt-page) .stage-number { font:var(--size-12)/var(--line-height-1-5) var(--font-family-mono); color:var(--color-text-muted) }
:where(.sddt-page) .sddt-operation-stages strong { display:block; font-size:var(--size-14); line-height:var(--line-height-label); font-weight:var(--font-weight-bold) }
:where(.sddt-page) .sddt-operation-stages small { display:block; font-size:var(--size-11); line-height:var(--line-height-1-7); margin-top:var(--size-5); color:var(--color-text-muted) }
:where(.sddt-page) .stage-state { font:var(--size-10)/var(--line-height-1-5) var(--font-family-mono); color:var(--color-heading); padding:var(--size-5); background:var(--color-surface-secondary); border-radius:var(--size-4) }
:where(.sddt-page) .sddt-operation-stages li.is-current { background:var(--color-primary); border-color:var(--color-primary); color:var(--color-white) }
:where(.sddt-page) .sddt-operation-stages li.is-current small { color:var(--color-surface-secondary) }
:where(.sddt-page) .sddt-operation-stages li.is-current .stage-number { color:var(--color-surface-secondary) }
:where(.sddt-page) .sddt-operation-stages li.is-current .stage-state { background:var(--color-highlight); color:var(--color-heading) }
:where(.sddt-page) .sddt-map-result { display:flex; align-items:center; gap:var(--size-10); font-size:var(--size-11); line-height:var(--line-height-1-7); color:var(--color-heading); margin:var(--size-24) 0 var(--size-18) }
:where(.sddt-page) .sddt-map-controls { display:flex; align-items:center; justify-content:space-between; gap:var(--size-12); padding-top:var(--size-18); border-top:var(--size-1) var(--border-style) var(--color-border-strong); font-size:var(--size-10); line-height:var(--line-height-1-6); color:var(--color-text-muted) }
:where(.sddt-page) #flow-pause { border:var(--size-1) var(--border-style) var(--color-illustration-739582); border-radius:var(--size-6); padding:var(--size-8) var(--size-10); font:var(--font-weight-medium) var(--size-11)/var(--line-height-1-5) var(--font-family-body); color:var(--color-heading); background:transparent; min-height:var(--size-36) }
:where(.sddt-page) .section-nav .container { overflow:auto; scrollbar-width:none }
:where(.sddt-page) .section-nav-label { font-size:var(--size-12); color:var(--color-heading) }
:where(.sddt-page) .section-nav-links { gap:var(--size-26) }
:where(.sddt-page) .sddt-diagnostic-questions { list-style:none; padding:0; margin:0 0 var(--size-36); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--size-24) }
:where(.sddt-page) .sddt-diagnostic-questions li { padding:var(--size-22); background:var(--color-surface-secondary); border-radius:var(--size-10); color:var(--color-heading); font-size:var(--size-15); line-height:var(--line-height-1-7); display:flex; gap:var(--size-15); align-items:flex-start }
:where(.sddt-page) .sddt-question-index { font:var(--size-12)/var(--line-height-1-8) var(--font-family-mono); color:var(--color-heading); flex:none }
:where(.sddt-page) .sddt-cards { display:grid; gap:var(--size-24); margin-top:var(--size-28) }
:where(.sddt-page) .sddt-cards-2 { grid-template-columns:repeat(2,minmax(0,1fr)) }
:where(.sddt-page) .sddt-cards-3 { grid-template-columns:repeat(3,minmax(0,1fr)) }
:where(.sddt-page) .sddt-card { padding:var(--size-28); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-14); background:var(--color-surface); min-width:0; box-shadow:none }
:where(.sddt-page) .sddt-card p { font-size:var(--size-15); line-height:var(--line-height-relaxed) }
:where(.sddt-page) #yaklasim .container>p { max-width:var(--size-980) }
:where(.sddt-page) #yaklasim .sddt-cards { grid-template-columns:repeat(4,minmax(0,1fr)) }
:where(.sddt-page) .sddt-list { padding:0; list-style:none; margin:0; display:grid; gap:var(--size-17) }
:where(.sddt-page) .sddt-list li { position:relative; padding-left:var(--size-22); color:var(--color-text); font-size:var(--size-15); line-height:var(--line-height-relaxed) }
:where(.sddt-page) .sddt-list li:before { content:''; position:absolute; left:0; top:var(--length-em-0-72); width:var(--size-6); height:var(--size-6); background:var(--color-accent); border-radius:50% }
:where(.sddt-page) .sddt-problem-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:7%; align-items:start }
:where(.sddt-page) .sddt-fragmented { padding:var(--size-28); background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-14) }
:where(.sddt-page) .sddt-fragmented figcaption { margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-fragment-row { display:flex; align-items:center; gap:var(--size-15); margin-bottom:var(--size-22) }
:where(.sddt-page) .sddt-fragment-row .sddt-digital-icon { margin:0; background:var(--color-surface) }
:where(.sddt-page) .sddt-fragment-row strong { display:block; font-size:var(--size-15); line-height:var(--line-height-1-6); font-weight:var(--font-weight-bold); color:var(--color-heading) }
:where(.sddt-page) .sddt-discovery-item strong { display:block; font-size:var(--size-15); line-height:var(--line-height-1-6); font-weight:var(--font-weight-bold); color:var(--color-heading) }
:where(.sddt-page) .sddt-fragment-row small { display:block; font-size:var(--size-12); line-height:var(--line-height-relaxed); color:var(--color-text-muted); margin-top:var(--size-3) }
:where(.sddt-page) .sddt-discovery-item small { display:block; font-size:var(--size-12); line-height:var(--line-height-relaxed); color:var(--color-text-muted); margin-top:var(--size-3) }
:where(.sddt-page) .sddt-fragment-result { padding:var(--size-16); background:var(--color-primary); color:var(--color-white); font-size:var(--size-13); line-height:var(--line-height-1-7); border-radius:var(--size-6) }
:where(.sddt-page) .sddt-note { padding:var(--size-28) var(--size-32); background:var(--color-surface-accent); border-radius:var(--size-12); margin-top:var(--size-36) }
:where(.sddt-page) .sddt-note p { font-size:var(--size-15); max-width:var(--size-1060) }
:where(.sddt-page) .sddt-gains { margin-top:var(--size-42) }
:where(.sddt-page) .sddt-gains-t { margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-list-cols { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--size-24) var(--size-40) }
:where(.sddt-page) .sddt-list-cols li { padding:0 0 0 var(--size-30) }
:where(.sddt-page) .sddt-list-cols li:before { content:'✓'; background:none; font-size:var(--size-17); top:0; width:auto; height:auto; color:var(--color-accent) }
:where(.sddt-page) .sddt-architecture { padding:var(--size-32); background:var(--color-primary); border-radius:var(--size-16); margin-top:var(--size-36) }
:where(.sddt-page) .sddt-architecture figcaption { color:var(--color-highlight); margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--size-36); align-items:stretch }
:where(.sddt-page) .sddt-flow-node { position:relative; min-width:0; background:var(--color-surface); padding:var(--size-22); border-radius:var(--size-10); color:var(--color-heading) }
:where(.sddt-page) .sddt-flow-node:not(:last-child):after { content:'→'; position:absolute; left:100%; width:var(--size-36); top:50%; transform:translateY(-50%); text-align:center; font-size:var(--size-20); color:var(--color-highlight) }
:where(.sddt-page) .sddt-flow-node .sddt-digital-icon { margin-bottom:var(--size-16) }
:where(.sddt-page) .sddt-flow-node strong { display:block; font-size:var(--size-16); line-height:var(--line-height-label); font-weight:var(--font-weight-bold) }
:where(.sddt-page) .sddt-flow-node small { display:block; font-size:var(--size-12); line-height:var(--line-height-relaxed); color:var(--color-text-muted); margin-top:var(--size-8) }
:where(.sddt-page) .sddt-architecture-base { font:var(--size-11)/var(--line-height-1-8) var(--font-family-mono); color:var(--color-surface-secondary); margin-top:var(--size-24); text-align:center }
:where(.sddt-page) .sddt-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--size-24) }
:where(.sddt-page) .sddt-panel { border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-14); background:var(--color-surface); padding:var(--size-30) }
:where(.sddt-page) .sddt-panel-label { font-weight:var(--font-weight-bold); font-size:var(--size-18); line-height:var(--line-height-1-6); color:var(--color-heading); display:block; min-height:var(--size-58) }
:where(.sddt-page) .sddt-panel .sddt-list { gap:0; margin-top:var(--size-24) }
:where(.sddt-page) .sddt-panel li { padding:var(--size-18) 0; border-top:var(--size-1) var(--border-style) var(--color-border-strong); font-size:var(--size-15); line-height:var(--line-height-relaxed) }
:where(.sddt-page) .sddt-panel li:before { display:none }
:where(.sddt-page) .sddt-panel--accent { background:var(--color-primary); border-color:var(--color-primary) }
:where(.sddt-page) .sddt-panel--accent .sddt-panel-label { color:var(--color-highlight) }
:where(.sddt-page) .sddt-panel--accent li { color:var(--color-background); border-color:var(--color-border) }
:where(.sddt-page) .sddt-compare-mini { display:flex; align-items:center; justify-content:space-between; gap:var(--size-8); padding:var(--size-16); background:var(--color-background); border-radius:var(--size-8); font-size:var(--size-12); line-height:var(--line-height-label); color:var(--color-text-muted) }
:where(.sddt-page) .sddt-compare-mini i { font-style:normal }
:where(.sddt-page) .sddt-connected { background:var(--color-surface-secondary); color:var(--color-heading) }
:where(.sddt-page) .sddt-tools i { color:var(--color-text-muted) }
:where(.sddt-page) #karsilastirma .container>p { margin-top:var(--size-32); max-width:var(--size-980) }
:where(.sddt-page) #olcum .container>p { margin-top:var(--size-32); max-width:var(--size-980) }
:where(.sddt-page) .sddt-refs { margin-top:var(--size-48) }
:where(.sddt-page) .sddt-refs-label { margin-bottom:var(--size-20) }
:where(.sddt-page) .sddt-refs .sddt-cards { margin-top:0 }
:where(.sddt-page) .sddt-refs .sddt-card { overflow:hidden }
:where(.sddt-page) .sddt-inline-cta { display:flex; align-items:center; justify-content:space-between; gap:var(--size-24); padding-top:var(--size-32); margin-top:var(--size-32); border-top:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) .sddt-inline-cta p { margin:0 }
:where(.sddt-page) .sddt-measurement-plan { display:grid; grid-template-columns:.85fr 1.15fr; gap:var(--size-30) 6%; align-items:center; background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-16); padding:var(--size-32); margin-top:var(--size-36) }
:where(.sddt-page) .sddt-measurement-plan h3 { font:var(--font-weight-regular) var(--size-30)/var(--line-height-1-2) var(--font-family-display); letter-spacing:var(--letter-spacing-negative-025em); margin:var(--size-12) 0 var(--size-18) }
:where(.sddt-page) .sddt-dashboard-intro h3 { font:var(--font-weight-regular) var(--size-30)/var(--line-height-1-2) var(--font-family-display); letter-spacing:var(--letter-spacing-negative-025em); margin:var(--size-12) 0 var(--size-18) }
:where(.sddt-page) .sddt-measurement-plan p { font-size:var(--size-14) }
:where(.sddt-page) .sddt-measurement-plan>figcaption { grid-column:1/-1; letter-spacing:0 }
:where(.sddt-page) .sddt-measure-table { background:var(--color-surface); padding:var(--size-6) var(--size-20); border-radius:var(--size-10) }
:where(.sddt-page) .sddt-measure-table>div { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-18); padding:var(--size-15) 0; font-size:var(--size-13); line-height:var(--line-height-1-7); color:var(--color-text) }
:where(.sddt-page) .sddt-measure-table>div+div { border-top:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) .sddt-measure-table strong { font-size:var(--size-12); font-weight:var(--font-weight-bold); color:var(--color-heading) }
:where(.sddt-page) .sddt-case-art { margin:var(--space-px-negative-28) var(--space-px-negative-28) var(--size-26); padding:var(--size-22); background:var(--color-surface-secondary); min-height:var(--size-246); color:var(--color-heading) }
:where(.sddt-page) .sddt-mini-chrome { display:flex; justify-content:space-between; gap:var(--size-10); align-items:center; margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-mini-chrome b { font:var(--font-weight-medium) var(--size-17)/var(--line-height-1-4) var(--font-family-display) }
:where(.sddt-page) .sddt-mini-chrome>span { font:var(--size-9)/var(--line-height-1-6) var(--font-family-mono); color:var(--color-text-muted); text-align:right }
:where(.sddt-page) .sddt-mini-modules { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-7); margin-bottom:var(--size-18) }
:where(.sddt-page) .sddt-mini-modules>span { padding:var(--size-11) var(--size-5); background:var(--color-primary); border-radius:var(--size-5); color:var(--color-white); font-size:var(--size-10); text-align:center }
:where(.sddt-page) .sddt-mini-record { display:flex; align-items:center; justify-content:space-between; gap:var(--size-10); padding:var(--size-9) 0; font-size:var(--size-11); line-height:var(--line-height-1-6) }
:where(.sddt-page) .sddt-mini-record+.sddt-mini-record { border-top:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) .sddt-mini-record b { font-size:var(--size-10); font-weight:var(--font-weight-medium); color:var(--color-heading) }
:where(.sddt-page) .sddt-case-art>small { display:block; font:var(--size-9)/var(--line-height-1-7) var(--font-family-mono); color:var(--color-text-muted); margin-top:var(--size-15) }
:where(.sddt-page) .sddt-mini-check { display:flex; align-items:center; gap:var(--size-10); background:var(--color-surface); padding:var(--size-15); border-radius:var(--size-6); margin-bottom:var(--size-12) }
:where(.sddt-page) .sddt-mini-check strong { font-size:var(--size-12); line-height:var(--line-height-1-6); font-weight:var(--font-weight-medium) }
:where(.sddt-page) #kapsam .sddt-cards { grid-template-columns:repeat(2,minmax(0,1fr)) }
:where(.sddt-page) #kapsam .sddt-card a { color:var(--color-heading); text-underline-offset:var(--size-3) }
:where(.sddt-page) .sddt-operation-dashboard { display:grid; grid-template-columns:.75fr 1.25fr; gap:6%; align-items:center; padding:var(--size-36); background:var(--color-primary); border-radius:var(--size-16); margin-top:var(--size-40) }
:where(.sddt-page) .sddt-operation-dashboard .sddt-figure-label { color:var(--color-highlight) }
:where(.sddt-page) .sddt-dashboard-intro h3 { color:var(--color-white) }
:where(.sddt-page) .sddt-dashboard-intro p { color:var(--color-surface-secondary); font-size:var(--size-14) }
:where(.sddt-page) .sddt-dashboard-intro figcaption { color:var(--color-surface-accent); font-size:var(--size-9); letter-spacing:0 }
:where(.sddt-page) .sddt-dashboard-screen { padding:var(--size-24); background:var(--color-surface); border-radius:var(--size-10); min-width:0 }
:where(.sddt-page) .sddt-screen-head { display:flex; justify-content:space-between; align-items:center; gap:var(--size-14); color:var(--color-heading); margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-screen-head b { font-size:var(--size-15); font-weight:var(--font-weight-bold) }
:where(.sddt-page) .sddt-screen-head>span { font-size:var(--size-10); color:var(--color-text-muted) }
:where(.sddt-page) .sddt-screen-row { display:grid; grid-template-columns:1.3fr 1fr 1fr; align-items:center; gap:var(--size-12); padding:var(--size-17) 0; border-top:var(--size-1) var(--border-style) var(--color-border-strong); font-size:var(--size-11); line-height:var(--line-height-1-6); color:var(--color-text) }
:where(.sddt-page) .sddt-screen-row>strong { font-size:var(--size-12); font-weight:var(--font-weight-medium) }
:where(.sddt-page) .sddt-screen-row>b { background:var(--color-surface-secondary); color:var(--color-heading); border-radius:var(--size-4); padding:var(--size-5) var(--size-8); font-size:var(--size-10); font-weight:var(--font-weight-medium); justify-self:start }
:where(.sddt-page) .sddt-screen-label { font-size:var(--size-10); color:var(--color-text-muted) }
:where(.sddt-page) .sddt-screen-footer { display:flex; align-items:center; gap:var(--size-10); margin-top:var(--size-20); font-size:var(--size-10); line-height:var(--line-height-1-7); color:var(--color-heading) }
:where(.sddt-page) .sddt-process { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--size-24); margin-top:var(--size-32) }
:where(.sddt-page) .sddt-process__step { display:flex; gap:var(--size-20); padding:var(--size-26); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-12); background:var(--color-background); min-width:0 }
:where(.sddt-page) .sddt-process__rail { position:static; width:auto; flex:none; display:block; padding:0 }
:where(.sddt-page) .sddt-process__node { position:static; display:block; width:auto; height:auto; border:0; border-radius:0; background:none; color:var(--color-accent); font:var(--size-13)/var(--line-height-1-8) var(--font-family-mono); box-shadow:none }
:where(.sddt-page) .sddt-process__body { padding:0; min-width:0 }
:where(.sddt-page) .sddt-process__title { font-size:var(--size-18); margin:0 0 var(--size-10) }
:where(.sddt-page) .sddt-process__body p { font-size:var(--size-15); line-height:var(--line-height-relaxed); margin:0 }
:where(.sddt-page) .sddt-rollout { background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-14); padding:var(--size-28) }
:where(.sddt-page) .sddt-rollout figcaption { margin-bottom:var(--size-22) }
:where(.sddt-page) .sddt-rollout .sddt-flow-node { border:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) .sddt-rollout .sddt-flow-node:after { color:var(--color-accent) }
:where(.sddt-page) .sddt-rollout-note { font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-text); margin-top:var(--size-22) }
:where(.sddt-page) .sddt-why { margin-top:var(--size-50) }
:where(.sddt-page) .sddt-why-t { font:var(--font-weight-display) var(--size-32)/var(--line-height-1-2) var(--font-family-display); margin-bottom:var(--size-26) }
:where(.sddt-page) .feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--size-32) }
:where(.sddt-page) .sddt-feature { padding:0; border:0; background:none; box-shadow:none; display:block }
:where(.sddt-page) .sddt-feature:before { display:none }
:where(.sddt-page) .sddt-feature:after { display:none }
:where(.sddt-page) .sddt-feature__title { font-size:var(--size-18) }
:where(.sddt-page) .sddt-feature__body { font-size:var(--size-15) }
:where(.sddt-page) .sddt-feature .sddt-digital-icon { margin-bottom:var(--size-16) }
:where(.sddt-page) .sddt-first-step-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:8%; align-items:center }
:where(.sddt-page) #ilk-adim .section-head { margin:0 }
:where(.sddt-page) #ilk-adim h2 { color:var(--color-white) }
:where(.sddt-page) #ilk-adim .eyebrow { color:var(--color-highlight) }
:where(.sddt-page) #ilk-adim p { color:var(--color-surface-secondary) }
:where(.sddt-page) #ilk-adim .response-note { color:var(--color-surface-secondary) }
:where(.sddt-page) #ilk-adim .lead { font-size:var(--size-16) }
:where(.sddt-page) #ilk-adim .button--primary { margin-top:var(--size-8) }
:where(.sddt-page) .response-note { display:block; font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-text-muted); margin-top:var(--size-20) }
:where(.sddt-page) .sddt-discovery { padding:var(--size-32); background:var(--color-surface); border-radius:var(--size-14); color:var(--color-heading) }
:where(.sddt-page) .sddt-discovery figcaption { margin-bottom:var(--size-26) }
:where(.sddt-page) .sddt-discovery-item { display:flex; align-items:center; gap:var(--size-16); margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-discovery-item .sddt-digital-icon { margin:0 }
:where(.sddt-page) .sddt-discovery-output { padding:var(--size-18) var(--size-20); background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-8); font-size:var(--size-15); line-height:var(--line-height-1-7); font-weight:var(--font-weight-bold); color:var(--color-heading) }
/* SSS: no cards, no background changes, separator lines only between questions. */
:where(.sddt-page) #sss .sddt-accordion-group { max-width:100%; margin:0; padding:0; border:0; background:transparent }
:where(.sddt-page) #sss .accordion { display:block; gap:0; margin:0; padding:0; border:0; border-radius:0; background:transparent }
:where(.sddt-page) #sss details.sddt-faq-row { padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--color-heading); overflow:visible }
:where(.sddt-page) #sss details.sddt-faq-row[open] { padding:0; margin:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:var(--color-heading); overflow:visible }
:where(.sddt-page) #sss details.sddt-faq-row+details.sddt-faq-row { border-top:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) #sss details.sddt-faq-row>summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:var(--size-24); padding:var(--size-23) 0; background:transparent; color:var(--color-heading); font:var(--font-weight-medium) var(--size-16)/var(--line-height-1-6) var(--font-family-body); cursor:pointer; border:0; box-shadow:none }
:where(.sddt-page) #sss details.sddt-faq-row[open]>summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:var(--size-24); padding:var(--size-23) 0; background:transparent; color:var(--color-heading); font:var(--font-weight-medium) var(--size-16)/var(--line-height-1-6) var(--font-family-body); cursor:pointer; border:0; box-shadow:none }
:where(.sddt-page) #sss summary::-webkit-details-marker { display:none }
:where(.sddt-page) #sss summary:after { display:none }
:where(.sddt-page) #sss .sddt-accordion__ico { position:relative; display:block; width:var(--size-20); height:var(--size-20); flex:0 0 var(--size-20); border:0; background:none; border-radius:0; transform:none }
:where(.sddt-page) #sss .sddt-accordion__ico:before { content:''; position:absolute; left:var(--size-3); top:var(--size-9); width:var(--size-14); height:var(--size-1); background:var(--color-primary); transform:none }
:where(.sddt-page) #sss .sddt-accordion__ico:after { content:''; position:absolute; left:var(--size-3); top:var(--size-9); width:var(--size-14); height:var(--size-1); background:var(--color-primary); transform:none }
:where(.sddt-page) #sss .sddt-accordion__ico:after { transform:rotate(90deg) }
:where(.sddt-page) #sss details[open] .sddt-accordion__ico:after { transform:rotate(0) }
:where(.sddt-page) #sss .sddt-accordion__panel { padding:0 var(--size-44) var(--size-24) 0; margin:0; background:transparent; color:var(--color-text-muted); font-size:var(--size-15); line-height:var(--line-height-relaxed); border:0; max-width:var(--size-1120) }
:where(.sddt-page) .sddt-closing-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:8%; align-items:center }
:where(.sddt-page) #baslayalim .section-head { margin:0 }
:where(.sddt-page) #baslayalim .lead { font-size:var(--size-16) }
:where(.sddt-page) .sddt-closing-map { background:var(--color-surface-secondary); padding:var(--size-28); border-radius:var(--size-14); border:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) .sddt-closing-map figcaption { margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-closing-map .sddt-flow { grid-template-columns:1fr; gap:var(--size-14) }
:where(.sddt-page) .sddt-closing-map .sddt-flow-node { display:grid; grid-template-columns:var(--size-44) 1fr; column-gap:var(--size-16); padding:var(--size-18) }
:where(.sddt-page) .sddt-closing-map .sddt-digital-icon { grid-row:1/3; margin:0; align-self:center }
:where(.sddt-page) .sddt-closing-map .sddt-flow-node strong { font-size:var(--size-15) }
:where(.sddt-page) .sddt-closing-map .sddt-flow-node small { margin-top:var(--size-3) }
:where(.sddt-page) .sddt-closing-map .sddt-flow-node:after { display:none }
@media(min-width:1450px) {
:where(.sddt-page) .hero-grid { gap:7%; grid-template-columns:1.15fr .85fr }
}
@media(max-width:1100px) {
:where(.sddt-page) #yaklasim .sddt-cards { grid-template-columns:repeat(2,minmax(0,1fr)) }
:where(.sddt-page) .hero-grid { gap:4%; grid-template-columns:1.1fr .9fr }
:where(.sddt-page) .sddt-operation-map { padding:var(--size-22) }
:where(.sddt-page) .stage-state { display:none }
:where(.sddt-page) .sddt-operation-stages li { grid-template-columns:var(--size-30) 1fr }
:where(.sddt-page) .sddt-panel { padding:var(--size-24) }
:where(.sddt-page) .sddt-mini-chrome { flex-direction:column; align-items:flex-start }
:where(.sddt-page) .sddt-mini-chrome>span { text-align:left }
:where(.sddt-page) .sddt-operation-dashboard { grid-template-columns:1fr; gap:var(--size-26) }
:where(.sddt-page) .sddt-dashboard-intro h3 br { display:none }
:where(.sddt-page) .sddt-dashboard-intro h3 { max-width:var(--size-600) }
:where(.sddt-page) .sddt-screen-row { font-size:var(--size-12) }
}
@media(max-width:900px) {
:where(.sddt-page) .sddt-digital-section { padding:var(--size-70) 0 }
:where(.sddt-page) .hero-grid { grid-template-columns:1fr; gap:var(--size-40) }
:where(.sddt-page) #top { padding:var(--size-50) 0 var(--size-60) }
:where(.sddt-page) .sddt-operation-map { max-width:var(--size-580); justify-self:start; padding:var(--size-28) }
:where(.sddt-page) .sddt-operation-stages li { grid-template-columns:var(--size-30) 1fr auto }
:where(.sddt-page) .stage-state { display:block }
:where(.sddt-page) .sddt-diagnostic-questions { grid-template-columns:repeat(2,minmax(0,1fr)) }
:where(.sddt-page) .sddt-problem-grid { gap:var(--size-28); grid-template-columns:1fr }
:where(.sddt-page) .sddt-fragmented { max-width:100% }
:where(.sddt-page) .sddt-cards-3 { grid-template-columns:1fr }
:where(.sddt-page) #olcum>.container>.sddt-cards { grid-template-columns:repeat(3,minmax(0,1fr)) }
:where(.sddt-page) #olcum>.container>.sddt-cards>.sddt-card { padding:var(--size-22) }
:where(.sddt-page) .sddt-refs .sddt-cards { grid-template-columns:1fr }
:where(.sddt-page) .sddt-case-art { min-height:0 }
:where(.sddt-page) .sddt-mini-chrome { flex-direction:row; align-items:center }
:where(.sddt-page) .sddt-measurement-plan { grid-template-columns:1fr }
:where(.sddt-page) .sddt-measure-table { width:100% }
:where(.sddt-page) .sddt-first-step-grid { grid-template-columns:1fr; gap:var(--size-36) }
:where(.sddt-page) .sddt-closing-grid { grid-template-columns:1fr; gap:var(--size-36) }
:where(.sddt-page) .sddt-panel-label { font-size:var(--size-16); min-height:var(--size-70) }
:where(.sddt-page) .sddt-panel li { font-size:var(--size-14) }
:where(.sddt-page) .sddt-flow { gap:var(--size-28) }
:where(.sddt-page) .sddt-flow-node { padding:var(--size-18) }
:where(.sddt-page) .sddt-flow-node:after { width:var(--size-28)!important }
:where(.sddt-page) .sddt-flow-node strong { font-size:var(--size-14) }
:where(.sddt-page) .sddt-flow-node small { font-size:var(--size-11) }
:where(.sddt-page) .sddt-architecture { padding:var(--size-26) }
:where(.sddt-page) .sddt-closing-map .sddt-flow { grid-template-columns:repeat(3,minmax(0,1fr)) }
:where(.sddt-page) .sddt-closing-map .sddt-flow-node { display:block }
:where(.sddt-page) .sddt-closing-map .sddt-digital-icon { margin-bottom:var(--size-14) }
}
@media(max-width:600px) {
:where(.sddt-page) .sddt-digital-section { padding:var(--size-58) 0 }
:where(.sddt-page) .container { width:calc(100% - var(--size-40)) }
:where(.sddt-page) h1 { font-size:var(--size-44) }
:where(.sddt-page) h2 { font-size:var(--size-34) }
:where(.sddt-page) .lead { font-size:var(--size-15) }
:where(.sddt-page) p { font-size:var(--size-15) }
:where(.sddt-page) .sddt-head { margin-bottom:var(--size-30) }
:where(.sddt-page) .section-head { margin-bottom:var(--size-30) }
:where(.sddt-page) .sddt-operation-map { padding:var(--size-22); box-shadow:var(--size-5) var(--size-5) 0 var(--color-surface-accent) }
:where(.sddt-page) .sddt-map-heading { font-size:var(--size-29) }
:where(.sddt-page) .sddt-operation-map figcaption { font-size:var(--size-9) }
:where(.sddt-page) .sddt-operation-stages li { padding:var(--size-16) var(--size-12); gap:var(--size-8); grid-template-columns:var(--size-25) 1fr }
:where(.sddt-page) .stage-state { display:none }
:where(.sddt-page) .sddt-operation-stages li+li:before { left:var(--size-24) }
:where(.sddt-page) .sddt-operation-stages small { font-size:var(--size-11) }
:where(.sddt-page) .sddt-map-controls { align-items:flex-start }
:where(.sddt-page) .sddt-map-controls>span { max-width:var(--size-150) }
:where(.sddt-page) .sddt-actions { gap:var(--size-16) }
:where(.sddt-page) .action-group { gap:var(--size-16) }
:where(.sddt-page) .sddt-diagnostic-questions { grid-template-columns:1fr; gap:var(--size-12) }
:where(.sddt-page) .sddt-diagnostic-questions li { padding:var(--size-18) }
:where(.sddt-page) .sddt-cards-2 { grid-template-columns:1fr }
:where(.sddt-page) #yaklasim .sddt-cards { grid-template-columns:1fr }
:where(.sddt-page) #kapsam .sddt-cards { grid-template-columns:1fr }
:where(.sddt-page) #olcum>.container>.sddt-cards { grid-template-columns:1fr }
:where(.sddt-page) .sddt-card { padding:var(--size-24) }
:where(.sddt-page) .sddt-cards { gap:var(--size-18) }
:where(.sddt-page) .sddt-note { padding:var(--size-24) }
:where(.sddt-page) .sddt-list-cols { grid-template-columns:1fr; gap:var(--size-20) }
:where(.sddt-page) .sddt-architecture { padding:var(--size-22) }
:where(.sddt-page) .sddt-rollout { padding:var(--size-22) }
:where(.sddt-page) .sddt-flow { grid-template-columns:1fr; gap:var(--size-26) }
:where(.sddt-page) .sddt-flow-node { padding:var(--size-20) }
:where(.sddt-page) .sddt-flow-node:not(:last-child):after { content:'↓'; left:50%; top:100%; transform:translateX(-50%); height:var(--size-26); line-height:var(--size-26) }
:where(.sddt-page) .sddt-architecture-base { text-align:left; font-size:var(--size-10) }
:where(.sddt-page) .sddt-compare { grid-template-columns:1fr; gap:var(--size-20) }
:where(.sddt-page) .sddt-panel-label { min-height:0; margin-bottom:var(--size-24) }
:where(.sddt-page) .sddt-panel li { font-size:var(--size-15) }
:where(.sddt-page) .sddt-measurement-plan { padding:var(--size-24) }
:where(.sddt-page) .sddt-measure-table { padding:var(--size-4) var(--size-14) }
:where(.sddt-page) .sddt-measure-table>div { font-size:var(--size-11); gap:var(--size-12) }
:where(.sddt-page) .sddt-measure-table strong { font-size:var(--size-11) }
:where(.sddt-page) .sddt-measurement-plan h3 { font-size:var(--size-28) }
:where(.sddt-page) .sddt-dashboard-intro h3 { font-size:var(--size-28) }
:where(.sddt-page) .sddt-inline-cta { display:block }
:where(.sddt-page) .sddt-inline-cta .button { margin-top:var(--size-22) }
:where(.sddt-page) .sddt-case-art { margin:var(--space-px-negative-24) var(--space-px-negative-24) var(--size-24) }
:where(.sddt-page) .sddt-mini-chrome b { font-size:var(--size-18) }
:where(.sddt-page) .sddt-operation-dashboard { padding:var(--size-22) }
:where(.sddt-page) .sddt-dashboard-screen { padding:var(--size-18) }
:where(.sddt-page) .sddt-screen-head { align-items:flex-start }
:where(.sddt-page) .sddt-screen-head b { font-size:var(--size-13) }
:where(.sddt-page) .sddt-screen-head>span { font-size:var(--size-9) }
:where(.sddt-page) .sddt-screen-row { grid-template-columns:1.2fr .8fr 1fr; gap:var(--size-8); font-size:var(--size-10) }
:where(.sddt-page) .sddt-screen-row>strong { font-size:var(--size-10) }
:where(.sddt-page) .sddt-screen-row>b { font-size:var(--size-9); padding:var(--size-5) }
:where(.sddt-page) .sddt-screen-footer { font-size:var(--size-9) }
:where(.sddt-page) .sddt-process { grid-template-columns:1fr; gap:var(--size-16) }
:where(.sddt-page) .sddt-process__step { padding:var(--size-22); gap:var(--size-16) }
:where(.sddt-page) .sddt-process__title { font-size:var(--size-17) }
:where(.sddt-page) .feature-grid { grid-template-columns:1fr; gap:var(--size-28) }
:where(.sddt-page) .sddt-discovery { padding:var(--size-24) }
:where(.sddt-page) #sss details.sddt-faq-row>summary { font-size:var(--size-15); padding:var(--size-22) 0; gap:var(--size-18) }
:where(.sddt-page) #sss details.sddt-faq-row[open]>summary { font-size:var(--size-15); padding:var(--size-22) 0; gap:var(--size-18) }
:where(.sddt-page) #sss .sddt-accordion__panel { padding-right:var(--size-10); font-size:var(--size-15) }
:where(.sddt-page) .sddt-closing-map { padding:var(--size-22) }
:where(.sddt-page) .sddt-closing-map .sddt-flow { grid-template-columns:1fr }
:where(.sddt-page) .sddt-closing-map .sddt-flow-node { display:grid }
:where(.sddt-page) .sddt-closing-map .sddt-digital-icon { margin:0 }
:where(.sddt-page) .section-nav-label { display:none }
:where(.sddt-page) .section-nav-links { gap:var(--size-22) }
}
@media(prefers-reduced-motion:reduce) {
:where(.sddt-page) * { animation:none!important; transition:none!important; scroll-behavior:auto!important }
}
:where(.sddt-page) #sss>.container { display:grid; grid-template-columns:.72fr 1.28fr; gap:8%; align-items:start }
:where(.sddt-page) #sss .section-head { margin:0; max-width:var(--size-410) }
:where(.sddt-page) #sss h2 { margin-top:var(--size-14) }
:where(.sddt-page) #sss .sddt-accordion-group { min-width:0; width:100%; text-align:left }
:where(.sddt-page) #sss details.sddt-faq-row:first-child>summary { padding-top:0 }
/* Framed reasons match the established card system. */
:where(.sddt-page) .sddt-why .feature-grid { gap:var(--size-24) }
:where(.sddt-page) .sddt-why .sddt-feature { padding:var(--size-28); border:var(--size-1) var(--border-style) var(--color-border-strong); border-radius:var(--size-14); background:var(--color-background); min-width:0 }
:where(.sddt-page) .sddt-why .sddt-feature__body { margin:0 }
/* Dark outer field separates the pilot / adoption / rollout steps. */
:where(.sddt-page) .sddt-rollout { background:var(--color-primary); border-color:var(--color-primary); margin-top:var(--size-42); padding:var(--size-32) }
:where(.sddt-page) .sddt-rollout>figcaption { color:var(--color-highlight) }
:where(.sddt-page) .sddt-rollout .sddt-flow-node { background:var(--color-surface); border-color:var(--color-border-strong) }
:where(.sddt-page) .sddt-rollout .sddt-flow-node:after { color:var(--color-highlight) }
:where(.sddt-page) .sddt-rollout .sddt-rollout-note { color:var(--color-surface-secondary) }
/* One vertical timeline, numbers only; the connecting line belongs to the rail. */
:where(.sddt-page) .sddt-process-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:8%; align-items:start }
:where(.sddt-page) .sddt-process-layout>.section-head { margin:0; max-width:var(--size-430) }
:where(.sddt-page) .sddt-process-layout .sddt-process { display:flex; flex-direction:column; gap:0; margin:0; min-width:0 }
:where(.sddt-page) .sddt-process-layout .sddt-process__step { padding:0 0 var(--size-28); border:0; border-radius:0; background:none; gap:var(--size-24); align-items:stretch; box-shadow:none }
:where(.sddt-page) .sddt-process-layout .sddt-process__step:last-child { padding-bottom:0 }
:where(.sddt-page) .sddt-process-layout .sddt-process__rail { position:relative; flex:0 0 var(--size-44); width:var(--size-44); display:block; align-self:stretch; padding:0 }
:where(.sddt-page) .sddt-process-layout .sddt-process__rail:after { content:''; position:absolute; left:var(--size-21-5); top:var(--size-44); bottom:0; width:var(--size-1); background:var(--color-border-strong) }
:where(.sddt-page) .sddt-process-layout .sddt-process__step:last-child .sddt-process__rail:after { display:none }
:where(.sddt-page) .sddt-process-layout .sddt-process__node { position:relative; z-index:1; display:grid; place-items:center; width:var(--size-44); height:var(--size-44); padding:0; border:var(--size-1) var(--border-style) var(--color-illustration-739582); border-radius:50%; background:var(--color-surface); color:var(--color-heading); font:var(--font-weight-medium) var(--size-12)/var(--line-height-1) var(--font-family-mono) }
:where(.sddt-page) .sddt-process-layout .sddt-process__body { flex:1; min-width:0; margin:0; padding:0 0 var(--size-25); border-bottom:var(--size-1) var(--border-style) var(--color-border-strong) }
:where(.sddt-page) .sddt-process-layout .sddt-process__step:last-child .sddt-process__body { padding-bottom:0; border-bottom:0 }
:where(.sddt-page) .sddt-process-layout .sddt-process__title { font:var(--font-weight-bold) var(--size-19)/var(--line-height-1-5) var(--font-family-body); color:var(--color-heading); margin:var(--size-4) 0 var(--size-10) }
:where(.sddt-page) .sddt-process-layout .sddt-process__body p { font-size:var(--size-15); line-height:var(--line-height-relaxed); color:var(--color-text-muted) }
/* Final call to action always uses the brand's dark-green surface. */
:where(.sddt-page) #baslayalim h2 { color:var(--color-white) }
:where(.sddt-page) #baslayalim .eyebrow { color:var(--color-highlight) }
:where(.sddt-page) #baslayalim p { color:var(--color-surface-secondary) }
:where(.sddt-page) #baslayalim .response-note { color:var(--color-surface-secondary) }
:where(.sddt-page) #baslayalim a:focus-visible { outline-color:var(--color-highlight) }
:where(.sddt-page) #baslayalim .sddt-closing-map { background:var(--color-surface); border-color:var(--color-white); color:var(--color-heading) }
:where(.sddt-page) #baslayalim .sddt-closing-map .sddt-flow-node { background:var(--color-surface-secondary) }
@media(max-width:1000px) {
:where(.sddt-page) #sss>.container { grid-template-columns:.8fr 1.2fr; gap:5% }
:where(.sddt-page) .sddt-process-layout { grid-template-columns:.8fr 1.2fr; gap:5% }
:where(.sddt-page) .sddt-process-layout .sddt-process__step { gap:var(--size-18) }
}
@media(max-width:800px) {
:where(.sddt-page) #sss>.container { grid-template-columns:1fr; gap:var(--size-32) }
:where(.sddt-page) .sddt-process-layout { grid-template-columns:1fr; gap:var(--size-32) }
:where(.sddt-page) #sss .section-head { max-width:100% }
:where(.sddt-page) .sddt-process-layout>.section-head { max-width:100% }
:where(.sddt-page) .sddt-rollout { padding:var(--size-26) }
:where(.sddt-page) .sddt-process-layout .sddt-process__title { font-size:var(--size-18) }
}
@media(max-width:600px) {
:where(.sddt-page) .sddt-why .sddt-feature { padding:var(--size-24) }
:where(.sddt-page) .sddt-rollout { padding:var(--size-22) }
:where(.sddt-page) .sddt-process-layout .sddt-process__step { gap:var(--size-16); padding-bottom:var(--size-24) }
:where(.sddt-page) .sddt-process-layout .sddt-process__title { font-size:var(--size-17) }
:where(.sddt-page) .sddt-process-layout .sddt-process__body { padding-bottom:var(--size-22) }
}
:where(.sddt-page) .sddt-fragmented { background:var(--color-primary); border-color:var(--color-primary); padding:var(--size-30) }
:where(.sddt-page) .sddt-fragmented figcaption { color:var(--color-highlight) }
:where(.sddt-page) .sddt-fragment-row strong { color:var(--color-white) }
:where(.sddt-page) .sddt-fragment-row small { color:var(--color-surface-secondary) }
:where(.sddt-page) .sddt-fragment-row .sddt-digital-icon { background:var(--color-highlight); border-color:var(--color-highlight); color:var(--color-heading) }
:where(.sddt-page) .sddt-fragment-result { background:var(--color-highlight); color:var(--color-heading); font-weight:var(--font-weight-bold); margin-top:var(--size-28); padding:var(--size-18) }
/* Scoped margins override the shared figure reset. */
:where(.sddt-page) .sddt-gains { margin-top:var(--size-56) }
:where(.sddt-page) .sddt-gains>.sddt-gains-t { font:var(--font-weight-display) clamp(var(--size-30),3vw,var(--size-42))/var(--line-height-1-2) var(--font-family-display); letter-spacing:var(--letter-spacing-negative-03em); margin:0 0 var(--size-30); max-width:var(--size-850) }
:where(.sddt-page) .sddt-gains>.sddt-architecture { margin:0 0 var(--size-34); padding:var(--size-34) }
:where(.sddt-page) .sddt-gains .sddt-flow { gap:var(--size-42) }
:where(.sddt-page) .sddt-gains .sddt-flow-node:after { width:var(--size-42) }
:where(.sddt-page) .sddt-gains .sddt-digital-icon { background:var(--color-highlight); border-color:var(--color-highlight) }
:where(.sddt-page) .sddt-gains>.sddt-list { margin-top:0; gap:var(--size-26) var(--size-40) }
:where(.sddt-page) .sddt-measurement-plan { margin-top:var(--size-40) }
:where(.sddt-page) .sddt-operation-dashboard { margin-top:var(--size-40) }
:where(.sddt-page) .sddt-rollout { margin-top:var(--size-44) }
:where(.sddt-page) #yontem .sddt-cards { gap:var(--size-28) }
:where(.sddt-page) .sddt-process-layout .sddt-process__node { background:var(--color-background) }
:where(.sddt-page) #neden .sddt-why { margin:0 }
:where(.sddt-page) #neden .sddt-why-t { font:var(--font-weight-display) clamp(var(--size-34),3.6vw,var(--size-54))/var(--line-height-1-15) var(--font-family-display); margin:0 0 var(--size-36); letter-spacing:var(--letter-spacing-negative-035em) }
:where(.sddt-page) #neden .feature-grid { gap:var(--size-28) }
/* Six business solutions, with their own readable diagrams and destination pages. */
:where(.sddt-page) .sddt-solution-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--size-28) }
:where(.sddt-page) .sddt-solution-card { min-width:0; overflow:hidden; display:flex; flex-direction:column }
:where(.sddt-page) .sddt-solution-visual { background:var(--color-primary); padding:var(--size-26); color:var(--color-white) }
:where(.sddt-page) .sddt-solution-visual .sddt-digital-icon { background:var(--color-highlight); border-color:var(--color-highlight); margin:0 0 var(--size-22) }
:where(.sddt-page) .sddt-solution-visual>.sddt-solution-label { display:block; font:var(--size-10)/var(--line-height-1-6) var(--font-family-mono); letter-spacing:var(--letter-spacing-06em); color:var(--color-highlight); margin-bottom:var(--size-14) }
:where(.sddt-page) .sddt-solution-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--size-26) }
:where(.sddt-page) .sddt-solution-flow>span { position:relative; display:flex; align-items:center; justify-content:center; min-height:var(--size-64); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-6); background:var(--color-illustration-174e41); padding:var(--size-12) var(--size-8); font-size:var(--size-12); line-height:var(--line-height-1-6); color:var(--color-white); text-align:center }
:where(.sddt-page) .sddt-solution-flow>span:not(:last-child):after { content:'→'; position:absolute; left:100%; width:var(--size-26); color:var(--color-highlight); top:50%; transform:translateY(-50%); font-size:var(--size-18) }
:where(.sddt-page) .sddt-solution-copy { padding:var(--size-28); display:flex; flex-direction:column; flex:1 }
:where(.sddt-page) .sddt-solution-copy h3 { font-size:var(--size-21); margin:0 0 var(--size-14) }
:where(.sddt-page) .sddt-solution-copy p { font-size:var(--size-15); line-height:var(--line-height-relaxed) }
:where(.sddt-page) .sddt-solution-benefit { padding:var(--size-16) var(--size-18); background:var(--color-surface-secondary); color:var(--color-heading); font-size:var(--size-13); line-height:var(--line-height-relaxed); border-radius:var(--size-6); margin:var(--size-4) 0 var(--size-22) }
:where(.sddt-page) .sddt-solution-benefit strong { font-weight:var(--font-weight-bold) }
:where(.sddt-page) .sddt-solution-copy .text-link { margin-top:auto; align-self:flex-start }
:where(.sddt-page) .sddt-solution-copy .text-link>span { color:var(--color-accent); font-size:var(--size-19) }
:where(.sddt-page) .sddt-detail-back { display:inline-flex; margin-bottom:var(--size-24); font-size:var(--size-13); color:var(--color-heading); text-decoration:none }
:where(.sddt-page) .sddt-detail-intro { max-width:var(--size-950) }
:where(.sddt-page) .sddt-detail-section { background:var(--color-background) }
:where(.sddt-page) .sddt-detail-section.sddt-alt { background:var(--color-surface) }
:where(.sddt-page) .sddt-detail-section .sddt-cards { margin-top:0 }
:where(.sddt-page) .sddt-detail-section .sddt-architecture { margin:var(--size-32) 0 0 }
@media(max-width:800px) {
:where(.sddt-page) .sddt-solution-grid { grid-template-columns:1fr }
:where(.sddt-page) .sddt-gains>.sddt-architecture { padding:var(--size-26) }
:where(.sddt-page) .sddt-gains .sddt-flow { gap:var(--size-32) }
:where(.sddt-page) .sddt-gains .sddt-flow-node:after { width:var(--size-32) }
:where(.sddt-page) #neden .feature-grid { gap:var(--size-24) }
}
@media(max-width:600px) {
:where(.sddt-page) .sddt-fragmented { padding:var(--size-24) }
:where(.sddt-page) .sddt-gains { margin-top:var(--size-40) }
:where(.sddt-page) .sddt-gains>.sddt-gains-t { font-size:var(--size-30) }
:where(.sddt-page) .sddt-gains>.sddt-architecture { padding:var(--size-22); margin-bottom:var(--size-28) }
:where(.sddt-page) .sddt-gains .sddt-flow { gap:var(--size-28) }
:where(.sddt-page) .sddt-gains .sddt-flow-node:after { width:var(--size-28) }
:where(.sddt-page) .sddt-solution-visual { padding:var(--size-22) }
:where(.sddt-page) .sddt-solution-flow { gap:var(--size-22) }
:where(.sddt-page) .sddt-solution-flow>span { font-size:var(--size-11); padding:var(--size-10) var(--size-5) }
:where(.sddt-page) .sddt-solution-flow>span:after { width:var(--size-22)!important }
:where(.sddt-page) .sddt-solution-copy { padding:var(--size-24) }
:where(.sddt-page) .sddt-solution-copy h3 { font-size:var(--size-19) }
:where(.sddt-page) #neden .sddt-why-t { font-size:var(--size-34) }
}
:where(.sddt-page) .sddt-solution-flow>span { background:var(--color-background); color:var(--color-heading); border-color:var(--color-surface-secondary); font-weight:var(--font-weight-bold) }
:where(.sddt-page) .sddt-solution-flow>span:not(:last-child):after { color:var(--color-highlight) }
/* Match the approved hero's display face and italic green emphasis. */
:where(.sddt-page) #top h1 { font-family:var(--font-family-display); font-weight:var(--font-weight-display); max-width:var(--size-660); line-height:var(--line-height-display); letter-spacing:var(--letter-spacing-negative-035em); text-wrap:pretty }
:where(.sddt-page) #top h1 em { font-family:inherit; font-weight:var(--font-weight-regular); font-style:italic; color:var(--color-accent) }
:where(.sddt-page) .feature-grid { border: none; overflow: visible; }