.idt-page {
  --hcos-blue:#356f78;
  --hcos-green:#497f70;
  --hcos-coral:#bc7457;
  --hcos-sand:#b59665;
  --idt-glass:rgba(248,246,239,.58);
}

.idt-ambient i:nth-child(1) { background:linear-gradient(145deg,rgba(53,111,120,.76),rgba(119,160,146,.25)); }
.idt-ambient i:nth-child(2) { background:linear-gradient(145deg,rgba(73,127,112,.72),rgba(181,150,101,.19)); }
.idt-ambient i:nth-child(3) { background:linear-gradient(145deg,rgba(188,116,87,.72),rgba(181,150,101,.2)); }

.idt-hero {
  background:
    radial-gradient(ellipse 42% 62% at 25% 48%,rgba(255,255,255,.9),transparent 69%),
    radial-gradient(ellipse 66% 95% at 4% 52%,rgba(83,134,136,.15),transparent 72%),
    radial-gradient(ellipse 30% 38% at 46% 86%,rgba(188,116,87,.09),transparent 74%),
    linear-gradient(116deg,#e9efea 0%,#f4f0e7 48%,#f7f3eb 100%);
}

.idt-hero::before {
  right:auto;
  left:-20%;
  border-color:rgba(53,111,120,.1);
}

.idt-hero-grid { grid-template-columns:minmax(440px,.9fr) minmax(0,1.1fr); }
.idt-hero-copy { grid-column:2; }
.idt-hero-model { grid-column:1; grid-row:1; min-height:620px; }
.idt-hero h1 { font-size:clamp(66px,7.2vw,104px); }
.idt-hero h1 span:nth-child(2) { padding-left:clamp(46px,5vw,78px); }
.idt-hero h1 span:nth-child(3) { padding-left:clamp(108px,10vw,162px); }
.idt-hero h1 span:last-child { padding-left:clamp(108px,10vw,162px); }
.idt-hero-proof strong { color:var(--hcos-blue); font-size:18px; }

.idt-hero-material {
  position:absolute;
  inset:2% -7% 1% -7%;
  pointer-events:none;
  transform:rotate(5deg);
  transform-style:preserve-3d;
}

.idt-hero-material i { position:absolute; display:block; }
.idt-hero-material i:nth-child(1) {
  inset:11% 4% 8% 1%;
  border:1px solid rgba(255,255,255,.6);
  border-radius:58% 42% 38% 62% / 45% 61% 39% 55%;
  background:
    radial-gradient(circle at 30% 24%,rgba(255,255,255,.86),transparent 27%),
    linear-gradient(145deg,rgba(106,153,148,.12),rgba(53,111,120,.035) 52%,rgba(188,116,87,.075));
  box-shadow:inset 30px -35px 78px rgba(53,111,120,.045),0 44px 100px rgba(31,52,46,.075);
  animation:idtMorph 15s ease-in-out infinite alternate;
}
.idt-market { position:absolute; inset:16% 47% 13% 1%; }
.idt-market::after {
  position:absolute;
  inset:-7%;
  border:1px solid rgba(53,111,120,.1);
  border-radius:50% 44% 56% 42%;
  content:"";
}
.idt-market i {
  position:absolute;
  top:var(--y);
  left:var(--x);
  width:var(--s);
  height:var(--s);
  border-radius:50%;
  background:rgba(53,111,120,.68);
  box-shadow:0 0 0 7px rgba(53,111,120,.05),0 9px 22px rgba(24,33,30,.1);
  animation:idtParticle 5.5s ease-in-out infinite alternate;
}
.idt-market i:nth-child(3n) { background:rgba(188,116,87,.7); animation-delay:-2.4s; }
.idt-market i:nth-child(4n) { background:rgba(73,127,112,.72); animation-delay:-4s; }

.idt-intent-line {
  position:absolute;
  top:50%;
  left:9%;
  z-index:2;
  width:73%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(53,111,120,.32) 22%,rgba(53,111,120,.42) 78%,transparent);
}
.idt-intent-line::after {
  position:absolute;
  top:50%;
  right:11%;
  width:8px;
  height:8px;
  border-top:1px solid var(--hcos-blue);
  border-right:1px solid var(--hcos-blue);
  content:"";
  transform:translateY(-50%) rotate(45deg);
}
.idt-intent-line span {
  position:absolute;
  top:-30px;
  left:2%;
  color:var(--hcos-muted);
  font-family:"Newsreader",Georgia,serif;
  font-size:14px;
}

.idt-qualification-lens {
  position:absolute;
  top:50%;
  left:54%;
  z-index:4;
  width:148px;
  height:310px;
  border:1px solid rgba(53,111,120,.2);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 32% 28%,rgba(255,255,255,.88),transparent 27%),
    linear-gradient(90deg,rgba(255,255,255,.28),rgba(84,139,137,.12),rgba(255,255,255,.22));
  box-shadow:inset -18px -22px 48px rgba(53,111,120,.06),0 30px 75px rgba(24,33,30,.11),0 0 0 15px rgba(255,255,255,.1);
  transform:translate(-50%,-50%) rotate(6deg);
  backdrop-filter:blur(2px);
  animation:idtLens 6s ease-in-out infinite alternate;
}
.idt-qualification-lens i {
  position:absolute;
  inset:23px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
}
.idt-qualification-lens span {
  position:absolute;
  top:50%;
  left:50%;
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:18px;
  line-height:1.05;
  text-align:center;
  transform:translate(-50%,-50%) rotate(-6deg);
}

