/* Shared industry illustrations and composition. Load before the page stylesheet. */
.industry-muted { color:var(--color-text-muted) }
.industry-topbar { position:sticky; top:0; z-index:20; background:var(--color-illustration-f6f5eff5); border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-logo { text-decoration:none; font-family:var(--font-family-display); font-size:var(--size-30); line-height:var(--line-height-85); color:var(--color-heading) }
.industry-logo span { display:block; font:var(--size-11) var(--font-family-body); letter-spacing:var(--letter-spacing-28em); margin-top:var(--size-9) }
.industry-nav a { text-decoration:none }
.industry-nav details { position:relative }
.industry-nav summary { cursor:pointer }
.industry-nav details div { position:absolute; top:var(--size-36); right:0; width:var(--size-265); padding:var(--size-20); background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-8) }
.industry-nav details a { display:block; padding:var(--size-8) }
.industry-hero { padding:var(--size-78) 0 var(--size-65) }
.industry-hero h1 { font-size:clamp(var(--size-42),4.5vw,var(--size-64)) }
.industry-hero h1 em { font-weight:var(--font-weight-regular); color:var(--color-accent) }
.industry-hero-art { position:relative; padding:var(--size-34); background:var(--color-surface-callout); border-radius:var(--size-16) }
.industry-hero-art img { width:100%; height:var(--size-430); object-fit:contain; display:block; mix-blend-mode:multiply }
.industry-hero-art .industry-label { font-size:var(--size-12); letter-spacing:var(--letter-spacing-1em); color:var(--color-accent) }
.industry-hero-note span:before { content:'↗'; margin-right:var(--size-12); color:var(--color-accent) }
.industry-intro { max-width:var(--size-800); margin-bottom:var(--size-48) }
.industry-intro p { margin-top:var(--size-24); font-size:var(--size-18) }
.industry-problem { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-10); padding:var(--size-29); display:flex; flex-direction:column; align-items:start }
.industry-num { font:var(--size-12) var(--font-family-mono); color:var(--color-accent); margin-bottom:var(--size-28) }
.industry-problem h3 { font-size:var(--size-21); min-height:var(--size-88) }
.industry-problem p { font-size:var(--size-15); margin:var(--size-18) 0 var(--size-24) }
.industry-pale { background:var(--color-surface-secondary) }
.industry-risk { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-32); background:var(--color-primary); color:var(--color-on-primary-muted); padding:var(--size-48); border-radius:var(--size-12); margin-top:var(--size-32) }
.industry-risk h3 { color:var(--color-white); font-size:var(--size-26) }
.industry-risk p { margin:var(--size-18) 0 }
.industry-risk button { color:var(--color-highlight) }
.industry-feature p { margin:var(--size-16) 0 }
.industry-thumb { border:0; padding:0; background:transparent; border-radius:var(--size-8); overflow:hidden }
.industry-thumb img { width:100%; display:block }
.industry-sticky-copy { position:sticky; top:var(--size-120) }
.industry-formbox { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-12); padding:var(--size-32) }
.industry-formbox h3 { margin-bottom:var(--size-12) }
.industry-formbox details { border-top:var(--size-1) var(--border-style) var(--color-border); margin-top:var(--size-24); padding-top:var(--size-20) }
.industry-formbox summary { cursor:pointer; color:var(--color-heading); font-weight:var(--font-weight-medium) }
.industry-result { background:var(--color-primary); color:var(--color-white); padding:var(--size-32); border-radius:var(--size-10); margin-top:var(--size-24) }
.industry-result h3 { color:var(--color-white); font-size:var(--size-18) }
.industry-bigvalue { font-family:var(--font-family-display); font-size:var(--size-48); line-height:var(--line-height-1-2); margin:var(--size-16) 0; color:var(--color-highlight) }
.industry-result strong { display:block; font-size:var(--size-25) }
.industry-result small { color:var(--color-on-primary-muted); font-size:var(--size-13) }
.industry-result table { width:100%; font-size:var(--size-13); margin-top:var(--size-24); border-collapse:collapse }
.industry-result td { padding:var(--size-10) 0; border-bottom:var(--size-1) var(--border-style) var(--color-illustration-ffffff25) }
.industry-result td:last-child { text-align:right }
.industry-note { font-size:var(--size-12); line-height:var(--line-height-relaxed); margin-top:var(--size-20); color:var(--color-text-muted) }
.industry-result .industry-note { color:var(--color-on-primary-muted) }
.industry-calc-detail { font-size:var(--size-13); margin-top:var(--size-20) }
.industry-diagram { padding:var(--size-45); background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-12) }
.industry-node { position:relative; padding:var(--size-22) var(--size-15); background:var(--color-surface-secondary); border-radius:var(--size-6); text-align:center; color:var(--color-heading); font-weight:var(--font-weight-medium) }
.industry-node:not(:last-child):after { content:'→'; position:absolute; right:var(--length-px-negative-25); top:var(--size-24); font-size:var(--size-24); color:var(--color-accent) }
.industry-node small { display:block; font-size:var(--size-12); font-weight:var(--font-weight-regular); margin-top:var(--size-8) }
.industry-diagram-caption { margin-top:var(--size-30); font-size:var(--size-15) }
.industry-hub { background:var(--color-primary); padding:var(--size-45); border-radius:var(--size-12); color:var(--color-on-primary-muted) }
.industry-hub h3 { color:var(--color-white); margin-bottom:var(--size-32) }
.industry-hub-grid div { padding:var(--size-24); border:var(--size-1) var(--border-style) var(--color-illustration-ffffff35); border-radius:var(--size-6); color:var(--color-white) }
.industry-hub-grid small { display:block; color:var(--color-on-primary-muted); font-size:var(--size-13); margin-top:var(--size-10) }
.industry-hub-center { background:var(--color-highlight); color:var(--color-heading); padding:var(--size-24); margin:var(--size-24) 0; text-align:center; font-size:var(--size-21); font-weight:var(--font-weight-medium); border-radius:var(--size-6) }
.industry-solution { padding:var(--size-30) 0; border-top:var(--size-1) var(--border-style) var(--color-border) }
.industry-solution p { margin-top:var(--size-15); font-size:var(--size-15) }
.industry-journey article { padding-top:var(--size-22); border-top:var(--size-2) var(--border-style) var(--color-accent) }
.industry-journey h3 { margin:var(--size-20) 0 var(--size-14) }
.industry-journey p { font-size:var(--size-15) }
.industry-gains div { border-bottom:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-20) 0 }
.industry-gains strong { color:var(--color-heading); font-size:var(--size-20) }
.industry-gains p { margin-top:var(--size-10) }
.industry-example { padding:var(--size-50); border-radius:var(--size-12); background:var(--color-surface-callout) }
.industry-example .industry-pill { font-size:var(--size-12); background:var(--color-surface); padding:var(--size-8) var(--size-13); border-radius:var(--size-20); display:inline-block; margin-bottom:var(--size-24) }
.industry-maturity fieldset { border:0; padding:var(--size-18) 0; margin:0; border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-maturity legend { float:left; width:100%; font-size:var(--size-15) }
.industry-maturity select { margin-top:var(--size-14) }
.industry-assessment { padding:var(--size-32); background:var(--color-surface); border-radius:var(--size-10) }
.industry-assessment-output { margin-top:var(--size-25); padding:var(--size-24); background:var(--color-surface-secondary); border-radius:var(--size-8) }
.industry-assessment-output strong { font-size:var(--size-28); color:var(--color-heading) }
.industry-close { padding:var(--size-90) 0 }
.industry-close h2 { color:var(--color-white) }
.industry-close p { font-size:var(--size-18); margin-top:var(--size-24) }
.industry-footer { padding:var(--size-35) 0; font-size:var(--size-13) }
.industry-footer a { margin-left:var(--size-20) }
.industry-dialog-head { position:sticky; top:0; display:flex; justify-content:space-between; align-items:center; background:var(--color-background); padding:var(--size-14) var(--size-20); border-bottom:var(--size-1) var(--border-style) var(--color-border); gap:var(--size-20) }
.industry-dialog-head button { border:var(--size-1) var(--border-style) var(--color-primary); background:var(--color-surface); border-radius:var(--size-4); padding:var(--size-8) var(--size-16) }
.industry-skip { position:absolute; top:var(--length-px-negative-100) }
.industry-skip:focus { top:0; z-index:100; background:var(--color-surface); padding:var(--size-15) }
.industry-status { font-size:var(--size-13); color:var(--color-accent); margin-top:var(--size-15) }
@media (max-width:980px) {
.industry-hero-art img { height:var(--size-400) } }
@media (max-width:980px) {
.industry-sticky-copy { position:static } }
@media (max-width:980px) {
.industry-nav .industry-extra { display:none } }
@media (max-width:620px) {
.industry-hero { padding:var(--size-50) 0 } }
@media (max-width:620px) {
.industry-logo { font-size:var(--size-24) } }
@media (max-width:620px) {
.industry-nav>a { display:none } }
@media (max-width:620px) {
.industry-nav { font-size:var(--size-13) } }
@media (max-width:620px) {
.industry-problem h3 { min-height:0 } }
@media (max-width:620px) {
.industry-risk { padding:var(--size-28) } }
@media (max-width:620px) {
.industry-formbox { padding:var(--size-24) } }
@media (max-width:620px) {
.industry-result { padding:var(--size-24) } }
@media (max-width:620px) {
.industry-bigvalue { font-size:var(--size-39) } }
@media (max-width:620px) {
.industry-node:not(:last-child):after { content:'↓'; right:50%; top:auto; bottom:var(--length-px-negative-34) } }
@media (max-width:620px) {
.industry-diagram { padding:var(--size-28) } }
@media (max-width:620px) {
.industry-hub { padding:var(--size-28) } }
@media (max-width:620px) {
.industry-example { padding:var(--size-28) } }
@media (max-width:620px) {
.industry-hero-art { padding:var(--size-20) } }
@media (max-width:620px) {
.industry-hero-art img { height:var(--size-330) } }
@media (max-width:620px) {
.industry-footer .wrap { flex-direction:column } }
@media (max-width:620px) {
.industry-footer a { margin:0 var(--size-20) 0 0 } }
@media (max-width:620px) {
.industry-close { padding:var(--size-70) 0 } }
.industry-topbar { background:var(--color-illustration-f3f4f1f5) }
.industry-hero { background:var(--color-surface-muted) }
.industry-hero-art { background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border) }
.industry-pale { background:var(--color-surface-muted) }
.industry-white { background:var(--color-surface) }
.industry-problem-intro { padding-bottom:var(--size-10) }
.industry-pain-section { padding:var(--size-85) 0; border-top:var(--size-1) var(--border-style) var(--color-border) }
.industry-pain-section:nth-of-type(even) { background:var(--color-surface) }
.industry-pain-section:nth-of-type(odd) { background:var(--color-surface-muted) }
.industry-pain-section.industry-reverse .industry-pain-copy { order:2 }
.industry-pain-section.industry-reverse .industry-scheme { order:1 }
.industry-pain-copy h3 { font:var(--font-weight-display) clamp(var(--size-30),3.1vw,var(--size-43))/var(--line-height-1-22) var(--font-family-display); letter-spacing:var(--letter-spacing-negative-025em); margin-bottom:var(--size-24) }
.industry-pain-copy>p { font-size:var(--size-17); line-height:var(--line-height-1-9) }
.industry-pain-loss { margin:var(--size-28) 0; padding:var(--size-15) 0; border-top:var(--size-1) var(--border-style) var(--color-border); border-bottom:var(--size-1) var(--border-style) var(--color-border); font-size:var(--size-14); color:var(--color-heading) }
.industry-pain-loss strong { display:block; font-size:var(--size-11); letter-spacing:var(--letter-spacing-12em); margin-bottom:var(--size-8) }
.industry-scheme { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-14); padding:var(--size-35); box-shadow:0 var(--size-18) var(--size-45) var(--color-illustration-073d3408); min-width:0 }
.industry-scheme-label { font:var(--size-11) var(--font-family-mono); letter-spacing:var(--letter-spacing-1em); color:var(--color-text-muted); margin-bottom:var(--size-26); display:flex; justify-content:space-between }
.industry-scheme-label i { width:var(--size-7); height:var(--size-7); background:var(--color-accent); border-radius:50%; display:inline-block }
.industry-scheme svg { height:var(--size-35); width:var(--size-35); stroke:var(--color-accent); fill:none; stroke-width:1.5; margin-bottom:var(--size-14) }
.industry-screen { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-7); overflow:hidden; position:relative; min-width:0 }
.industry-screen-top { height:var(--size-24); background:var(--color-primary); display:flex; gap:var(--size-4); padding:var(--size-9) }
.industry-screen-top b { width:var(--size-5); height:var(--size-5); border-radius:50%; background:var(--color-highlight) }
.industry-screen-body { padding:var(--size-18); text-align:center }
.industry-screen-body strong { display:block; font-size:var(--size-15); line-height:var(--line-height-1-6) }
.industry-screen-body small { display:block; font-size:var(--size-12); color:var(--color-text-muted); margin-top:var(--size-7) }
.industry-mini-line { height:var(--size-5); background:var(--color-surface-secondary); margin-top:var(--size-8); border-radius:var(--size-3); width:85% }
.industry-mini-line.industry-short { width:55% }
.industry-scheme-summary { padding:var(--size-17) var(--size-20); background:var(--color-primary); color:var(--color-white); margin-top:var(--size-26); border-radius:var(--size-6); font-size:var(--size-14); line-height:var(--line-height-1-7) }
.industry-scheme-summary span { color:var(--color-text-muted) }
.industry-stock-val { font:var(--size-38)/var(--line-height-1-2) Fraunces,serif; color:var(--color-heading); margin-top:var(--size-15) }
.industry-central-pill { background:var(--color-illustration-dfff00); color:var(--color-heading); border-radius:var(--size-6); font-size:var(--size-20); text-align:center; padding:var(--size-19); font-weight:var(--font-weight-bold); margin:var(--size-20) auto }
.industry-file-lines span { height:var(--size-16); background:var(--color-surface-secondary) }
.industry-file-lines span:nth-child(-n+4) { background:var(--color-highlight) }
.industry-quote-chip { font-size:var(--size-13); padding:var(--size-13) var(--size-16); border-left:var(--size-3) var(--border-style) var(--color-highlight); background:var(--color-surface-muted); margin-top:var(--size-14) }
.industry-scheme-step { padding:var(--size-20); background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-6) }
.industry-scheme-step strong { display:block; font-size:var(--size-15) }
.industry-scheme-step span { font:var(--size-11) monospace; color:var(--color-accent); display:block; margin-bottom:var(--size-8) }
.industry-scheme-headline { font:var(--font-weight-display) var(--size-34)/var(--line-height-1-2) Fraunces,serif; color:var(--color-heading); margin:var(--size-22) 0 }
.industry-scheme-state span { background:var(--color-surface-muted); padding:var(--size-8) var(--size-12); font-size:var(--size-12); border-radius:var(--size-20) }
.industry-hero-art img { height:var(--size-400) }
.industry-hero-visual { padding:var(--size-32); background:var(--color-primary); border-radius:var(--size-14); color:var(--color-white) }
.industry-hero-visual .industry-scheme-label { color:var(--color-illustration-b9d1c3) }
.industry-hero-visual h3 { color:var(--color-white); font:var(--font-weight-regular) var(--size-33)/var(--line-height-1-3) var(--font-family-display); margin-bottom:var(--size-28) }
.industry-hero-visual .industry-screen-body { color:var(--color-heading) }
.industry-hero-path .industry-path-line { height:var(--size-1); flex:1; background:var(--color-surface-accent) }
.industry-hero-status { border-top:var(--size-1) var(--border-style) var(--color-illustration-ffffff30); margin-top:var(--size-25); padding-top:var(--size-22); font-size:var(--size-13); color:var(--color-on-primary-muted) }
.industry-hero-status strong { color:var(--color-text-muted); display:block; font-size:var(--size-21) }
.industry-dark-band { background:var(--color-primary); color:var(--color-on-primary-muted); padding:var(--size-80) 0 }
.industry-dark-band h2 { color:var(--color-white) }
.industry-dark-band .eyebrow { color:var(--color-highlight) }
.industry-risk { background:transparent; padding:0; margin-top:var(--size-36); gap:var(--size-65) }
.industry-risk article+article { border-left:var(--size-1) var(--border-style) var(--color-illustration-ffffff30); padding-left:var(--size-60) }
.industry-risk h3 { font:var(--font-weight-regular) var(--size-30)/var(--line-height-1-35) var(--font-family-display) }
.industry-calc-intro { max-width:var(--size-880); text-align:center; margin:0 auto var(--size-52) }
.industry-calc-intro h2 { font-size:clamp(var(--size-36),4.5vw,var(--size-62)) }
.industry-calc-intro p { font-size:var(--size-19); line-height:var(--line-height-1-9); margin:var(--size-25) auto; max-width:var(--size-760) }
.industry-calc-intro strong { color:var(--color-heading) }
.industry-cost-section { border-top:var(--size-1) var(--border-style) var(--color-border); border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-cost-shell { display:grid; grid-template-columns:1fr 1fr; border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-14); overflow:hidden; background:var(--color-surface) }
.industry-cost-inputs { padding:var(--size-42) }
.industry-cost-inputs h3 { font-size:var(--size-23) }
.industry-cost-question { padding:var(--size-24) 0; border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-cost-question label { font-size:var(--size-16); margin-bottom:var(--size-10) }
.industry-cost-question small { font-size:var(--size-12); color:var(--color-text-muted) }
.industry-cost-question input[type=number] { font-size:var(--size-23); color:var(--color-heading); max-width:var(--size-180) }
.industry-range-row input[type=range] { accent-color:var(--color-accent); border:0; padding:0; max-width:100%; width:100%; margin:0 }
.industry-range-row input[type=number] { max-width:var(--size-100) }
.industry-cost-result { background:var(--color-primary); padding:var(--size-44); color:var(--color-on-primary-muted); display:flex; flex-direction:column }
.industry-cost-result h3 { color:var(--color-white); font-size:var(--size-19) }
.industry-cost-result .industry-bigvalue { font-size:clamp(var(--size-45),5vw,var(--size-67)); color:var(--color-text-muted); margin:var(--size-25) 0 var(--size-8) }
.industry-cost-result strong { color:var(--color-white); font-size:var(--size-30); display:block }
.industry-cost-result table { font-size:var(--size-13); width:100%; margin-top:var(--size-25) }
.industry-cost-result td { border-top:var(--size-1) var(--border-style) var(--color-illustration-ffffff25); padding:var(--size-12) 0 }
.industry-cost-result td:last-child { text-align:right; color:var(--color-white) }
.industry-cost-foot { font-size:var(--size-12); line-height:var(--line-height-relaxed); margin-top:var(--size-25); color:var(--color-on-primary-muted) }
.industry-time-bars { margin:var(--size-25) 0 }
.industry-time-bar { height:var(--size-12); background:var(--color-illustration-ffffff20); border-radius:var(--size-8); overflow:hidden }
.industry-time-bar span { height:100%; display:block; background:var(--color-illustration-dfff00) }
.industry-cost-result a { margin-top:auto }
.industry-cost-inputs details { margin-top:var(--size-22) }
.industry-cost-inputs summary { cursor:pointer; font-size:var(--size-13) }
.industry-cost-form-note { font-size:var(--size-12); color:var(--color-text-muted); margin-top:var(--size-24) }
.industry-analysis-side { position:sticky; top:var(--size-120) }
.industry-analysis-side .lead { font-size:var(--size-18) }
.industry-analysis-form { background:var(--color-surface); padding:var(--size-40); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-12) }
.industry-progress-label { display:flex; justify-content:space-between; color:var(--color-accent); font:var(--size-12) monospace }
.industry-progress-track { height:var(--size-4); background:var(--color-surface-muted); margin:var(--size-16) 0 var(--size-30) }
.industry-progress-track span { display:block; height:100%; background:var(--color-accent); transition:width .2s }
.industry-analysis-form fieldset { margin:0; padding:0; border:0 }
.industry-analysis-form legend { font:var(--font-weight-regular) var(--size-28)/var(--line-height-1-35) var(--font-family-display); color:var(--color-heading); margin-bottom:var(--size-22) }
.industry-radio-option { display:flex; align-items:center; gap:var(--size-14); border:var(--size-1) var(--border-style) var(--color-border); background:var(--color-surface); padding:var(--size-16) var(--size-18); border-radius:var(--size-6); margin-bottom:var(--size-12); cursor:pointer; font-size:var(--size-15); font-weight:var(--font-weight-regular); line-height:var(--line-height-1-6) }
.industry-radio-option:has(input:checked) { border-color:var(--color-accent); background:var(--color-surface-muted); box-shadow:inset var(--size-3) 0 var(--color-accent) }
.industry-radio-option input { width:var(--size-18); min-height:var(--size-18); flex:0 0 var(--size-18); margin:0; accent-color:var(--color-accent) }
.industry-analysis-form [hidden] { display:none!important }
.industry-contact-grid .industry-wide { grid-column:1/-1 }
.industry-contact-grid input { font-size:var(--size-16) }
.industry-consent input { width:var(--size-17); height:var(--size-17); min-height:var(--size-17); margin:var(--size-4) 0 0; flex:0 0 var(--size-17) }
.industry-success-box { padding:var(--size-30); background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-8) }
.industry-success-box h3 { margin-bottom:var(--size-16) }
.industry-success-box p { margin-top:var(--size-15) }
.industry-analysis-side ul { list-style:none; padding:0; margin:var(--size-30) 0 }
.industry-analysis-side li { border-bottom:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-14) 0; font-size:var(--size-14) }
.industry-analysis-side li:before { content:'↗'; margin-right:var(--size-12); color:var(--color-accent) }
.section .industry-intro { max-width:var(--size-850) }
.industry-analysis-error { color:var(--color-text-muted); margin-top:var(--size-14); font-size:var(--size-13) }
.industry-system-badge { display:inline-block; border:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-9) var(--size-15); border-radius:var(--size-5); background:var(--color-surface); font-size:var(--size-13) }
.industry-inline-visual { margin-top:var(--size-28); background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-25); border-radius:var(--size-8) }
.industry-overview a { font-size:var(--size-12); color:var(--color-accent); text-decoration:none; border-bottom:var(--size-1) var(--border-style) var(--color-border); padding-bottom:var(--size-3) }
@media (max-width:980px) {
.industry-analysis-side { position:static } }
@media (max-width:980px) {
.industry-hero h1 { font-size:var(--size-47) } }
@media (max-width:980px) {
.industry-hero-visual { padding:var(--size-25) } }
@media (max-width:980px) {
.industry-hero-visual .industry-screen-body { padding:var(--size-12) } }
@media (max-width:980px) {
.industry-hero-visual h3 { font-size:var(--size-28) } }
@media (max-width:750px) {
.industry-pain-section.industry-reverse .industry-pain-copy { order:0 } }
@media (max-width:750px) {
.industry-pain-section.industry-reverse .industry-scheme { order:0 } }
@media (max-width:750px) {
.industry-pain-section { padding:var(--size-60) 0 } }
@media (max-width:750px) {
.industry-scheme { padding:var(--size-25) } }
@media (max-width:750px) {
.industry-pain-copy h3 { font-size:var(--size-34) } }
@media (max-width:750px) {
.industry-cost-inputs { padding:var(--size-26) } }
@media (max-width:750px) {
.industry-cost-result { padding:var(--size-26) } }
@media (max-width:750px) {
.industry-analysis-form { padding:var(--size-26) } }
@media (max-width:750px) {
.industry-hero h1 { font-size:var(--size-44) } }
@media (max-width:750px) {
.industry-hero-visual { margin-top:var(--size-10) } }
@media (max-width:750px) {
.industry-risk article+article { padding-left:0; border-left:0; border-top:var(--size-1) var(--border-style) var(--color-illustration-ffffff35); padding-top:var(--size-30) } }
@media (max-width:750px) {
.industry-triple .industry-screen-body { padding:var(--size-12) var(--size-6) } }
@media (max-width:750px) {
.industry-triple .industry-screen-body strong { font-size:var(--size-12) } }
@media (max-width:750px) {
.industry-stock-val { font-size:var(--size-30) } }
@media (max-width:750px) {
.industry-contact-grid .industry-wide { grid-column:auto } }
@media (max-width:750px) {
.industry-analysis-form legend { font-size:var(--size-25) } }
@media (max-width:750px) {
.industry-calc-intro { text-align:left } }
@media (max-width:750px) {
.industry-calc-intro p { font-size:var(--size-17) } }
@media (max-width:750px) {
.industry-hero-note { margin-top:var(--size-35) } }
@media (max-width:750px) {
.industry-pain-loss { margin:var(--size-20) 0 } }
@media (max-width:750px) {
.industry-scheme-summary { font-size:var(--size-13) } }
.industry-hero { padding:var(--size-65) 0 0; overflow:hidden }
.industry-hero .eyebrow { text-align:center }
.industry-title { max-width:var(--size-900); margin:auto; text-align:center; font-size:clamp(var(--size-44),5.7vw,var(--size-76)); line-height:var(--line-height-1-08) }
.industry-title em { font-weight:var(--font-weight-regular); color:var(--color-accent) }
.industry-lead { max-width:var(--size-750); margin:var(--size-28) auto 0; text-align:center; font-size:var(--size-19); line-height:var(--line-height-1-85) }
.industry-hero .industry-actions { justify-content:center; margin-bottom:var(--size-50) }
.industry-hero-screen-wrap { max-width:var(--size-1100); margin:0 auto; position:relative; padding:0 var(--size-30) }
.industry-hero-screen-wrap:before { content:''; position:absolute; inset:18% var(--length-px-negative-180) var(--length-px-negative-200); background:var(--color-surface-accent); border-radius:var(--border-radius-50-50-0-0); z-index:0 }
.industry-product-screen { position:relative; border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-12); background:var(--color-surface); overflow:hidden; box-shadow:0 var(--size-24) var(--size-65) var(--color-illustration-073d3412); font-family:var(--font-family-body); color:var(--color-text); min-width:0 }
.industry-screen-hero { box-shadow:0 var(--size-25) var(--size-70) var(--color-illustration-073d341f); border-radius:var(--size-12) var(--size-12) 0 0; border-bottom:0 }
.industry-app-top { height:var(--size-52); padding:0 var(--size-22); display:flex; align-items:center; gap:var(--size-16); background:var(--color-primary); color:var(--color-white) }
.industry-app-mark { font:var(--size-28) var(--font-family-display) }
.industry-app-mark>span { font:var(--size-11) var(--font-family-body); letter-spacing:var(--letter-spacing-03em); margin-left:var(--size-8); color:var(--color-on-primary-muted) }
.industry-sample-chip { font:var(--size-9) var(--font-family-mono); letter-spacing:var(--letter-spacing-08em); color:var(--color-highlight); margin-left:auto; padding:var(--size-6) var(--size-8); border:var(--size-1) var(--border-style) var(--color-illustration-ffffff35); border-radius:var(--size-4) }
.industry-app-user { border-radius:50%; width:var(--size-25); height:var(--size-25); background:var(--color-surface-accent); color:var(--color-heading); display:grid; place-items:center; font-size:var(--size-9) }
.industry-app-sidebar { background:var(--color-surface-muted); border-right:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-20) var(--size-10); display:flex; flex-direction:column; gap:var(--size-14) }
.industry-app-sidebar>span { height:var(--size-33); display:flex; align-items:center; justify-content:center; border-radius:var(--size-6); color:var(--color-text-muted) }
.industry-app-sidebar .industry-selected { background:var(--color-surface-accent); color:var(--color-heading) }
.industry-app-sidebar svg { width:var(--size-19); height:var(--size-19); fill:none; stroke:currentColor; stroke-width:1.5 }
.industry-app-sidebar small { display:none }
.industry-app-content { padding:var(--size-25); min-width:0 }
.industry-app-heading h4 { font:var(--font-weight-bold) var(--size-19)/var(--line-height-1-4) var(--font-family-body); color:var(--color-heading); margin:0 }
.industry-app-heading p { font-size:var(--size-11); color:var(--color-text-muted); margin-top:var(--size-6); line-height:var(--line-height-1-7) }
.industry-demo-date { font:var(--size-8) monospace; letter-spacing:var(--letter-spacing-05em); white-space:nowrap; color:var(--color-text-muted); margin-top:var(--size-7) }
.industry-app-stat { border:var(--size-1) var(--border-style) var(--color-border); background:var(--color-surface); padding:var(--size-15); min-width:0; border-radius:var(--size-6) }
.industry-app-stat span { font-size:var(--size-10); line-height:var(--line-height-label); display:block; color:var(--color-text-muted) }
.industry-app-stat strong { font:var(--font-weight-regular) var(--size-30)/var(--line-height-1-3) Fraunces,serif; display:block; color:var(--color-heading); margin:var(--size-5) 0 }
.industry-app-stat small { font-size:var(--size-9); color:var(--color-text-muted); display:block; line-height:var(--line-height-label) }
.industry-app-stat.industry-attention { border-color:var(--color-border); background:var(--color-surface-muted) }
.industry-app-stat.industry-attention strong { color:var(--color-heading) }
.industry-app-table { width:100%; border-collapse:collapse; font-size:var(--size-11); white-space:nowrap }
.industry-app-table th { text-align:left; font-weight:var(--font-weight-medium); font-size:var(--size-10); color:var(--color-text-muted); padding:var(--size-13) var(--size-9); background:var(--color-surface); border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-app-table td { padding:var(--size-15) var(--size-9); border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-app-table td:first-child { font-weight:var(--font-weight-medium); color:var(--color-heading) }
.industry-table-scroll { overflow-x:auto }
.industry-status-tag { font-size:var(--size-9); line-height:var(--line-height-art-1-4); padding:var(--size-5) var(--size-7); display:inline-block; border-radius:var(--size-4); background:var(--color-surface-muted); color:var(--color-text-muted); white-space:nowrap }
.industry-status-tag.industry-warn { background:var(--color-surface-muted); color:var(--color-heading) }
.industry-status-tag.industry-good { background:var(--color-surface-secondary); color:var(--color-heading) }
.industry-hero-screen-tabs button { font:var(--font-weight-medium) var(--size-11) var(--font-family-body); padding:var(--size-12) 0; border:0; border-bottom:var(--size-2) var(--border-style) transparent; background:none; color:var(--color-text-muted) }
.industry-hero-screen-tabs button[aria-selected=true] { color:var(--color-heading); border-color:var(--color-primary) }
.industry-app-notice { display:flex; align-items:center; gap:var(--size-10); padding:var(--size-12); background:var(--color-surface-muted); margin-top:var(--size-20); border-radius:var(--size-5); font-size:var(--size-10); color:var(--color-text-muted); line-height:var(--line-height-1-7) }
.industry-app-notice svg { width:var(--size-17); height:var(--size-17); fill:none; stroke:var(--color-accent); stroke-width:1.5; flex:0 0 var(--size-17) }
.industry-sample-footer { font-size:var(--size-9); color:var(--color-text-muted); border-top:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-12) var(--size-18); display:flex; justify-content:space-between; gap:var(--size-10); align-items:center; background:var(--color-surface) }
.industry-screen-expand { font:var(--font-weight-medium) var(--size-10) var(--font-family-body); border:0; background:none; color:var(--color-accent); white-space:nowrap; padding:var(--size-3) }
.industry-hero-proof { padding:var(--size-28) 0; background:var(--color-primary); color:var(--color-on-primary-muted); position:relative }
.industry-hero-proof strong { color:var(--color-white); font-weight:var(--font-weight-medium) }
.industry-fit-section { padding:var(--size-90) 0 }
.industry-fit-copy h2 { font-size:clamp(var(--size-32),3.6vw,var(--size-48)) }
.industry-fit-copy>p { margin-top:var(--size-26); font-size:var(--size-17) }
.industry-fit-point:first-child { padding-top:0 }
.industry-fit-point>span { font:var(--size-12) monospace; color:var(--color-accent); padding-top:var(--size-7) }
.industry-fit-point h3 { font-size:var(--size-20); margin-bottom:var(--size-12) }
.industry-fit-point p { font-size:var(--size-15); line-height:var(--line-height-1-85) }
.industry-solutions-overview { padding:var(--size-85) 0 }
.industry-solution-nav svg { width:var(--size-27); height:var(--size-27); fill:none; stroke:var(--color-accent); stroke-width:1.5; flex:0 0 var(--size-27) }
.industry-solution-nav b { margin-left:auto; font-weight:var(--font-weight-regular); font-size:var(--size-20) }
.industry-product-feature { padding:var(--size-90) 0; border-top:var(--size-1) var(--border-style) var(--color-border) }
.industry-product-feature:nth-of-type(odd) { background:var(--color-surface-muted) }
.industry-product-feature.industry-reverse .industry-feature-copy { order:2 }
.industry-product-feature.industry-reverse .industry-product-screen { order:1 }
.industry-feature-copy h2 { font-size:clamp(var(--size-30),3vw,var(--size-43)); line-height:var(--line-height-1-18) }
.industry-feature-copy>p { margin-top:var(--size-24); font-size:var(--size-16); line-height:var(--line-height-1-9) }
.industry-feature-gain { border-left:var(--size-3) var(--border-style) var(--color-accent); padding:0 0 0 var(--size-20); margin-top:var(--size-26) }
.industry-feature-gain span { font:var(--size-11) monospace; letter-spacing:var(--letter-spacing-07em); color:var(--color-accent) }
.industry-feature-gain p { font-size:var(--size-15); line-height:var(--line-height-1-85); margin-top:var(--size-10) }
.industry-feature-tokens span { font-size:var(--size-11); padding:var(--size-6) var(--size-9); background:var(--color-surface-muted); border-radius:var(--size-4); color:var(--color-text-muted) }
.industry-mini-process span { padding:var(--size-7) var(--size-12); background:var(--color-surface-muted); border-radius:var(--size-4) }
.industry-mini-process span.active { background:var(--color-primary); color:var(--color-white) }
.industry-mini-process b { font-weight:var(--font-weight-regular) }
.industry-production-lanes>div { padding:var(--size-12); background:var(--color-surface-muted); border-radius:var(--size-6) }
.industry-production-lanes h5 { font-size:var(--size-9); color:var(--color-text-muted); margin:0 0 var(--size-15); display:flex; justify-content:space-between }
.industry-production-lanes article { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-5); padding:var(--size-17); margin:0 0 var(--size-12) }
.industry-production-lanes article.industry-waiting { border-left:var(--size-3) var(--border-style) var(--color-border) }
.industry-production-lanes article strong { font-size:var(--size-12); color:var(--color-heading) }
.industry-production-lanes article p { font-size:var(--size-10); margin:var(--size-8) 0 }
.industry-production-lanes article small { font-size:var(--size-9); color:var(--color-text-muted) }
.industry-production-progress { height:var(--size-5); border-radius:var(--size-3); background:var(--color-surface-secondary); overflow:hidden; margin:var(--size-13) 0 var(--size-7) }
.industry-production-progress span { height:100%; display:block; background:var(--color-accent) }
.industry-purchase-detail { display:flex; justify-content:space-between; gap:var(--size-10); align-items:center; padding:var(--size-18); background:var(--color-surface-muted); border-radius:var(--size-6); margin-bottom:var(--size-20) }
.industry-purchase-detail span { font-size:var(--size-9); color:var(--color-text-muted) }
.industry-purchase-detail h5 { font-size:var(--size-15); margin:var(--size-7) 0; color:var(--color-heading) }
.industry-purchase-detail p { font-size:var(--size-10) }
.industry-approval-timeline>div { border-top:var(--size-2) var(--border-style) var(--color-accent); position:relative; padding-top:var(--size-15) }
.industry-approval-timeline i { position:absolute; top:var(--length-px-negative-5); left:0; width:var(--size-8); height:var(--size-8); border-radius:50%; background:var(--color-accent) }
.industry-approval-timeline .industry-pending { border-color:var(--color-border) }
.industry-approval-timeline .industry-pending i { background:var(--color-illustration-c7d88c) }
.industry-approval-timeline strong { font-size:var(--size-10); font-weight:var(--font-weight-medium); display:block; line-height:var(--line-height-1-6) }
.industry-approval-timeline small { font-size:var(--size-9); color:var(--color-text-muted); display:block; margin-top:var(--size-6) }
.industry-customer-avatar { background:var(--color-surface-accent); width:var(--size-42); height:var(--size-42); display:grid; place-items:center; border-radius:50%; font-size:var(--size-13); color:var(--color-heading) }
.industry-customer-strip strong { display:block; font-size:var(--size-15); color:var(--color-heading) }
.industry-customer-strip small { display:block; font-size:var(--size-10); color:var(--color-text-muted); margin-top:var(--size-4) }
.industry-customer-bottom>div { padding:var(--size-16); background:var(--color-surface); border-radius:var(--size-5) }
.industry-customer-bottom small { font:var(--size-8) monospace; color:var(--color-text-muted) }
.industry-customer-bottom p { font-size:var(--size-10); line-height:var(--line-height-relaxed); margin-top:var(--size-8) }
.industry-report-content h5 { font-size:var(--size-12); color:var(--color-heading); margin:0 0 var(--size-15) }
.industry-report-bars i { display:block; height:var(--size-12); background:var(--color-surface-muted) }
.industry-report-bars b { display:block; background:var(--color-accent); height:100% }
.industry-report-bars>div:nth-child(2) b { background:var(--color-illustration-5b9370) }
.industry-report-bars>div:nth-child(3) b { background:var(--color-illustration-a3c4a3) }
.industry-report-bars>div:last-child b { background:var(--color-illustration-b5cb62) }
.industry-report-bars strong { font-size:var(--size-10) }
.industry-report-summary { padding:var(--size-20); background:var(--color-surface-muted); border-radius:var(--size-6) }
.industry-report-summary small { font:var(--size-8) monospace; color:var(--color-text-muted) }
.industry-report-summary strong { font:var(--size-46) Fraunces,serif; display:block; color:var(--color-heading); line-height:var(--line-height-label) }
.industry-report-summary p { font-size:var(--size-11); color:var(--color-heading) }
.industry-report-summary span { display:block; font-size:var(--size-9); color:var(--color-text-muted); margin-top:var(--size-10); line-height:var(--line-height-1-7) }
.industry-architecture { padding:var(--size-95) 0 }
.industry-architecture h2 { color:var(--color-white) }
.industry-architecture .eyebrow { color:var(--color-highlight) }
.industry-arch-head p { font-size:var(--size-17); line-height:var(--line-height-1-9) }
.industry-arch-system { border:var(--size-1) var(--border-style) var(--color-illustration-ffffff30); border-radius:var(--size-12); padding:var(--size-35) }
.industry-arch-item { padding:var(--size-20); background:var(--color-illustration-ffffff08); border:var(--size-1) var(--border-style) var(--color-illustration-ffffff25); border-radius:var(--size-5); font-size:var(--size-14); color:var(--color-white); text-align:center }
.industry-arch-item small { display:block; font-size:var(--size-11); color:var(--color-illustration-b4cec0); margin-top:var(--size-7) }
.industry-arch-link { text-align:center; padding:var(--size-17); font-size:var(--size-23); color:var(--color-highlight) }
.industry-arch-hub { background:var(--color-highlight); color:var(--color-heading); text-align:center; padding:var(--size-22); border-radius:var(--size-6); font-size:var(--size-20) }
.industry-arch-hub small { display:block; font-size:var(--size-12); margin-top:var(--size-6) }
.industry-arch-note { font-size:var(--size-12); margin-top:var(--size-20); color:var(--color-illustration-a9c8b8); line-height:var(--line-height-relaxed) }
.industry-wins-section { padding:var(--size-100) 0 }
.industry-wins-head p { font-size:var(--size-17); line-height:var(--line-height-1-9) }
.industry-win { padding:var(--size-35) 0; border-top:var(--size-1) var(--border-style) var(--color-border) }
.industry-win>span { font:var(--size-11) monospace; color:var(--color-accent) }
.industry-win h3 { font:var(--font-weight-regular) var(--size-29)/var(--line-height-1-3) var(--font-family-display); margin:var(--size-20) 0; color:var(--color-heading) }
.industry-win p { font-size:var(--size-15); line-height:var(--line-height-1-9) }
.industry-win-measure { font-size:var(--size-12); color:var(--color-text-muted); padding-top:var(--size-20); margin-top:var(--size-20); border-top:var(--size-1) dashed var(--color-border) }
.industry-win-measure b { color:var(--color-accent); font-weight:var(--font-weight-medium) }
.industry-how-section { padding:var(--size-95) 0 }
.industry-how-step { border-top:var(--size-1) var(--border-style) var(--color-border); padding-top:var(--size-22) }
.industry-how-step span { font:var(--size-12) monospace; color:var(--color-accent) }
.industry-how-step h3 { font-size:var(--size-19); margin:var(--size-18) 0 var(--size-14) }
.industry-how-step p { font-size:var(--size-14); line-height:var(--line-height-1-85) }
.industry-sample-section { padding:var(--size-100) 0 }
.industry-sample-project h2 { font-size:var(--size-44) }
.industry-sample-project p { margin-top:var(--size-24); line-height:var(--line-height-1-9) }
.industry-sample-project .industry-pill { background:var(--color-surface-accent); color:var(--color-heading); font:var(--size-10) monospace; padding:var(--size-9) var(--size-12); border-radius:var(--size-4); display:inline-block; margin-bottom:var(--size-25) }
.industry-sample-facts small { display:block; font:var(--size-10) monospace; color:var(--color-text-muted) }
.industry-sample-facts strong { font-size:var(--size-13); line-height:var(--line-height-relaxed); display:block; font-weight:var(--font-weight-medium); color:var(--color-heading); margin-top:var(--size-8) }
.industry-sample-preview { background:var(--color-surface-accent); padding:var(--size-25); border-radius:var(--size-12) }
.industry-sample-preview .industry-app-sidebar { display:none }
.industry-sample-note { font-size:var(--size-12)!important; color:var(--color-text-muted) }
.industry-nav details div span { display:block; padding:var(--size-8); color:var(--color-text-muted); font-size:var(--size-14) }
.industry-sample-dialog { max-width:var(--size-1180); width:95vw; background:var(--color-surface-muted) }
.industry-sample-dialog-content { padding:var(--size-25) }
.industry-sample-dialog .industry-product-screen { box-shadow:none }
.industry-sample-dialog .industry-app-content { padding:var(--size-35) }
.industry-sample-dialog .industry-app-heading h4 { font-size:var(--size-25) }
.industry-sample-dialog .industry-app-heading p { font-size:var(--size-14) }
.industry-sample-dialog .industry-app-table { font-size:var(--size-14) }
.industry-sample-dialog .industry-app-table th { font-size:var(--size-12) }
.industry-sample-dialog .industry-app-table td { padding:var(--size-20) var(--size-12) }
.industry-sample-dialog .industry-app-stat span { font-size:var(--size-13) }
.industry-sample-dialog .industry-app-stat small { font-size:var(--size-12) }
.industry-sample-dialog .industry-app-stat strong { font-size:var(--size-40) }
.industry-sample-dialog .industry-screen-expand { display:none }
.industry-sample-dialog .industry-status-tag { font-size:var(--size-12) }
.industry-sample-dialog .industry-hero-screen-tabs button { font-size:var(--size-14) }
.industry-sample-dialog .industry-sample-footer { font-size:var(--size-12) }
.industry-product-screen [hidden] { display:none!important }
.industry-mini-reference { font-size:var(--size-11); color:var(--color-text-muted); text-align:center; margin-top:var(--size-18) }
.industry-close { border-top:0 }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-sidebar small { display:block; font-size:var(--size-10) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-content { padding:var(--size-30) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-heading h4 { font-size:var(--size-23) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-table { font-size:var(--size-12) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-stat span { font-size:var(--size-12) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-stat strong { font-size:var(--size-37) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-stat small { font-size:var(--size-10) } }
@media (max-width:1000px) {
.industry-product-feature.industry-reverse .industry-feature-copy { order:0 } }
@media (max-width:1000px) {
.industry-product-feature.industry-reverse .industry-product-screen { order:0 } }
@media (max-width:1000px) {
.industry-feature-copy { max-width:var(--size-750) } }
@media (max-width:1000px) {
.industry-feature-copy h2 { font-size:var(--size-39) } }
@media (max-width:1000px) {
.industry-product-feature { padding:var(--size-70) 0 } }
@media (max-width:1000px) {
.industry-app-table { font-size:var(--size-13) } }
@media (max-width:1000px) {
.industry-app-table th { font-size:var(--size-11) } }
@media (max-width:1000px) {
.industry-app-heading h4 { font-size:var(--size-22) } }
@media (max-width:1000px) {
.industry-status-tag { font-size:var(--size-11) } }
@media (max-width:1000px) {
.industry-sample-footer { font-size:var(--size-11) } }
@media (max-width:1000px) {
.industry-app-stat span { font-size:var(--size-12) } }
@media (max-width:1000px) {
.industry-app-stat small { font-size:var(--size-10) } }
@media (max-width:1000px) {
.industry-app-notice { font-size:var(--size-12) } }
@media (max-width:650px) {
.industry-hero { padding-top:var(--size-45) } }
@media (max-width:650px) {
.industry-title { font-size:var(--size-43) } }
@media (max-width:650px) {
.industry-lead { font-size:var(--size-17) } }
@media (max-width:650px) {
.industry-hero-screen-wrap { padding:0 } }
@media (max-width:650px) {
.industry-fit-section { padding:var(--size-65) 0 } }
@media (max-width:650px) {
.industry-solutions-overview { padding:var(--size-65) 0 } }
@media (max-width:650px) {
.industry-wins-section { padding:var(--size-65) 0 } }
@media (max-width:650px) {
.industry-architecture { padding:var(--size-65) 0 } }
@media (max-width:650px) {
.industry-how-section { padding:var(--size-65) 0 } }
@media (max-width:650px) {
.industry-sample-section { padding:var(--size-65) 0 } }
@media (max-width:650px) {
.industry-solution-nav svg { width:var(--size-22); flex-basis:var(--size-22) } }
@media (max-width:650px) {
.industry-feature-copy h2 { font-size:var(--size-34) } }
@media (max-width:650px) {
.industry-app-sidebar { display:none } }
@media (max-width:650px) {
.industry-app-content { padding:var(--size-16) } }
@media (max-width:650px) {
.industry-app-heading h4 { font-size:var(--size-17) } }
@media (max-width:650px) {
.industry-app-heading p { font-size:var(--size-10) } }
@media (max-width:650px) {
.industry-demo-date { display:none } }
@media (max-width:650px) {
.industry-app-stat { padding:var(--size-12) var(--size-9) } }
@media (max-width:650px) {
.industry-app-stat span { font-size:var(--size-10) } }
@media (max-width:650px) {
.industry-app-stat small { font-size:var(--size-9) } }
@media (max-width:650px) {
.industry-app-stat strong { font-size:var(--size-28) } }
@media (max-width:650px) {
.industry-app-top { padding:0 var(--size-14) } }
@media (max-width:650px) {
.industry-app-mark { font-size:var(--size-25) } }
@media (max-width:650px) {
.industry-sample-chip { font-size:var(--size-8) } }
@media (max-width:650px) {
.industry-app-user { display:none } }
@media (max-width:650px) {
.industry-app-table { font-size:var(--size-11) } }
@media (max-width:650px) {
.industry-status-tag { font-size:var(--size-9) } }
@media (max-width:650px) {
.industry-sample-footer { font-size:var(--size-9); padding:var(--size-10) var(--size-12) } }
@media (max-width:650px) {
.industry-sample-footer>span { max-width:var(--size-220) } }
@media (max-width:650px) {
.industry-app-notice { font-size:var(--size-10) } }
@media (max-width:650px) {
.industry-arch-system { padding:var(--size-20) } }
@media (max-width:650px) {
.industry-arch-item { padding:var(--size-16) var(--size-10); font-size:var(--size-12) } }
@media (max-width:650px) {
.industry-arch-item small { font-size:var(--size-10) } }
@media (max-width:650px) {
.industry-arch-hub { font-size:var(--size-17) } }
@media (max-width:650px) {
.industry-win h3 { font-size:var(--size-27) } }
@media (max-width:650px) {
.industry-sample-preview { padding:var(--size-12) } }
@media (max-width:650px) {
.industry-sample-project h2 { font-size:var(--size-35) } }
@media (max-width:650px) {
.industry-sample-dialog-content { padding:var(--size-12) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-content { padding:var(--size-18) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-table { font-size:var(--size-12) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-table td { padding:var(--size-15) var(--size-8) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-stat strong { font-size:var(--size-28) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-heading h4 { font-size:var(--size-18) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-stat span { font-size:var(--size-10) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-app-stat small { font-size:var(--size-9) } }
@media (max-width:650px) {
.industry-sample-dialog .industry-status-tag { font-size:var(--size-10) } }
@media (max-width:650px) {
.industry-report-summary { padding:var(--size-14) } }
@media (max-width:650px) {
.industry-production-lanes article { padding:var(--size-12) } }
@media (max-width:650px) {
.industry-app-heading { flex-direction:column } }
@media (max-width:650px) {
.industry-approval-timeline strong { font-size:var(--size-9) } }
@media (max-width:650px) {
.industry-hero .industry-actions { margin-bottom:var(--size-35) } }
.industry-hero { padding-top:var(--size-75) }
.industry-product-feature:nth-of-type(odd) { background:var(--color-surface) }
.industry-product-feature.industry-reverse:nth-of-type(odd) { background:var(--color-surface-muted) }
.industry-win h3 { margin-top:0 }
.industry-app-top { background:var(--color-surface); border-bottom:var(--size-1) var(--border-style) var(--color-border); color:var(--color-heading); min-height:var(--size-55) }
.industry-app-wordmark { display:block; object-fit:contain; width:var(--size-122); height:var(--size-21); flex:0 0 auto }
.industry-sample-chip { color:var(--color-heading); border-color:var(--color-border); background:var(--color-surface-muted) }
.industry-app-user { background:var(--color-surface-secondary); color:var(--color-heading) }
.industry-architecture .eyebrow { color:var(--color-illustration-d5e9c8) }
.industry-arch-head p { color:var(--color-illustration-e1ece5) }
.industry-arch-system { background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-35) }
.industry-arch-item { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); color:var(--color-heading); box-shadow:0 var(--size-3) var(--size-10) var(--color-illustration-073d3405) }
.industry-arch-item small { color:var(--color-text-muted) }
.industry-arch-link { color:var(--color-accent) }
.industry-arch-hub { background:var(--color-primary); color:var(--color-white) }
.industry-arch-hub small { color:var(--color-illustration-d5e5da) }
.industry-arch-note { color:var(--color-illustration-d3e3d9) }
.industry-cost-result .eyebrow { color:var(--color-illustration-d5e9c8)!important }
.industry-cost-result p { color:var(--color-illustration-dce9e0) }
.industry-cost-result .industry-result-grid small { color:var(--color-illustration-dce9e0) }
.industry-cost-foot { color:var(--color-illustration-dce9e0) }
.industry-close .eyebrow { color:var(--color-illustration-d5e9c8) }
.industry-meeting-card { background:var(--color-surface-muted); color:var(--color-text); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-10); padding:var(--size-38) }
.industry-meeting-card .eyebrow { color:var(--color-heading) }
.industry-meeting-card h3 { color:var(--color-heading); font:var(--font-weight-regular) var(--size-29)/var(--line-height-1-3) var(--font-family-display); margin:0 0 var(--size-24) }
.industry-meeting-card ol { padding-left:var(--size-22); margin:0 }
.industry-meeting-card li { font-size:var(--size-16); line-height:var(--line-height-relaxed); padding:var(--size-13) 0; border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-meeting-card li::marker { color:var(--color-accent) }
.industry-meeting-card p:not(.eyebrow) { font-size:var(--size-14); color:var(--color-text-muted); line-height:var(--line-height-1-9); margin-top:var(--size-22) }
.industry-screen-expand { min-height:var(--size-32) }
.industry-app-stat span { color:var(--color-text-muted) }
.industry-app-stat small { color:var(--color-text-muted) }
.industry-app-heading p { color:var(--color-text-muted) }
.industry-sample-footer { color:var(--color-text-muted) }
.industry-status-tag { color:var(--color-heading) }
.industry-sample-note { color:var(--color-text-muted) }
.industry-note { color:var(--color-text-muted) }
.industry-architecture .industry-arch-note { color:var(--color-illustration-d3e3d9) }
.industry-cost-result .industry-cost-foot { color:var(--color-illustration-dce9e0) }
.industry-close>div>div>p:not(.eyebrow) { color:var(--color-illustration-dae8df) }
.industry-analysis-side h2 { font-size:clamp(var(--size-34),3.5vw,var(--size-49)) }
@media (max-width:650px) {
.industry-hero { padding-top:var(--size-48) } }
@media (max-width:650px) {
.industry-meeting-card { padding:var(--size-27) } }
@media (max-width:650px) {
.industry-app-wordmark { width:var(--size-110); object-position:left center } }
@media (max-width:650px) {
.industry-meeting-card h3 { font-size:var(--size-26) } }
.industry-product-screen { font-size:var(--size-14); color:var(--color-heading) }
.industry-product-screen .industry-app-content { padding:var(--size-26) }
.industry-product-screen .industry-app-heading h4 { font-size:var(--size-22); line-height:var(--line-height-1-45); color:var(--color-heading) }
.industry-product-screen .industry-app-heading p { font-size:var(--size-14); line-height:var(--line-height-relaxed); color:var(--color-heading) }
.industry-product-screen .industry-demo-date { font-size:var(--size-11); color:var(--color-heading); line-height:var(--line-height-1-6); white-space:normal; max-width:var(--size-155) }
.industry-product-screen .industry-app-stat { padding:var(--size-18) var(--size-15); background:var(--color-surface-muted); border-color:var(--color-border) }
.industry-product-screen .industry-app-stat span { font-size:var(--size-13); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-6); color:var(--color-heading) }
.industry-product-screen .industry-app-stat small { font-size:var(--size-12); line-height:var(--line-height-1-75); color:var(--color-heading) }
.industry-product-screen .industry-app-stat strong { font-size:var(--size-34); color:var(--color-heading) }
.industry-product-screen .industry-app-stat.industry-attention { background:var(--color-surface-muted); border-color:var(--color-illustration-8aab48) }
.industry-product-screen .industry-app-table { font-size:var(--size-14); line-height:var(--line-height-1-7); color:var(--color-heading) }
.industry-product-screen .industry-app-table th { font-size:var(--size-13); font-weight:var(--font-weight-bold); padding:var(--size-15) var(--size-12); color:var(--color-heading); background:var(--color-surface-secondary); border-color:var(--color-border) }
.industry-product-screen .industry-app-table td { font-size:var(--size-14); padding:var(--size-17) var(--size-12); color:var(--color-heading); border-color:var(--color-border) }
.industry-product-screen .industry-app-table td:first-child { color:var(--color-heading); font-weight:var(--font-weight-medium) }
.industry-product-screen .industry-status-tag { font-size:var(--size-12); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-6); padding:var(--size-5) var(--size-9); background:var(--color-surface-secondary); color:var(--color-heading) }
.industry-product-screen .industry-status-tag.industry-good { background:var(--color-surface-secondary); color:var(--color-heading) }
.industry-product-screen .industry-status-tag.industry-warn { background:var(--color-surface-secondary); color:var(--color-heading) }
.industry-product-screen .industry-hero-screen-tabs button { font-size:var(--size-14); line-height:var(--line-height-1-6); color:var(--color-heading); min-height:var(--size-48) }
.industry-product-screen .industry-hero-screen-tabs button[aria-selected=true] { font-weight:var(--font-weight-bold); color:var(--color-heading) }
.industry-product-screen .industry-app-notice { font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-heading); background:var(--color-surface-muted); padding:var(--size-15) }
.industry-product-screen .industry-sample-footer { font-size:var(--size-12); line-height:var(--line-height-1-7); color:var(--color-heading); padding:var(--size-14) var(--size-18); background:var(--color-surface-muted) }
.industry-product-screen .industry-screen-expand { font-size:var(--size-12); font-weight:var(--font-weight-bold); line-height:var(--line-height-1-6); color:var(--color-heading) }
.industry-product-screen .industry-sample-chip { font-size:var(--size-10); line-height:var(--line-height-1-6); color:var(--color-heading) }
.industry-product-screen .industry-app-sidebar small { font-size:var(--size-12); color:var(--color-heading) }
.industry-product-screen .industry-app-sidebar>span { color:var(--color-heading) }
.industry-product-screen .industry-app-sidebar .industry-selected { background:var(--color-surface-secondary); color:var(--color-heading) }
.industry-product-screen .industry-production-lanes h5 { font-size:var(--size-12); color:var(--color-heading); line-height:var(--line-height-1-6) }
.industry-product-screen .industry-production-lanes article { border-color:var(--color-border); padding:var(--size-17) }
.industry-product-screen .industry-production-lanes article strong { font-size:var(--size-14); color:var(--color-heading) }
.industry-product-screen .industry-production-lanes article p { font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-heading) }
.industry-product-screen .industry-production-lanes article small { font-size:var(--size-12); color:var(--color-heading); line-height:var(--line-height-1-75) }
.industry-product-screen .industry-purchase-detail { background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border) }
.industry-product-screen .industry-purchase-detail span { font-size:var(--size-12); color:var(--color-heading) }
.industry-product-screen .industry-purchase-detail h5 { font-size:var(--size-16) }
.industry-product-screen .industry-purchase-detail p { font-size:var(--size-13); line-height:var(--line-height-relaxed) }
.industry-product-screen .industry-approval-timeline strong { font-size:var(--size-13); line-height:var(--line-height-1-7); color:var(--color-heading) }
.industry-product-screen .industry-approval-timeline small { font-size:var(--size-12); line-height:var(--line-height-1-75); color:var(--color-heading) }
.industry-product-screen .industry-customer-strip strong { font-size:var(--size-16) }
.industry-product-screen .industry-customer-strip small { font-size:var(--size-13); color:var(--color-heading); line-height:var(--line-height-1-75) }
.industry-product-screen .industry-customer-bottom>div { background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border) }
.industry-product-screen .industry-customer-bottom small { font-size:var(--size-11); color:var(--color-heading); line-height:var(--line-height-1-7) }
.industry-product-screen .industry-customer-bottom p { font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-heading) }
.industry-product-screen .industry-report-content h5 { font-size:var(--size-14) }
.industry-product-screen .industry-report-bars strong { font-size:var(--size-12) }
.industry-product-screen .industry-report-summary { background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border) }
.industry-product-screen .industry-report-summary small { font-size:var(--size-11); line-height:var(--line-height-1-7); color:var(--color-heading) }
.industry-product-screen .industry-report-summary p { font-size:var(--size-14); line-height:var(--line-height-1-7); color:var(--color-heading) }
.industry-product-screen .industry-report-summary span { font-size:var(--size-12); line-height:var(--line-height-relaxed); color:var(--color-heading) }
.industry-fit-points { padding-top:var(--size-42) }
.industry-feature-gain { padding-left:var(--size-22); border-left:var(--size-3) var(--border-style) var(--color-accent); margin-top:var(--size-30) }
.industry-feature-gain>span { display:block; font:var(--font-weight-medium) var(--size-12)/var(--line-height-1-7) var(--font-family-mono); letter-spacing:var(--letter-spacing-06em); color:var(--color-heading) }
.industry-feature-gain p { font-size:var(--size-17); line-height:var(--line-height-1-85); color:var(--color-heading); margin-top:var(--size-12) }
.industry-feature-tokens span { background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); color:var(--color-heading); font-size:var(--size-13); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-7); padding:var(--size-9) var(--size-12); border-radius:var(--size-5) }
.industry-arch-item { background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border); color:var(--color-heading); font-size:var(--size-16); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-7); padding:var(--size-24) var(--size-17) }
.industry-arch-item small { font-size:var(--size-13); font-weight:var(--font-weight-regular); line-height:var(--line-height-relaxed); color:var(--color-heading) }
.industry-arch-hub { font-size:var(--size-23); line-height:var(--line-height-1-6); padding:var(--size-25) }
.industry-arch-hub small { font-size:var(--size-14); line-height:var(--line-height-relaxed) }
.industry-arch-head>p { font-size:var(--size-18); line-height:var(--line-height-1-9); padding-top:var(--size-42) }
.industry-arch-note { font-size:var(--size-13); line-height:var(--line-height-1-9) }
.industry-calc-intro { text-align:left; max-width:100%; margin:0 0 var(--size-48) }
.industry-calc-intro h2 { max-width:var(--size-900); font-size:clamp(var(--size-36),4vw,var(--size-56)) }
.industry-calc-intro p:not(.eyebrow) { max-width:var(--size-920); margin:var(--size-25) 0 0; font-size:var(--size-18); line-height:var(--line-height-1-9) }
.industry-calc-intro .eyebrow { justify-content:flex-start }
.industry-how-intro h2 { font-size:clamp(var(--size-34),3.7vw,var(--size-50)); line-height:var(--line-height-1-17) }
.industry-how-lead { font-size:var(--size-17); line-height:var(--line-height-1-9); margin-top:var(--size-26) }
.industry-how-step>span { font-size:var(--size-11); line-height:var(--line-height-1-75); grid-row:1/3; padding-top:var(--size-3) }
.industry-how-step h3 { font-size:var(--size-20); line-height:var(--line-height-label); margin:0 }
.industry-how-step p { font-size:var(--size-16); line-height:var(--line-height-1-9); margin-top:var(--size-5) }
.industry-how-foot span:before { content:'—'; margin-right:var(--size-12); color:var(--color-accent) }
.industry-sample-project .industry-pill { display:flex; align-items:center; gap:var(--size-12); background:none; padding:0; border-radius:0; font:var(--font-weight-medium) var(--size-11)/var(--line-height-1-7) var(--font-family-mono); letter-spacing:var(--letter-spacing-1em); color:var(--color-heading) }
.industry-sample-project .industry-pill:before { content:''; width:var(--size-23); height:var(--size-1); background:currentColor; flex:0 0 var(--size-23) }
.industry-sample-project>div>p { font-size:var(--size-17); line-height:var(--line-height-1-9); color:var(--color-heading) }
.industry-sample-facts>div { padding:var(--size-20) 0; border-top:var(--size-1) var(--border-style) var(--color-border) }
.industry-sample-facts small { font:var(--font-weight-medium) var(--size-12)/var(--line-height-1-7) var(--font-family-mono); letter-spacing:var(--letter-spacing-04em); color:var(--color-heading) }
.industry-sample-facts strong { font-size:var(--size-16); font-weight:var(--font-weight-medium); line-height:var(--line-height-relaxed); color:var(--color-heading); margin-top:var(--size-12) }
.industry-sample-project>div>p.industry-sample-note { font-size:var(--size-15)!important; line-height:var(--line-height-1-9); color:var(--color-heading) }
.industry-sample-primary { background:var(--color-primary); color:var(--color-white); border:var(--size-1) var(--border-style) var(--color-primary); border-radius:var(--size-5); padding:var(--size-14) var(--size-23); font-size:var(--size-14); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-6) }
.industry-sample-primary:hover { background:var(--color-accent); border-color:var(--color-accent) }
@media (max-width:1000px) {
.industry-how-step>span { grid-row:auto } }
@media (max-width:1000px) {
.industry-product-screen .industry-app-content { padding:var(--size-24) } }
@media (max-width:1000px) {
.industry-product-screen .industry-app-heading { flex-direction:column } }
@media (max-width:1000px) {
.industry-product-screen .industry-demo-date { max-width:none } }
@media (max-width:750px) {
.industry-fit-points { padding-top:0 } }
@media (max-width:750px) {
.industry-how-grid { margin-top:0 } }
@media (max-width:750px) {
.industry-how-step>span { grid-row:1/3 } }
@media (max-width:750px) {
.industry-arch-head>p { padding-top:0 } }
@media (max-width:750px) {
.industry-product-screen .industry-app-content { padding:var(--size-18) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-table { font-size:var(--size-13) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-table td { font-size:var(--size-13) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-table th { font-size:var(--size-12) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-stat { padding:var(--size-14) var(--size-10) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-stat span { font-size:var(--size-12) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-stat small { font-size:var(--size-12) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-stat strong { font-size:var(--size-30) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-heading h4 { font-size:var(--size-20) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-heading p { font-size:var(--size-13) } }
@media (max-width:750px) {
.industry-product-screen .industry-sample-footer>span { max-width:none } }
@media (max-width:750px) {
.industry-product-screen .industry-sample-chip { font-size:var(--size-10) } }
@media (max-width:750px) {
.industry-product-screen .industry-app-user { display:none } }
@media (max-width:750px) {
.industry-feature-gain p { font-size:var(--size-16) } }
@media (max-width:750px) {
.industry-feature-tokens span { font-size:var(--size-13) } }
@media (max-width:750px) {
.industry-arch-item { font-size:var(--size-15); padding:var(--size-19) var(--size-13) } }
@media (max-width:750px) {
.industry-arch-item small { font-size:var(--size-13) } }
@media (max-width:750px) {
.industry-arch-hub { font-size:var(--size-20) } }
@media (max-width:750px) {
.industry-arch-hub small { font-size:var(--size-13) } }
@media (max-width:750px) {
.industry-sample-facts strong { font-size:var(--size-15) } }
@media (max-width:750px) {
.industry-sample-facts small { font-size:var(--size-12) } }
@media (max-width:750px) {
.industry-sample-project>div>p.industry-sample-note { font-size:var(--size-15)!important } }
@media (max-width:750px) {
.industry-calc-intro p:not(.eyebrow) { font-size:var(--size-17) } }
@media (max-width:420px) {
.industry-how-step>span { grid-row:auto } }
@media (max-width:420px) {
.industry-product-screen .industry-app-stat strong { grid-column:2; grid-row:1/3; margin:0 } }
@media (max-width:420px) {
.industry-product-screen .industry-app-stat small { grid-column:1 } }
.industry-hero { padding:var(--size-75) 0 var(--size-65); overflow:visible }
.industry-hero-copy { min-width:0 }
.industry-hero-panel { min-width:0 }
.industry-hero-split .industry-title { text-align:left; max-width:none; margin:0; font-size:clamp(var(--size-43),4.3vw,var(--size-61)); line-height:var(--line-height-1-12) }
.industry-hero-split .industry-lead { text-align:left; max-width:none; margin:var(--size-27) 0 0; font-size:var(--size-18); line-height:var(--line-height-1-9) }
.industry-hero-panel { background:var(--color-surface-secondary); padding:var(--size-18); border-radius:var(--size-14) }
.industry-hero-panel .industry-screen-hero { border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-10); box-shadow:0 var(--size-16) var(--size-40) var(--color-illustration-073d3410) }
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { padding:var(--size-19) var(--size-8) }
.industry-hero-panel .industry-screen-hero .industry-app-sidebar>span { padding:0; justify-content:center }
.industry-hero-panel .industry-screen-hero .industry-app-sidebar small { display:none }
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-23) var(--size-18) }
.industry-hero-panel .industry-screen-hero .industry-app-stat { padding:var(--size-13) var(--size-10) }
.industry-hero-panel .industry-screen-hero .industry-app-heading h4 { font-size:var(--size-21) }
.industry-hero-panel .industry-screen-hero .industry-demo-date { font-size:var(--size-11); max-width:none }
.industry-hero-panel .industry-screen-hero .industry-app-stat strong { font-size:var(--size-31) }
.industry-hero-panel .industry-screen-hero .industry-app-stat span { font-size:var(--size-12) }
.industry-hero-panel .industry-screen-hero .industry-app-stat small { font-size:var(--size-12) }
.industry-hero-proof .wrap>span { position:relative; padding-left:var(--size-25) }
.industry-hero-proof .wrap>span:before { content:'✓'; position:absolute; left:0; top:0; color:var(--color-highlight); font-weight:var(--font-weight-bold) }
.industry-solution-nav svg { width:var(--size-29); height:var(--size-29); flex-basis:var(--size-29) }
.industry-solution-nav b { font-size:var(--size-23) }
.industry-arch-head>p { padding-top:0; margin:0; font-size:var(--size-19); line-height:var(--line-height-1-85); font-weight:var(--font-weight-regular) }
.industry-wins-head>p { padding-top:0; margin:0; font-size:var(--size-19); line-height:var(--line-height-1-85); font-weight:var(--font-weight-regular) }
.industry-fit-point h3 { font-size:var(--size-21); line-height:var(--line-height-label) }
.industry-fit-point p { font-size:var(--size-17); line-height:var(--line-height-1-85) }
.industry-win { display:flex; flex-direction:column; padding:var(--size-34) 0 var(--size-28) }
.industry-win h3 { font-size:var(--size-30); line-height:var(--line-height-heading); margin:0 0 var(--size-22) }
.industry-win>p { font-size:var(--size-17); line-height:var(--line-height-1-9); margin:0 0 var(--size-28) }
.industry-win .industry-win-measure { margin-top:auto; padding-top:var(--size-22); min-height:var(--size-110); font-size:var(--size-15); line-height:var(--line-height-1-85); color:var(--color-heading); border-top:var(--size-1) dashed var(--color-border) }
.industry-win-measure b { font-size:var(--size-13); font-weight:var(--font-weight-medium); line-height:var(--line-height-relaxed); color:var(--color-heading) }
.industry-wins-section>.wrap>.industry-note { font-size:var(--size-14); line-height:var(--line-height-1-9); color:var(--color-heading); margin-top:var(--size-25) }
.industry-how-foot span { position:relative; padding-left:var(--size-29) }
.industry-how-foot span:before { content:'✓'; position:absolute; left:0; top:0; color:var(--color-accent); font-weight:var(--font-weight-bold); margin:0 }
.industry-analysis-side li { position:relative; padding:0 0 0 var(--size-28); border:0; font-size:var(--size-17); line-height:var(--line-height-1-85); color:var(--color-heading) }
.industry-analysis-side li:before { content:'✓'; position:absolute; left:0; top:0; color:var(--color-accent); font-weight:var(--font-weight-bold); margin:0 }
.industry-process-step-label>b { display:grid; place-items:center; width:var(--size-34); height:var(--size-34); flex:0 0 var(--size-34); border:var(--size-1) var(--border-style) var(--color-border); border-radius:50%; color:var(--color-heading); background:var(--color-surface-muted); font-size:var(--size-12); font-weight:var(--font-weight-medium) }
.industry-process-step-label>span { font-family:var(--font-family-body); font-size:var(--size-14); line-height:var(--line-height-1-7); color:var(--color-heading); padding-top:var(--size-4); letter-spacing:0 }
.industry-how-step h3 { font-size:var(--size-21); line-height:var(--line-height-label) }
.industry-how-step p { font-size:var(--size-17); line-height:var(--line-height-1-9) }
.industry-how-intro .industry-how-lead { font-size:var(--size-18); line-height:var(--line-height-1-9) }
.industry-sample-facts>div { padding:var(--size-23); background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-10) }
.industry-sample-facts small { font-size:var(--size-13); line-height:var(--line-height-1-7); color:var(--color-heading) }
.industry-sample-facts strong { font-size:var(--size-17); line-height:var(--line-height-1-85); color:var(--color-heading); margin-top:var(--size-12) }
.industry-sample-project .industry-pill { font-size:var(--size-12); line-height:var(--line-height-relaxed); letter-spacing:var(--letter-spacing-08em) }
.industry-analysis-side .lead { font-size:var(--size-19); line-height:var(--line-height-1-85) }
.industry-analysis-side .industry-note { font-size:var(--size-15); line-height:var(--line-height-1-9); color:var(--color-heading) }
@media (max-width:1100px) {
.industry-hero-split .industry-title { font-size:var(--size-46) } }
@media (max-width:1100px) {
.industry-hero-panel { padding:var(--size-12) } }
@media (max-width:1100px) {
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:none } }
@media (max-width:1100px) {
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-20) var(--size-15) } }
@media (max-width:1100px) {
.industry-how-step>.industry-process-step-label { grid-row:auto } }
@media (max-width:850px) {
.industry-hero { padding:var(--size-50) 0 } }
@media (max-width:850px) {
.industry-hero-copy { max-width:var(--size-730) } }
@media (max-width:850px) {
.industry-hero-split .industry-title { font-size:clamp(var(--size-42),7vw,var(--size-56)) } }
@media (max-width:850px) {
.industry-hero-panel { padding:var(--size-18); max-width:var(--size-800); width:100% } }
@media (max-width:850px) {
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:flex } }
@media (max-width:850px) {
.industry-how-grid { margin-top:0 } }
@media (max-width:850px) {
.industry-how-step>.industry-process-step-label { grid-row:1/3 } }
@media (max-width:850px) {
.industry-arch-head>p { font-size:var(--size-18) } }
@media (max-width:850px) {
.industry-wins-head>p { font-size:var(--size-18) } }
@media (max-width:850px) {
.industry-solution-nav a { font-size:var(--size-17) } }
@media (max-width:850px) {
.industry-win h3 { font-size:var(--size-28) } }
@media (max-width:620px) {
.industry-hero-panel { padding:var(--size-10) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:none } }
@media (max-width:620px) {
.industry-hero-split .industry-lead { font-size:var(--size-17) } }
@media (max-width:620px) {
.industry-hero-proof .wrap { font-size:var(--size-15) } }
@media (max-width:620px) {
.industry-solution-nav a { font-size:var(--size-18) } }
@media (max-width:620px) {
.industry-how-step>.industry-process-step-label { grid-row:auto } }
@media (max-width:620px) {
.industry-how-step p { font-size:var(--size-17) } }
@media (max-width:620px) {
.industry-how-foot { font-size:var(--size-16) } }
@media (max-width:620px) {
.industry-analysis-side li { font-size:var(--size-16) } }
@media (max-width:620px) {
.industry-sample-facts strong { font-size:var(--size-17) } }
@media (max-width:620px) {
.industry-sample-project .industry-pill { font-size:var(--size-11) } }
@media (max-width:620px) {
.industry-win .industry-win-measure { min-height:0; margin-top:0; padding-bottom:var(--size-3) } }
@media (max-width:620px) {
.industry-win>p { font-size:var(--size-17) } }
@media (max-width:620px) {
.industry-win h3 { font-size:var(--size-28) } }
@media (max-width:620px) {
.industry-analysis-side .lead { font-size:var(--size-18) } }
@media (max-width:620px) {
.industry-arch-head>p { font-size:var(--size-18) } }
@media (max-width:620px) {
.industry-wins-head>p { font-size:var(--size-18) } }
.industry-hero { padding:var(--size-58) 0 var(--size-68) }
.industry-hero-copy .industry-title { font-size:clamp(var(--size-44),4.6vw,var(--size-64)); line-height:var(--line-height-1-14); letter-spacing:var(--letter-spacing-negative-035em) }
.industry-hero-copy .industry-lead { margin-top:var(--size-28); font-size:var(--size-18); line-height:var(--line-height-1-9) }
.industry-hero-panel { padding:var(--size-16); border-radius:var(--size-14) }
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:none }
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-24) var(--size-18) }
.industry-hero-panel .industry-screen-hero .industry-app-heading { margin-bottom:var(--size-22) }
.industry-hero-panel .industry-screen-hero .industry-app-stats { margin-bottom:var(--size-24) }
.industry-how-step:first-child { border-top:0; padding-top:0 }
.industry-process-step-label>b { display:inline-block; width:auto; height:auto; min-width:var(--size-20); flex:0 0 auto; border:0; border-radius:0; background:none; color:var(--color-heading); font-family:var(--font-family-mono); font-size:var(--size-13); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-7); padding-top:var(--size-3) }
.industry-process-step-label>span { padding-top:var(--size-2) }
@media (max-width:1100px) {
.industry-hero-copy .industry-title { font-size:var(--size-48) } }
@media (max-width:900px) {
.industry-hero-copy { max-width:var(--size-750) } }
@media (max-width:900px) {
.industry-hero-panel { max-width:var(--size-750); padding:var(--size-16) } }
@media (max-width:900px) {
.industry-hero-copy .industry-title { font-size:clamp(var(--size-43),6.3vw,var(--size-58)) } }
@media (max-width:900px) {
.industry-hero { padding:var(--size-48) 0 var(--size-55) } }
@media (max-width:620px) {
.industry-hero-copy .industry-title { font-size:var(--size-43) } }
@media (max-width:620px) {
.industry-hero-copy .industry-lead { font-size:var(--size-17); margin-top:var(--size-24) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-20) var(--size-15) } }
.industry-hero-panel { padding:0 0 var(--size-8); background:transparent; border-radius:0 }
.industry-desktop-monitor { border:var(--size-8) var(--border-style) var(--color-illustration-164d40); border-bottom:0; border-radius:var(--size-15) var(--size-15) var(--size-11) var(--size-11); overflow:hidden; background:var(--color-illustration-164d40); box-shadow:0 var(--size-18) var(--size-45) var(--color-illustration-073d3416) }
.industry-monitor-display { background:var(--color-surface); border-radius:var(--size-6) var(--size-6) 0 0; overflow:hidden }
.industry-hero-panel .industry-monitor-display .industry-screen-hero { border:0; border-radius:0; box-shadow:none }
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:flex; padding:var(--size-18) var(--size-7) }
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-22) var(--size-15) }
.industry-hero-panel .industry-screen-hero .industry-sample-footer { padding:var(--size-11) var(--size-13) }
.industry-arch-system { background:var(--color-surface); border-color:var(--color-border) }
@media (max-width:1100px) and (min-width:901px) {
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:none } }
@media (max-width:620px) {
.industry-desktop-monitor { border-width:var(--size-6); border-bottom:0; border-radius:var(--size-12) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-18) var(--size-13) } }
.industry-arch-system { background:var(--color-surface-muted) }
.industry-hero-panel { padding:0 }
.industry-hero-panel .industry-desktop-monitor { border:var(--size-8) var(--border-style) var(--color-illustration-164d40); border-radius:var(--size-12) }
.industry-hero-panel .industry-monitor-display { border-radius:var(--size-4) }
@media (max-width:680px) {
.industry-hero-panel .industry-desktop-monitor { border-width:var(--size-6) } }
.industry-architecture .industry-arch-system { background:var(--color-surface); border-color:var(--color-border) }
.industry-hero .industry-hero-copy .industry-title { font-size:clamp(var(--size-43),4.1vw,var(--size-61)) }
.industry-hero .industry-hero-panel { max-width:none; width:100%; padding:0 }
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:flex }
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-18) }
.industry-hero-panel .industry-screen-hero .industry-app-heading p { display:none }
.industry-hero-panel .industry-screen-hero .industry-demo-date { display:none }
.industry-hero-panel .industry-screen-hero .industry-app-stat small { display:none }
.industry-hero-panel .industry-screen-hero .industry-app-stat span { font-size:var(--size-13); line-height:var(--line-height-label) }
.industry-hero-panel .industry-screen-hero .industry-app-stat strong { font-size:var(--size-30); line-height:var(--line-height-1-2); margin:0 }
.industry-hero-panel .industry-screen-hero .industry-app-table th { padding:var(--size-10); font-size:var(--size-13) }
.industry-hero-panel .industry-screen-hero .industry-app-table td { padding:var(--size-12) var(--size-10); font-size:var(--size-14) }
.industry-hero-panel .industry-screen-hero .industry-hero-screen-tabs button { min-height:var(--size-42); padding:var(--size-8) 0 }
.industry-hero-panel .industry-screen-hero .industry-app-notice { margin-top:var(--size-14); padding:var(--size-10) var(--size-12); font-size:var(--size-13); line-height:var(--line-height-1-6) }
.industry-hero-panel .industry-screen-hero .industry-sample-footer { padding:var(--size-10) var(--size-14); font-size:var(--size-12) }
@media (max-width:1150px) {
.industry-hero .industry-hero-copy { max-width:var(--size-750) } }
@media (max-width:1150px) {
.industry-hero .industry-hero-panel { max-width:var(--size-960) } }
@media (max-width:1150px) {
.industry-hero .industry-hero-copy .industry-title { font-size:clamp(var(--size-43),5.5vw,var(--size-58)) } }
@media (max-width:620px) {
.industry-hero .industry-hero-split { width:calc(100% - var(--size-36)) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-14) var(--size-10) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-stat span { font-size:var(--size-12) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-stat strong { font-size:var(--size-28) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-table td { font-size:var(--size-13) } }
.industry-arch-system .industry-arch-item { background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); color:var(--color-heading); box-shadow:none }
.industry-architecture .industry-arch-system { background:var(--color-surface-secondary) }
.industry-arch-system { background:var(--color-surface-secondary) }
.industry-hero { padding:var(--size-72) 0 var(--size-76) }
.industry-hero .industry-hero-copy { max-width:var(--size-600) }
.industry-hero .industry-hero-copy .industry-title { font-size:clamp(var(--size-44),3.45vw,var(--size-56)); line-height:var(--line-height-display); letter-spacing:var(--letter-spacing-negative-035em) }
.industry-hero .industry-hero-copy .industry-lead { max-width:var(--size-540); font-size:var(--size-18); line-height:var(--line-height-1-85); margin-top:var(--size-28) }
.industry-hero-panel .industry-desktop-monitor { border-width:var(--size-6); box-shadow:0 var(--size-14) var(--size-35) var(--color-illustration-073d3412) }
.industry-hero-panel .industry-screen-hero .industry-app-content { padding:var(--size-16) }
.industry-hero-panel .industry-screen-hero .industry-app-heading h4 { font-size:var(--size-20) }
.industry-hero-panel .industry-screen-hero .industry-app-stat span { font-size:var(--size-13) }
.industry-hero-panel .industry-screen-hero .industry-app-stat strong { font-size:var(--size-28) }
.industry-hero-panel .industry-screen-hero .industry-app-top { height:var(--size-50); min-height:var(--size-50); padding:0 var(--size-16) }
.industry-hero-panel .industry-screen-hero .industry-app-table td { padding:var(--size-11) var(--size-9) }
.industry-hero-panel .industry-screen-hero .industry-app-table th { padding:var(--size-10) var(--size-9) }
@media (min-width:1151px) and (max-width:1350px) {
.industry-hero .industry-hero-copy .industry-title { font-size:var(--size-46) } }
@media (min-width:1151px) and (max-width:1350px) {
.industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:none } }
@media (max-width:1150px) {
.industry-hero .industry-hero-copy { max-width:var(--size-740) } }
@media (max-width:1150px) {
.industry-hero .industry-hero-copy .industry-title { font-size:clamp(var(--size-44),5.3vw,var(--size-56)) } }
@media (max-width:1150px) {
.industry-hero .industry-hero-copy .industry-lead { max-width:var(--size-670) } }
@media (max-width:1150px) {
.industry-hero .industry-hero-panel { max-width:var(--size-900) } }
@media (max-width:620px) {
.industry-hero { padding:var(--size-44) 0 var(--size-50) } }
@media (max-width:620px) {
.industry-hero .industry-hero-copy .industry-title { font-size:var(--size-42) } }
@media (max-width:620px) {
.industry-hero .industry-hero-copy .industry-lead { font-size:var(--size-17); line-height:var(--line-height-relaxed) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-stat { padding:var(--size-10) var(--size-8) } }
.industry-hero .industry-hero-copy .eyebrow { text-align:left; margin-bottom:var(--size-22) }
.industry-hero .industry-hero-copy .industry-title { font-size:clamp(var(--size-43),3.8vw,var(--size-56)) }
.industry-hero-panel .industry-screen-hero .industry-app-stat strong { font-family:var(--font-family-body); font-size:var(--size-28); font-weight:var(--font-weight-bold) }
.industry-product-screen .industry-app-stat strong { font-variant-numeric:tabular-nums }
.industry-solutions-overview .industry-section-lead { max-width:var(--size-680); margin-top:var(--size-24); font-size:var(--size-18); line-height:var(--line-height-1-85) }
.industry-arch-system .industry-arch-item { background:var(--color-surface); border-color:var(--color-border) }
.industry-sample-open { margin-top:var(--size-28) }
.industry-meeting-card .industry-meeting-checks li { position:relative; padding-left:var(--size-28); color:var(--color-heading); font-size:var(--size-17); line-height:var(--line-height-relaxed); border:0 }
.industry-meeting-checks li:before { content:'✓'; position:absolute; left:0; top:0; color:var(--color-accent); font-weight:var(--font-weight-bold) }
.industry-meeting-card h3 { font-size:var(--size-29); line-height:var(--line-height-heading) }
.industry-fit-point span { flex-shrink:0 }
@media (max-width:620px) {
.industry-meeting-card .industry-meeting-checks li { font-size:var(--size-16) } }
.industry-wizard-controls #nextStep { margin-left:auto }
.industry-wizard-controls #submitAnalysis { margin-left:auto }
.industry-meeting-card .industry-meeting-checks li:before { position:static; display:block; font-size:inherit; line-height:inherit; margin:0; padding:0 }
.industry-meeting-card .industry-meeting-checks li>span { display:block; line-height:inherit }
.industry-cost-number>span { font-size:var(--size-15); color:var(--color-heading) }
.industry-cost-inputs .industry-cost-question label { display:block; font-size:var(--size-17); line-height:var(--line-height-body); margin-bottom:var(--size-12) }
.industry-cost-inputs .industry-input-help { font-size:var(--size-14); line-height:var(--line-height-relaxed); color:var(--color-heading); margin-top:var(--size-12) }
.industry-cost-extra-toggle input { width:var(--size-19); height:var(--size-19); flex:0 0 auto; margin-top:var(--size-4); accent-color:var(--color-accent) }
.industry-cost-extra-grid .industry-cost-question { min-width:0; padding:var(--size-20) 0 }
.industry-cost-extra-grid .industry-cost-number input { width:100%; min-width:0; max-width:var(--size-130) }
.industry-cost-result .eyebrow { color:var(--color-illustration-d5e9c8) }
.industry-cost-breakdown { margin-top:var(--size-28); border-top:var(--size-1) var(--border-style) var(--color-illustration-ffffff35); padding-top:var(--size-24) }
.industry-cost-breakdown h4 { font-size:var(--size-17); line-height:var(--line-height-1-6); font-weight:var(--font-weight-medium); color:var(--color-white); margin:0 0 var(--size-18) }
.industry-cost-breakdown dt { color:var(--color-illustration-dce9e0) }
.industry-cost-breakdown dd { margin:0; color:var(--color-white); text-align:right; flex-shrink:0 }
.industry-cost-result table { font-size:var(--size-14); line-height:var(--line-height-1-7) }
.industry-cost-result table td:last-child { white-space:nowrap; padding-left:var(--size-16) }
.industry-cost-inputs details p { line-height:var(--line-height-1-9) }
@media (max-width:620px) {
.industry-wizard-controls .button { max-width:100% } }
@media (max-width:620px) {
.industry-cost-breakdown dl>div { font-size:var(--size-14) } }
@media (max-width:620px) {
.industry-cost-result table { font-size:var(--size-13) } }
section.industry-architecture p.eyebrow { color:var(--color-illustration-d5e9c8) }
section.industry-close p.eyebrow { color:var(--color-illustration-d5e9c8) }
section.industry-sample-section p.eyebrow { color:var(--color-illustration-d5e9c8) }
section .industry-cost-result p.eyebrow { color:var(--color-illustration-d5e9c8) }
section .industry-meeting-card p.eyebrow { color:var(--color-heading) }
#ornek .industry-sample-project>div:first-child>h2 { color:var(--color-white) }
#ornek .industry-sample-project>div:first-child>p:not(.eyebrow) { color:var(--color-illustration-dce9e0) }
#ornek .industry-sample-project>div:first-child>p.industry-sample-note { color:var(--color-illustration-dce9e0) }
#ornek .industry-sample-facts>div { background:var(--color-surface); border-color:var(--color-border) }
#ornek .industry-sample-facts small { color:var(--color-heading) }
#ornek .industry-sample-facts strong { color:var(--color-heading) }
#ornek .industry-sample-open { background:var(--color-surface-muted); color:var(--color-heading); border-color:var(--color-surface-muted) }
#ornek .industry-sample-open:hover { background:var(--color-surface-accent); border-color:var(--color-surface-accent) }
#ornek .industry-sample-open:focus-visible { outline-color:var(--color-highlight) }
.industry-hero .industry-hero-copy .industry-title { font-size:clamp(var(--size-42),3.55vw,var(--size-54)); line-height:var(--line-height-1-16) }
.industry-hero .industry-hero-copy .industry-lead { font-size:var(--size-18); line-height:var(--line-height-1-85) }
.industry-hero-panel .industry-screen-hero .industry-app-stat span { min-height:var(--size-40) }
.industry-cost-extra-toggle span { min-width:0 }
@media (max-width:620px) {
.industry-hero .industry-hero-copy .industry-title { font-size:var(--size-40) } }
@media (max-width:620px) {
.industry-hero .industry-hero-copy .industry-lead { font-size:var(--size-17) } }
.industry-shop-banner { background:var(--color-surface-accent); padding:var(--size-22) var(--size-24); border-radius:var(--size-8); margin-top:var(--size-16); color:var(--color-heading) }
.industry-shop-banner>span { font:var(--font-weight-medium) var(--size-10)/var(--line-height-1-6) var(--font-family-mono); letter-spacing:var(--letter-spacing-12em) }
.industry-shop-banner strong { display:block; font:var(--font-weight-display) var(--size-28)/var(--line-height-1-2) var(--font-family-display); margin:var(--size-10) 0 var(--size-14) }
.industry-shop-banner small { font-size:var(--size-12); line-height:var(--line-height-1-7); display:block; color:var(--color-heading) }
.industry-shop-products article { min-width:0 }
.industry-product-art { height:var(--size-110); background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-7); display:grid; place-items:center; margin-bottom:var(--size-12) }
.industry-product-art svg { width:var(--size-65); height:var(--size-65); fill:none; stroke:var(--color-illustration-315b49); stroke-width:.8; stroke-linecap:round; stroke-linejoin:round }
.industry-art-coat { background:var(--color-surface-secondary) }
.industry-art-shoe { background:var(--color-surface-muted) }
.industry-shop-products article>small { font:var(--size-10)/var(--line-height-1-7) var(--font-family-mono); color:var(--color-text-muted) }
.industry-shop-products h5 { font:var(--font-weight-medium) var(--size-14)/var(--line-height-1-65) var(--font-family-body); margin:var(--size-5) 0; color:var(--color-heading) }
.industry-shop-products article>p { font:var(--font-weight-medium) var(--size-14)/var(--line-height-1-7) var(--font-family-body); color:var(--color-heading); margin:0 }
.industry-hero-panel .industry-screen-hero .industry-app-heading { margin-bottom:var(--size-6) }
.industry-hero-panel .industry-shop-banner strong { font-size:var(--size-30) }
.industry-hero-panel .industry-shop-products { margin-top:var(--size-16) }
.industry-hero-panel .industry-product-art { height:var(--size-110) }
.industry-loyalty-card { padding:var(--size-26); background:var(--color-primary); color:var(--color-white); border-radius:var(--size-12); margin-top:var(--size-20); min-height:var(--size-220) }
.industry-loyalty-card>span { font:var(--size-11)/var(--line-height-1-7) var(--font-family-mono); letter-spacing:var(--letter-spacing-08em); color:var(--color-illustration-d5e9c8) }
.industry-loyalty-card h5 { font:var(--font-weight-display) var(--size-28)/var(--line-height-1-3) Fraunces,serif; margin:var(--size-20) 0 }
.industry-loyalty-card strong { font:var(--font-weight-medium) var(--size-38)/var(--line-height-1-2) var(--font-family-body); color:var(--color-highlight) }
.industry-loyalty-card>div span { font-size:var(--size-13); color:var(--color-illustration-dce9e0); line-height:var(--line-height-relaxed) }
.industry-loyalty-card small { font-size:var(--size-13); color:var(--color-illustration-dce9e0); line-height:var(--line-height-relaxed) }
.industry-loyalty-card small { display:block; margin-top:var(--size-18) }
.industry-perk-grid>div { padding:var(--size-18); background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-7) }
.industry-perk-grid b { display:block; color:var(--color-heading); font-size:var(--size-21) }
.industry-perk-grid span { display:block; font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-heading); margin-top:var(--size-6) }
.industry-store-search { display:flex; align-items:center; gap:var(--size-12); background:var(--color-surface-muted); border:var(--size-1) var(--border-style) var(--color-border); padding:var(--size-16); border-radius:var(--size-7); font-size:var(--size-14); margin:var(--size-18) 0 }
.industry-store-search svg { width:var(--size-24); height:var(--size-24); fill:none; stroke:var(--color-accent); stroke-width:1.5; flex-shrink:0 }
.industry-ai-intro>p { font-size:var(--size-18); line-height:var(--line-height-1-9); color:var(--color-heading) }
.industry-ai-demo { display:grid; grid-template-columns:var(--size-270) minmax(0,1fr); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-12); overflow:hidden; background:var(--color-surface) }
.industry-ai-demo-nav { display:flex; flex-direction:column; background:var(--color-surface-accent); padding:var(--size-22); gap:var(--size-12) }
.industry-ai-demo-nav button { border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-6); background:transparent; text-align:left; padding:var(--size-16); font-size:var(--size-16); line-height:var(--line-height-1-6); color:var(--color-heading) }
.industry-ai-demo-nav button[aria-selected=true] { background:var(--color-primary); border-color:var(--color-primary); color:var(--color-white) }
.industry-ai-demo-content { padding:var(--size-34); min-height:var(--size-330) }
.industry-demo-label { font:var(--font-weight-medium) var(--size-11)/var(--line-height-1-8) var(--font-family-mono); letter-spacing:var(--letter-spacing-1em); color:var(--color-heading) }
.industry-demo-question { font-size:var(--size-19); line-height:var(--line-height-relaxed); color:var(--color-heading); padding:var(--size-18) 0 var(--size-24) }
.industry-demo-answer { background:var(--color-surface-secondary); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-8); padding:var(--size-24); display:grid; grid-template-columns:var(--size-22) 1fr; gap:var(--size-16) }
.industry-demo-answer>span { font-size:var(--size-24); line-height:var(--line-height-art-1-3); color:var(--color-accent) }
.industry-demo-answer strong { font-size:var(--size-16); color:var(--color-heading) }
.industry-demo-answer p { font-size:var(--size-16); line-height:var(--line-height-1-9); color:var(--color-heading); margin:var(--size-12) 0 }
.industry-demo-answer small { font-size:var(--size-13); line-height:var(--line-height-relaxed); color:var(--color-heading); display:block }
.industry-ai-disclosure { font-size:var(--size-14); line-height:var(--line-height-relaxed); color:var(--color-heading); margin-top:var(--size-18); max-width:var(--size-900) }
.industry-ai-usecases article { padding:var(--size-28); background:var(--color-surface); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-10) }
.industry-ai-usecases h3 { font-size:var(--size-22); line-height:var(--line-height-1-45) }
.industry-ai-usecases p { font-size:var(--size-16); line-height:var(--line-height-1-85); margin-top:var(--size-16); color:var(--color-heading) }
.industry-ai-usecases small { display:block; font-size:var(--size-13); line-height:var(--line-height-1-85); color:var(--color-heading); margin-top:var(--size-20) }
.industry-ai-principle>span { color:var(--color-accent); font-weight:var(--font-weight-bold) }
.industry-retail-journey article { display:grid; grid-template-columns:var(--size-36) 1fr; gap:var(--size-22); background:var(--color-surface); padding:var(--size-25) var(--size-28); border:var(--size-1) var(--border-style) var(--color-border); border-radius:var(--size-9) }
.industry-retail-journey article>span { font:var(--font-weight-medium) var(--size-13)/var(--line-height-1-8) var(--font-family-mono); color:var(--color-accent); padding-top:var(--size-3) }
.industry-retail-journey h3 { font-size:var(--size-23); margin:0; color:var(--color-heading) }
.industry-retail-journey p { font-size:var(--size-16); line-height:var(--line-height-1-85); color:var(--color-heading); margin:var(--size-10) 0 0 }
.industry-local-form-note { font-size:var(--size-13)!important; line-height:var(--line-height-relaxed); color:var(--color-heading); margin-top:var(--size-22) }
.industry-success-box h3 { font-size:var(--size-25); line-height:var(--line-height-1-45) }
.industry-success-box p { font-size:var(--size-17); line-height:var(--line-height-1-9); margin-top:var(--size-18) }
.industry-success-box .button { margin-top:var(--size-24) }
.industry-cost-extra-grid .industry-cost-number input { max-width:var(--size-180) }
@media (max-width:1000px) {
.industry-ai-demo-nav { flex-direction:row; flex-wrap:wrap } }
@media (max-width:1000px) {
.industry-ai-demo-nav button { flex:1; min-width:var(--size-180) } }
@media (max-width:1000px) {
.industry-retail-ai { padding:var(--size-70) 0 } }
@media (max-width:620px) {
.industry-product-art { height:var(--size-88) } }
@media (max-width:620px) {
.industry-hero-panel .industry-product-art { height:var(--size-88) } }
@media (max-width:620px) {
.industry-product-art svg { width:var(--size-52); height:var(--size-52) } }
@media (max-width:620px) {
.industry-shop-products h5 { font-size:var(--size-13) } }
@media (max-width:620px) {
.industry-shop-banner { padding:var(--size-18) } }
@media (max-width:620px) {
.industry-shop-banner strong { font-size:var(--size-26) } }
@media (max-width:620px) {
.industry-hero-panel .industry-shop-banner strong { font-size:var(--size-26) } }
@media (max-width:620px) {
.industry-ai-demo-content { padding:var(--size-23) } }
@media (max-width:620px) {
.industry-demo-question { font-size:var(--size-18) } }
@media (max-width:620px) {
.industry-ai-demo-nav { padding:var(--size-16) } }
@media (max-width:620px) {
.industry-ai-demo-nav button { min-width:100%; font-size:var(--size-16) } }
@media (min-width:621px) {
.industry-hero .industry-hero-panel .industry-screen-hero .industry-app-sidebar svg { display:block; width:var(--size-20); height:var(--size-20) } }
@media (min-width:621px) {
.industry-hero .industry-hero-panel .industry-screen-hero .industry-app-sidebar small { display:none } }
#cozum-4 .industry-feature-copy h2 { text-wrap:balance; overflow-wrap:normal; word-break:normal }
#cozum-5 .industry-feature-copy h2 { text-wrap:balance; overflow-wrap:normal; word-break:normal }
#cozum-6 .industry-feature-copy h2 { text-wrap:balance; overflow-wrap:normal; word-break:normal }
#cozum-7 .industry-feature-copy h2 { text-wrap:balance; overflow-wrap:normal; word-break:normal }
.industry-cost-inputs .industry-cost-extra-toggle input[type=checkbox] { appearance:auto; display:block; width:var(--size-19); height:var(--size-19); min-width:var(--size-19); min-height:var(--size-19); max-height:var(--size-19); box-sizing:border-box; padding:0; margin:var(--size-4) 0 0; border-radius:0; accent-color:var(--color-accent) }
.industry-cost-inputs .industry-cost-extra-toggle>span { display:block; margin:0; padding:0; line-height:var(--line-height-1-7) }
#yapi .industry-arch-head h2 { text-wrap:balance; overflow-wrap:normal; word-break:normal }
#kazanimlar .industry-wins-head h2 { text-wrap:balance; overflow-wrap:normal; word-break:normal }
.industry-topbar .wrap { display:flex; align-items:center; justify-content:space-between; gap:var(--size-28); min-height:var(--size-90) }
.industry-nav { display:flex; align-items:center; gap:var(--size-28); font-size:var(--size-14) }
.industry-actions { display:flex; flex-wrap:wrap; gap:var(--size-14); margin-top:var(--size-30) }
.industry-hero .split { gap:var(--size-48) }
.industry-hero-note { border-top:var(--size-1) var(--border-style) var(--color-border); margin-top:var(--size-65); padding-top:var(--size-22); display:flex; flex-wrap:wrap; gap:var(--size-18) var(--size-40); font-size:var(--size-14) }
.industry-problems { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-20) }
.industry-gallery { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-42) }
.industry-feature { display:grid; grid-template-columns:1fr var(--size-180); gap:var(--size-25); align-items:center; padding:var(--size-32) 0; border-top:var(--size-1) var(--border-style) var(--color-border) }
.industry-calc-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:var(--size-60); align-items:start }
.industry-fields { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-20); margin-top:var(--size-24) }
.industry-result-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-24); border-top:var(--size-1) var(--border-style) var(--color-illustration-ffffff30); margin-top:var(--size-26); padding-top:var(--size-24) }
.industry-calc-detail div { display:flex; justify-content:space-between; gap:var(--size-20); padding:var(--size-9) 0; border-bottom:var(--size-1) var(--border-style) var(--color-border) }
.industry-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--size-30) }
.industry-hub-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-18) }
.industry-solutions { display:grid; grid-template-columns:repeat(3,1fr); gap:0 var(--size-40) }
.industry-journey { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--size-25) }
.industry-gains { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-25) var(--size-50) }
.industry-footer .wrap { display:flex; justify-content:space-between; gap:var(--size-20) }
@media (max-width:980px) {
.industry-calc-layout { grid-template-columns:1fr; gap:var(--size-40) } }
@media (max-width:980px) {
.industry-problems { grid-template-columns:1fr 1fr } }
@media (max-width:980px) {
.industry-solutions { grid-template-columns:1fr 1fr } }
@media (max-width:980px) {
.industry-gallery { grid-template-columns:1fr } }
@media (max-width:980px) {
.industry-journey { grid-template-columns:1fr 1fr } }
@media (max-width:980px) {
.industry-nav { gap:var(--size-18) } }
@media (max-width:620px) {
.industry-topbar .wrap { min-height:var(--size-76); gap:var(--size-16) } }
@media (max-width:620px) {
.industry-problems { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-solutions { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-risk { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-gains { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-feature { grid-template-columns:1fr var(--size-110); gap:var(--size-18) } }
@media (max-width:620px) {
.industry-fields { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-flow { grid-template-columns:1fr; gap:var(--size-32) } }
@media (max-width:620px) {
.industry-hub-grid { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-journey { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-result-grid { gap:var(--size-15) } }
.industry-pain-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-90); align-items:center }
.industry-screens { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-25) }
.industry-manual-gap { display:flex; justify-content:center; align-items:center; gap:var(--size-14); padding:var(--size-15); color:var(--color-accent); font-size:var(--size-12) }
.industry-manual-gap:before { content:''; flex:1; border-top:var(--size-1) dashed var(--color-border) }
.industry-manual-gap:after { content:''; flex:1; border-top:var(--size-1) dashed var(--color-border) }
.industry-triple { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-12) }
.industry-file-lines { padding:var(--size-18); display:grid; grid-template-columns:repeat(4,1fr); gap:var(--size-4) }
.industry-scheme-steps { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-20) }
.industry-scheme-state { display:flex; gap:var(--size-10); flex-wrap:wrap; margin:var(--size-16) 0 }
.industry-hero-path { display:flex; gap:var(--size-12); align-items:center; margin:var(--size-22) 0; font-size:var(--size-12) }
.industry-range-row { display:flex; align-items:center; gap:var(--size-22) }
.industry-cost-result .industry-result-grid { grid-template-columns:1fr 1fr }
.industry-calc-actions { display:flex; justify-content:space-between; flex-wrap:wrap; gap:var(--size-16); margin-top:var(--size-24); align-items:center }
.industry-cost-inputs .industry-fields { gap:var(--size-14) }
.industry-analysis-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:var(--size-70); align-items:start }
.industry-wizard-controls { display:flex; justify-content:space-between; align-items:center; margin-top:var(--size-28); gap:var(--size-15) }
.industry-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-18) }
.industry-consent { display:flex; align-items:start; gap:var(--size-12); font-size:var(--size-12); font-weight:var(--font-weight-regular); margin-top:var(--size-22); line-height:var(--line-height-1-7) }
.industry-overview { display:flex; gap:var(--size-14); flex-wrap:wrap; margin-top:var(--size-30) }
@media (max-width:980px) {
.industry-pain-row { gap:var(--size-40) } }
@media (max-width:980px) {
.industry-analysis-grid { grid-template-columns:1fr; gap:var(--size-40) } }
@media (max-width:980px) {
.industry-hero .split { grid-template-columns:1fr 1fr; gap:var(--size-30) } }
@media (max-width:980px) {
.industry-hero-visual .industry-screens { gap:var(--size-14) } }
@media (max-width:750px) {
.industry-pain-row { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-cost-shell { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-hero .split { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-triple { gap:var(--size-8) } }
@media (max-width:750px) {
.industry-contact-grid { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-range-row { gap:var(--size-12) } }
@media (max-width:750px) {
.industry-cost-result .industry-result-grid { gap:var(--size-20) } }
@media (max-width:750px) {
.industry-pain-row { gap:var(--size-30) } }
@media (max-width:750px) {
.industry-overview { gap:var(--size-12) } }
.industry-app-frame { display:grid; grid-template-columns:var(--size-62) 1fr }
.industry-app-heading { display:flex; align-items:start; justify-content:space-between; gap:var(--size-14); margin-bottom:var(--size-24) }
.industry-app-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-12); margin-bottom:var(--size-24) }
.industry-hero-screen-tabs { display:flex; border-bottom:var(--size-1) var(--border-style) var(--color-border); gap:var(--size-22); margin-top:var(--size-6) }
.industry-hero-proof .wrap { display:flex; justify-content:space-between; gap:var(--size-30); font-size:var(--size-13) }
.industry-fit-layout { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-80); align-items:start }
.industry-fit-points { display:grid; gap:0 }
.industry-fit-point { padding:var(--size-25) 0; border-bottom:var(--size-1) var(--border-style) var(--color-border); display:grid; grid-template-columns:var(--size-38) 1fr; gap:var(--size-20) }
.industry-solution-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-18); margin-top:var(--size-40) }
.industry-solution-nav a { padding:var(--size-22) 0; text-decoration:none; border-top:var(--size-1) var(--border-style) var(--color-border); display:flex; align-items:center; gap:var(--size-17); font-size:var(--size-15); font-weight:var(--font-weight-medium); color:var(--color-heading) }
.industry-feature-row { display:grid; grid-template-columns:.8fr 1.3fr; gap:var(--size-65); align-items:center }
.industry-product-feature.industry-reverse .industry-feature-row { grid-template-columns:1.3fr .8fr }
.industry-feature-tokens { display:flex; gap:var(--size-9); flex-wrap:wrap; margin-top:var(--size-26) }
.industry-mini-process { display:flex; align-items:center; justify-content:center; gap:var(--size-16); font-size:var(--size-10); padding-top:var(--size-22); color:var(--color-text-muted) }
.industry-production-lanes { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-16) }
.industry-approval-timeline { margin-top:var(--size-24); display:grid; grid-template-columns:1fr 1fr 1fr; gap:var(--size-12) }
.industry-customer-strip { display:flex; align-items:center; gap:var(--size-14); margin-bottom:var(--size-22) }
.industry-customer-bottom { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-20); margin-top:var(--size-23) }
.industry-report-content { display:grid; grid-template-columns:1.5fr 1fr; gap:var(--size-24) }
.industry-report-bars>div { display:grid; grid-template-columns:var(--size-65) 1fr var(--size-20); gap:var(--size-9); align-items:center; margin-bottom:var(--size-17); font-size:var(--size-9) }
.industry-arch-head { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-90); align-items:start; margin-bottom:var(--size-50) }
.industry-arch-top { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--size-16) }
.industry-arch-bottom { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-16) }
.industry-wins-head { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-80); align-items:end; margin-bottom:var(--size-55) }
.industry-wins-list { display:grid; grid-template-columns:1fr 1fr; gap:0 var(--size-55) }
.industry-how-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:var(--size-30); margin-top:var(--size-45) }
.industry-how-foot { padding-top:var(--size-30); margin-top:var(--size-35); border-top:var(--size-1) var(--border-style) var(--color-border); display:flex; gap:var(--size-30); flex-wrap:wrap; font-size:var(--size-13); color:var(--color-accent) }
.industry-sample-project { display:grid; grid-template-columns:.8fr 1.2fr; gap:var(--size-65); align-items:center }
.industry-sample-facts { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-20); margin-top:var(--size-28) }
.industry-sample-preview .industry-app-frame { grid-template-columns:1fr }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-frame { grid-template-columns:var(--size-150) 1fr } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-sidebar { padding:var(--size-22) var(--size-12); gap:var(--size-9) } }
@media (min-width:1200px) {
.industry-screen-hero .industry-app-sidebar>span { justify-content:start; gap:var(--size-12); padding:0 var(--size-9); height:var(--size-39) } }
@media (max-width:1000px) {
.industry-feature-row { grid-template-columns:1fr; gap:var(--size-35) } }
@media (max-width:1000px) {
.industry-product-feature.industry-reverse .industry-feature-row { grid-template-columns:1fr; gap:var(--size-35) } }
@media (max-width:1000px) {
.industry-fit-layout { gap:var(--size-40) } }
@media (max-width:1000px) {
.industry-arch-head { gap:var(--size-40) } }
@media (max-width:1000px) {
.industry-wins-head { gap:var(--size-40) } }
@media (max-width:1000px) {
.industry-sample-project { grid-template-columns:1fr; gap:var(--size-40) } }
@media (max-width:1000px) {
.industry-how-grid { grid-template-columns:1fr 1fr } }
@media (max-width:650px) {
.industry-hero-proof .wrap { flex-direction:column; gap:var(--size-12) } }
@media (max-width:650px) {
.industry-fit-layout { grid-template-columns:1fr; gap:var(--size-35) } }
@media (max-width:650px) {
.industry-wins-head { grid-template-columns:1fr; gap:var(--size-35) } }
@media (max-width:650px) {
.industry-arch-head { grid-template-columns:1fr; gap:var(--size-35) } }
@media (max-width:650px) {
.industry-solution-nav { grid-template-columns:1fr 1fr; gap:var(--size-10) var(--size-20) } }
@media (max-width:650px) {
.industry-solution-nav a { font-size:var(--size-13); gap:var(--size-10); padding:var(--size-18) 0 } }
@media (max-width:650px) {
.industry-app-frame { grid-template-columns:1fr } }
@media (max-width:650px) {
.industry-app-heading { gap:var(--size-10); margin-bottom:var(--size-20) } }
@media (max-width:650px) {
.industry-app-stats { gap:var(--size-8) } }
@media (max-width:650px) {
.industry-arch-top { grid-template-columns:1fr 1fr; gap:var(--size-12) } }
@media (max-width:650px) {
.industry-arch-bottom { grid-template-columns:1fr } }
@media (max-width:650px) {
.industry-wins-list { grid-template-columns:1fr } }
@media (max-width:650px) {
.industry-how-grid { grid-template-columns:1fr; gap:var(--size-25) } }
@media (max-width:650px) {
.industry-report-content { gap:var(--size-16) } }
@media (max-width:650px) {
.industry-production-lanes { gap:var(--size-10) } }
@media (max-width:650px) {
.industry-report-bars>div { grid-template-columns:var(--size-60) 1fr var(--size-16); gap:var(--size-7) } }
@media (max-width:650px) {
.industry-sample-facts { gap:var(--size-18) } }
@media (max-width:650px) {
.industry-hero-screen-tabs { gap:var(--size-15) } }
.industry-actions { align-items:center }
.industry-product-screen .industry-mini-process { font-size:var(--size-12); line-height:var(--line-height-1-6); gap:var(--size-12) }
.industry-product-screen .industry-report-bars>div { font-size:var(--size-12); grid-template-columns:var(--size-76) 1fr var(--size-22); gap:var(--size-8); color:var(--color-heading) }
.industry-fit-layout { align-items:start }
.industry-feature-tokens { gap:var(--size-11); margin-top:var(--size-27) }
.industry-arch-head { align-items:start }
.industry-how-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:var(--size-85); align-items:start }
.industry-how-grid { display:flex; flex-direction:column; gap:0; margin:var(--size-42) 0 0 }
.industry-how-step { padding:var(--size-25) 0; border-top:var(--size-1) var(--border-style) var(--color-border); display:grid; grid-template-columns:var(--size-145) 1fr; gap:var(--size-8) var(--size-25) }
.industry-how-foot { display:flex; flex-direction:column; gap:var(--size-12); padding-top:var(--size-25); margin-top:var(--size-30); color:var(--color-heading); font-size:var(--size-14); line-height:var(--line-height-relaxed) }
.industry-sample-facts { gap:var(--size-24); margin-top:var(--size-28) }
@media (max-width:1000px) {
.industry-how-layout { grid-template-columns:1fr 1fr; gap:var(--size-40) } }
@media (max-width:1000px) {
.industry-how-step { grid-template-columns:1fr; gap:var(--size-8) } }
@media (max-width:750px) {
.industry-fit-layout { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-how-layout { grid-template-columns:1fr; gap:var(--size-35) } }
@media (max-width:750px) {
.industry-how-step { grid-template-columns:var(--size-100) 1fr; gap:var(--size-10) var(--size-18) } }
@media (max-width:750px) {
.industry-product-screen .industry-sample-footer { font-size:var(--size-12); flex-wrap:wrap; gap:var(--size-12) } }
@media (max-width:750px) {
.industry-product-screen .industry-production-lanes { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-product-screen .industry-approval-timeline { grid-template-columns:1fr; gap:var(--size-17) } }
@media (max-width:750px) {
.industry-product-screen .industry-report-content { grid-template-columns:1fr } }
@media (max-width:750px) {
.industry-product-screen .industry-customer-bottom { grid-template-columns:1fr } }
@media (max-width:420px) {
.industry-how-step { grid-template-columns:1fr } }
@media (max-width:420px) {
.industry-app-stats { grid-template-columns:1fr } }
@media (max-width:420px) {
.industry-product-screen .industry-app-stat { display:grid; grid-template-columns:1fr auto; gap:var(--size-4) var(--size-15); align-items:center } }
@media (max-width:420px) {
.industry-sample-facts { grid-template-columns:1fr } }
.industry-hero-split { display:grid; grid-template-columns:.94fr 1.06fr; gap:var(--size-60); align-items:center }
.industry-hero .industry-hero-copy .industry-actions { justify-content:flex-start; margin:var(--size-32) 0 0; gap:var(--size-22) }
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:var(--size-54) 1fr }
.industry-hero-panel .industry-screen-hero .industry-app-stats { gap:var(--size-9) }
.industry-hero-panel .industry-screen-hero .industry-app-heading { flex-direction:column; gap:var(--size-8) }
.industry-hero-proof .wrap { font-size:var(--size-15); line-height:var(--line-height-1-85); gap:var(--size-28) }
.industry-solution-nav a { font-size:var(--size-18); line-height:var(--line-height-body); padding:var(--size-24) 0; gap:var(--size-18) }
.industry-arch-head { align-items:end; gap:var(--size-70) }
.industry-wins-head { align-items:end; gap:var(--size-70) }
.industry-wins-list { align-items:stretch; column-gap:var(--size-55) }
.industry-how-foot { border:0; margin-top:var(--size-32); padding-top:0; gap:var(--size-15); font-size:var(--size-17); line-height:var(--line-height-1-85); color:var(--color-heading) }
.industry-analysis-side ul { padding:0; margin:var(--size-30) 0; display:grid; gap:var(--size-16) }
.industry-how-step>.industry-process-step-label { display:flex; align-items:flex-start; gap:var(--size-13); grid-row:1/3; font-family:var(--font-family-body); font-size:var(--size-14); font-weight:var(--font-weight-medium); line-height:var(--line-height-1-7); letter-spacing:0; padding:0 }
.industry-how-step { grid-template-columns:var(--size-160) 1fr; gap:var(--size-9) var(--size-25) }
.industry-sample-facts { gap:var(--size-20); margin-top:var(--size-30) }
@media (max-width:1100px) {
.industry-hero-split { grid-template-columns:.9fr 1.1fr; gap:var(--size-35) } }
@media (max-width:1100px) {
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:1fr } }
@media (max-width:1100px) {
.industry-how-step { grid-template-columns:1fr; gap:var(--size-12) } }
@media (max-width:1100px) {
.industry-arch-head { gap:var(--size-40) } }
@media (max-width:1100px) {
.industry-wins-head { gap:var(--size-40) } }
@media (max-width:850px) {
.industry-hero-split { grid-template-columns:1fr; gap:var(--size-42) } }
@media (max-width:850px) {
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:var(--size-54) 1fr } }
@media (max-width:850px) {
.industry-how-layout { grid-template-columns:1fr; gap:var(--size-38) } }
@media (max-width:850px) {
.industry-how-step { grid-template-columns:var(--size-160) 1fr } }
@media (max-width:850px) {
.industry-arch-head { grid-template-columns:1fr; gap:var(--size-30) } }
@media (max-width:850px) {
.industry-wins-head { grid-template-columns:1fr; gap:var(--size-30) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-solution-nav { grid-template-columns:1fr; gap:0 } }
@media (max-width:620px) {
.industry-how-step { grid-template-columns:1fr; gap:var(--size-14) } }
@media (max-width:620px) {
.industry-sample-facts { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-wins-list { grid-template-columns:1fr } }
.industry-hero-split { grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr); gap:7%; align-items:center }
.industry-hero .industry-hero-copy .industry-actions { margin-top:var(--size-28); gap:var(--size-24) }
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:1fr }
.industry-how-step>.industry-process-step-label { gap:var(--size-14) }
@media (max-width:1100px) {
.industry-hero-split { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:var(--size-40) } }
@media (max-width:900px) {
.industry-hero-split { grid-template-columns:1fr; gap:var(--size-40) } }
@media (max-width:620px) {
.industry-hero .industry-hero-copy .industry-actions { margin-top:var(--size-26); gap:var(--size-20) } }
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:var(--size-48) 1fr }
@media (max-width:1100px) and (min-width:901px) {
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:1fr } }
.industry-hero .industry-hero-split { width:min(var(--size-1440),calc(100% - var(--size-64))); grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr); gap:var(--size-48) }
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:var(--size-48) minmax(0,1fr) }
.industry-hero-panel .industry-screen-hero .industry-app-heading { flex-direction:row; align-items:center; margin-bottom:var(--size-16) }
.industry-hero-panel .industry-screen-hero .industry-app-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--size-10); margin-bottom:var(--size-16) }
.industry-hero-panel .industry-screen-hero .industry-app-stat { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:var(--size-10); padding:var(--size-12) }
@media (max-width:1150px) {
.industry-hero .industry-hero-split { grid-template-columns:1fr; gap:var(--size-36) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-stats { gap:var(--size-6) } }
@media (max-width:620px) {
.industry-hero-panel .industry-screen-hero .industry-app-stat { flex-direction:column; align-items:flex-start; padding:var(--size-10) var(--size-8); gap:var(--size-6) } }
.industry-hero .industry-hero-split { width:min(var(--size-1360),calc(100% - var(--size-96))); grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr); gap:var(--size-64); align-items:center }
.industry-hero .industry-hero-copy .industry-actions { gap:var(--size-24); margin-top:var(--size-30) }
.industry-hero-panel .industry-screen-hero .industry-app-stats { gap:var(--size-8); margin-bottom:var(--size-14) }
.industry-hero-panel .industry-screen-hero .industry-app-stat { padding:var(--size-11) var(--size-10); gap:var(--size-8) }
@media (min-width:1151px) and (max-width:1350px) {
.industry-hero .industry-hero-split { width:calc(100% - var(--size-64)); gap:var(--size-40); grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) } }
@media (min-width:1151px) and (max-width:1350px) {
.industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:1fr } }
@media (max-width:1150px) {
.industry-hero .industry-hero-split { width:calc(100% - var(--size-64)); grid-template-columns:1fr; gap:var(--size-40) } }
@media (max-width:620px) {
.industry-hero .industry-hero-split { width:calc(100% - var(--size-36)); gap:var(--size-32) } }
.industry-hero .industry-hero-split { grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:var(--size-56) }
.industry-hero-panel .industry-screen-hero .industry-app-stat { flex-direction:column; align-items:flex-start; gap:var(--size-8) }
.industry-meeting-checks { list-style:none; padding:0; margin:var(--size-24) 0 0; display:grid; gap:var(--size-18) }
@media (max-width:1150px) {
.industry-hero .industry-hero-split { grid-template-columns:1fr; gap:var(--size-40) } }
.industry-wizard-controls { display:flex; align-items:center; gap:var(--size-18); flex-wrap:wrap }
.industry-meeting-card .industry-meeting-checks li { display:grid; grid-template-columns:var(--size-18) minmax(0,1fr); gap:var(--size-12); align-items:start; padding:0; margin:0; line-height:var(--line-height-relaxed) }
.industry-cost-number { display:flex; align-items:baseline; gap:var(--size-12) }
.industry-cost-extra-toggle { display:flex; align-items:flex-start; gap:var(--size-12); font-size:var(--size-16); line-height:var(--line-height-1-7); margin:var(--size-26) 0 0; cursor:pointer }
.industry-cost-extra-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 var(--size-20) }
.industry-cost-breakdown dl { margin:0; display:grid; gap:var(--size-14) }
.industry-cost-breakdown dl>div { display:flex; justify-content:space-between; gap:var(--size-20); font-size:var(--size-15); line-height:var(--line-height-1-7) }
@media (max-width:620px) {
.industry-cost-extra-grid { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-wizard-controls { gap:var(--size-12) } }
.industry-shop-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--size-14); margin-top:var(--size-18) }
.industry-loyalty-card>div { display:flex; align-items:baseline; gap:var(--size-14); flex-wrap:wrap }
.industry-perk-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-14); margin-top:var(--size-16) }
.industry-ai-intro { display:grid; grid-template-columns:1.1fr .9fr; gap:var(--size-70); align-items:end; margin-bottom:var(--size-40) }
.industry-ai-usecases { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--size-24); margin-top:var(--size-42) }
.industry-ai-principle { display:grid; grid-template-columns:var(--size-20) 1fr; gap:var(--size-14); margin-top:var(--size-28); font-size:var(--size-16); line-height:var(--line-height-1-9); color:var(--color-heading) }
.industry-retail-journey { display:grid; gap:var(--size-24) }
.industry-cost-extra-grid { grid-template-columns:1fr }
@media (max-width:1000px) {
.industry-ai-intro { grid-template-columns:1fr; gap:var(--size-24) } }
@media (max-width:1000px) {
.industry-ai-usecases { grid-template-columns:1fr } }
@media (max-width:1000px) {
.industry-ai-demo { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-shop-products { gap:var(--size-9) } }
@media (max-width:620px) {
.industry-perk-grid { grid-template-columns:1fr } }
@media (max-width:620px) {
.industry-demo-answer { padding:var(--size-18); gap:var(--size-10) } }
@media (max-width:620px) {
.industry-retail-journey article { padding:var(--size-22); gap:var(--size-12); grid-template-columns:var(--size-28) 1fr } }
@media (min-width:621px) {
.industry-hero .industry-hero-panel .industry-screen-hero .industry-app-frame { grid-template-columns:var(--size-48) minmax(0,1fr) } }
@media (min-width:621px) {
.industry-hero .industry-hero-panel .industry-screen-hero .industry-app-sidebar { display:flex; flex-direction:column; gap:var(--size-15); padding:var(--size-18) var(--size-7) } }
@media (min-width:621px) {
.industry-hero .industry-hero-panel .industry-screen-hero .industry-app-sidebar>span { display:flex; align-items:center; justify-content:center; height:var(--size-34); padding:0 } }
.industry-cost-inputs label.industry-cost-extra-toggle { display:grid; grid-template-columns:var(--size-19) minmax(0,1fr); align-items:start; gap:var(--size-14); font-size:var(--size-16); line-height:var(--line-height-1-7); padding:0 }