/* RelationshipsIQ — Folio III Vellum Ground
   Canonical paper-intelligence presentation layer.
   Loaded LAST so it owns the rendered visual language across V2 and legacy pages. */

:root{
  /* Surfaces — Folio III Vellum Ground */
  --page:#EBE8DE;
  --surface:#F8F6EE;
  --app-surface:#E0DCD1;
  --app-raised:#D7D2C5;

  /* Typography & Hairlines */
  --ink:#12161A;
  --muted:#585F66;
  --rule:rgba(18,22,26,.13);
  --rule-soft:rgba(18,22,26,.07);

  /* Data Scale & Accents */
  --hot:#1F364D;
  --warm:#3A4550;
  --cool:#707B85;
  --deep:#B2B9C0;
  --ghost:#D5D9DC;
  --sage:#7A5B3E;
  --clay:#585F66;

  /* Engraved Linework & Astrometric Plate */
  --plate:rgba(31,54,77,.25);
  --rings:rgba(31,54,77,.35);
  --spokes:rgba(31,54,77,.20);
  --constellation:rgba(31,54,77,.45);
  --dust:rgba(88,95,102,.30);

  /* Layout & Geometry */
  --measure:62ch;
  --gutter:clamp(1.5rem,6vw,5rem);
  --radius:3px;

  /* CSP-safe / offline-first system fonts */
  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --font-ui:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-data:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,monospace;

  /* Compatibility map: old templates now resolve through Folio III. */
  --riq-paper:var(--surface);
  --riq-canvas:var(--page);
  --riq-canvas-2:var(--app-surface);
  --riq-ink:var(--ink);
  --riq-ink-2:var(--warm);
  --riq-muted:var(--muted);
  --riq-muted-2:var(--cool);
  --riq-line:var(--rule);
  --riq-line-strong:rgba(18,22,26,.20);
  --riq-signal:var(--hot);
  --riq-signal-deep:var(--hot);
  --riq-signal-soft:rgba(31,54,77,.07);
  --riq-warm:var(--sage);
  --riq-warm-soft:rgba(122,91,62,.07);
  --riq-success:var(--sage);
  --riq-danger:var(--clay);
  --riq-inverse:var(--app-surface);
  --riq-inverse-2:var(--app-raised);
  --riq-shadow:none;
  --riq-shadow-raised:none;
  --riq-radius:var(--radius);
  --riq-radius-sm:2px;
  --riq-font:var(--font-ui);
  --riq-mono:var(--font-data);

  --v2-ink:var(--ink);
  --v2-ink-2:var(--hot);
  --v2-blue:var(--hot);
  --v2-cyan:var(--cool);
  --v2-sea:var(--sage);
  --v2-gold:var(--sage);
  --v2-lilac:var(--cool);
  --v2-coral:var(--clay);
  --v2-paper:var(--surface);
  --v2-muted:var(--muted);
  --v2-dark:var(--app-surface);
  --v2-dark-2:var(--app-raised);
  --v2-line:var(--rule);

  --tech-blue:var(--hot);
  --tech-cyan:var(--cool);
  --tech-sea:var(--sage);
  --tech-gold:var(--sage);
  --tech-lilac:var(--cool);
}

/* Material ground -------------------------------------------------------- */
html{background:var(--page)!important;color-scheme:light!important}
body{
  margin:0!important;
  padding:0!important;
  min-height:100vh;
  position:relative;
  background:var(--page)!important;
  color:var(--ink)!important;
  font-family:var(--font-ui)!important;
  font-weight:400!important;
  letter-spacing:0!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  z-index:9999!important;
  opacity:.04!important;
  display:block!important;
  mask-image:none!important;
  background-size:200px 200px!important;
  background-repeat:repeat!important;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")!important;
}

*{box-sizing:border-box}
img,svg{max-width:100%}

/* Typography ------------------------------------------------------------- */
body,h4,h5,h6,p,li,dd,dt,input,select,textarea,button{font-family:var(--font-ui)!important}
h1,h2,h3,
.display,.v2-display,.v2-section-title,.page-hero h1,.home-hero h1,.hero h1,
.v2-cta h2,.intel-cluster__copy h2,.resource-guide h3,.usecase-card h3,
.stage-body h3,.agent-answer h3,.evidence-card h3,.metric-head h3,.article-body h2,.article-body h3{
  font-family:var(--font-display)!important;
  color:var(--ink)!important;
  font-weight:400!important;
  letter-spacing:-.03em!important;
}
h1,.v2-display,.page-hero h1,.home-hero h1,.hero h1{line-height:.98!important}
h2,.v2-section-title{line-height:1!important}
h3{line-height:1.08!important}
p,.lede,.v2-lede,.v2-section-copy,.section-intro,.section-copy,.muted{color:var(--muted)!important}
p,.v2-section-copy,.v2-lede,.article-body{max-width:var(--measure)}