.idt-recommendations { position:absolute; inset:26% 1% 20% 67%; z-index:5; }
.idt-pick {
  position:absolute;
  display:grid;
  place-items:center;
  border:1px solid rgba(73,127,112,.22);
  border-radius:50%;
  background:
    radial-gradient(circle at 31% 24%,rgba(255,255,255,.94),transparent 25%),
    radial-gradient(circle at 45% 40%,#e6f0eb,#aecdc1 75%);
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  box-shadow:inset -14px -18px 36px rgba(73,127,112,.07),0 28px 64px rgba(24,33,30,.12);
  animation:idtFloat 7s ease-in-out infinite alternate;
}
.idt-pick b { font-size:18px; font-weight:400; }
.idt-pick-1 { top:5%; right:4%; width:110px; height:110px; }
.idt-pick-2 { top:42%; left:2%; width:90px; height:90px; animation-delay:-2.5s; }
.idt-pick-3 { right:8%; bottom:1%; width:76px; height:76px; animation-delay:-4.5s; }
.idt-recommendations em {
  position:absolute;
  right:2%;
  bottom:-8%;
  color:var(--hcos-muted);
  font-family:"Newsreader",Georgia,serif;
  font-size:14px;
  font-style:normal;
}

/* Hero: make the inversion itself the visual idea. */
.idt-funnel-flip {
  position:absolute;
  inset:5% 0 3%;
  z-index:3;
  filter:drop-shadow(0 34px 52px rgba(24,33,30,.08));
}
.idt-traditional-ghost {
  position:absolute;
  top:20%;
  left:0;
  display:flex;
  width:39%;
  flex-direction:column;
  align-items:center;
  gap:7px;
  opacity:.42;
  transform:rotate(-7deg);
}
.idt-traditional-ghost span {
  margin-bottom:8px;
  color:var(--hcos-muted);
  font-family:"Newsreader",Georgia,serif;
  font-size:14px;
}
.idt-traditional-ghost i {
  display:grid;
  height:66px;
  place-content:center;
  border:1px solid rgba(53,111,120,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(53,111,120,.07));
  clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);
}
.idt-traditional-ghost b {
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:12px;
  font-weight:400;
}
.idt-traditional-ghost i:nth-of-type(1) { width:100%; }
.idt-traditional-ghost i:nth-of-type(2) { width:72%; }
.idt-traditional-ghost i:nth-of-type(3) { width:44%; }
.idt-inverse-stack {
  position:absolute;
  top:8%;
  right:0;
  display:flex;
  width:68%;
  height:84%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.idt-inverse-layer {
  position:relative;
  z-index:2;
  display:grid;
  min-height:108px;
  place-content:center;
  border:1px solid rgba(255,255,255,.7);
  background:
    radial-gradient(circle at 32% 22%,rgba(255,255,255,.82),transparent 26%),
    linear-gradient(145deg,rgba(225,239,234,.94),rgba(112,158,145,.25));
  box-shadow:inset -18px -22px 38px rgba(53,111,120,.045),0 22px 48px rgba(24,33,30,.08);
  text-align:center;
  clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);
  animation:idtFunnelEnter .9s cubic-bezier(.16,1,.3,1) both;
}
.idt-inverse-awareness { width:46%; animation-delay:.7s; }
.idt-inverse-experience { width:72%; min-height:116px; animation-delay:.58s; }
.idt-inverse-qualification {
  width:100%;
  min-height:128px;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.86),transparent 28%),
    linear-gradient(145deg,rgba(235,239,232,.96),rgba(188,116,87,.16));
  animation-delay:.46s;
}
.idt-inverse-layer b {
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:clamp(17px,1.7vw,23px);
  font-weight:400;
}
.idt-inverse-layer small {
  margin-top:4px;
  color:var(--hcos-muted);
  font-size:9px;
  letter-spacing:.04em;
}
.idt-inverse-flow {
  position:absolute;
  top:14%;
  right:-7%;
  bottom:12%;
  width:1px;
  background:linear-gradient(180deg,rgba(53,111,120,.18),var(--hcos-blue));
}
.idt-inverse-flow::before {
  position:absolute;
  bottom:-1px;
  left:-4px;
  width:8px;
  height:8px;
  border-right:1px solid var(--hcos-blue);
  border-bottom:1px solid var(--hcos-blue);
  content:"";
  transform:rotate(45deg);
}
.idt-inverse-flow::after {
  position:absolute;
  top:45%;
  left:12px;
  width:max-content;
  color:var(--hcos-blue);
  content:"The market narrows to traveller awareness";
  font-family:"Newsreader",Georgia,serif;
  font-size:13px;
  transform:rotate(90deg) translateX(-50%);
  transform-origin:left center;
}

.idt-thesis {
  background:
    radial-gradient(ellipse 45% 37% at 20% 22%,rgba(255,255,255,.64),transparent 73%),
    radial-gradient(ellipse 44% 36% at 78% 78%,rgba(73,127,112,.09),transparent 73%),
    linear-gradient(135deg,#e5e8df,#e9e7dd 48%,#e4e9e3);
}
.idt-thesis-grid { grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr); }
.idt-stage-material i:nth-child(1) { border-radius:45% 55% 62% 38% / 58% 40% 60% 42%; }

.idt-thesis-stage[data-scene="0"] .idt-stage-old,
.idt-thesis-stage[data-scene="1"] .idt-stage-gate,
.idt-thesis-stage[data-scene="2"] .idt-stage-experience,
.idt-thesis-stage[data-scene="3"] .idt-stage-recommend {
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:260ms,260ms,0s;
}

.idt-stage-old { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; }
.idt-funnel-layer {
  display:grid;
  place-content:center;
  height:92px;
  border:1px solid rgba(255,255,255,.78);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(53,111,120,.12));
  box-shadow:0 22px 44px rgba(24,33,30,.075);
  text-align:center;
  clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);
}
.idt-funnel-layer:nth-child(1) { width:90%; }
.idt-funnel-layer:nth-child(2) { width:68%; }
.idt-funnel-layer:nth-child(3) { width:46%; background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(188,116,87,.13)); }
.idt-funnel-layer b { font-family:"Newsreader",Georgia,serif; font-size:20px; font-weight:400; }
.idt-funnel-layer span { margin-top:3px; color:var(--hcos-muted); font-size:10px; }

.idt-stage-gate { display:grid; grid-template-columns:1fr 112px 1fr; gap:24px; align-items:center; }
.idt-gate-market { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; padding:28px; }
.idt-gate-market i,.idt-gate-set i { display:block; width:9px; height:9px; margin:auto; border-radius:50%; background:rgba(53,111,120,.65); box-shadow:0 0 0 7px rgba(53,111,120,.05); }
.idt-gate-market i:nth-child(3n),.idt-gate-set i:nth-child(2n) { background:rgba(188,116,87,.67); }
.idt-gate-membrane {
  display:flex;
  height:320px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  border:1px solid rgba(53,111,120,.18);
  border-radius:50%;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(73,127,112,.09),rgba(255,255,255,.25));
  box-shadow:inset 0 0 35px rgba(255,255,255,.24),0 28px 58px rgba(24,33,30,.07);
}
.idt-gate-membrane span { color:var(--hcos-muted); font-size:10px; }
.idt-gate-set { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:35px; place-content:center; height:210px; }
.idt-gate-set strong { position:absolute; right:0; bottom:0; left:0; font-family:"Newsreader",Georgia,serif; font-size:18px; font-weight:400; text-align:center; }

