/*
 * POLIDIOT / DOCUMENT INTEGRITY PASS
 * Retains every founder-approved image and copy block.
 * One scrolling canvas replaces six stand-alone transition strips.
 * Kept separate from approved artwork rules for straightforward rollback.
 */
:root{--polidiot-paper:#f7f2e8;--polidiot-ink:#050607;--polidiot-sky:#eef3f3}
main{isolation:isolate;background:var(--polidiot-paper)}
main > #top,main > .approved-artboard-section,main > .hq-pulse-continuum{margin-block:0}
#product .approved-artboard img{filter:none!important}

/* A transition is now a blending layer centered on a shared boundary,
   not an independently sized block inserted between artboards. */
.flow-bridge{
  position:relative!important;
  display:block!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:none!important;
  isolation:auto!important;
  overflow:visible!important;
  z-index:6!important;
}
.flow-bridge::after{display:none!important}
.flow-bridge::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:auto 0!important;
  top:calc(var(--seam-depth,90px) / -2)!important;
  height:var(--seam-depth,90px)!important;
  width:100%!important;
  z-index:7!important;
  opacity:1!important;
  pointer-events:none!important;
  transition:none!important;
}
.bridge-1-2{--seam-depth:48px}
.bridge-1-2::before{
  background:linear-gradient(180deg,rgba(255,255,255,0),#fff 55%,rgba(255,255,255,0))!important
}
.bridge-2-3{--seam-depth:94px}
.bridge-2-3::before{
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.93) 40%,rgba(247,242,232,.94) 60%,rgba(247,242,232,0) 100%)!important
}
.bridge-3-4{--seam-depth:155px}
.bridge-3-4::before{
  background:linear-gradient(180deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.94) 25%,rgba(119,113,107,.9) 53%,rgba(5,6,7,.94) 81%,rgba(5,6,7,0) 100%)!important
}
.bridge-4-5::before{display:none!important}
.bridge-5-6{--seam-depth:114px}
.bridge-5-6::before{
  background:linear-gradient(180deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.78) 37%,rgba(247,242,232,.94) 60%,rgba(247,242,232,0) 100%)!important
}
.bridge-6-7{--seam-depth:100px}
.bridge-6-7::before{
  background:linear-gradient(180deg,rgba(247,242,232,0) 0%,rgba(247,242,232,.86) 39%,rgba(238,243,243,.92) 65%,rgba(238,243,243,0) 100%)!important
}

/* Share neighboring paper/ink at each artboard edge. */
#product::after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,0) 100%)!important}
#briefings::before{background:linear-gradient(180deg,#f7f2e8 0%,rgba(247,242,232,0) 100%)!important}
#briefings::after{background:linear-gradient(0deg,#f7f2e8 0%,rgba(247,242,232,0) 100%)!important}
#hq::before{background:linear-gradient(180deg,#050607 0%,rgba(5,6,7,0) 100%)!important}
#pulse::after{background:linear-gradient(0deg,rgba(247,242,232,.75) 0%,rgba(247,242,232,0) 100%)!important}

/* Preserve the already-approved single HQ → Pulse track; no second bridge motif. */
.hq-pulse-continuum .bridge-4-5{background:none!important}
.hq-pulse-continuum .bridge-4-5::before,
.hq-pulse-continuum .bridge-4-5::after{display:none!important}

/* On narrow screens the three existing image crops share a single editorial
   progression; the subsequent panel fades over the preceding one rather than
   producing a hard line. The image pixels and crop coordinates are unchanged. */