.data,.label,.micro-label,.v2-kicker,.v2-eyebrow,.eyebrow,.section-label,.section-kicker,
.hero-kicker,.card-number,.timeline-num,.feature-num,.intel-label,.graph-label,.tier,.meta,
.asset-symbol,.stage-index,.shift-index,.plan-tier small,.intel-instrument small,.atlas-title,
.hero-funnel__label,.instrument-proof b,.runway-row b,.runway-big,.big-metric,.proof__fig{
  font-family:var(--font-data)!important;
  font-variant-numeric:tabular-nums lining-nums!important;
}
.label,.v2-kicker,.v2-eyebrow,.eyebrow,.section-label,.section-kicker,.hero-kicker,
.card-number,.timeline-num,.feature-num,.intel-label,.graph-label,.tier,.meta,.plan-tier small,
.intel-instrument small,.atlas-title,.hero-funnel__label{
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  font-size:.68rem!important;
  color:var(--hot)!important;
  font-weight:500!important;
}
.micro-label{font-family:var(--font-data)!important;text-transform:uppercase;letter-spacing:.22em;font-size:.65rem}

/* Links / focus ---------------------------------------------------------- */
a{color:inherit}
a:not(.btn):not(.brand){text-underline-offset:3px;text-decoration-thickness:1px}
:focus-visible{outline:1px solid var(--hot)!important;outline-offset:4px!important}
::selection{background:rgba(31,54,77,.16);color:var(--ink)}

/* Header ----------------------------------------------------------------- */
.site-header,.home-header,.hdr{
  height:74px!important;
  background:rgba(235,232,222,.94)!important;
  color:var(--ink)!important;
  border-bottom:1px solid var(--rule)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:none!important;
}
.brand,.home-brand{gap:9px!important}
.brand span,.home-brand span,.mark__name,.footer-brand span{
  font-family:var(--font-ui)!important;
  color:var(--ink)!important;
  font-weight:600!important;
  letter-spacing:-.02em!important;
}
.brand b,.home-brand b,.footer-brand b{color:var(--hot)!important;font-weight:600!important}
.nav-links,.home-links{gap:24px!important}
.nav-links a,.home-links a,.nav-actions a,.home-actions a,.hdr a{
  font-family:var(--font-data)!important;
  color:var(--muted)!important;
  font-size:.66rem!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}
.nav-links a:hover,.nav-links a[aria-current="page"],.home-links a:hover,.home-links a[aria-current="page"]{color:var(--hot)!important}