.idt-stage-experience { display:grid; place-items:center; }
.idt-experience-orb {
  position:relative;
  z-index:2;
  display:grid;
  width:180px;
  height:180px;
  place-items:center;
  border:1px solid rgba(73,127,112,.2);
  border-radius:50%;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),transparent 24%),radial-gradient(circle,#e1eee8,#abc8bc 74%);
  box-shadow:inset -18px -24px 48px rgba(73,127,112,.08),0 32px 70px rgba(24,33,30,.12),0 0 0 28px rgba(255,255,255,.1);
}
.idt-experience-orb strong { font-family:"Newsreader",Georgia,serif; font-size:27px; font-weight:400; }
.idt-signal {
  position:absolute;
  z-index:3;
  padding:8px 14px;
  border-bottom:1px solid rgba(53,111,120,.2);
  color:var(--hcos-muted);
  font-size:11px;
}
.signal-product { top:12%; left:43%; }
.signal-service { top:42%; right:4%; }
.signal-review { bottom:13%; left:42%; }
.signal-advocacy { top:43%; left:2%; }
.idt-stage-experience::before,.idt-stage-experience::after { display:none; content:none; }

.idt-stage-recommend {
  display:grid;
  grid-template-columns:minmax(0,1fr) 184px;
  gap:24px;
  align-items:center;
}
.idt-invisible-field {
  position:relative;
  display:grid;
  height:84%;
  min-width:0;
  place-items:center;
  border-right:1px solid rgba(24,33,30,.1);
}
.idt-invisible-dots {
  display:grid;
  width:88%;
  grid-template-columns:repeat(6,1fr);
  gap:20px 17px;
  opacity:.6;
  -webkit-mask-image:linear-gradient(90deg,#000 5%,rgba(0,0,0,.8) 66%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 5%,rgba(0,0,0,.8) 66%,transparent 100%);
}
.idt-invisible-dots i {
  display:block;
  width:6px;
  height:6px;
  margin:auto;
  border-radius:50%;
  background:rgba(53,111,120,.46);
  box-shadow:0 0 0 5px rgba(53,111,120,.035);
}
.idt-invisible-dots i:nth-child(4n) { background:rgba(188,116,87,.45); }
.idt-invisible-dots i:nth-child(5n) { opacity:.35; }
.idt-invisible-field > span {
  position:absolute;
  right:0;
  bottom:2%;
  left:0;
  color:var(--hcos-muted);
  font-family:"Newsreader",Georgia,serif;
  font-size:14px;
  line-height:1.25;
  text-align:center;
}
.idt-invisible-field > span strong { color:var(--hcos-ink); font-weight:400; }
.idt-awareness-window {
  position:relative;
  display:grid;
  height:94%;
  place-items:center;
  border:1px solid rgba(73,127,112,.17);
  border-radius:48% 52% 45% 55% / 35% 40% 60% 65%;
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(73,127,112,.08));
  box-shadow:inset 0 0 34px rgba(255,255,255,.28),0 24px 58px rgba(24,33,30,.07);
}
.idt-awareness-window > em {
  position:absolute;
  top:5%;
  right:0;
  left:0;
  color:var(--hcos-green);
  font-family:"Newsreader",Georgia,serif;
  font-size:16px;
  font-style:normal;
  text-align:center;
}
.idt-visible-set { position:relative; width:90%; height:68%; margin-top:4%; }
.idt-output {
  position:relative;
  z-index:2;
  display:grid;
  aspect-ratio:1;
  place-content:center;
  border:1px solid rgba(73,127,112,.2);
  border-radius:50%;
  background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.9),transparent 25%),radial-gradient(circle,#e6efeb,#b4cec4 75%);
  box-shadow:0 28px 62px rgba(24,33,30,.1);
  font-family:"Newsreader",Georgia,serif;
  text-align:center;
}
.idt-visible-set .idt-output { position:absolute; }
.idt-visible-set .output-1 { top:3%; left:2%; width:78px; height:78px; }
.idt-visible-set .output-2 { top:35%; right:0; width:88px; height:88px; }
.idt-visible-set .output-3 { bottom:0; left:12%; width:70px; height:70px; }
.idt-output b { font-size:26px; font-weight:400; }
.idt-output small { margin-top:5px; color:var(--hcos-muted); font-family:"Instrument Sans",Arial,sans-serif; font-size:9px; }
.idt-awareness-window > strong {
  position:absolute;
  right:12px;
  bottom:5%;
  left:12px;
  color:var(--hcos-ink);
  font-size:9px;
  font-weight:500;
  line-height:1.35;
  text-align:center;
}

.idt-page .hcos-chapter:nth-child(4n+1) { --chapter-accent:53,111,120; }
.idt-page .hcos-chapter:nth-child(4n+2) { --chapter-accent:188,116,87; }
.idt-page .hcos-chapter:nth-child(4n+3) { --chapter-accent:73,127,112; }
.idt-page .hcos-chapter:nth-child(4n+4) { --chapter-accent:181,150,101; }
.idt-page .hcos-chapter h2 { max-width:10ch; }
.idt-page .hcos-reading-index a span { color:var(--hcos-blue); }