@media(max-width:760px){
  .flow-bridge{margin:0!important;height:0!important}
  .bridge-1-2{--seam-depth:30px}
  .bridge-2-3{--seam-depth:65px}
  .bridge-3-4{--seam-depth:100px}
  .bridge-5-6{--seam-depth:65px}
  .bridge-6-7{--seam-depth:62px}
  .mobile-crop-stack{gap:0!important}
  .mobile-crop-stack .mobile-crop + .mobile-crop{
    position:relative;
    margin-top:-26px;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.64) 18px,#000 42px);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.64) 18px,#000 42px);
  }
  .mobile-crop{box-shadow:none!important}
  .ix-hero-actions{background:#fff!important;box-shadow:none!important}
  .ix-membership-actions{background:linear-gradient(180deg,#f7f2e8 0%,#eef3f3 100%)!important}
  .ix-mobile-actions{border:0!important}
}
/* Keep the two hero actions on one intentional row on compact phones. */
@media(max-width:380px){
  .ix-hero-actions{padding:9px 12px 12px!important}
  .ix-hero-actions .ix-mobile-cta{
    flex:1 1 124px!important;min-width:0!important;
    padding:10px!important;font-size:10.5px!important;line-height:1.2
  }
  .ix-hero-actions .ix-mobile-cta span{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .flow-bridge::before{transition:none!important}
}


/* Polidiot / Heritage Ivory & Editorial Rhythm
   Preserve founder-approved artwork: neutral paper and intentional pacing. */
:root{--polidiot-paper:#f7f2e8;--polidiot-paper-light:#fbf8f1}
main{background:var(--polidiot-paper)!important}

/* The first three chapters belong to one unbroken heritage-ivory canvas. */
#top.hero-master,
#product,
#briefings,
#product .approved-artboard,
#briefings .approved-artboard,
#product .mobile-crop-stack,
#briefings .mobile-crop-stack{background:var(--polidiot-paper)!important}

/* Original art is unchanged. White canvas within the approved raster picks
   up the same ivory underpainting through neutral multiply compositing. */
#top .hero-reference-art,
#product .approved-artboard img,
#briefings .approved-artboard img{
  background:transparent!important;
  mix-blend-mode:multiply;
  filter:none!important;
}
#product .mobile-crop,
#briefings .mobile-crop{
  background-color:var(--polidiot-paper)!important;
  background-blend-mode:multiply!important;
}
#top .hero-reference-art{opacity:1!important}

/* Reintroduce considered breathing space INSIDE the common canvas, rather
   than independent poster-like strips. All color transitions remain optical. */
.flow-bridge{
  margin:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.bridge-1-2{
  height:clamp(72px,6.5vw,108px)!important;
  background:var(--polidiot-paper)!important;
}
.bridge-2-3{
  height:clamp(84px,7.5vw,126px)!important;
  background:var(--polidiot-paper)!important;
}
.bridge-3-4{height:clamp(118px,10vw,158px)!important}
.bridge-4-5{height:36px!important;background:#050607!important}
.bridge-5-6{height:clamp(88px,8vw,126px)!important}
.bridge-6-7{height:clamp(88px,7.2vw,120px)!important}
.flow-bridge::before{
  top:-26px!important;
  height:calc(100% + 52px)!important;
}
/* No bright white bars interrupt the ivory chapter. */
.bridge-1-2::before{
  background:linear-gradient(180deg,rgba(247,242,232,0),rgba(247,242,232,.88) 28%,#f7f2e8 56%,rgba(247,242,232,0))!important
}
.bridge-2-3::before{
  background:linear-gradient(180deg,rgba(247,242,232,0),#f7f2e8 30%,#f7f2e8 72%,rgba(247,242,232,0))!important
}
.bridge-3-4::before{
  background:linear-gradient(180deg,rgba(247,242,232,0) 0%,#f7f2e8 20%,rgba(239,232,220,.98) 45%,rgba(83,75,72,.92) 70%,#050607 94%,rgba(5,6,7,0) 100%)!important
}
.bridge-5-6::before{
  background:linear-gradient(180deg,rgba(5,6,7,0),rgba(26,25,23,.93) 12%,rgba(116,108,97,.91) 46%,#f7f2e8 89%,rgba(247,242,232,0))!important
}
.bridge-6-7::before{
  background:linear-gradient(180deg,rgba(247,242,232,0) 0%,#f7f2e8 26%,rgba(247,242,232,.97) 62%,rgba(238,243,243,0) 100%)!important
}

/* Remove the old white section-edge veils rather than creating a bright stripe. */
#product::before,#product::after,
#briefings::before,#briefings::after{
  background:linear-gradient(to bottom,rgba(247,242,232,.9),rgba(247,242,232,0))!important
}
#product::after,#briefings::after{
  background:linear-gradient(to top,rgba(247,242,232,.9),rgba(247,242,232,0))!important
}

/* Align narrow-screen editorial spacing with the breathing-room logic. */
@media(max-width:760px){
 .bridge-1-2{height:24px!important}
 .bridge-2-3{height:48px!important}
 .bridge-3-4{height:86px!important}
 .bridge-4-5{height:24px!important}
 .bridge-5-6{height:68px!important}
 .bridge-6-7{height:24px!important}
 .flow-bridge::before{top:-18px!important;height:calc(100% + 36px)!important}
 .ix-hero-actions{background:var(--polidiot-paper)!important;padding-block:16px 20px}
 .ix-membership-actions{padding-block:20px 24px}
 .mobile-crop-stack .mobile-crop+.mobile-crop{margin-top:-14px}
 .ix-download-actions{padding-block:20px 24px}
}
@media(max-width:380px){
 .ix-hero-actions{padding-top:14px!important;padding-bottom:18px!important}
}




/* ==========================================================
   POLIDIOT / SECTION 1 — UNIFIED FOUNDER-APPROVED HERO
   Consolidated 2026-10-15. One network field, no disconnected strips.
   The raster and its premium composition are preserved exactly.
   Keep overrides in this single block rather than stacking fixes.
   ========================================================== */
main{position:relative!important}
@media(min-width:761px){
  main{
    --polidiot-hero-offset:max(18px,calc((100svh - 88px - min(100vw,1672px) * .507775)/2 + 8px));
    padding-top:var(--polidiot-hero-offset)!important;
  }
  .bridge-1-2{
    height:max(clamp(72px,6.5vw,108px),
      calc(100svh - 88px - var(--polidiot-hero-offset) - min(100vw,1672px) * .507775 + 36px))!important;
  }
}
@media(max-width:760px){
  main{
    --polidiot-hero-offset:max(16px,calc((100svh - 64px - 100vw - 92px)/2 + 8px));
    padding-top:var(--polidiot-hero-offset)!important;
  }
  #top.hero-master{height:100vw!important;aspect-ratio:auto!important}
  .bridge-1-2{
    height:max(24px,calc(100svh - 64px - var(--polidiot-hero-offset) - 100vw - 92px + 32px))!important;
  }
}
@media(max-width:380px){
  main{--polidiot-hero-offset:max(16px,calc((100svh - 64px - 100vw - 80px)/2 + 8px))}
  .bridge-1-2{
    height:max(24px,calc(100svh - 64px - var(--polidiot-hero-offset) - 100vw - 80px + 32px))!important;
  }
}

/* A single art-directed signal field extends through the top space, raster
   and bottom breathing room. The center is purposefully left open. */
.ix-stage-field{
  position:absolute;
  inset:0 0 auto;
  z-index:4;
  pointer-events:none;
  height:calc(100svh - 56px);
  overflow:hidden;
}
.ix-stage-field svg{
  display:block;width:100%;height:100%;
  overflow:hidden;pointer-events:none;
}
.ix-stage-field .field-path{
  fill:none;
  stroke:#353b3e;
  stroke-width:1.15;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  opacity:.29;
}
.ix-stage-field .field-path.red{stroke:#cf3436;opacity:.38}
.ix-stage-field .field-nodes circle{
  fill:#283239;opacity:.42;vector-effect:non-scaling-stroke;
}
.ix-stage-field .field-nodes circle.red{fill:#d4292e;opacity:.53}
.ix-stage-field .field-traveler{
  fill:#d82d31;
  opacity:.74;
  filter:drop-shadow(0 0 3px rgba(210,29,39,.45));
}

/* The approved logo, lettering and CTA are composited from their exact image.
   This avoids substitute fonts, mismatched letter spacing or regenerated art. */
#top .ix-hero-copy-clean,
#top .hero-reference-art.ix-hero-copy-layer{display:none!important}
@media(min-width:901px){
  #top.hero-master{
    overflow:visible!important;
    clip-path:inset(0px 0px -64px 0px)!important;
  }
  #top .ix-hero-copy-clean{
    display:block!important;
    position:absolute;
    z-index:3;
    pointer-events:none;
    left:24%;top:73.8%;width:52%;height:calc(27% + 55px);
    background:#f7f2e8;
    -webkit-mask-image:radial-gradient(ellipse 64% 64% at 50% 46%,#000 48%,transparent 100%);
    mask-image:radial-gradient(ellipse 64% 64% at 50% 46%,#000 48%,transparent 100%);
  }
  #top .hero-reference-art.ix-hero-copy-layer{
    display:block!important;z-index:4!important;pointer-events:none!important;
  }
  #top .hero-reference-art.ix-hero-copy-layer.headline{
    clip-path:none;
    -webkit-mask-image:radial-gradient(ellipse 34% 9.7% at 50% 87%,#000 52%,transparent 100%);
    mask-image:radial-gradient(ellipse 34% 9.7% at 50% 87%,#000 52%,transparent 100%);
    transform:translateY(20px);
  }
  #top .hero-reference-art.ix-hero-copy-layer.actions{
    clip-path:none;
    -webkit-mask-image:radial-gradient(ellipse 25% 5.5% at 50% 97%,#000 50%,transparent 100%);
    mask-image:radial-gradient(ellipse 25% 5.5% at 50% 97%,#000 50%,transparent 100%);
    transform:translateY(32px);
  }
  #top .hero-reference-hotspot{z-index:6!important}
  #top .hero-reference-hotspot.join,
  #top .hero-reference-hotspot.explore{transform:translateY(32px)}
  #top .hero-reference-art:not(.ix-hero-copy-layer):not(.ix-hero-company-ink){
    -webkit-mask-image:linear-gradient(to bottom,
      transparent 0%,transparent 9.5%,rgba(0,0,0,.16) 10.1%,
      rgba(0,0,0,.72) 11.7%,#000 13.3%,#000 90%,
      rgba(0,0,0,.85) 94%,transparent 100%)!important;
    mask-image:linear-gradient(to bottom,
      transparent 0%,transparent 9.5%,rgba(0,0,0,.16) 10.1%,
      rgba(0,0,0,.72) 11.7%,#000 13.3%,#000 90%,
      rgba(0,0,0,.85) 94%,transparent 100%)!important;
  }
}
#top .hero-reference-art.ix-hero-company-ink{
  display:block!important;
  position:absolute;inset:0;width:100%;height:100%;
  z-index:5!important;
  object-fit:contain;object-position:center;
  opacity:1!important;mix-blend-mode:multiply;
  filter:contrast(2.3) grayscale(1)!important;
  clip-path:inset(74% 25% 20.8% 25%);
  pointer-events:none;background:transparent!important;
}
@media(max-width:760px){
  .ix-stage-field{height:calc(100svh - 32px)}
  .ix-stage-field svg{opacity:.72}
  .ix-stage-field .field-nodes circle{opacity:.34}
}
@media(prefers-reduced-motion:reduce){
  .ix-stage-field .field-traveler{display:none!important}
}


/* ================================================================
   POLIDIOT PREMIUM EXPERIENCE V18
   A seamless editorial product walkthrough, civic brand close, and footer.
   Scoped to new live HTML. Existing approved image artboards untouched.
   ================================================================ */
:root{
  --ix-paper:#f7f2e8;
  --ix-soft-paper:#fcf9f2;
  --ix-ink:#172638;
  --ix-muted:#596574;
  --ix-crimson:#c82630;
  --ix-rule:rgba(33,45,57,.15);
}
#experience,#experience *, .ix-conclusion, .ix-conclusion *,
.ix-site-footer,.ix-site-footer *{box-sizing:border-box}
#experience{scroll-margin-top:90px}
.ix-experience{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#f7f2e8 0%,#faf7ef 27%,#faf7ef 85%,#f7f2e8 100%);
  color:var(--ix-ink);
  padding:clamp(80px,8.5vw,144px) 0 clamp(100px,10vw,160px);
  overflow:hidden;
}
.ix-experience::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:6%;left:50%;
  width:min(1170px,95vw);
  aspect-ratio:1.5;
  border:1px solid rgba(184,70,63,.04);
  border-radius:50%;
  transform:translate(-50%,0) rotate(-8deg);
  pointer-events:none;
}
.ix-experience-shell,.ix-conclusion-shell{
  width:min(1200px,calc(100% - 84px));
  margin-inline:auto;
}
.ix-experience-topline{
  display:flex;justify-content:space-between;align-items:center;
  gap:20px;
  border-bottom:1px solid var(--ix-rule);
  padding-bottom:18px;
  color:#6b6c6b;
  font:700 11px/1.4 var(--condensed,Arial,sans-serif);
  letter-spacing:.23em;
}
.ix-experience-topline>span:first-child{display:flex;align-items:center;gap:14px;color:var(--ix-ink)}
.ix-experience-rule{display:block;width:32px;height:2px;background:var(--ix-crimson)}
.ix-experience-intro{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(270px,.65fr);
  gap:clamp(32px,6vw,110px);
  align-items:end;
  padding:clamp(43px,5.3vw,75px) 0 clamp(42px,5.5vw,70px);
}
.ix-experience-intro h2{
  margin:0;
  font:400 clamp(42px,5.1vw,79px)/1.08 var(--serif,Georgia,serif);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.ix-experience-intro h2 em{font-weight:400;color:var(--ix-crimson);font-style:italic}
.ix-experience-intro>p{
  margin:0 0 8px;
  color:#4a5864;
  font:400 clamp(16px,1.2vw,19px)/1.7 var(--sans,Arial,sans-serif);
  max-width:380px;
}
.ix-experience-layout{
  display:grid;
  grid-template-columns:minmax(270px,.78fr) minmax(0,1.38fr);
  gap:clamp(26px,5vw,72px);
  align-items:stretch;
}
.ix-experience-steps{
  display:flex;flex-direction:column;
  justify-content:center;
  border-top:1px solid var(--ix-rule);
}
.ix-experience-tab{
  appearance:none;
  position:relative;
  width:100%;
  border:0;
  border-bottom:1px solid var(--ix-rule);
  padding:26px 38px 26px 22px;
  background:transparent;
  color:var(--ix-ink);
  display:flex;flex-direction:column;align-items:flex-start;
  gap:5px;cursor:pointer;text-align:left;
  transition:background .3s ease,padding .3s ease;
}
.ix-experience-tab::before{
  content:"";position:absolute;
  left:0;top:22px;bottom:22px;
  width:2px;background:var(--ix-crimson);
  transform:scaleY(0);transform-origin:center;
  transition:transform .3s ease;
}
.ix-experience-tab.is-selected{padding-left:31px;background:rgba(255,255,255,.34)}
.ix-experience-tab.is-selected::before{transform:scaleY(1)}
.ix-experience-tab:hover{background:rgba(255,255,255,.48)}
.ix-experience-index{
  color:var(--ix-crimson);
  font:700 11px/1.4 var(--condensed,Arial,sans-serif);
  letter-spacing:.19em;
}
.ix-experience-label{
  font:400 clamp(22px,2vw,29px)/1.16 var(--serif,Georgia,serif);
  letter-spacing:-.018em;
}
.ix-experience-sub{
  color:#7b817d;
  font:400 13px/1.5 var(--sans,Arial,sans-serif);
}
.ix-experience-arrow{
  position:absolute;right:8px;top:43%;
  font:400 21px/1 var(--sans,Arial,sans-serif);
  color:var(--ix-crimson);opacity:0;
  transform:translate(-4px,4px);transition:.28s ease;
}
.ix-experience-tab.is-selected .ix-experience-arrow,
.ix-experience-tab:hover .ix-experience-arrow{opacity:1;transform:translate(0,0)}
.ix-experience-side-note{
  display:flex;align-items:flex-start;gap:12px;
  margin:34px 16px 0 0;
  max-width:290px;
  font:400 13px/1.65 var(--sans,Arial,sans-serif);
  color:#747b7b;
}
.ix-experience-side-note span{color:var(--ix-crimson);font-size:20px;line-height:1}
.ix-experience-panel{
  min-width:0;
  border:1px solid rgba(29,42,55,.15);
  border-radius:20px;
  background:linear-gradient(146deg,rgba(255,255,255,.93),rgba(255,252,247,.9));
  box-shadow:0 25px 65px rgba(41,45,45,.055),0 3px 16px rgba(41,45,45,.023);
  overflow:hidden;
  outline-offset:5px;
}
.ix-experience-panel-header{
  min-height:61px;
  padding:17px clamp(23px,3vw,43px);
  border-bottom:1px solid rgba(29,42,55,.11);
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;
  font:700 10px/1.5 var(--condensed,Arial,sans-serif);
  letter-spacing:.16em;color:#64717a;
}
.ix-experience-panel-header>span:first-child{color:#283b47;display:flex;align-items:center;gap:10px}
.ix-experience-live-dot{
  width:6px;height:6px;border-radius:50%;
  display:inline-block;background:var(--ix-crimson);
  box-shadow:0 0 0 4px rgba(200,38,48,.07);
}
.ix-experience-visual{
  position:relative;
  display:flex;align-items:flex-start;justify-content:space-between;
  min-height:150px;
  padding:45px clamp(23px,3vw,45px) 28px;
  background:radial-gradient(ellipse at 50% 10%,rgba(200,38,48,.025),transparent 60%),
             linear-gradient(180deg,#fbf8f0,rgba(255,255,255,.12));
}
.ix-experience-visual-track{
  position:absolute;
  z-index:0;
  height:1px;top:64px;
  left:clamp(42px,4.6vw,70px);
  right:clamp(42px,4.6vw,70px);
  background:linear-gradient(90deg,rgba(32,47,59,.1),rgba(200,38,48,.42),rgba(32,47,59,.1));
}
.ix-experience-visual-point{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;
  gap:12px;min-width:84px;text-align:center;
  opacity:1;
  transition:opacity .35s ease,transform .35s ease;
}
.ix-experience-visual-point>span{
  display:grid;place-items:center;
  width:39px;height:39px;
  border-radius:50%;
  border:1px solid rgba(22,40,55,.27);
  background:#fbf9f3;
  color:#354854;
  font:700 12px/1 var(--condensed,Arial,sans-serif);
  box-shadow:0 0 0 6px #faf8f1;
  transition:.3s ease;
}
.ix-experience-visual-point strong{
  font:700 10px/1.35 var(--condensed,Arial,sans-serif);
  letter-spacing:.13em;color:#44515b;
}
.ix-experience-visual-point.is-current{opacity:1;transform:translateY(-3px)}
.ix-experience-visual-point.is-current>span{
  background:#132a3d;color:#fff;border-color:#132a3d;
  box-shadow:0 0 0 6px rgba(200,38,48,.095),0 0 0 8px rgba(200,38,48,.12);
}
.ix-experience-panel-main{padding:17px clamp(23px,3vw,45px) 35px}
.ix-experience-panel-kicker{
  margin:0 0 14px;
  font:700 11px/1.4 var(--condensed,Arial,sans-serif);
  letter-spacing:.21em;color:var(--ix-crimson);
}
.ix-experience-panel-main h3{
  margin:0 0 14px;
  max-width:600px;
  font:400 clamp(29px,3vw,44px)/1.13 var(--serif,Georgia,serif);
  letter-spacing:-.03em;
}
.ix-experience-description{
  margin:0 0 22px;
  color:#54606b;
  font:400 15px/1.7 var(--sans,Arial,sans-serif);
  max-width:580px;
}
.ix-experience-features{
  display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:12px;
  padding:18px 0 19px;margin:0 0 20px;
  list-style:none;border-top:1px solid var(--ix-rule);
}
.ix-experience-features li{
  position:relative;padding-left:17px;
  color:#354653;
  font:600 12px/1.5 var(--sans,Arial,sans-serif);
}
.ix-experience-features li::before{
  content:"";position:absolute;left:0;top:8px;
  width:5px;height:5px;border-radius:50%;
  background:var(--ix-crimson);
}
.ix-experience-link{
  display:inline-flex;align-items:center;gap:15px;
  padding:13px 0 4px;
  border-bottom:1px solid rgba(200,38,48,.45);
  color:var(--ix-ink);
  font:700 12px/1.5 var(--sans,Arial,sans-serif);
  text-decoration:none;
  transition:gap .22s ease,color .22s ease;
}
.ix-experience-link:hover{color:var(--ix-crimson);gap:22px}
.ix-experience-link span{font-size:18px;color:var(--ix-crimson)}
.ix-experience-disclosure{
  border-top:1px solid rgba(29,42,55,.08);
  margin:0;
  padding:14px clamp(23px,3vw,45px);
  font:500 11px/1.5 var(--sans,Arial,sans-serif);
  color:#777e83;
}
.ix-experience-tab:focus-visible,
.ix-experience-panel:focus-visible,
.ix-experience-link:focus-visible,
.ix-conclusion a:focus-visible,
.ix-site-footer a:focus-visible{
  outline:2px solid var(--ix-crimson);
  outline-offset:4px;
}
@media(max-width:900px){
  .ix-experience-shell,.ix-conclusion-shell{width:min(740px,calc(100% - 48px))}
  .ix-experience-intro{grid-template-columns:1fr;gap:20px}
  .ix-experience-intro>p{max-width:640px}
  .ix-experience-layout{grid-template-columns:1fr;gap:28px}
  .ix-experience-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
  .ix-experience-tab{min-height:137px;padding:18px 15px 20px}
  .ix-experience-tab.is-selected{padding-left:18px}
  .ix-experience-tab::before{top:0;bottom:auto;left:0;right:0;width:auto;height:2px;transform:scaleX(0)}
  .ix-experience-tab.is-selected::before{transform:scaleX(1)}
  .ix-experience-label{font-size:21px}
  .ix-experience-arrow{display:none}
  .ix-experience-side-note{display:none}
}
@media(max-width:600px){
  .ix-experience{padding:72px 0 88px}
  .ix-experience-shell,.ix-conclusion-shell{width:calc(100% - 36px)}
  .ix-experience-topline{font-size:9px;letter-spacing:.17em}
  .ix-experience-topline>span:last-child{display:none}
  .ix-experience-intro{padding:39px 0 30px}
  .ix-experience-intro h2{font-size:clamp(36px,9vw,55px)}
  .ix-experience-intro p{font-size:15px;line-height:1.64}
  .ix-experience-steps{gap:5px;border:0}
  .ix-experience-tab{
    border:1px solid var(--ix-rule);border-radius:8px;
    min-height:105px;padding:14px 11px;
  }
  .ix-experience-tab.is-selected{padding-left:11px;border-color:rgba(200,38,48,.46)}
  .ix-experience-tab::before{display:none}
  .ix-experience-index{font-size:9px;letter-spacing:.1em}
  .ix-experience-label{font-size:17px;line-height:1.05}
  .ix-experience-sub{display:none}
  .ix-experience-panel{border-radius:14px}
  .ix-experience-panel-header{min-height:56px;font-size:9px;letter-spacing:.1em;padding:14px 18px}
  .ix-experience-panel-header>span:last-child{display:none}
  .ix-experience-visual{min-height:122px;padding:36px 20px 15px}
  .ix-experience-visual-track{top:55px;left:45px;right:45px}
  .ix-experience-visual-point{min-width:72px;gap:11px}
  .ix-experience-visual-point>span{width:36px;height:36px}
  .ix-experience-visual-point strong{font-size:9px;letter-spacing:.08em}
  .ix-experience-panel-main{padding:19px 22px 27px}
  .ix-experience-panel-main h3{font-size:31px}
  .ix-experience-description{font-size:14px}
  .ix-experience-features{grid-template-columns:1fr;gap:10px}
  .ix-experience-disclosure{padding:13px 22px;font-size:10px}
}

/* Brand close and trust framing: not a new full-bleed poster. */
.ix-conclusion{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#eef3f3 0%,#f6f6f0 23%,#fbf8f1 70%,#fbf8f1 100%);
  padding:clamp(90px,9vw,152px) 0 clamp(65px,8vw,130px);
  color:var(--ix-ink);
  border-top:1px solid rgba(38,51,61,.045);
}
.ix-conclusion::before{
  content:"";pointer-events:none;position:absolute;
  width:min(1000px,94vw);height:min(1000px,94vw);
  border:1px solid rgba(200,38,48,.045);
  border-radius:50%;top:-54%;right:-18%;transform:rotate(-18deg);
}
.ix-conclusion-kicker{
  display:block;
  font:700 11px/1.55 var(--condensed,Arial,sans-serif);
  color:#68727a;letter-spacing:.19em;
  margin-bottom:37px;
}
.ix-conclusion-kicker span{color:var(--ix-crimson);padding:0 8px}
.ix-conclusion h2{
  max-width:1160px;margin:0 0 31px;
  font:400 clamp(41px,5.8vw,87px)/1.08 var(--serif,Georgia,serif);
  letter-spacing:-.048em;text-wrap:balance;
}
.ix-conclusion h2 em{font-weight:400;color:var(--ix-crimson)}
.ix-conclusion-shell>p{
  max-width:660px;margin:0;
  color:#53616b;font:400 clamp(16px,1.23vw,19px)/1.72 var(--sans,Arial,sans-serif);
}
.ix-conclusion-actions{
  margin:34px 0 clamp(72px,8vw,125px);
  display:flex;flex-wrap:wrap;gap:13px;align-items:center;
}
.ix-conclusion-actions a{
  min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;
  padding:12px 23px;text-decoration:none;border:1px solid #192d41;
  border-radius:6px;font:700 12px/1.3 var(--sans,Arial,sans-serif);
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.ix-conclusion-actions a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(23,37,48,.1)}
.ix-conclusion-primary{background:#142c40;color:#fff}
.ix-conclusion-primary:hover{background:#203d53}
.ix-conclusion-secondary{color:#142c40;background:transparent}
.ix-conclusion-principles{
  border-top:1px solid rgba(23,38,56,.19);
  border-bottom:1px solid rgba(23,38,56,.19);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
}
.ix-conclusion-principles>div{
  min-height:132px;
  display:flex;flex-direction:column;justify-content:center;gap:13px;
  padding:23px clamp(15px,3vw,40px) 24px 0;
}
.ix-conclusion-principles>div+div{border-left:1px solid rgba(23,38,56,.15);padding-left:clamp(20px,3vw,45px)}
.ix-conclusion-principles span{font:700 10px/1.4 var(--condensed,Arial,sans-serif);letter-spacing:.2em;color:var(--ix-crimson)}
.ix-conclusion-principles strong{font:400 clamp(19px,2.2vw,29px)/1.2 var(--serif,Georgia,serif);letter-spacing:-.02em}
.ix-site-footer{
  background:#13283a;color:#faf7ef;
  padding:64px 0 28px;
}
.ix-site-footer-inner{width:min(1200px,calc(100% - 84px));margin:0 auto}
.ix-footer-main{
  display:grid;grid-template-columns:100px minmax(0,1fr) minmax(175px,.62fr);
  align-items:start;gap:clamp(26px,4vw,65px);
  padding-bottom:78px;
}
.ix-footer-logo{display:inline-block;max-width:100px;border-radius:2px;background:#faf7ef;padding:5px}
.ix-footer-logo img{width:100%;height:auto;display:block}
.ix-footer-statement strong{display:block;font:400 clamp(31px,3.9vw,54px)/1.2 var(--serif,Georgia,serif);letter-spacing:-.035em}
.ix-footer-statement p{margin:19px 0 0;max-width:415px;color:#aab9c4;font:400 14px/1.8 var(--sans,Arial,sans-serif)}
.ix-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
.ix-footer-links a{color:#e2e7e7;text-decoration:none;font:600 12px/1.4 var(--sans,Arial,sans-serif);transition:color .2s}
.ix-footer-links a:hover,.ix-footer-bottom a:hover{color:#ffb9bd}
.ix-footer-bottom{
  border-top:1px solid rgba(255,255,255,.19);
  padding-top:23px;
  display:grid;grid-template-columns:minmax(170px,1fr) minmax(250px,1.3fr) auto;
  gap:22px;align-items:start;
  color:#b2bdc6;font:400 11px/1.65 var(--sans,Arial,sans-serif);
}
.ix-footer-bottom a{color:#e9ecec;text-decoration:none;font-weight:700;white-space:nowrap}
@media(max-width:900px){
  .ix-footer-main{grid-template-columns:90px 1fr;row-gap:37px}
  .ix-footer-links{grid-column:2}
  .ix-footer-bottom{grid-template-columns:1fr 1fr}
  .ix-footer-bottom a{grid-column:1/-1}
}
@media(max-width:600px){
  .ix-conclusion{padding:83px 0 78px}
  .ix-conclusion-kicker{font-size:10px;letter-spacing:.12em}
  .ix-conclusion h2{font-size:clamp(37px,9vw,54px)}
  .ix-conclusion-shell>p{font-size:15px}
  .ix-conclusion-actions{margin-bottom:62px}
  .ix-conclusion-actions a{width:100%}
  .ix-conclusion-principles{grid-template-columns:1fr}
  .ix-conclusion-principles>div{min-height:105px;padding:23px 0}
  .ix-conclusion-principles>div+div{border-left:0;border-top:1px solid var(--ix-rule);padding-left:0}
  .ix-site-footer{padding:52px 0 26px}
  .ix-site-footer-inner{width:calc(100% - 38px)}
  .ix-footer-main{grid-template-columns:72px minmax(0,1fr);gap:23px;padding-bottom:50px}
  .ix-footer-logo{max-width:72px}
  .ix-footer-statement strong{font-size:35px}
  .ix-footer-statement p{font-size:12px;line-height:1.55;margin-top:12px}
  .ix-footer-links{grid-column:1/-1;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
  .ix-footer-bottom{grid-template-columns:1fr;gap:12px}
  .ix-footer-bottom a{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .ix-experience-tab,
  .ix-experience-tab::before,.ix-experience-arrow,
  .ix-experience-visual-point,
  .ix-experience-visual-point>span,
  .ix-experience-link,.ix-conclusion-actions a{transition:none!important}
}

/* Editorial reading progress — a subtle crimson thread across seven chapters. */
.ix-scroll-progress{position:fixed;z-index:1001;top:0;left:0;right:0;height:2px;pointer-events:none;overflow:hidden;background:transparent}
.ix-scroll-progress>span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#b31d26,#e2434b);will-change:transform}
@media(prefers-reduced-motion:reduce){.ix-scroll-progress>span{transition:none!important}}


/* POLIDIOT V19 — Civic source navigator: genuine official resource exploration */
#official-sources{scroll-margin-top:104px}
.ix-source-lab{
  display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.15fr);
  column-gap:clamp(44px,7vw,105px);
  align-items:start;
  margin-top:clamp(95px,9vw,145px);
  padding-top:clamp(45px,5vw,74px);
  border-top:1px solid rgba(23,38,56,.18);
  color:#172638;
}
.ix-source-eyebrow{
  margin:0 0 28px;
  font:700 11px/1.4 var(--condensed,Arial,sans-serif);
  letter-spacing:.18em;
  color:#576472;
}
.ix-source-eyebrow span{padding-inline:8px;color:#bc242e}
.ix-source-intro h3{
  max-width:470px;
  margin:0 0 22px;
  font:400 clamp(36px,3.6vw,56px)/1.1 var(--serif,Georgia,serif);
  letter-spacing:-.035em;
  text-wrap:balance;
}
.ix-source-intro>p:not(.ix-source-eyebrow):not(.ix-source-note){
  max-width:430px;
  color:#485965;
  font:400 16px/1.75 var(--sans,Arial,sans-serif);
  margin:0 0 19px;
}
.ix-source-intro .ix-source-note{
  max-width:450px;margin:0;
  color:#707b80;
  font:400 12px/1.7 var(--sans,Arial,sans-serif);
}
.ix-source-tool{
  background:rgba(255,255,255,.52);
  border:1px solid rgba(24,40,56,.16);
  border-radius:13px;
  box-shadow:0 19px 52px rgba(27,44,51,.032);
  overflow:hidden;
}
.ix-source-choices{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
  border-bottom:1px solid rgba(24,40,56,.14);
}
.ix-source-choice{
  appearance:none;
  border:0;border-right:1px solid rgba(24,40,56,.1);
  background:transparent;
  min-width:0;min-height:58px;padding:15px 8px;
  text-align:center;cursor:pointer;
  font:700 12px/1.3 var(--sans,Arial,sans-serif);
  color:#344755;
  transition:background .18s ease,color .18s ease;
}
.ix-source-choice:last-child{border-right:0}
.ix-source-choice:hover{background:#f4eee4}
.ix-source-choice.is-active{
  background:#142b3e;
  color:#fff;
}
.ix-source-choice:focus-visible,
.ix-source-link:focus-visible{
  outline:2px solid #b9222d;
  outline-offset:-4px;
}
.ix-source-result{padding:clamp(24px,3vw,40px);min-height:284px}
.ix-source-label{
  display:block;
  margin:0 0 19px;
  font:700 11px/1.35 var(--condensed,Arial,sans-serif);
  letter-spacing:.18em;
  color:#bd2630;
}
.ix-source-result-title{
  display:block;
  max-width:560px;
  margin:0 0 13px;
  font:400 clamp(24px,2.25vw,35px)/1.23 var(--serif,Georgia,serif);
  letter-spacing:-.027em;
}
.ix-source-result-desc{
  margin:0 0 24px;
  max-width:550px;
  font:400 14px/1.7 var(--sans,Arial,sans-serif);
  color:#596672;
}
.ix-source-link{
  display:inline-flex;align-items:center;gap:15px;
  color:#162e43;
  text-decoration:none;border-bottom:1px solid #bc2630;
  padding:4px 0 6px;
  font:700 12px/1.55 var(--sans,Arial,sans-serif);
}
.ix-source-link:hover{color:#b9222d}
.ix-source-domain{
  display:block;
  margin:23px 0 0;
  font:700 9px/1.5 var(--condensed,Arial,sans-serif);
  letter-spacing:.18em;
  color:#68777f;
}
@media(max-width:900px){
  .ix-source-lab{grid-template-columns:1fr;gap:30px;margin-top:86px}
  .ix-source-intro h3{max-width:670px}
  .ix-source-intro>p:not(.ix-source-eyebrow):not(.ix-source-note){max-width:650px}
  .ix-source-intro .ix-source-note{max-width:650px}
}
@media(max-width:600px){
  .ix-source-lab{margin-top:73px;padding-top:43px;gap:27px}
  .ix-source-eyebrow{margin-bottom:22px;font-size:9px}
  .ix-source-intro h3{font-size:37px}
  .ix-source-intro>p:not(.ix-source-eyebrow):not(.ix-source-note){font-size:15px}
  .ix-source-choices .ix-source-choice{min-height:52px;font-size:11px}
  .ix-source-result{min-height:312px;padding:25px 21px}
  .ix-source-result-title{font-size:28px}
  .ix-source-result-desc{font-size:13px}
  .ix-source-link{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.ix-source-choice{transition:none}}

/* Keep selected official-source tabs readable across hover, focus and browser rendering. */
.ix-source-choices .ix-source-choice.is-active,
.ix-source-choices .ix-source-choice.is-active:hover,
.ix-source-choices .ix-source-choice.is-active:focus,
.ix-source-choices .ix-source-choice.is-active:focus-visible{
  background:#142b3e!important;
  color:#ffffff!important;
  opacity:1!important;
}
.ix-source-choices .ix-source-choice:not(.is-active){color:#243746!important}


/* POLIDIOT V20 — an honest, responsive and accessible civic FAQ */
#questions{scroll-margin-top:86px}
.ix-faq{position:relative;isolation:isolate;overflow:hidden;padding:clamp(75px,8vw,125px) 0 clamp(86px,9vw,145px);background:linear-gradient(180deg,#f2f5f2 0%,#f7f6ef 52%,#eef3f3 100%);color:#172638}
.ix-faq-shell{width:min(1200px,calc(100% - 84px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.15fr);gap:clamp(40px,7vw,130px);align-items:start}
.ix-faq-kicker{display:block;margin:0 0 29px;color:#60717d;font:700 11px/1.5 var(--condensed,Arial,sans-serif);letter-spacing:.18em}
.ix-faq-kicker span{color:#bc2630;padding-inline:6px}
.ix-faq-intro h2{margin:0 0 24px;max-width:520px;font:400 clamp(40px,4.45vw,68px)/1.1 var(--serif,Georgia,serif);letter-spacing:-.044em;text-wrap:balance}
.ix-faq-intro h2 em{color:#c62630;font-weight:400}
.ix-faq-intro>p{max-width:440px;margin:0 0 28px;color:#546371;font:400 16px/1.75 var(--sans,Arial,sans-serif)}
.ix-faq-source-link{display:inline-flex;gap:14px;align-items:center;text-decoration:none;color:#172f43;border-bottom:1px solid #b72830;padding-bottom:6px;font:700 12px/1.6 var(--sans,Arial,sans-serif)}
.ix-faq-source-link:hover{color:#b72830}
.ix-faq-list{border-top:1px solid rgba(23,38,56,.19)}
.ix-faq-item{margin:0;border-bottom:1px solid rgba(23,38,56,.19);background:transparent}
.ix-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 3px;color:#243849;font:400 clamp(19px,1.72vw,26px)/1.32 var(--serif,Georgia,serif);letter-spacing:-.014em;transition:color .2s ease}
.ix-faq-item summary::-webkit-details-marker{display:none}
.ix-faq-item summary::marker{content:""}
.ix-faq-item summary:hover,.ix-faq-item[open] summary{color:#a92731}
.ix-faq-item summary:focus-visible,.ix-faq-source-link:focus-visible,.ix-faq-item a:focus-visible{outline:2px solid #b72830;outline-offset:4px}
.ix-faq-plus{width:19px;height:19px;flex:0 0 19px;position:relative;color:#ae2630}
.ix-faq-plus::before,.ix-faq-plus::after{content:"";position:absolute;left:2px;right:2px;top:9px;border-top:1.5px solid currentColor;transition:transform .22s ease}
.ix-faq-plus::after{transform:rotate(90deg)}
.ix-faq-item[open] .ix-faq-plus::after{transform:rotate(0)}
.ix-faq-item>p{color:#586873;font:400 14px/1.75 var(--sans,Arial,sans-serif);margin:0;padding:0 35px 27px 3px;max-width:660px}
.ix-faq-item a{color:#a32530;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:900px){.ix-faq-shell{width:min(740px,calc(100% - 48px));grid-template-columns:1fr;gap:34px}.ix-faq-intro h2{max-width:720px}.ix-faq-intro>p{max-width:670px}}
@media(max-width:600px){.ix-faq{padding:75px 0 84px}.ix-faq-shell{width:calc(100% - 36px);gap:32px}.ix-faq-kicker{font-size:10px;margin-bottom:22px}.ix-faq-intro h2{font-size:40px}.ix-faq-intro>p{font-size:15px}.ix-faq-item summary{font-size:20px;padding:21px 2px}.ix-faq-item>p{padding:0 26px 23px 2px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.ix-faq-item summary,.ix-faq-plus::after{transition:none}}