/* Buttons: outlined, rectangular, mono ---------------------------------- */
.btn,.home-cta,.hero-primary,.hero-secondary,.btn-action,button:not(.menu-toggle){
  min-height:38px!important;
  padding:.58rem .92rem!important;
  border:1px solid var(--rule)!important;
  border-radius:var(--radius)!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font-family:var(--font-data)!important;
  font-size:.68rem!important;
  font-weight:500!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.14em!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
.btn:hover,.home-cta:hover,.hero-primary:hover,.hero-secondary:hover,.btn-action:hover,button:not(.menu-toggle):hover{
  background:var(--ink)!important;
  color:var(--surface)!important;
  border-color:var(--ink)!important;
  transform:none!important;
}
.btn-primary,.btn-secondary,.btn-ghost{background:transparent!important;color:var(--ink)!important;border-color:var(--rule)!important}
.menu-toggle,.burger{
  border:1px solid var(--rule)!important;
  border-radius:var(--radius)!important;
  background:transparent!important;
  color:var(--ink)!important;
  box-shadow:none!important;
  font-family:var(--font-data)!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
}

/* Spacing / editorial measure ------------------------------------------- */
.container{width:min(1180px,calc(100% - (var(--gutter) * 2)))!important}
.v2-shell{width:min(1260px,calc(100% - (var(--gutter) * 2)))!important}
.v2-hero,.page-hero{padding-top:clamp(8rem,13vw,12rem)!important;padding-bottom:clamp(6rem,10vw,9rem)!important}
.v2-section,.section{padding-top:clamp(6rem,10vw,9rem)!important;padding-bottom:clamp(6rem,10vw,9rem)!important}
.v2-section.compact,.section-sm{padding-top:clamp(4.5rem,7vw,6.5rem)!important;padding-bottom:clamp(4.5rem,7vw,6.5rem)!important}
.v2-section-head{margin-bottom:clamp(3.5rem,6vw,5.5rem)!important;gap:clamp(2rem,5vw,5rem)!important}
.v2-display{max-width:15ch!important;font-size:clamp(4.4rem,8vw,8rem)!important}
.v2-lede{font-size:clamp(1.02rem,1.5vw,1.18rem)!important;line-height:1.72!important}
.v2-section-title{font-size:clamp(3rem,5vw,5.2rem)!important;max-width:14ch!important}
.v2-section-copy{font-size:.96rem!important;line-height:1.76!important}

/* Paper plates: no glass, no shadows ------------------------------------ */
.plate,.plate-inset,.v2-glass,.v2-inverse,.card,.metric-panel,.goal-card,.access-card,.matrix-card,
.cta-band,.proof,.person,.product-frame,.graph-panel,.intel-panel,.show-panel,.workflow,
.integration-panel,.integration-item,.faq-list,.pricing-card,.resource-card,.comparison-card,
.feature-panel,.timeline-content,.feature-matrix,.content-card,.quote-card,.privacy-card,.article-card,
.plan,.answer-box,.form-shell,.selector,.selector-result,.comparison-wrap,.table-wrap,.security-callout,
.notice,.app-shell,.graph-float,.queue,.stat,.goal-lens-card,.today-brief,.weather-board,.change-timeline,
.portfolio-card,.runway-summary,.runway-bars,.asset-card,.reciprocity-panel,.room-panel,.agent-answer,
.evidence-card,.intel-instrument,.usecase-card,.usecase-mini,.merge-card,.atlas-link,.resource-guide,
.resource-side a,.plan-tier,.plan-note,.shift-old,.shift-new,.chain-step,.integration-side,.source-chip,
.activation-item,.v2-cta,.os-map a,.agent-question,.give-row,.room-slot{
  border-radius:var(--radius)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.v2-glass,.card,.metric-panel,.goal-card,.access-card,.matrix-card,.cta-band,.proof,.person,
.product-frame,.graph-panel,.intel-panel,.show-panel,.workflow,.integration-panel,.integration-item,
.faq-list,.pricing-card,.resource-card,.comparison-card,.feature-panel,.timeline-content,.feature-matrix,
.content-card,.quote-card,.privacy-card,.article-card,.plan,.answer-box,.form-shell,.selector,.selector-result,
.comparison-wrap,.table-wrap,.security-callout,.notice,.app-shell,.graph-float,.queue,.stat,
.goal-lens-card,.today-brief,.weather-board,.change-timeline,.portfolio-card,.runway-summary,.asset-card,
.reciprocity-panel,.evidence-card,.intel-instrument,.usecase-card,.usecase-mini,.merge-card,.atlas-link,
.resource-guide,.resource-side a,.plan-tier,.plan-note,.shift-old,.shift-new,.source-chip,.agent-question,.v2-cta{
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid var(--rule)!important;
}
.plate-inset,.v2-inverse,.runway-bars,.room-panel,.agent-answer,.integration-side.v2-inverse,.activation-item,.room-slot{
  background:var(--app-surface)!important;
  color:var(--ink)!important;
  border:1px solid var(--rule)!important;
}

/* Neutralize old inverse/contrast rules. */
body[data-content-v2="true"] .v2-inverse h1,body[data-content-v2="true"] .v2-inverse h2,
body[data-content-v2="true"] .v2-inverse h3,body[data-content-v2="true"] .v2-inverse h4,
body[data-content-v2="true"] .v2-inverse h5,body[data-content-v2="true"] .v2-inverse h6,
body[data-content-v2="true"] .v2-inverse strong,body[data-content-v2="true"] .v2-inverse b,
body[data-content-v2="true"] .v2-inverse dd,body[data-content-v2="true"] .v2-section.dark h1,
body[data-content-v2="true"] .v2-section.dark h2,body[data-content-v2="true"] .v2-section.dark h3,
body[data-content-v2="true"] .v2-section.dark h4,body[data-content-v2="true"] .v2-section.dark strong,
body[data-content-v2="true"] .v2-section.dark b{color:var(--ink)!important}
body[data-content-v2="true"] .v2-inverse p,body[data-content-v2="true"] .v2-inverse li,
body[data-content-v2="true"] .v2-inverse dt,body[data-content-v2="true"] .v2-section.dark p,
body[data-content-v2="true"] .v2-section.dark li,body[data-content-v2="true"] .v2-section.dark .v2-section-copy{color:var(--muted)!important}
body[data-content-v2="true"] .v2-inverse small,body[data-content-v2="true"] .v2-inverse .v2-eyebrow,
body[data-content-v2="true"] .v2-section.dark .v2-eyebrow{color:var(--hot)!important}

/* Sections become sheets / inset folios, not black bands. */
.v2-section.dark,.section[style*="background"],section[style*="background:rgba"],section[style*="background: rgba"]{
  background:var(--app-surface)!important;
  color:var(--ink)!important;
  border-top:1px solid var(--rule-soft)!important;
  border-bottom:1px solid var(--rule-soft)!important;
}
.v2-section:not(.dark),.section{background:transparent!important}

/* Pills become annotations / tabs. */
.stage-pills span,.badge,.chip,.preview-chip,.signal-pill,.source-chip{
  border-radius:2px!important;
  background:transparent!important;
  color:var(--warm)!important;
  border:1px solid var(--rule)!important;
  font-family:var(--font-data)!important;
  font-size:.64rem!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  letter-spacing:.10em!important;
}

/* Hairline rhythm -------------------------------------------------------- */
.product-stage,.shift-row,.runway-row,.change-item,.weather-line,.today-move,.give-row,
.agent-answer dl div,.instrument-proof,.usecase-output,.footer-bottom,.faq details,.faq-list details{
  border-color:var(--rule-soft)!important;
}

/* Homepage --------------------------------------------------------------- */
.home-v2 .v2-hero:before,.home-v2 .v2-hero:after,.v2-hero:before,.v2-hero:after{display:none!important}
.hero-funnel{background:transparent!important;border:1px solid var(--rule)!important;border-radius:var(--radius)!important;box-shadow:none!important}
.hero-funnel li{background:transparent!important;border-top:1px solid var(--rule-soft)!important;border-radius:0!important}
.hero-funnel li:first-child{border-top:0!important}
.hero-funnel li strong{font-family:var(--font-data)!important;font-variant-numeric:tabular-nums!important}
.hero-funnel li:nth-child(1) strong{color:var(--hot)!important}
.hero-funnel li:nth-child(2) strong{color:var(--warm)!important}
.hero-funnel li:nth-child(3) strong{color:var(--cool)!important}
.hero-funnel li:nth-child(4) strong{color:var(--deep)!important}
.hero-funnel li:last-child{background:var(--app-surface)!important;color:var(--ink)!important}
.hero-funnel li:last-child span{color:var(--muted)!important}
.today-signal,.change-icon{background:transparent!important;border:1px solid var(--rule)!important;color:var(--hot)!important;border-radius:2px!important}
.goal-lens-card,.portfolio-card,.asset-card{min-height:0!important}
.portfolio-card strong,.runway-big,.big-metric{font-family:var(--font-data)!important;font-variant-numeric:tabular-nums!important}
.portfolio-card:nth-child(1) strong,.runway-big{color:var(--hot)!important}
.portfolio-card:nth-child(2) strong{color:var(--warm)!important}
.portfolio-card:nth-child(3) strong{color:var(--cool)!important}
.portfolio-card:nth-child(4) strong{color:var(--deep)!important}
.portfolio-card:nth-child(1),.asset-card:nth-child(2),.asset-card:nth-child(5){background:var(--surface)!important;color:var(--ink)!important}
.portfolio-card:nth-child(1) h3,.asset-card:nth-child(2) h3,.asset-card:nth-child(5) h3{color:var(--ink)!important}
.portfolio-card:nth-child(1) p,.asset-card:nth-child(2) p,.asset-card:nth-child(5) p{color:var(--muted)!important}
.runway-row .bar{background:var(--ghost)!important;border-radius:1px!important}
.runway-row .bar i{background:var(--warm)!important;border-radius:0!important}
.runway-row:first-child .bar i{background:var(--hot)!important}
.room-slot{background:rgba(248,246,238,.42)!important}
.agent-question{background:transparent!important}

/* Product --------------------------------------------------------------- */
.os-map{gap:0!important;border-top:1px solid var(--rule)!important;border-bottom:1px solid var(--rule)!important}
.os-map a{background:transparent!important;border:0!important;border-left:1px solid var(--rule-soft)!important;border-radius:0!important}
.os-map a:first-child{border-left:0!important}
.os-map a:hover{background:var(--surface)!important;transform:none!important}
.stage-index{color:var(--deep)!important;font-family:var(--font-data)!important}
.product-stage{padding:clamp(3rem,5vw,4.5rem) 0!important}

/* Intelligence ----------------------------------------------------------- */
.intelligence-index{gap:0!important;border:1px solid var(--rule)!important}
.intelligence-index a{background:transparent!important;border:0!important;border-left:1px solid var(--rule-soft)!important;border-top:1px solid var(--rule-soft)!important;border-radius:0!important}
.intel-instrument,.intel-instrument:nth-child(3n+2){background:var(--surface)!important;border:1px solid var(--rule)!important;color:var(--ink)!important}
.intel-instrument:nth-child(3n+2) h3,.intel-instrument:nth-child(3n+2) b,.intel-instrument:nth-child(3n+2) strong{color:var(--ink)!important}
.intel-instrument:nth-child(3n+2) p,.intel-instrument:nth-child(3n+2) .instrument-proof span{color:var(--muted)!important}
.instrument-proof b{color:var(--hot)!important}

/* Use cases -------------------------------------------------------------- */
.usecase-card,.usecase-card:nth-child(1),.usecase-card:nth-child(4){background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--rule)!important}
.usecase-card:nth-child(1) h3,.usecase-card:nth-child(4) h3,.usecase-card:nth-child(1) .usecase-output b,.usecase-card:nth-child(4) .usecase-output b{color:var(--ink)!important}
.usecase-card:nth-child(1) p,.usecase-card:nth-child(4) p,.usecase-card:nth-child(1) .usecase-output,.usecase-card:nth-child(4) .usecase-output{color:var(--muted)!important}
.usecase-card:before{color:var(--ghost)!important}
.usecase-card:nth-child(1):before,.usecase-card:nth-child(4):before{color:var(--ghost)!important}

/* Integrations ----------------------------------------------------------- */
.integration-side{background:var(--surface)!important;border:1px solid var(--rule)!important}
.integration-side.v2-inverse{background:var(--app-surface)!important}
.activation-item b{color:var(--ink)!important}.activation-item span{color:var(--muted)!important}
.pipeline-core span{background:var(--hot)!important;color:var(--surface)!important;border-radius:var(--radius)!important;box-shadow:none!important}
.pipeline-core i{background:var(--plate)!important}
.tech-packet{background:var(--hot)!important;box-shadow:none!important}
body.integrations-v2[data-content-v2="true"] .v2-section.dark .runway-summary,
body.integrations-v2[data-content-v2="true"] .v2-section.dark .runway-bars{background:var(--surface)!important;border:1px solid var(--rule)!important;box-shadow:none!important}
body.integrations-v2[data-content-v2="true"] .v2-section.dark .runway-summary:before{background:var(--hot)!important;width:1px!important}
body.integrations-v2[data-content-v2="true"] .v2-section.dark .runway-row>span,
body.integrations-v2[data-content-v2="true"] .v2-section.dark .runway-row>b{color:var(--ink)!important}
body.integrations-v2[data-content-v2="true"] .v2-section.dark .runway-row>div{color:var(--muted)!important}

/* Resources -------------------------------------------------------------- */
.atlas{gap:0!important;border:1px solid var(--rule)!important}
.atlas-col{gap:0!important}
.atlas-title{padding:16px!important;border-bottom:1px solid var(--rule-soft)!important}
.atlas-link,.atlas-col:nth-child(2) .atlas-link:nth-of-type(even),.atlas-col:nth-child(4) .atlas-link:nth-of-type(odd){background:transparent!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--rule-soft)!important;border-radius:0!important}
.atlas-link strong,.atlas-col:nth-child(2) .atlas-link:nth-of-type(even) strong,.atlas-col:nth-child(4) .atlas-link:nth-of-type(odd) strong{color:var(--ink)!important}
.atlas-link span,.atlas-col:nth-child(2) .atlas-link:nth-of-type(even) span,.atlas-col:nth-child(4) .atlas-link:nth-of-type(odd) span{color:var(--muted)!important}
.resource-guide.v2-inverse{background:var(--app-surface)!important}
.resource-guide.v2-inverse h3,.resource-guide.v2-inverse strong,.resource-guide.v2-inverse b{color:var(--ink)!important}
.resource-guide.v2-inverse p{color:var(--muted)!important}