.idt-visual { display:grid; place-items:center; }
.idt-page .idt-visual::after { display:none; }
.idt-diagram { overflow:visible; }
.idt-diagram .idt-line { fill:none; stroke:rgba(24,33,30,.17); stroke-width:1.2; }
.idt-diagram .idt-flow { fill:none; stroke:rgba(53,111,120,.65); stroke-width:2.3; stroke-linecap:round; }
.idt-diagram .idt-dash { fill:none; stroke:rgba(53,111,120,.25); stroke-width:1.2; stroke-dasharray:5 6; }
.idt-diagram .idt-node,.idt-diagram .idt-soft,.idt-diagram .idt-plane,.idt-diagram .idt-satellites circle,.idt-diagram .idt-four-nodes circle,.idt-diagram .idt-path-nodes circle,.idt-diagram .idt-question-nodes circle,.idt-diagram .idt-output-nodes circle,.idt-diagram .idt-output-ring {
  fill:rgba(255,255,255,.46);
  stroke:rgba(53,111,120,.22);
  stroke-width:1.2;
}
.idt-diagram .idt-soft { fill:rgba(53,111,120,.055); stroke:rgba(53,111,120,.13); }
.idt-diagram .idt-core { fill:rgba(73,127,112,.15); stroke:rgba(73,127,112,.33); }
.idt-diagram .idt-warm { fill:rgba(188,116,87,.08); stroke:rgba(188,116,87,.23); }
.idt-diagram .idt-lens { fill:rgba(255,255,255,.14); stroke:rgba(53,111,120,.28); stroke-width:1.4; }
.idt-diagram .idt-plane { filter:drop-shadow(0 17px 20px rgba(24,33,30,.045)); }
.idt-diagram .idt-output-nodes circle { fill:rgba(73,127,112,.13); }
.idt-diagram .idt-path-nodes circle { fill:rgba(255,255,255,.68); }
.idt-diagram .idt-question-nodes circle { fill:rgba(255,255,255,.62); }
.idt-visual-inversion .idt-order-nodes rect {
  fill:rgba(255,255,255,.6);
  stroke:rgba(53,111,120,.2);
  stroke-width:1.2;
  filter:drop-shadow(0 12px 18px rgba(24,33,30,.045));
}
.idt-visual-inversion .idt-order-new rect { fill:rgba(73,127,112,.12); stroke:rgba(73,127,112,.34); }
.idt-visual-inversion .idt-order-new rect:last-child { fill:rgba(188,116,87,.1); stroke:rgba(188,116,87,.32); }
.idt-visual-inversion .idt-reorder-path {
  fill:none;
  stroke:rgba(73,127,112,.72);
  stroke-width:2;
  stroke-linecap:round;
  marker-end:url(#idtArrowGreen);
}
.idt-visual-inversion .idt-reorder-awareness { stroke:rgba(188,116,87,.76); marker-end:url(#idtArrowWarm); }
.idt-visual-inversion #idtArrowGreen path { fill:rgba(73,127,112,.85); }
.idt-visual-inversion #idtArrowWarm path { fill:rgba(188,116,87,.9); }
.idt-visual-inversion .idt-order-text text { fill:var(--hcos-ink); font-family:"Newsreader",Georgia,serif; font-size:14px; }
.idt-visual-inversion .idt-order-note { font-size:8px; letter-spacing:.1em; }
.idt-visual-inversion .idt-move-note { font-size:7px; letter-spacing:.06em; }
.idt-visual-inversion .idt-move-down { fill:var(--hcos-coral); }
.idt-chapter.is-current .idt-visual-inversion .idt-reorder-path { stroke-dasharray:7 8; animation:idtFlow 10s linear infinite; }
.idt-visual-traditional .idt-funnel-outline { fill:rgba(255,255,255,.12); stroke:rgba(53,111,120,.18); stroke-width:1; }
.idt-visual-traditional .idt-funnel-flow { fill:none; stroke:rgba(53,111,120,.48); stroke-width:1.4; marker-end:url(#idtFunnelArrow); }
.idt-visual-traditional #idtFunnelArrow path { fill:rgba(53,111,120,.72); }
.idt-visual-traditional .diagram-label-large { font-size:17px; }
.idt-visual-traditional .diagram-note { font-size:8px; letter-spacing:.08em; }
.idt-chapter.is-current .idt-diagram .idt-flow { stroke-dasharray:8 7; animation:idtFlow 12s linear infinite; }
.idt-chapter.is-current .idt-diagram .idt-soft { animation:idtPulse 6s ease-in-out infinite alternate; transform-origin:center; }

/* Integrate the article's supporting explainers into the editorial field. */
.idt-page .hcos-chapter-body .qp-container,
.idt-page .hcos-chapter-body .cc-container,
.idt-page .hcos-chapter-body .ed-container,
.idt-page .hcos-chapter-body .stk-container,
.idt-page .hcos-chapter-body .imp-grid,
.idt-page .hcos-chapter-body .act-container { margin:54px 0!important; }

.idt-page .hcos-chapter-body .qp-container {
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  min-width:0!important;
}
.idt-page .hcos-chapter-body .qp-query {
  position:relative!important;
  display:block!important;
  margin-bottom:34px!important;
  padding:52px 30px 30px!important;
  border:1px solid rgba(53,111,120,.2)!important;
  border-left:3px solid rgba(53,111,120,.58)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.75),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.5),rgba(73,127,112,.07))!important;
  box-shadow:0 24px 58px rgba(24,33,30,.075)!important;
}
.idt-page .hcos-chapter-body .qp-query::before {
  position:absolute;
  top:18px;
  left:30px;
  color:var(--hcos-blue);
  content:"Traveller request";
  font-family:"Instrument Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:500;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.idt-page .hcos-chapter-body .qp-query-icon { display:none!important; }
.idt-page .hcos-chapter-body .qp-query-text { color:var(--hcos-ink)!important; font-family:"Newsreader",Georgia,serif!important; font-size:22px!important; line-height:1.45!important; }
.idt-page .hcos-chapter-body .qp-hl { border:0!important; border-radius:0!important; background:linear-gradient(transparent 66%,rgba(53,111,120,.16) 66%)!important; }
.idt-page .hcos-chapter-body .qp-stage { padding:25px 0!important; border:0!important; border-top:1px solid var(--hcos-line)!important; }
.idt-page .hcos-chapter-body .qp-stage-header { margin-bottom:14px!important; }
.idt-page .hcos-chapter-body .qp-stage-label {
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--hcos-muted)!important;
  font-family:"Newsreader",Georgia,serif!important;
  font-size:16px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.idt-page .hcos-chapter-body .qp-count-bar { height:1px!important; background:var(--hcos-line)!important; }
.idt-page .hcos-chapter-body .qp-count-fill { height:2px!important; }
.idt-page .hcos-chapter-body .qp-count-num { color:var(--hcos-ink)!important; font-family:"Newsreader",Georgia,serif!important; font-size:30px!important; font-weight:400!important; }
.idt-page .hcos-chapter-body .qp-count-desc { color:var(--hcos-muted)!important; }
.idt-page .hcos-chapter-body .qp-count-row { gap:20px!important; min-width:0!important; }
.idt-page .hcos-chapter-body .qp-count-desc { max-width:52%!important; white-space:normal!important; }
.idt-page .hcos-chapter-body .qp-tag { padding:0 12px 0 0!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--hcos-muted)!important; font-size:11px!important; }
.idt-page .hcos-chapter-body .qp-arrow { display:none!important; }
.idt-page .hcos-chapter-body .qp-pick { padding:12px 0!important; border:0!important; border-bottom:1px solid var(--hcos-line)!important; border-radius:0!important; background:transparent!important; }
.idt-page .hcos-chapter-body .qp-pick-rank { color:var(--hcos-green)!important; font-family:"Newsreader",Georgia,serif!important; font-size:18px!important; font-weight:400!important; }
.idt-page .hcos-chapter-body .qp-pick-name { color:var(--hcos-ink)!important; }

.idt-page .hcos-chapter-body .cc-container { gap:34px!important; }
.idt-page .hcos-chapter-body .cc-card { overflow:visible!important; border:0!important; border-radius:0!important; background:transparent!important; }
.idt-page .hcos-chapter-body .cc-header { padding:0 0 14px!important; border:0!important; border-bottom:1px solid var(--hcos-line)!important; background:transparent!important; color:var(--hcos-ink)!important; font-family:"Newsreader",Georgia,serif!important; font-size:16px!important; font-weight:400!important; letter-spacing:0!important; text-transform:none!important; }
.idt-page .hcos-chapter-body .cc-score { color:var(--hcos-muted)!important; font-family:"Instrument Sans",Arial,sans-serif!important; font-size:10px!important; font-weight:500!important; }
.idt-page .hcos-chapter-body .cc-body { padding:22px 0 0!important; background:transparent!important; }
.idt-page .hcos-chapter-body .cc-text { color:var(--hcos-muted)!important; font-family:"Newsreader",Georgia,serif!important; font-size:17px!important; }
.idt-page .hcos-chapter-body .cc-pass .cc-text { color:var(--hcos-ink)!important; }
.idt-page .hcos-chapter-body .cc-tag { padding:0 10px 0 0!important; border:0!important; border-radius:0!important; background:transparent!important; color:var(--hcos-muted)!important; font-size:9px!important; }
.idt-page .hcos-chapter-body .cc-verdict { color:var(--hcos-ink)!important; font-weight:500!important; }

.idt-page .hcos-chapter-body .ed-container { gap:28px!important; }
.idt-page .hcos-chapter-body .ed-card { padding:22px 0 0!important; border:0!important; border-top:1px solid var(--hcos-line)!important; border-radius:0!important; background:transparent!important; }
.idt-page .hcos-chapter-body .ed-card::before { display:none!important; }
.idt-page .hcos-chapter-body .ed-icon { display:none!important; }
.idt-page .hcos-chapter-body .ed-title { color:var(--hcos-ink)!important; font-family:"Newsreader",Georgia,serif!important; font-size:20px!important; font-weight:400!important; }
.idt-page .hcos-chapter-body .ed-desc { color:var(--hcos-muted)!important; font-size:13px!important; line-height:1.7!important; }

.idt-page .hcos-chapter-body .stk-layer,
.idt-page .hcos-chapter-body .act-item {
  border:0!important;
  border-top:1px solid var(--hcos-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
.idt-page .hcos-chapter-body .stk-layer:last-child,
.idt-page .hcos-chapter-body .act-item:last-child { border-bottom:1px solid var(--hcos-line)!important; }
.idt-page .hcos-chapter-body .stk-label-col { padding:24px 16px!important; border-right:0!important; }
.idt-page .hcos-chapter-body .stk-num,.idt-page .hcos-chapter-body .act-num { background:transparent!important; color:var(--hcos-blue)!important; font-family:"Newsreader",Georgia,serif!important; font-weight:400!important; }
.idt-page .hcos-chapter-body .stk-name { text-transform:none!important; letter-spacing:0!important; }
.idt-page .hcos-chapter-body .stk-content,.idt-page .hcos-chapter-body .act-content { padding:24px 0!important; }
.idt-page .hcos-chapter-body .stk-tag { padding:0 10px 0 0!important; border:0!important; border-radius:0!important; background:transparent!important; }
.idt-page .hcos-chapter-body .act-item { grid-template-columns:64px 1fr!important; }
.idt-page .hcos-chapter-body .act-num { border-right:0!important; }
.idt-page .hcos-chapter-body .act-title { color:var(--hcos-ink)!important; font-family:"Newsreader",Georgia,serif!important; font-size:20px!important; font-weight:400!important; }
.idt-page .hcos-chapter-body .act-desc { color:var(--hcos-muted)!important; font-size:13px!important; }

.idt-page .hcos-chapter-body .imp-grid { gap:0 32px!important; }
.idt-page .hcos-chapter-body .imp-card {
  padding:24px 0!important;
  border:0!important;
  border-top:1px solid var(--hcos-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
.idt-page .hcos-chapter-body .imp-card::before { display:none!important; }
.idt-page .hcos-chapter-body .imp-title { color:var(--hcos-ink)!important; font-family:"Newsreader",Georgia,serif!important; font-size:20px!important; font-weight:400!important; }
.idt-page .hcos-chapter-body .imp-desc { color:var(--hcos-muted)!important; font-size:13px!important; line-height:1.7!important; }

/* Every visible circle now carries meaning. The large material fields retain
   a slow waterdrop motion; the smaller decorative bubbles no longer exist. */
.idt-page .idt-visual::after {
  display:none!important;
  content:none!important;
}

.idt-page .idt-hero-material i:nth-child(1),
.idt-page .idt-stage-material i:nth-child(1) {
  animation:idtWaterdropField 15s ease-in-out infinite alternate!important;
  will-change:border-radius,transform;
}

.idt-page .idt-chapter.is-current .idt-visual::before {
  animation:idtWaterdropField 12s ease-in-out infinite alternate!important;
  will-change:border-radius,transform;
}

@keyframes idtMorph { to { border-radius:43% 57% 59% 41% / 38% 56% 44% 62%; transform:scale(1.035) rotate(-2deg); } }
@keyframes idtWaterdropField {
  0% { border-radius:43% 57% 64% 36% / 58% 39% 61% 42%; transform:scale(1) rotate(0deg); }
  48% { border-radius:56% 44% 39% 61% / 43% 61% 39% 57%; transform:scale(1.018) rotate(-.7deg); }
  100% { border-radius:38% 62% 55% 45% / 62% 44% 56% 38%; transform:scale(1.008) rotate(.6deg); }
}
@keyframes idtFunnelEnter { from { opacity:0; transform:translateY(30px) scaleX(.8); } to { opacity:1; transform:none; } }
@keyframes idtSpin { to { transform:rotate(360deg); } }
@keyframes idtFloat { to { transform:translate3d(7px,-13px,18px) rotate(4deg); } }
@keyframes idtParticle { to { transform:translate3d(6px,-9px,12px); opacity:.55; } }
@keyframes idtLens { to { border-radius:46% 54% 48% 52%; transform:translate(-50%,-50%) rotate(3deg) scale(1.025); } }
@keyframes idtFlow { to { stroke-dashoffset:-120; } }
@keyframes idtPulse { to { opacity:.68; transform:scale(1.025); } }

@media (max-width:1180px) {
  .idt-hero-grid { grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr); gap:48px; }
  .idt-hero-model { min-height:560px; }
  .idt-inverse-stack { width:72%; }
  .idt-traditional-ghost { width:36%; }
  .idt-inverse-layer { min-height:98px; }
  .idt-inverse-experience { min-height:106px; }
  .idt-inverse-qualification { min-height:116px; }
  .idt-pick-1 { width:96px; height:96px; }
  .idt-pick-2 { width:80px; height:80px; }
}

@media (max-width:900px) {
  .idt-hero-grid { grid-template-columns:1fr; }
  .idt-hero-copy { grid-column:1; }
  .idt-hero-model { grid-column:1; grid-row:auto; width:min(620px,100%); min-height:530px; margin-inline:auto; }
  .idt-hero h1 span:nth-child(2) { padding-left:clamp(35px,8vw,70px); }
  .idt-hero h1 span:nth-child(3),.idt-hero h1 span:last-child { padding-left:clamp(82px,17vw,145px); }
  .idt-thesis-grid { grid-template-columns:minmax(0,1fr)!important; }
  .idt-page .hcos-thesis-stage-wrap,.idt-page .idt-thesis-stage { width:100%; min-width:0; }
  .idt-page .hcos-chapter-body .ed-container { grid-template-columns:1fr!important; }
}

@media (max-width:640px) {
  .idt-hero h1 { font-size:55px; }
  .idt-hero h1 span:nth-child(2) { padding-left:25px; }
  .idt-hero h1 span:nth-child(3),.idt-hero h1 span:last-child { padding-left:72px; }
  .idt-hero-model { min-height:385px; }
  .idt-funnel-flip { inset:2% 1% 1%; }
  .idt-traditional-ghost { top:24%; width:31%; opacity:.26; }
  .idt-traditional-ghost span { font-size:11px; }
  .idt-traditional-ghost i { height:43px; }
  .idt-inverse-stack { top:4%; width:72%; height:92%; gap:7px; }
  .idt-inverse-layer { min-height:70px; }
  .idt-inverse-experience { min-height:77px; }
  .idt-inverse-qualification { min-height:86px; }
  .idt-inverse-layer b { font-size:16px; }
  .idt-inverse-layer small { font-size:7px; }
  .idt-inverse-flow { right:-4%; }
  .idt-inverse-flow::after { display:none; }
  .idt-market { inset:17% 48% 15% 0; }
  .idt-market i { box-shadow:0 0 0 4px rgba(53,111,120,.05); }
  .idt-qualification-lens { left:54%; width:92px; height:214px; }
  .idt-qualification-lens span { font-size:14px; }
  .idt-intent-line { left:4%; width:84%; }
  .idt-intent-line span { display:none; }
  .idt-recommendations { inset:25% 0 18% 66%; }
  .idt-pick-1 { width:72px; height:72px; }
  .idt-pick-2 { width:60px; height:60px; }
  .idt-pick-3 { width:52px; height:52px; }
  .idt-pick b { font-size:14px; }
  .idt-recommendations em { display:none; }
  .idt-stage-gate { grid-template-columns:1fr 75px 1fr; gap:10px; }
  .idt-gate-market { gap:11px; padding:12px; }
  .idt-gate-market i,.idt-gate-set i { width:7px; height:7px; box-shadow:0 0 0 4px rgba(53,111,120,.05); }
  .idt-gate-membrane { height:235px; gap:11px; }
  .idt-gate-set { gap:22px; }
  .idt-experience-orb { width:130px; height:130px; }
  .idt-experience-orb strong { font-size:21px; }
  .idt-signal { padding:6px 8px; font-size:9px; }
  .idt-stage-recommend { grid-template-columns:minmax(0,1fr) 132px; gap:10px; padding-inline:0; }
  .idt-invisible-dots { grid-template-columns:repeat(5,1fr); gap:15px 10px; }
  .idt-invisible-dots i { width:5px; height:5px; box-shadow:0 0 0 3px rgba(53,111,120,.035); }
  .idt-invisible-field > span { bottom:4%; font-size:11px; }
  .idt-awareness-window > em { font-size:12px; }
  .idt-visible-set .output-1 { width:58px; height:58px; }
  .idt-visible-set .output-2 { width:66px; height:66px; }
  .idt-visible-set .output-3 { width:52px; height:52px; }
  .idt-output b { font-size:20px; }
  .idt-output small { font-size:7px; }
  .idt-awareness-window > strong { right:8px; bottom:4%; left:8px; font-size:8px; }
  .idt-page .hcos-stage-footer { display:none; }
  .idt-page .hcos-thesis-scene { min-height:92svh; justify-content:flex-end; padding-top:55vh; padding-bottom:54px; }
  .idt-page .hcos-chapter-body .qp-query-text { font-size:19px!important; }
  .idt-page .hcos-chapter-body .qp-query { padding:48px 20px 25px!important; border-radius:17px!important; }
  .idt-page .hcos-chapter-body .qp-query::before { left:20px; }
  .idt-page .hcos-chapter-body .cc-container { grid-template-columns:1fr!important; }
  .idt-page .hcos-chapter-body .imp-grid { grid-template-columns:1fr!important; }
  .idt-page .hcos-chapter-body .stk-layer { grid-template-columns:85px 1fr!important; }
}

@media (prefers-reduced-motion:reduce) {
  .idt-hero-material i,.idt-market i,.idt-qualification-lens,.idt-pick,.idt-inverse-layer,.idt-chapter.is-current .idt-diagram * { animation:none!important; transition:none!important; }
}

/* 2026-07 reading refinement: turn the paper into a progressive discovery. */
.idt-page-progress {
  position:fixed;
  top:73px;
  right:0;
  left:0;
  z-index:90;
  height:2px;
  pointer-events:none;
}

.idt-page-progress i {
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--hcos-coral),var(--hcos-blue) 48%,var(--hcos-green));
  box-shadow:0 0 16px rgba(53,111,120,.18);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}

.idt-page .hcos-thesis-scene {
  opacity:0;
  filter:blur(1.5px);
  transform:translateY(22px);
  transition:opacity 520ms ease,filter 620ms ease,transform 720ms cubic-bezier(.16,1,.3,1);
}

.idt-page .hcos-thesis-scene.is-active {
  opacity:1;
  filter:none;
  transform:none;
}

.idt-page .idt-thesis-stage .hcos-stage-scene {
  filter:saturate(.92) contrast(1.03);
}

.idt-page .idt-thesis-stage[data-scene="1"] .idt-gate-membrane,
.idt-page .idt-thesis-stage[data-scene="2"] .idt-experience-orb,
.idt-page .idt-thesis-stage[data-scene="3"] .idt-awareness-window {
  box-shadow:inset 0 0 44px rgba(255,255,255,.34),0 28px 76px rgba(53,111,120,.13);
}

.idt-revelation {
  position:relative;
  display:grid;
  min-height:92svh;
  place-items:center;
  overflow:hidden;
  border-block:1px solid rgba(24,33,30,.08);
  background:
    radial-gradient(ellipse 44% 58% at 18% 50%,rgba(188,116,87,.085),transparent 72%),
    radial-gradient(ellipse 48% 62% at 82% 48%,rgba(53,111,120,.11),transparent 72%),
    linear-gradient(112deg,#f4eee5,#f0efe8 47%,#e7eeea);
}

.idt-revelation::before {
  position:absolute;
  top:50%;
  left:50%;
  width:min(76vw,880px);
  aspect-ratio:1.9;
  border:1px solid rgba(255,255,255,.58);
  border-radius:46% 54% 58% 42% / 53% 43% 57% 47%;
  background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(53,111,120,.035));
  box-shadow:inset -42px -48px 100px rgba(53,111,120,.035),0 50px 120px rgba(24,33,30,.06);
  content:"";
  opacity:0;
  transform:translate(-50%,-45%) scale(.82) rotate(-3deg);
  transition:opacity 1.2s ease,transform 1.7s cubic-bezier(.16,1,.3,1);
}

.idt-revelation.is-visible::before {
  opacity:1;
  transform:translate(-50%,-50%) scale(1) rotate(0);
}

.idt-revelation-inner {
  position:relative;
  z-index:2;
  display:grid;
  width:min(1050px,calc(100% - 64px));
  gap:clamp(54px,8vh,92px);
}

.idt-revelation p {
  max-width:15ch;
  margin:0 auto;
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:clamp(48px,7vw,94px);
  font-weight:400;
  line-height:.92;
  letter-spacing:-.045em;
  text-align:center;
}

.idt-revelation p span,
.idt-revelation p strong {
  display:block;
  opacity:0;
  transform:translateY(34px);
  transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1);
}

.idt-revelation p span { color:rgba(24,33,30,.38); }
.idt-revelation p strong {
  margin-top:.22em;
  color:var(--hcos-blue);
  font-style:italic;
  font-weight:400;
  transition-delay:.22s;
}

.idt-revelation.is-visible p span,
.idt-revelation.is-visible p strong { opacity:1; transform:none; }

.idt-revelation-sequence {
  display:grid;
  max-width:900px;
  gap:19px;
  margin-inline:auto;
  color:var(--hcos-muted);
  font-family:"Instrument Sans",Arial,sans-serif;
  font-size:12px;
}

.idt-sequence-old,
.idt-sequence-new {
  display:grid;
  grid-template-columns:auto minmax(32px,1fr) auto minmax(32px,1fr) auto;
  align-items:center;
  gap:14px;
  opacity:0;
  transform:translateX(-34px);
  transition:opacity .85s .48s ease,transform 1s .48s cubic-bezier(.16,1,.3,1);
}

.idt-sequence-new {
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:18px;
  transform:translateX(34px);
  transition-delay:.67s;
}

.idt-revelation.is-visible .idt-sequence-old,
.idt-revelation.is-visible .idt-sequence-new { opacity:1; transform:none; }

.idt-revelation-sequence i {
  position:relative;
  display:block;
  height:1px;
  background:linear-gradient(90deg,rgba(24,33,30,.1),rgba(24,33,30,.28));
}

.idt-revelation-sequence i::after {
  position:absolute;
  top:50%;
  right:0;
  width:7px;
  height:7px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  content:"";
  transform:translateY(-50%) rotate(45deg);
}

.idt-sequence-new i { background:linear-gradient(90deg,rgba(53,111,120,.2),rgba(53,111,120,.7)); color:var(--hcos-blue); }

.idt-page .hcos-chapter {
  background:
    radial-gradient(ellipse 42% 34% at 79% 17%,rgba(var(--chapter-accent),.045),transparent 72%),
    radial-gradient(ellipse 38% 30% at 18% 83%,rgba(255,255,255,.42),transparent 72%);
}

.idt-page .hcos-chapter.is-current {
  background:
    radial-gradient(ellipse 46% 38% at 79% 17%,rgba(var(--chapter-accent),.075),transparent 72%),
    radial-gradient(ellipse 42% 34% at 18% 83%,rgba(255,255,255,.58),transparent 72%);
}

.idt-page .hcos-chapter-header {
  perspective:1000px;
}

.idt-page .idt-visual {
  --idt-tilt-x:0deg;
  --idt-tilt-y:0deg;
  perspective:950px;
}

.idt-page .idt-diagram {
  transform:translateZ(22px) rotateX(var(--idt-tilt-x)) rotateY(var(--idt-tilt-y));
  transform-style:preserve-3d;
  transition:transform 480ms cubic-bezier(.16,1,.3,1),filter 480ms ease;
}

.idt-page .idt-visual:hover .idt-diagram {
  filter:drop-shadow(0 26px 34px rgba(24,33,30,.09));
}

.idt-page .idt-diagram text { fill:rgba(36,49,43,.84); }
.idt-page .idt-diagram .diagram-note { fill:rgba(50,69,61,.76); }
.idt-page .idt-diagram .idt-line { stroke:rgba(24,33,30,.24); }
.idt-page .idt-diagram .idt-flow { stroke:rgba(53,111,120,.78); }
.idt-page .idt-diagram .idt-core { fill:rgba(73,127,112,.22); stroke:rgba(73,127,112,.52); }
.idt-page .idt-diagram .idt-soft { fill:rgba(53,111,120,.075); stroke:rgba(53,111,120,.2); }
.idt-page .idt-diagram .idt-node,
.idt-page .idt-diagram .idt-satellites circle,
.idt-page .idt-diagram .idt-four-nodes circle,
.idt-page .idt-diagram .idt-path-nodes circle,
.idt-page .idt-diagram .idt-question-nodes circle,
.idt-page .idt-diagram .idt-output-nodes circle,
.idt-page .idt-diagram .idt-output-ring {
  transition:fill 420ms ease,stroke 420ms ease,filter 420ms ease,transform 420ms cubic-bezier(.16,1,.3,1);
  transform-box:fill-box;
  transform-origin:center;
}

.idt-page .idt-visual:hover .idt-core {
  fill:rgba(73,127,112,.29);
  filter:drop-shadow(0 14px 18px rgba(53,111,120,.15));
}

.idt-page.hcos-enhanced [data-idt-reveal] {
  opacity:.68;
  filter:blur(.8px);
  transform:translateY(15px);
  transition:opacity .72s ease,filter .9s ease,transform .9s cubic-bezier(.16,1,.3,1);
}

.idt-page.hcos-enhanced [data-idt-reveal].is-revealed {
  opacity:1;
  filter:none;
  transform:none;
}

.idt-page .hcos-chapter-body > h3 {
  position:relative;
  margin-top:clamp(72px,10vh,120px)!important;
  padding-top:26px;
}

.idt-page .hcos-chapter-body > h3::before {
  position:absolute;
  top:0;
  left:0;
  width:64px;
  height:1px;
  background:linear-gradient(90deg,rgba(var(--chapter-accent),.7),rgba(var(--chapter-accent),0));
  content:"";
}

.idt-experience-list {
  display:grid;
  margin:54px 0 72px!important;
  padding:0!important;
  counter-reset:experience;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px;
  list-style:none!important;
}

.idt-experience-list li {
  position:relative;
  min-height:68px;
  margin:0!important;
  padding:20px 12px 18px 42px;
  border-top:1px solid var(--hcos-line);
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:17px;
  line-height:1.28;
  counter-increment:experience;
}

.idt-experience-list li::before {
  position:absolute;
  top:21px;
  left:0;
  color:rgba(53,111,120,.7);
  content:counter(experience,decimal-leading-zero);
  font-family:"Instrument Sans",Arial,sans-serif;
  font-size:10px;
  letter-spacing:.06em;
}

.idt-principle {
  position:relative;
  margin:0!important;
  padding:25px 0 26px 62px;
  border-top:1px solid var(--hcos-line);
  counter-increment:principle;
}

.idt-page [data-chapter="why-this-matters"] .hcos-chapter-body { counter-reset:principle; }
.idt-principle::before {
  position:absolute;
  top:27px;
  left:0;
  color:var(--hcos-blue);
  content:counter(principle,decimal-leading-zero);
  font-family:"Newsreader",Georgia,serif;
  font-size:19px;
}

.idt-principle strong {
  color:var(--hcos-ink);
  font-family:"Newsreader",Georgia,serif;
  font-size:21px;
  font-weight:400;
}

.idt-page [data-chapter="the-ai-mediated-funnel"] .idt-core,
.idt-page [data-chapter="the-ai-mediated-funnel"] .idt-lens,
.idt-page [data-chapter="the-ai-mediated-funnel"] .idt-output-nodes circle {
  opacity:.38;
}

.idt-page [data-chapter="the-ai-mediated-funnel"][data-idt-substage="0"] .idt-core,
.idt-page [data-chapter="the-ai-mediated-funnel"][data-idt-substage="1"] .idt-lens,
.idt-page [data-chapter="the-ai-mediated-funnel"][data-idt-substage="2"] .idt-output-nodes circle {
  opacity:1;
  filter:drop-shadow(0 12px 16px rgba(53,111,120,.18));
}

.idt-page [data-chapter="the-ai-mediated-funnel"][data-idt-substage="2"] .idt-output-nodes circle:nth-child(2) { transform:scale(1.08); }

.idt-page [data-chapter="frequently-asked-questions"] .hcos-chapter-body > p,
.idt-page [data-chapter="frequently-asked-questions"] .hcos-chapter-body > h3 { display:none; }

.idt-faq-item {
  margin:0;
  border-top:1px solid var(--hcos-line);
}

.idt-faq-item:last-child { border-bottom:1px solid var(--hcos-line); }

.idt-faq-item summary {
  position:relative;
  display:grid;
  min-height:82px;
  padding:24px 52px 22px 0;
  align-items:center;
  color:var(--hcos-ink);
  cursor:pointer;
  font-family:"Newsreader",Georgia,serif;
  font-size:clamp(20px,2.1vw,28px);
  line-height:1.15;
  list-style:none;
}

.idt-faq-item summary::-webkit-details-marker { display:none; }
.idt-faq-item summary i,
.idt-faq-item summary i::after {
  position:absolute;
  top:50%;
  right:2px;
  width:18px;
  height:1px;
  background:var(--hcos-blue);
  content:"";
  transition:transform 360ms cubic-bezier(.16,1,.3,1);
}

.idt-faq-item summary i::after { top:0; right:0; transform:rotate(90deg); }
.idt-faq-item[open] summary i { transform:rotate(45deg); }
.idt-faq-item[open] summary i::after { transform:rotate(90deg); }

.idt-faq-item > p {
  max-width:68ch;
  margin:0 0 30px!important;
  padding-right:42px;
  color:var(--hcos-muted)!important;
  animation:idtFaqOpen .5s cubic-bezier(.16,1,.3,1) both;
}

@keyframes idtFaqOpen {
  from { opacity:0; transform:translateY(-8px); }
  to { opacity:1; transform:none; }
}

@media (max-width:900px) {
  .idt-revelation { min-height:82svh; }
  .idt-revelation-inner { width:min(100% - 34px,720px); }
  .idt-page.hcos-enhanced [data-idt-reveal] { opacity:.74; filter:blur(.5px); transform:translateY(12px); }
}

@media (max-width:640px) {
  .idt-page-progress { top:63px; }
  .idt-revelation { min-height:78svh; padding-block:78px; }
  .idt-revelation-inner { gap:48px; }
  .idt-revelation p { font-size:clamp(42px,13vw,58px); line-height:.95; }
  .idt-revelation-sequence { width:100%; gap:16px; }
  .idt-sequence-old,.idt-sequence-new { grid-template-columns:1fr; gap:9px; text-align:center; }
  .idt-revelation-sequence i { width:1px; height:22px; margin:auto; background:linear-gradient(rgba(24,33,30,.1),rgba(24,33,30,.28)); }
  .idt-revelation-sequence i::after { top:auto; right:50%; bottom:0; transform:translateX(50%) rotate(135deg); }
  .idt-sequence-old { font-size:11px; }
  .idt-sequence-new { font-size:17px; }
  .idt-experience-list { grid-template-columns:1fr; }
  .idt-experience-list li { min-height:60px; }
  .idt-principle { padding-left:48px; }
  .idt-principle strong { font-size:19px; }
  .idt-faq-item summary { min-height:72px; padding-right:40px; font-size:21px; }
  .idt-faq-item > p { padding-right:0; }
  .idt-inverse-layer small,.idt-output small { font-size:9px!important; }
  .idt-signal,.stk-tag { font-size:10px!important; }
}

@media (prefers-reduced-motion:reduce) {
  .idt-page .hcos-thesis-scene,
  .idt-revelation::before,
  .idt-revelation p span,
  .idt-revelation p strong,
  .idt-sequence-old,
  .idt-sequence-new,
  .idt-page .idt-diagram,
  .idt-page.hcos-enhanced [data-idt-reveal],
  .idt-faq-item > p { animation:none!important; transition:none!important; transform:none!important; filter:none!important; }
}