/* Valtrosys V8 — shared visual language for the whole public site. */
:root{
  --brand-bg:#0b0e12;--brand-panel:#121720;--brand-panel-2:#171d27;--brand-line:#293241;
  --brand-text:#f4f3ef;--brand-muted:#9aa4af;--brand-soft:#737e89;
  --brand-accent:#6968ff;--brand-accent-soft:#aaa8ff;--brand-price:#c8ff74;
  --brand-paper:#efebe3;--brand-paper-2:#f7f4ee;--brand-paper-line:#d3ccc1;
}
body:not(.demo-page){
  background:var(--brand-bg)!important;color:var(--brand-text)!important;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;-webkit-font-smoothing:antialiased
}
body:not(.demo-page) button,
body:not(.demo-page) input,
body:not(.demo-page) select,
body:not(.demo-page) textarea{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) em{font-family:inherit!important;font-style:normal!important;color:var(--brand-accent-soft)!important}
body:not(.demo-page) .wrap{width:min(calc(100% - 48px),1180px)!important;margin-inline:auto!important}

/* Header */
body:not(.demo-page) .site-header{
  position:fixed!important;inset:0 0 auto!important;z-index:100!important;
  background:rgba(11,14,18,.9)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important
}
body:not(.demo-page) .nav{height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
body:not(.demo-page) .logo{
  display:inline-flex!important;align-items:center!important;gap:10px!important;
  color:var(--brand-text)!important;font:800 17px/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.035em!important
}
body:not(.demo-page) .brand-mark-img{width:34px!important;height:34px!important;display:block!important}
body:not(.demo-page) .logo-mark{display:none!important}
body:not(.demo-page) .nav-links{display:flex!important;align-items:center!important;gap:20px!important;font-size:11px!important;color:#aeb6bf!important}
body:not(.demo-page) .nav-links>a:not(.nav-cta){color:#aeb6bf!important}
body:not(.demo-page) .nav-links>a:not(.nav-cta):after{display:none!important}
body:not(.demo-page) .nav-links>a:not(.nav-cta):hover,
body:not(.demo-page) .nav-links>a[aria-current="page"]{color:#fff!important}
body:not(.demo-page) .nav-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:42px!important;padding:0 16px!important;line-height:1!important;border-radius:10px!important;
  background:#f5f3ee!important;border:1px solid #f5f3ee!important;color:#101318!important;font-weight:800!important;
  text-align:center!important;white-space:nowrap!important
}
body:not(.demo-page) .nav-cta:hover{background:#fff!important;border-color:#fff!important;transform:translateY(-1px)!important}

/* Shared hero */
body:not(.home-v7):not(.demo-page) .page-hero,
body:not(.home-v7):not(.demo-page) .service-detail-hero{
  min-height:0!important;padding:150px 0 78px!important;display:block!important;position:relative!important;overflow:hidden!important;
  background:linear-gradient(180deg,#0b0e12 0,#0d1117 100%)!important;color:var(--brand-text)!important
}
body:not(.home-v7):not(.demo-page) .page-hero:before,
body:not(.home-v7):not(.demo-page) .page-hero:after{display:none!important}
body:not(.home-v7):not(.demo-page) .page-hero .eyebrow{color:#7f8995!important;margin:0 0 22px!important}
body:not(.home-v7):not(.demo-page) .page-hero h1{
  max-width:920px!important;margin:0!important;color:var(--brand-text)!important;
  font:800 clamp(52px,6.4vw,88px)/.93 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.06em!important
}
body:not(.home-v7):not(.demo-page) .page-hero .lead{
  max-width:720px!important;margin:24px 0 0!important;color:#aab3bc!important;
  font-size:16px!important;line-height:1.6!important
}
body:not(.demo-page) .service-detail-strip,
body:not(.demo-page) .service-meta{
  display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:25px!important
}
body:not(.demo-page) .service-detail-strip span,
body:not(.demo-page) .service-meta span{
  display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:0 10px!important;
  border:1px solid #303949!important;border-radius:8px!important;background:#111720!important;color:#aeb7c0!important;
  font:600 10px ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important
}
body:not(.demo-page) .service-detail-strip span:first-child,
body:not(.demo-page) .page-hero .service-meta span:first-child{color:var(--brand-price)!important}
body:not(.demo-page) .hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:26px!important}
body:not(.demo-page) .button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:0 15px!important;border-radius:10px!important;border:1px solid #354050!important;
  background:transparent!important;color:#e9edf0!important;font-size:11px!important;font-weight:800!important;line-height:1!important
}
body:not(.demo-page) .button.primary{background:#f4f2ed!important;border-color:#f4f2ed!important;color:#111419!important}
body:not(.demo-page) .button:hover{transform:translateY(-1px)!important}

/* Shared light content */
body:not(.demo-page) .content-page,
body:not(.demo-page) .portfolio-guide,
body:not(.demo-page) .case-studies,
body:not(.demo-page) .method-map,
body:not(.demo-page) .principles,
body:not(.demo-page) .faq-section,
body:not(.demo-page) .local-proof,
body:not(.demo-page) .local-section,
body:not(.demo-page) .faq-local{
  background:var(--brand-paper)!important;color:#171a1f!important;box-shadow:none!important
}
body:not(.demo-page) .content-page{padding:88px 0!important}
body:not(.demo-page) .content-grid{
  display:grid!important;grid-template-columns:.34fr 1.66fr!important;gap:52px!important;padding:42px 0!important
}
body:not(.demo-page) .content-grid:first-child{padding-top:0!important}
body:not(.demo-page) .content-grid+.content-grid{margin-top:0!important;border-top:1px solid var(--brand-paper-line)!important}
body:not(.demo-page) .content-grid>.mono{color:#778189!important;padding-top:7px!important}
body:not(.demo-page) .content-grid h2{
  max-width:820px!important;margin:0 0 22px!important;color:#171a1f!important;
  font:800 clamp(34px,4vw,52px)/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.045em!important
}
body:not(.demo-page) .content-grid>div>p{
  max-width:760px!important;margin:0!important;color:#606970!important;font-size:14px!important;line-height:1.6!important
}
body:not(.demo-page) .factor-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:22px!important
}
body:not(.demo-page) .factor-grid article{
  padding:18px!important;border:1px solid var(--brand-paper-line)!important;border-radius:12px!important;
  background:rgba(255,255,255,.38)!important
}
body:not(.demo-page) .factor-grid article b{display:block!important;color:#171a1f!important;font-size:14px!important}
body:not(.demo-page) .factor-grid article p{margin:7px 0 0!important;color:#505b64!important;font-size:12.5px!important;line-height:1.5!important}

/* Services overview */
body:not(.demo-page) .service-stage,body:not(.demo-page) .offer-page,body:not(.demo-page) .method-input{
  background:#0d1117!important;color:var(--brand-text)!important
}
body:not(.demo-page) .service-stage{padding:80px 0!important}
body:not(.demo-page) .service-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body:not(.demo-page) .service-card{
  min-height:260px!important;padding:24px!important;border:1px solid var(--brand-line)!important;border-radius:14px!important;
  background:var(--brand-panel)!important;color:var(--brand-text)!important;box-shadow:none!important
}
body:not(.demo-page) .service-card.coral,body:not(.demo-page) .service-card.lime,
body:not(.demo-page) .service-card.violet,body:not(.demo-page) .service-card.paper,body:not(.demo-page) .service-card.dark{
  background:var(--brand-panel)!important;color:var(--brand-text)!important
}
body:not(.demo-page) .service-card h3{
  margin:38px 0 10px!important;color:#f2f4f5!important;font:800 clamp(26px,3vw,36px)/1.03 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.04em!important
}
body:not(.demo-page) .service-card p{margin:0!important;color:#8f99a4!important;font-size:13px!important;line-height:1.5!important}
body:not(.demo-page) .service-card .service-meta{margin-top:20px!important}
body:not(.demo-page) .service-card b{margin-top:auto!important;padding-top:24px!important;color:#d8dde2!important;font-size:11px!important}

/* Portfolio */
body:not(.demo-page) .portfolio-guide{padding:72px 0!important}
body:not(.demo-page) .guide-grid{gap:52px!important}
body:not(.demo-page) .guide-grid h2{color:#171a1f!important;font:800 clamp(38px,4.6vw,58px)/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) .guide-items{gap:10px!important}
body:not(.demo-page) .guide-items>div{padding:16px!important;border:1px solid var(--brand-paper-line)!important;border-radius:11px!important;background:rgba(255,255,255,.35)!important}
body:not(.demo-page) .guide-items p{margin:5px 0 0!important;color:#505b64!important;font-size:12px!important}
body:not(.demo-page) .portfolio-overview{padding:82px 0!important;background:#0d1117!important;color:var(--brand-text)!important}
body:not(.demo-page) .portfolio-overview-head h2{color:#f2f4f5!important;font:800 clamp(38px,4.8vw,62px)/.98 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) .portfolio-grid{gap:12px!important}
body:not(.demo-page) .portfolio-tile,
body:not(.demo-page) .portfolio-tile.tile-lime,
body:not(.demo-page) .portfolio-tile.tile-paper,
body:not(.demo-page) .portfolio-tile.tile-violet,
body:not(.demo-page) .portfolio-tile.tile-coral{
  background:#121720!important;color:#f3f4f5!important;border:1px solid #293241!important;border-radius:14px!important
}
body:not(.demo-page) .portfolio-tile-copy p{color:#818c97!important}
body:not(.demo-page) .case-studies{padding:84px 0!important}
body:not(.demo-page) .case-study{padding:48px 0!important;border-color:var(--brand-paper-line)!important}
body:not(.demo-page) .case-study-head{gap:38px!important}
body:not(.demo-page) .case-study-head h2{color:#171a1f!important;font:800 clamp(34px,4vw,50px)/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) .case-facts{gap:10px!important;margin-top:28px!important}
body:not(.demo-page) .case-facts div{padding:14px!important;border:1px solid var(--brand-paper-line)!important;border-radius:11px!important;background:rgba(255,255,255,.35)!important}
body:not(.demo-page) .case-facts p{margin:6px 0 0!important;color:#505b64!important;font-size:12px!important}

/* Method */
body:not(.demo-page) .method-map{padding:78px 0!important}
body:not(.demo-page) .method-stage{
  display:grid!important;grid-template-columns:.28fr 1.25fr .47fr!important;gap:38px!important;
  padding:32px 0!important;border-color:var(--brand-paper-line)!important
}
body:not(.demo-page) .method-stage h2{color:#171a1f!important;font:800 clamp(30px,3.4vw,44px)/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) .method-stage p{color:#505b64!important;font-size:13px!important;line-height:1.55!important}
body:not(.demo-page) .method-stage aside{border-left:2px solid #7774ff!important}
body:not(.demo-page) .two-panels article{
  padding:24px!important;border:1px solid #293241!important;border-radius:14px!important;background:#121720!important
}
body:not(.demo-page) .two-panels h2{color:#f2f4f5!important;font:800 30px/1.05 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) .principles{padding:82px 0!important}
body:not(.demo-page) .principle-grid{gap:10px!important}
body:not(.demo-page) .principle-grid article{padding:16px!important;border:1px solid var(--brand-paper-line)!important;border-radius:11px!important;background:rgba(255,255,255,.35)!important}
body:not(.demo-page) .principle-grid p{margin:6px 0 0!important;font-size:12px!important;color:#505b64!important}

/* Contact */
body:not(.demo-page) .contact-block{
  background:#10151c!important;color:#f2f4f5!important;padding:72px 0!important;border-top:1px solid #222b38!important
}
body:not(.demo-page) .contact-grid{
  display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:48px!important;align-items:start!important;
  padding:28px!important;border:1px solid #293241!important;border-radius:15px!important;background:#121820!important;box-shadow:none!important
}
body:not(.demo-page) .contact-grid h2{
  margin:0!important;color:#f3f4f5!important;font:800 clamp(38px,4.5vw,58px)/.98 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.05em!important
}
body:not(.demo-page) .contact-side>p{margin:0!important;color:#98a2ac!important;font-size:13.5px!important;line-height:1.55!important}
body:not(.demo-page) .contact-mail{border-color:#394454!important;background:transparent!important;color:#f0f2f4!important}

/* FAQ */
body:not(.demo-page) .faq-section{padding:76px 0!important}
body:not(.demo-page) .faq-list{max-width:860px!important}
body:not(.demo-page) .faq-list details{padding:18px 0!important;border-color:var(--brand-paper-line)!important;background:transparent!important}
body:not(.demo-page) .faq-list summary{color:#171a1f!important}
body:not(.demo-page) .faq-list p{color:#505b64!important;font-size:13px!important}

/* Local SEO page */
body:not(.demo-page) .local-hero{background:#0b0e12!important}
body:not(.demo-page) .local-hero h1{color:#f3f4f5!important}
body:not(.demo-page) .local-hero h1 em{color:var(--brand-accent-soft)!important}
body:not(.demo-page) .local-hero:before{color:#111720!important}
body:not(.demo-page) .local-work,body:not(.demo-page) .local-offer{background:#0d1117!important}
body:not(.demo-page) .local-case,body:not(.demo-page) .local-case:nth-child(2),body:not(.demo-page) .local-case:nth-child(3){
  background:#121720!important;color:#f3f4f5!important;border-color:#293241!important;border-radius:14px!important
}
body:not(.demo-page) .local-case p,body:not(.demo-page) .local-case:nth-child(2) p,body:not(.demo-page) .local-case:nth-child(3) p{color:#8f99a4!important}

/* Footer */
body:not(.demo-page) footer{background:#090c10!important;border-top:1px solid #202735!important;color:#707a84!important}
body:not(.demo-page) .footer-links a{color:#a6afb8!important}

/* Home fixes loaded last */
body.home-v7 .nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
body.home-v7 .about-facts span{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:5px!important
}
body.home-v7 .about-facts b,body.home-v7 .about-facts small{display:block!important;width:100%!important;margin:0!important}
body.home-v7 .about-facts small{line-height:1.35!important}

/* Responsive */
@media(max-width:900px){
  body:not(.demo-page) .nav-links{gap:12px!important}
  body:not(.home-v7):not(.demo-page) .page-hero{padding-top:125px!important}
  body:not(.demo-page) .content-grid,body:not(.demo-page) .guide-grid,body:not(.demo-page) .method-stage,body:not(.demo-page) .contact-grid{grid-template-columns:1fr!important}
  body:not(.demo-page) .service-grid,body:not(.demo-page) .factor-grid{grid-template-columns:1fr!important}
  body:not(.demo-page) .method-stage aside{border-left:0!important;border-top:2px solid #7774ff!important;padding:14px 0 0!important}
}
@media(max-width:760px){
  body:not(.demo-page) .wrap{width:min(calc(100% - 28px),1180px)!important}
  body:not(.demo-page) .nav{height:66px!important}
  body:not(.demo-page) .nav-links>a:not(.nav-cta){display:none!important}
  body:not(.demo-page) .nav-cta{min-height:38px!important;padding:0 11px!important;font-size:10px!important}
  body:not(.home-v7):not(.demo-page) .page-hero{padding:110px 0 58px!important}
  body:not(.home-v7):not(.demo-page) .page-hero h1{font-size:clamp(44px,13vw,64px)!important}
  body:not(.demo-page) .content-page,body:not(.demo-page) .case-studies,body:not(.demo-page) .method-map,body:not(.demo-page) .principles{padding:64px 0!important}
  body:not(.demo-page) .content-grid{padding:32px 0!important;gap:16px!important}
  body:not(.demo-page) .service-stage{padding:60px 0!important}
  body:not(.demo-page) .contact-block{padding:54px 0!important}
}
@media(max-width:520px){
  body:not(.demo-page) .brand-word{display:none!important}
}

/* Respect system light appearance, using the same visual hierarchy. */
@media(prefers-color-scheme:light){
  body:not(.demo-page){background:#f4f1eb!important;color:#171a1f!important}
  body:not(.demo-page) .site-header{background:rgba(247,244,238,.92)!important;border-bottom-color:#ddd7cc!important}
  body:not(.demo-page) .logo{color:#171a1f!important}
  body:not(.demo-page) .nav-links>a:not(.nav-cta){color:#505b64!important}
  body:not(.demo-page) .nav-cta{background:#171a1f!important;border-color:#171a1f!important;color:#fff!important}
  body:not(.demo-page) .button{background:#fffdf9!important;border-color:#bcb5aa!important;color:#171a1f!important}
  body:not(.demo-page) .button:hover{background:#f0ebe3!important;border-color:#9f978b!important;color:#111419!important}
  body:not(.demo-page) .button.primary{background:#171a1f!important;border-color:#171a1f!important;color:#fff!important}
  body:not(.demo-page) .button.primary:hover{background:#292d32!important;border-color:#292d32!important;color:#fff!important}
  body:not(.demo-page) .brief-actions .button.primary{background:#171a1f!important;border-color:#171a1f!important;color:#fff!important}
  body:not(.demo-page) .text-link{color:#252a30!important}
  body:not(.home-v7):not(.demo-page) .page-hero{background:#f7f4ee!important;color:#171a1f!important}
  body:not(.home-v7):not(.demo-page) .page-hero h1{color:#171a1f!important}
  body:not(.home-v7):not(.demo-page) .page-hero .lead{color:#606970!important}
  body:not(.demo-page) .service-detail-strip span,body:not(.demo-page) .service-meta span{background:#fffdf9!important;border-color:#d7d0c5!important;color:#596168!important}
  body:not(.demo-page) .service-stage,body:not(.demo-page) .offer-page,body:not(.demo-page) .method-input,body:not(.demo-page) .portfolio-overview,body:not(.demo-page) .local-work,body:not(.demo-page) .local-offer{background:#f7f4ee!important;color:#171a1f!important}
  body:not(.demo-page) .service-card,body:not(.demo-page) .service-card.coral,body:not(.demo-page) .service-card.lime,body:not(.demo-page) .service-card.violet,body:not(.demo-page) .service-card.paper,body:not(.demo-page) .service-card.dark,
  body:not(.demo-page) .portfolio-tile,body:not(.demo-page) .portfolio-tile.tile-lime,body:not(.demo-page) .portfolio-tile.tile-paper,body:not(.demo-page) .portfolio-tile.tile-violet,body:not(.demo-page) .portfolio-tile.tile-coral,
  body:not(.demo-page) .local-case,body:not(.demo-page) .local-case:nth-child(2),body:not(.demo-page) .local-case:nth-child(3){
    background:#fffdf9!important;color:#171a1f!important;border-color:#d7d0c5!important
  }
  body:not(.demo-page) .service-card h3,body:not(.demo-page) .portfolio-overview-head h2,body:not(.demo-page) .local-case h3{color:#171a1f!important}
  body:not(.demo-page) .service-card p,body:not(.demo-page) .portfolio-tile-copy p,body:not(.demo-page) .local-case p{color:#505b64!important}
  body:not(.demo-page) .contact-block{background:#ece8e0!important}
  body:not(.demo-page) .contact-grid{background:#fffdf9!important;border-color:#d4cdc2!important}
  body:not(.demo-page) .contact-grid h2{color:#171a1f!important}
  body:not(.demo-page) .contact-side>p{color:#505b64!important}
  body:not(.demo-page) .contact-mail{color:#171a1f!important;border-color:#9b9388!important}
  body:not(.demo-page) footer{background:#eae5dc!important;border-color:#d5cec3!important;color:#6d757b!important}
  body:not(.demo-page) .footer-links a{color:#4e5860!important}
}
/* V9 legibility fixes */
body:not(.demo-page) .mono,
body:not(.demo-page) .eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important}
body:not(.demo-page) .button,
body:not(.demo-page) .nav-cta{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
body:not(.demo-page) .service-card,
body:not(.demo-page) .factor-grid article,
body:not(.demo-page) .method-proof-card{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}

/* Trust / proof blocks */
body:not(.demo-page) .proof-section{padding:78px 0;background:#0d1117;color:var(--brand-text);border-top:1px solid #222b38}
body:not(.demo-page) .proof-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:end;margin-bottom:28px}
body:not(.demo-page) .proof-head h2{margin:8px 0 0;font:800 clamp(36px,4.4vw,56px)/.98 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.05em;color:#f3f4f5}
body:not(.demo-page) .proof-head>p{margin:0;color:#909aa5;font-size:13.5px;line-height:1.55}
body:not(.demo-page) .proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body:not(.demo-page) .proof-card{min-height:176px;padding:18px;border:1px solid #293241;border-radius:12px;background:#121720}
body:not(.demo-page) .proof-card .mono{color:#7f8995}
body:not(.demo-page) .proof-card h3{margin:28px 0 8px;font:800 20px/1.08 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.03em;color:#f2f4f5}
body:not(.demo-page) .proof-card p{margin:0;color:#909aa5;font-size:12.5px;line-height:1.52}
body:not(.demo-page) .proof-card strong{color:var(--brand-price)}
body:not(.demo-page) .proof-list{display:grid;gap:7px;margin:14px 0 0;padding:0;list-style:none}
body:not(.demo-page) .proof-list li{position:relative;padding-left:16px;color:#9ca6b0;font-size:12px;line-height:1.45}
body:not(.demo-page) .proof-list li:before{content:"";position:absolute;left:0;top:.56em;width:6px;height:6px;border-radius:50%;background:#7774ff}

/* Short method page */
body:not(.demo-page) .method-simple{background:var(--brand-paper);color:#171a1f;padding:78px 0}
body:not(.demo-page) .method-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body:not(.demo-page) .method-simple-card{min-height:230px;padding:20px;border:1px solid var(--brand-paper-line);border-radius:12px;background:rgba(255,255,255,.38)}
body:not(.demo-page) .method-simple-card>span{color:#5f5bd8}
body:not(.demo-page) .method-simple-card h2{margin:34px 0 10px;font:800 28px/1.02 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.04em;color:#171a1f}
body:not(.demo-page) .method-simple-card p{margin:0;color:#636d74;font-size:13px;line-height:1.55}
body:not(.demo-page) .method-trust{margin-top:34px;padding-top:28px;border-top:1px solid var(--brand-paper-line);display:grid;grid-template-columns:.7fr 1.3fr;gap:42px}
body:not(.demo-page) .method-trust h2{margin:0;font:800 clamp(32px,4vw,46px)/1 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.045em;color:#171a1f}
body:not(.demo-page) .method-trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body:not(.demo-page) .method-trust-list div{padding:15px;border:1px solid var(--brand-paper-line);border-radius:10px;background:rgba(255,255,255,.34)}
body:not(.demo-page) .method-trust-list b{display:block;color:#171a1f;font-size:13px}
body:not(.demo-page) .method-trust-list span{display:block;margin-top:4px;color:#505b64;font-size:11.5px;line-height:1.4}

@media(max-width:900px){
  body:not(.demo-page) .proof-head,body:not(.demo-page) .method-trust{grid-template-columns:1fr}
  body:not(.demo-page) .proof-grid,body:not(.demo-page) .method-simple-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  body:not(.demo-page) .proof-section,body:not(.demo-page) .method-simple{padding:58px 0}
  body:not(.demo-page) .method-trust-list{grid-template-columns:1fr}
}
@media(prefers-color-scheme:light){
  body:not(.demo-page) .proof-section{background:#f7f4ee;color:#171a1f;border-color:#ddd6cb}
  body:not(.demo-page) .proof-head h2,body:not(.demo-page) .proof-card h3{color:#171a1f}
  body:not(.demo-page) .proof-head>p,body:not(.demo-page) .proof-card p,body:not(.demo-page) .proof-list li{color:#667079}
  body:not(.demo-page) .proof-card{background:#fffdf9;border-color:#d7d0c5}
  body:not(.demo-page) .proof-card strong{color:#435114}
}

/* V10 — section-aware button contrast. Paper sections stay light even when OS is dark. */
body:not(.demo-page) .content-page .button,
body:not(.demo-page) .portfolio-guide .button,
body:not(.demo-page) .case-studies .button,
body:not(.demo-page) .method-map .button,
body:not(.demo-page) .method-simple .button,
body:not(.demo-page) .principles .button,
body:not(.demo-page) .faq-section .button,
body:not(.demo-page) .local-proof .button,
body:not(.demo-page) .local-section .button,
body:not(.demo-page) .faq-local .button{
  background:#fffdf9!important;
  border-color:#a9a196!important;
  color:#171a1f!important;
}
body:not(.demo-page) .content-page .button:hover,
body:not(.demo-page) .portfolio-guide .button:hover,
body:not(.demo-page) .case-studies .button:hover,
body:not(.demo-page) .method-map .button:hover,
body:not(.demo-page) .method-simple .button:hover,
body:not(.demo-page) .principles .button:hover,
body:not(.demo-page) .faq-section .button:hover,
body:not(.demo-page) .local-proof .button:hover,
body:not(.demo-page) .local-section .button:hover,
body:not(.demo-page) .faq-local .button:hover{
  background:#f0ebe3!important;
  border-color:#888074!important;
  color:#111419!important;
}
body:not(.demo-page) .content-page .button.primary,
body:not(.demo-page) .portfolio-guide .button.primary,
body:not(.demo-page) .case-studies .button.primary,
body:not(.demo-page) .method-map .button.primary,
body:not(.demo-page) .method-simple .button.primary,
body:not(.demo-page) .principles .button.primary,
body:not(.demo-page) .faq-section .button.primary,
body:not(.demo-page) .local-proof .button.primary,
body:not(.demo-page) .local-section .button.primary,
body:not(.demo-page) .faq-local .button.primary{
  background:#171a1f!important;
  border-color:#171a1f!important;
  color:#fff!important;
}

/* Minimal footer: no duplicate navigation, just legal access. */
body:not(.demo-page) .footer-grid{
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
body:not(.demo-page) .footer-legal{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  font-size:10.5px!important;
}
body:not(.demo-page) .footer-legal a{color:#9ca5ae!important}
body:not(.demo-page) .footer-legal a:hover{color:#fff!important}
@media(prefers-color-scheme:light){
  body:not(.demo-page) .footer-legal a{color:#4e5860!important}
  body:not(.demo-page) .footer-legal a:hover{color:#171a1f!important}
}
@media(max-width:620px){
  body:not(.demo-page) .footer-grid{align-items:flex-start!important;flex-direction:column!important;justify-content:center!important;padding:18px 0!important}
}

/* V11 PageSpeed / accessibility */
body:not(.demo-page) .logo:focus-visible,
body:not(.demo-page) a:focus-visible,
body:not(.demo-page) button:focus-visible,
body:not(.demo-page) input:focus-visible,
body:not(.demo-page) select:focus-visible,
body:not(.demo-page) textarea:focus-visible{
  outline:3px solid #8b88ff!important;
  outline-offset:3px!important;
}
body:not(.demo-page) .lang-switch a{color:#9da7b2!important}
body:not(.demo-page) .lang-switch a[aria-current="page"]{color:#fff!important}
@media(prefers-color-scheme:light){
  body:not(.demo-page) .lang-switch a{color:#4f5962!important}
  body:not(.demo-page) .lang-switch a[aria-current="page"]{color:#171a1f!important}
}
@media(prefers-reduced-motion:reduce){
  body:not(.demo-page) *,body:not(.demo-page) *::before,body:not(.demo-page) *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* Shared language switch */
body:not(.demo-page) .lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid #2c3441;border-radius:9px;background:#11161d}
body:not(.demo-page) .lang-switch a{display:grid!important;place-items:center;min-width:30px;height:28px;border-radius:6px;font:700 9px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:.06em;color:#9da7b2!important;text-decoration:none}
body:not(.demo-page) .lang-switch a[aria-current="page"]{background:#252e3d;color:#fff!important}
@media(prefers-color-scheme:light){
  body:not(.demo-page) .lang-switch{background:#fffdf9;border-color:#d1cabe}
  body:not(.demo-page) .lang-switch a{color:#4f5962!important}
  body:not(.demo-page) .lang-switch a[aria-current="page"]{background:#e6e1d8;color:#171a1f!important}
}
@media(max-width:760px){
  body:not(.demo-page) .lang-switch{display:inline-flex!important}
  body:not(.demo-page) .lang-switch a{min-width:27px;height:26px}
}