/* Plans ------------------------------------------------------------------ */
.plan-stair{gap:0!important;border-bottom:1px solid var(--rule)!important}
.plan-tier,.plan-tier:nth-child(3){background:transparent!important;color:var(--ink)!important;border-color:var(--rule)!important;border-radius:0!important}
.plan-tier:nth-child(3) h3,.plan-tier:nth-child(3) b,.plan-tier:nth-child(3) strong{color:var(--ink)!important}
.plan-tier:nth-child(3) p,.plan-tier:nth-child(3) li{color:var(--muted)!important}
.plan-tier:nth-child(3) small{color:var(--hot)!important}
.plan-tier:before{color:var(--ghost)!important}
.plan-tier ul li:before{background:var(--hot)!important;box-shadow:none!important;border-radius:0!important}
.plan-stair:before,.plan-tier:after{height:1px!important;background:var(--hot)!important;opacity:.45!important}

/* Alternatives ----------------------------------------------------------- */
.shift-old,.shift-new{background:transparent!important;border:1px solid var(--rule)!important}
.shift-new{background:var(--surface)!important}
.shift-arrow:before{background:var(--hot)!important;height:1px!important}.shift-arrow:after{color:var(--hot)!important}
.intelligence-chain{gap:0!important}.chain-step{background:transparent!important;color:var(--ink)!important;border-color:var(--rule)!important}.chain-arrow{color:var(--hot)!important}

