/* indbliq blue / petrol theme — color-only layer */
:root{
  --ink:#16333F;
  --ink-2:#203F4C;
  --paper:#EAF1F3;
  --paper-2:#F1F7F8;
  --white:#FFFFFF;
  --muted:#6C848C;
  --line:#C7D7DB;
  --accent:#4FA7AD;
  --accent-light:#A9D2D5;
  --accent-soft:#D8E9EB;
  --accent-dark:#2F7580;
  --warm-accent:#C9785D;
  --warm-accent-dark:#A85F49;
  --warm-accent-soft:#F2DDD5;
  --green:var(--accent);
  --green-dark:var(--accent-dark);
  --orange:#C96A5A;
  --primary:#527B88;
  --primary-dark:#203F4C;
  --primary-light:#6D8C98;
  --secondary:#527B88;
  --muted-blue:#80959B;
  --surface:#FFFFFF;
  --surface-soft:#F1F7F8;
  --surface-medium:#DDE9ED;
  --border:#C7D7DB;
  --text-muted:#617A82;
  --status-active:#4FA7AD;
  --status-success:#6FB8BC;
  --status-muted:#9AB0B7;
  --status-error:#C9796D;
  --workflow-line:#AFC8CE;
  --workflow-active:#4FA7AD;
}

body{background:var(--paper);color:var(--ink)}
body:before{background-image:radial-gradient(rgba(23,49,61,.06) .55px,transparent .55px)}
.site-header{background:rgba(246,249,250,.88);border-color:transparent}
.site-header.is-scrolled{border-color:var(--border);box-shadow:0 8px 28px rgba(23,49,61,.05)}
.main-nav>a:not(.button){color:#4D6B76}
.main-nav>a:not(.button):hover,.main-nav>a:not(.button):focus-visible{color:#2F5665}
.button-primary{background:#C9785D;color:#FFFFFF;box-shadow:0 8px 20px rgba(169,95,73,.16)}
.button-primary:hover{background:#A85F49;box-shadow:0 12px 25px rgba(168,95,73,.18)}
.button-light{background:#2F5665;color:#FFFFFF;box-shadow:0 8px 20px rgba(47,86,101,.16)}
.button-light:hover{background:#203F4C;box-shadow:0 12px 25px rgba(32,63,76,.18)}
.button:focus-visible,.text-link:focus-visible,.main-nav a:focus-visible,.footer-links a:focus-visible,.menu-toggle:focus-visible,.output-tabs button:focus-visible,.generate-button:focus-visible{outline-color:#E3A28B}
.button-dark{background:#16333F;color:var(--white)}
.button-dark:hover{background:#2F5665}
.hero h1{color:#16333F}
.hero h1 em{color:#4D7887}
.hero-lede{color:#627D86}
.eyebrow{color:#557D87}
.eyebrow-dot{background:#4FA7AD;box-shadow:0 0 0 5px rgba(79,167,173,.16)}
.hero-footnote{color:var(--muted-blue)}
.signal-icon{color:#2F5363}
.visual-glow{background:radial-gradient(circle at 70% 45%,rgba(79,122,136,.10),transparent 50%);filter:none}
.workflow-board{background:#F8FBFB;border-color:#C9DDE1;box-shadow:0 28px 70px rgba(22,51,63,.13),inset 0 1px rgba(255,255,255,.92)}
.board-topline,.board-footer,.panel-caption,.output-header,.output-footer,.window-bar{color:var(--muted-blue)}
.live-dot{color:#2F7580}
.live-dot i,.output-status i{background:#4FA7AD;box-shadow:0 0 0 4px rgba(79,167,173,.16)}
.tiny-label{color:var(--muted-blue)}
.workflow-title-row strong{color:var(--ink)}
.board-id{color:var(--muted-blue)}
.flow-node{background:#FFFFFF;border-color:#D6E4E7}
.hero-flow .flow-node:nth-child(3),.hero-flow .flow-node:nth-child(7){background:#F2F7F8}
.flow-node.active,.flow-node.is-active{background:#E4F0F2;border-color:#6EAAB6;box-shadow:0 7px 15px rgba(47,86,101,.08)}
.node-number{color:var(--muted-blue)}
.node-icon{background:#D8E9EB;color:#2F7580}
.flow-node.active .node-icon,.flow-node.is-active .node-icon{background:#D8E9EB;color:#2F7580}
.spark-icon{background:#D8E9EB}
.flow-node small{color:#7B959F}
.node-check{color:#4FA7AD}
.flow-connector{border-color:#AFC8CE}
.flow-connector span{background:#4FA7AD}
.board-footer{border-color:var(--border);color:var(--muted-blue)}
.mini-avatar{background:#D8E9EB;color:#2F7580}
.floating-note{background:#17313D;box-shadow:0 15px 28px rgba(23,49,61,.16)}
.floating-note small{color:#A8BBC0}
.note-top .note-icon{background:#F2DDD5;color:#C9785D}
.note-bottom .note-icon{background:#D8E9EB;color:#2F7580}
.note-bottom{border-color:var(--border)}
.note-bottom small{color:var(--muted-blue)}
.note-icon.green{background:#D8E9EB;color:#2F7580}
.hero-scroll{color:var(--muted-blue)}
.scroll-line{background:#B7C8CC}
.scroll-line:after{background:#4FA7AD}
.section-intro{background:#EDF4F5;border-color:#D1E0E3}
.section-kicker{color:#7698A1}
.section-kicker>span:first-child{color:#2F5363}
.kicker-line{background:#AFC8CE}
.intro-copy p{color:var(--text-muted)}
.case-card-dark{background:var(--ink)}
.case-card-light{background:#EDF4F5}
.case-card-warm{background:#DDE9ED}
.case-label{color:#7B959F}
.case-number,.case-card-light .case-number,.case-card-warm .case-number{color:#6D8C98}
.case-side>p{color:#C9DADD}
.case-card-light .case-side>p,.case-card-warm .case-side>p{color:var(--text-muted)}
.value-list i,.case-card-light .value-list i,.case-card-warm .value-list i{color:#4FA7AD}
.case-flow-panel,.dashboard-mock{border-color:rgba(8,47,53,.12)}
.case-card-light .case-flow-panel{background:rgba(255,255,255,.68)}
.case-card-warm .dashboard-mock{background:rgba(255,255,255,.72)}
.panel-caption{color:var(--muted-blue)}
.step-dot{border-color:var(--border);color:var(--primary)}
.case-step.step-done .step-dot{background:#D8E9EB;border-color:#A9D2D5}
.case-step.step-ai .step-dot{background:#EDF4F5;border-color:#A9D2D5}
.case-step.step-final{color:#2F7580}
.step-line{border-color:#AFC8CE}
.data-input{background:#F7FAFB;border-color:#D6E4E7}
.data-input.active{border-color:#6EA8B2;background:#DDE9ED}
.data-icon,.data-arrow{color:#2F5363}
.data-input small{color:#7B959F}
.dashboard-card{background:var(--surface);border-color:var(--border)}
.dashboard-card small{color:var(--muted-blue)}
.trend{color:#2F7580}
.bars span{background:#A9D2D5}
.bars span:nth-child(8){background:#6FB8BC}
.dashboard-foot{color:var(--muted-blue)}
.check-bubble{background:#D8E9EB;color:#2F7580}
.before-after-section{background:#EDF4F5}
.before-after-copy h3{color:#4E7482}
.before-after-copy p{color:var(--text-muted)}
.comparison-column{background:var(--surface)}
.comparison-column.after{background:var(--ink)}
.comparison-head small{color:var(--muted-blue)}
.after .comparison-head small{color:#9EB5BA}
.comparison-dot{background:#A8BCC1}
.after .comparison-dot{background:#4FA7AD}
.comparison-column li{border-color:var(--border);color:var(--text-muted)}
.comparison-column li:before{color:#91AAB1}
.after li{border-color:rgba(255,255,255,.15);color:#D9E6E8}
.after li:before{color:#4FA7AD}
.comparison-divider{color:#2F5363}
.comparison-divider span{background:#D8E9EB;color:#2F5363}
.pr-section{background:#16333F}
.pr-section:before{background:#203F4C}
.pr-copy p{color:#C9DADD}
.pr-note{color:#93AEB4}
.pr-note-mark{color:#4FA7AD}
.generator-window{background:var(--surface)}
.window-bar{background:var(--surface-soft);color:var(--muted-blue)}
.window-title i{background:#4FA7AD}
.input-field{border-color:#D6E4E7;color:#607A84}
.generate-button{background:#16333F}
.generate-button:hover{background:#2F5665}
.generator-output{border-color:var(--border)}
.generator-output .output-header>span:first-child{color:var(--muted-blue)}
.output-status{color:#2F7580}
.output-tabs{border-color:var(--border)}
.output-tabs button{color:var(--muted-blue)}
.output-tabs button.active{color:#17313D;border-color:#4FA7AD}
.output-copy p{color:var(--text-muted)}
.output-tag{color:#2F7580}
.output-footer{border-color:var(--border)}
.method-section{background:#EDF4F6}
.method-card{background:var(--surface);border-color:var(--border)}
.method-card:hover{background:var(--surface);box-shadow:0 14px 30px rgba(8,47,53,.08)}
.method-number{color:var(--muted-blue)}
.method-icon,.method-arrow{color:#2F5363}
.method-card p{color:var(--text-muted)}
.final-cta-section{background:#16333F}
.final-cta .section-kicker{color:#9EB5BA}
.final-cta p{color:#B4C8CC}
.final-cta small{color:#8EA8AE}
.cta-shape{border-color:rgba(79,167,173,.22)}
.cta-shape:before,.cta-shape:after{border-color:rgba(79,167,173,.11)}
.site-footer{background:#16333F;border-color:rgba(255,255,255,.11)}
.footer-brand .brand-mark i{background:#8FB4BD}
.footer-top p{color:#91AAB1}
.footer-links small{color:#6F8F98}
.footer-links a{color:#CBDDE0}
.footer-links a:hover{color:#3BA6BE}
.footer-top-link{color:#9EB5BA}
.footer-top-link span{border-color:#66848D}
.footer-bottom{border-color:rgba(255,255,255,.1);color:#6F8F98}
.footer-bottom a{color:#91AAB1}

/* crisp surface pass: opaque cards, compact shadows, stronger hierarchy */
body{background:#F8FAFA;color:#16333F}
body:before{opacity:.12;background-image:radial-gradient(rgba(22,51,63,.05) .5px,transparent .5px)}
.site-header{background:#F8FAFA;border-bottom-color:#C7D7DB;backdrop-filter:none}
.site-header.is-scrolled{box-shadow:0 6px 18px rgba(22,51,63,.08)}
.main-nav>a:not(.button){color:#527B88}
.main-nav>a:not(.button):hover,.main-nav>a:not(.button):focus-visible{color:#2F5665}
.button-primary{background:#C9785D;color:#FFFFFF;box-shadow:none}
.button-primary:hover{background:#AD644E;box-shadow:none}
.button-light{background:#2F5665;color:#FFFFFF;box-shadow:none}
.button-light:hover{background:#203F4C;box-shadow:none}
.button:focus-visible,.text-link:focus-visible,.main-nav a:focus-visible,.footer-links a:focus-visible,.menu-toggle:focus-visible,.output-tabs button:focus-visible,.generate-button:focus-visible{outline:3px solid #E3A28B;outline-offset:4px}
.hero h1{color:#16333F}
.hero h1 em{color:#527B88;opacity:1}
.hero-lede{color:#617A82}
.hero-footnote{color:#80959B}
.hero-visual:before{content:none}
.visual-glow{background:transparent;filter:none}
.workflow-board{background:#FFFFFF;border:1px solid #C7D7DB;box-shadow:0 12px 32px rgba(22,51,63,.10);backdrop-filter:none}
.floating-note{background:#16333F;box-shadow:0 8px 24px rgba(22,51,63,.18)}
.note-bottom{background:#FFFFFF;border-color:#C7D7DB}
.note-top{top:-8%;right:0}
.note-bottom{bottom:-10%;left:0}
@media (max-width:520px){
  .note-top{top:-8%;right:0}
  .note-bottom{bottom:-10%;left:0}
}

/* repeat the warm accent as a quiet thread across the page */
.section-kicker>span:first-child{color:#C9785D}
.case-number,.case-card-light .case-number,.case-card-warm .case-number{color:#C9785D}
.method-number{color:#C9785D}
.method-arrow{color:#C9785D}
.comparison-divider span{background:#F1D7CF;color:#A85F49}
.output-tag{color:#A85F49}
.pr-note-mark{color:#C9785D}
.footer-top-link span{border-color:#C9785D;color:#C9785D}
.hero .text-link:hover{color:#A85F49;border-color:#A85F49}
.flow-node.active .node-icon,.flow-node.is-active .node-icon{background:#F1D7CF;color:#A85F49}
.case-label{color:#A85F49}
.case-step.step-ai .step-dot{background:#F1D7CF;border-color:#C9785D;color:#A85F49}
.value-list span:first-child i{color:#C9785D}
.pr-section .button-light,.final-cta-section .button-light{background:#C9785D;color:#FFFFFF}
.pr-section .button-light:hover,.final-cta-section .button-light:hover{background:#A85F49}
.output-tabs button.active{border-color:#C9785D;color:#A85F49}
.dashboard-card .trend{color:#A85F49}
.method-card:nth-child(2) .method-icon,.method-card:nth-child(4) .method-arrow{color:#C9785D}
.flow-node{background:#FFFFFF;border:1px solid #D3DFE2}
.hero-flow .flow-node:nth-child(3),.hero-flow .flow-node:nth-child(7){background:#F2F7F8}
.flow-node.active,.flow-node.is-active{background:#F0F6F7;border-color:#5E9AAA;box-shadow:none}
.node-icon{background:#D8E9EB;color:#2F7580}
.flow-node.active .node-icon,.flow-node.is-active .node-icon{background:#D8E9EB;color:#2F7580}
.flow-node b,.workflow-title-row strong{color:#16333F}
.flow-node small,.tiny-label,.board-topline,.board-footer,.panel-caption,.output-header,.output-footer,.window-bar{color:#80959B}
.flow-connector{border-color:#AFC8CE}
.flow-connector span{background:#4FA7AD}
.note-top .note-icon{background:#F2DDD5;color:#C9785D}
.note-bottom .note-icon{background:#D8E9EB;color:#2F7580}
.section-intro,.method-section{background:#EDF4F5;border-color:#C7D7DB}
.section-kicker{color:#6C848C}
.section-kicker>span:first-child{color:#527B88}
.intro-copy p,.before-after-copy p,.method-card p{color:#617A82}
.case-card-light{background:#EDF4F5}
.case-card-warm{background:#DDE9ED}
.case-flow-panel,.dashboard-mock{background:#FFFFFF;border-color:#C7D7DB}
.case-card-light .case-flow-panel,.case-card-warm .dashboard-mock{background:#FFFFFF}
.case-label,.case-number,.case-card-light .case-number,.case-card-warm .case-number{color:#80959B}
.case-card-light .case-side>p,.case-card-warm .case-side>p{color:#617A82}
.case-step{color:#16333F}
.step-dot{border-color:#D3DFE2;color:#527B88;background:#FFFFFF}
.case-step.step-done .step-dot,.case-step.step-ai .step-dot{background:#D8E9EB;border-color:#A9D2D5}
.case-step.step-final{color:#2F7580}
.step-line{border-color:#AFC8CE}
.data-input{background:#FFFFFF;border-color:#C7D7DB}
.data-input.active{background:#F0F6F7;border-color:#5E9AAA}
.dashboard-card{background:#FFFFFF;border-color:#C7D7DB;box-shadow:none}
.before-after-section{background:#EDF4F5}
.comparison-column{background:#FFFFFF;border:1px solid #C7D7DB}
.comparison-column.after{background:#16333F;border-color:#16333F}
.comparison-column li{border-color:#D3DFE2;color:#617A82}
.pr-section,.final-cta-section,.site-footer{background:#16333F}
.pr-section:before{background:#203F4C}
.generator-window{background:#FFFFFF;box-shadow:0 12px 32px rgba(22,51,63,.10);border-color:#C7D7DB}
.window-bar{background:#EDF4F5;border-bottom:1px solid #C7D7DB}
.generate-button{background:#16333F;box-shadow:none}
.generate-button:hover{background:#2F5665}
.generator-output{background:#FFFFFF;border-color:#C7D7DB}
.method-card{background:#FFFFFF;border-color:#C7D7DB;box-shadow:none}
.method-card:hover{background:#FFFFFF;box-shadow:0 12px 24px rgba(22,51,63,.10)}
.method-icon,.method-arrow{color:#527B88}
.cta-shape,.cta-shape:before,.cta-shape:after{border-color:rgba(79,122,136,.16)}

/* stronger hierarchy pass: clearer page field, panels and active workflow */
body,.hero,.section-examples{background:#EAF1F3}
.site-header{background:#EAF1F3}
.hero{background:#EAF1F3}
.section-intro,.method-section,.before-after-section{background:#F1F7F8}
.workflow-board{background:#F8FBFC;border-color:#C9D9DD;box-shadow:0 18px 44px rgba(22,51,63,.12)}
.flow-node{background:#FFFFFF;border-color:#C9D9DD}
.hero-flow .flow-node:nth-child(3),.hero-flow .flow-node:nth-child(7){background:#F2F7F8;border-color:#D5E3E7}
.flow-node.active,.flow-node.is-active{background:#DDECEF;border-color:#6F9EAA;box-shadow:none}
.flow-node.active .node-icon,.flow-node.is-active .node-icon{background:#D8E9EB;color:#2F7580}
.flow-node:first-child .node-icon{background:#F1D7CF;color:#A85F49}
.hero .eyebrow-dot{background:#C9785D;box-shadow:0 0 0 5px rgba(201,120,93,.13)}
.hero-footnote .signal-icon{color:#C9785D}
.board-footer .footer-arrow{color:#C9785D}
.note-top .note-icon{background:#F1D7CF;color:#A85F49}
.hero .button-primary{background:#C9785D;color:#FFFFFF;box-shadow:0 8px 20px rgba(169,95,73,.16)}
.hero .button-primary:hover{background:#A85F49;box-shadow:0 10px 22px rgba(168,95,73,.18)}
.case-card-light{background:#F1F7F8}
.case-card-warm{background:#DDECEF}
.case-flow-panel,.dashboard-mock{background:#FFFFFF}
.case-card-light .case-flow-panel,.case-card-warm .dashboard-mock{background:#FFFFFF}
.section-kicker{color:#708A92}
.section-kicker>span:first-child{color:#557985}
.flow-node small,.tiny-label,.board-topline,.board-footer,.panel-caption,.output-header,.output-footer,.window-bar{color:#80959B}
.floating-note{background:#16333F;color:#FFFFFF;box-shadow:0 8px 24px rgba(22,51,63,.18)}
.floating-note small{color:#C9DADD}
.note-bottom{background:#FFFFFF;border-color:#C7D7DB}
.note-bottom{color:#16333F}
.note-bottom small{color:#80959B}
.note-bottom b{color:#16333F;white-space:nowrap}