/* Security / trust ------------------------------------------------------- */
.security-page .security-principles-grid>.card:nth-child(n){background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--rule)!important;box-shadow:none!important;transform:none!important;opacity:1!important;border-radius:var(--radius)!important}
.security-page .security-principles-grid>.card:nth-child(n) h3{color:var(--ink)!important}
.security-page .security-principles-grid>.card:nth-child(n) p{color:var(--muted)!important}
.security-page .security-callout,.security-page .quote{background:transparent!important;border-color:var(--hot)!important;color:var(--ink)!important}
.security-page .feature-icon,.security-page .card-icon{background:transparent!important;color:var(--hot)!important;border-color:var(--rule)!important;border-radius:2px!important}
.security-page .bar>span{background:var(--hot)!important}

/* Forms / tables --------------------------------------------------------- */
.field label,label{font-family:var(--font-data)!important;text-transform:uppercase!important;letter-spacing:.10em!important;font-size:.64rem!important;color:var(--muted)!important}
.field input,.field textarea,.field select,input,textarea,select{
  background:transparent!important;
  color:var(--ink)!important;
  border:1px solid var(--rule)!important;
  border-radius:var(--radius)!important;
  box-shadow:none!important;
  font-family:var(--font-ui)!important;
}
.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{border-color:var(--hot)!important;box-shadow:none!important;outline:none!important}
.form-shell{background:var(--surface)!important}
.table,.comparison,.comparison-table{background:transparent!important;color:var(--ink)!important;border-color:var(--rule)!important}
.table th,.comparison th,.comparison-table th{background:var(--app-raised)!important;color:var(--ink)!important;font-family:var(--font-data)!important;text-transform:uppercase!important;letter-spacing:.09em!important}
.table td,.comparison td,.comparison-table td{color:var(--muted)!important;border-color:var(--rule-soft)!important}

/* FAQ: print-like index -------------------------------------------------- */
.faq,.faq-list{max-width:var(--measure)!important}
.faq details,.faq-list details{border-bottom:1px solid var(--rule-soft)!important;margin:0!important}
.faq summary,.faq-list summary{font-family:var(--font-display)!important;color:var(--ink)!important;font-size:clamp(1.2rem,1.8vw,1.55rem)!important;letter-spacing:-.02em!important;padding:1.15rem 2rem 1.15rem 0!important}
.faq summary::after,.faq-list summary::after{font-family:var(--font-data)!important;color:var(--hot)!important;font-size:.9rem!important}
.faq p,.faq-list p{color:var(--muted)!important;max-width:var(--measure)!important;font-size:.92rem!important;line-height:1.75!important;margin:0!important;padding:0 0 1.35rem!important}

/* Engraved visualization treatment ------------------------------------- */
.tech-viz{opacity:.52!important;filter:grayscale(1) sepia(.18)!important}
.tech-viz line,.tech-viz path{stroke:var(--constellation)!important}
.tech-viz circle{stroke:var(--constellation)!important;fill:var(--surface)!important}
.signal-edge,.edge{stroke:var(--spokes)!important;background:var(--spokes)!important}
.signal-path{stroke:var(--hot)!important;filter:none!important}
.signal-dot{fill:var(--cool)!important}.signal-hot{fill:var(--hot)!important;filter:none!important}
.node{background:var(--deep)!important;border-color:var(--cool)!important;box-shadow:none!important}
.node.hot{background:var(--hot)!important;border-color:var(--hot)!important;box-shadow:none!important}
.score{color:var(--hot)!important}

/* Footer ----------------------------------------------------------------- */
.footer,.ftr,.home-footer,.site-footer{
  background:var(--app-surface)!important;
  color:var(--muted)!important;
  border-top:1px solid var(--rule)!important;
  box-shadow:none!important;
}
.footer a,.ftr a,.footer h4,.ftr h4,.site-footer a{color:var(--muted)!important}
.footer a:hover,.ftr a:hover,.site-footer a:hover{color:var(--hot)!important}
.footer h4{font-family:var(--font-data)!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:.64rem!important}
.footer-brand,.footer-brand span{color:var(--ink)!important}
.footer .footer-tagline{font-family:var(--font-display)!important;color:var(--hot)!important;font-weight:400!important;letter-spacing:-.02em!important;font-size:1.08rem!important}
.footer-bottom{border-color:var(--rule-soft)!important;font-family:var(--font-data)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:.62rem!important}
.footer:before,.home-footer:before,.site-footer:before{opacity:.14!important;filter:grayscale(1) sepia(.16)!important}

/* Remove consumer-hover lift globally. */
.card:hover,.goal-card:hover,.access-card:hover,.article-card:hover,.integration-item:hover,
.os-map a:hover,.merge-card:hover,.atlas-link:hover,.plan-tier:hover{transform:none!important;box-shadow:none!important}

/* Mobile Folio composition ---------------------------------------------- */
@media(max-width:1080px){
  .nav-links.open,.home-links.open{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--rule)!important;border-radius:0!important;box-shadow:none!important}
  .nav-links a,.home-links a{border-radius:0!important;border-bottom:1px solid var(--rule-soft)!important}
}
@media(max-width:760px){
  body::before{display:block!important;opacity:.035!important}
  .container,.v2-shell{width:calc(100% - 2rem)!important}
  .v2-hero,.page-hero{padding-top:7.5rem!important;padding-bottom:5rem!important}
  .v2-section,.section{padding-top:5rem!important;padding-bottom:5rem!important}
  .v2-display{font-size:clamp(3rem,14vw,4.7rem)!important;max-width:10ch!important}
  .v2-section-title{font-size:clamp(2.5rem,11vw,3.7rem)!important;max-width:12ch!important}
  .v2-lede,.v2-section-copy,.section-intro,.lede{max-width:100%!important}
  .v2-actions .btn{width:100%!important}
  .portfolio-grid,.asset-grid,.evidence-grid,.usecase-featured,.usecase-more,.merge-safety,.plan-stair,.atlas,.resource-featured{gap:1px!important}
  .goal-lens-card,.portfolio-card,.asset-card,.evidence-card,.usecase-card,.merge-card,.intel-instrument,.resource-guide,.plan-tier{padding:1.35rem!important}
  .product-v2 .os-map{border-left:1px solid var(--rule)!important;border-right:1px solid var(--rule)!important}
  .product-v2 .os-map a{background:var(--surface)!important;border-left:1px solid var(--rule-soft)!important}
  .intelligence-index{grid-template-columns:1fr!important}
  .room-slots{gap:1px!important}
  .footer-top{gap:2rem 1rem!important}
}
@media(max-width:480px){
  .container,.v2-shell{width:calc(100% - 1.5rem)!important}
  .site-header,.home-header{height:64px!important}
  .v2-display{font-size:clamp(2.7rem,13.5vw,3.8rem)!important}
  .v2-section-title{font-size:clamp(2.3rem,11vw,3.1rem)!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
