:root {
  /* Shared Core Team foundation — used by the website and mirrored in app. */
  --core-canvas: #f5f1e8;
  --core-surface: #fffdf8;
  --core-surface-subtle: #f0ebe1;
  --core-ink: #142a25;
  --core-ink-soft: #46564f;
  --core-brand: #36715c;
  --core-brand-hover: #285b49;
  --core-brand-soft: #e0eee7;
  --core-focus: #c95f4e;
  --core-radius-control: 10px;
  --core-radius-card: 16px;
  --core-ease: cubic-bezier(.2, 0, 0, 1);
  --paper: #f5f1e8;
  --paper-deep: #ebe4d6;
  --white: #fffdf8;
  --ink: #142a25;
  --ink-soft: var(--core-ink-soft);
  --navy: #142e3a;
  --forest: #183c31;
  --eucalyptus: var(--core-brand);
  --mint: #b9dfcf;
  --mint-pale: #e0eee7;
  --lavender: #c8bce7;
  --lavender-pale: #e9e2f3;
  --coral: #e47e68;
  --coral-pale: #f6d5ca;
  --butter: #ead681;
  --butter-pale: #f7edbd;
  --line: rgba(20, 42, 37, .16);
  --shadow-sm: 0 12px 30px rgba(20, 42, 37, .10);
  --shadow-md: 0 28px 70px rgba(20, 42, 37, .16);
  --shadow-lg: 0 45px 110px rgba(13, 36, 30, .24);
  --serif: "Newsreader", Georgia, serif;
  --sans: "Instrument Sans", Arial, sans-serif;
  --mono: "IBM Plex Mono", monospace;
  --content: min(1280px, calc(100vw - 64px));
  --fs-100: 0.75rem;
  --fs-200: 0.875rem;
  --fs-300: 1rem;
  --fs-400: 1.125rem;
  --fs-500: 1.5rem;
  --fs-600: clamp(1.75rem, 1.35rem + 1.7vw, 2.25rem);
  --fs-700: clamp(2.25rem, 1.65rem + 2.6vw, 3.25rem);
  --fs-800: clamp(2.75rem, 1.75rem + 4.8vw, 5rem);
  --fs-900: clamp(3.25rem, 2rem + 6.6vw, 6.5rem);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px;
  --space-9: 96px; --space-10: 128px;
  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 24px; --radius-pill: 999px;
}

/* 2026-08-31 section-led refinement */
.hero-fullbleed h1{line-height:1!important;letter-spacing:-.052em}.hero-fullbleed h1 span{display:block}.hero-shade{background:linear-gradient(90deg,rgba(245,241,232,.94) 0%,rgba(245,241,232,.75) 31%,rgba(245,241,232,.08) 58%,rgba(20,42,37,.04) 100%),linear-gradient(0deg,rgba(20,42,37,.13),transparent 32%)}
.life-agents-head>div:first-child{max-width:850px}.life-agents-head p{max-width:760px;font-size:1rem;line-height:1.55}.agent-life-card{height:365px!important;min-height:365px!important;padding:0!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--white)!important;box-shadow:0 8px 20px rgba(20,42,37,.07)!important;color:var(--ink)!important}.agent-life-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 26px rgba(20,42,37,.1)!important}.agent-life-card:after{display:none!important}.agent-life-top{position:relative!important;inset:auto!important;padding:17px 18px 0!important;color:var(--ink)!important;text-shadow:none!important}.agent-online{color:var(--ink)!important;background:var(--paper-deep)!important;border-color:var(--line)!important}.agent-work-image{height:145px!important;flex:0 0 145px!important;margin:14px 0 0!important;background-image:url("../assets/agent-work-strip-v1.png")!important;background-repeat:no-repeat!important;background-size:500% auto!important;background-position-y:center!important}.work-marco{background-position-x:0%!important}.work-sam{background-position-x:25%!important}.work-ivan{background-position-x:50%!important}.work-nia{background-position-x:75%!important}.work-dara{background-position-x:100%!important}.agent-life-card ul{margin:0!important;padding:16px 18px!important;background:transparent!important;backdrop-filter:none!important}.agent-life-card li{padding:7px 0!important;color:var(--ink)!important;border-color:var(--line)!important;font-size:.82rem!important;line-height:1.35!important;white-space:normal!important}.agent-life-card li:before{color:var(--eucalyptus)!important}
.entry-choice{margin-top:42px;display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.work-entry-card{min-width:0;padding:28px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column}.entry-label{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.entry-label span{color:var(--eucalyptus)}.entry-identity{margin:32px 0 20px;display:flex;align-items:center;gap:16px}.entry-identity>img{width:64px;height:64px;border-radius:50%}.entry-identity h3{margin:0;font-size:2.3rem}.entry-identity p{margin:2px 0 0;color:var(--ink-soft);font-size:.78rem}.entry-avatar-stack{display:flex;min-width:150px}.entry-avatar-stack img{width:54px;height:54px;margin-right:-22px;border:3px solid var(--white);border-radius:50%}.entry-description{max-width:510px;min-height:52px;color:var(--ink-soft);font-size:.88rem}.work-entry-card ul{margin:18px 0 25px;padding:18px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.work-entry-card li{font-size:.72rem}.work-entry-card li:before{content:"✓";margin-right:6px;color:var(--eucalyptus)}.work-entry-card>a{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-weight:650}.entry-or{display:grid;place-items:center;font-family:var(--serif);font-size:1.5rem;font-style:italic;position:relative}.entry-or:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.entry-or{z-index:0}.entry-or::after{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:var(--paper);z-index:-1}
.workflow-section .section-heading{max-width:920px}.journey-strip{margin-top:38px;padding:34px;display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;background:var(--forest);color:var(--white);border-radius:26px}.journey-strip>i{font-style:normal;font-size:1.8rem;color:var(--mint);text-align:center}.journey-title{min-height:95px;display:grid;grid-template-columns:32px 1fr;gap:12px}.journey-title>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--forest);background:var(--mint);font-family:var(--mono);font-size:.65rem}.journey-title h3{margin:0 0 8px;font-size:1.7rem;color:var(--white)}.journey-title p{margin:0;color:rgba(255,255,255,.68);font-size:.73rem}.journey-phone{margin-top:20px;padding:10px 8px 0;border:1px solid rgba(255,255,255,.28);border-radius:25px 25px 0 0;background:#102a24;overflow:hidden}.journey-phone img{width:100%;max-height:440px;object-fit:cover;object-position:top;border-radius:17px 17px 0 0}
.reason-section-simple{grid-template-columns:.55fr 1fr;gap:8vw;align-items:start;border-top:1px solid var(--line)}.reason-index{padding-top:12px;border-top:1px solid var(--ink);display:flex;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.reason-index b{font-weight:400;color:var(--ink-soft)}.reason-section-simple .reason-copy{margin:0}.reason-section-simple .reason-copy p{max-width:720px;font-size:1rem;line-height:1.6}
@media(max-width:900px){.hero-fullbleed h1{line-height:1.02!important}.entry-choice{grid-template-columns:1fr}.entry-or{height:58px}.entry-or:before{left:0;right:0;top:50%;bottom:auto;width:auto;height:1px}.journey-strip{grid-template-columns:1fr;gap:20px}.journey-strip>i{transform:rotate(90deg)}.journey-phone img{max-height:600px}.reason-section-simple{grid-template-columns:1fr;gap:45px}}
@media(max-width:560px){.hero-shade{background:linear-gradient(0deg,rgba(245,241,232,.96) 0%,rgba(245,241,232,.78) 35%,rgba(245,241,232,.05) 68%)}.hero-fullbleed h1{font-size:clamp(3.15rem,15vw,4.6rem)!important;line-height:1.03!important}.hero-fullbleed h1 span{white-space:normal}.life-agents-head p{font-size:.9rem}.agent-life-card{min-width:88vw!important;height:auto!important;min-height:360px!important}.agent-work-image{height:145px!important}.entry-choice{margin-top:30px}.work-entry-card{padding:20px}.entry-identity h3{font-size:2rem}.entry-avatar-stack{min-width:125px}.entry-avatar-stack img{width:46px;height:46px}.work-entry-card ul{grid-template-columns:1fr;gap:7px}.entry-description{min-height:0}.journey-strip{padding:22px 16px;border-radius:18px}.journey-title{min-height:0}.journey-phone{width:min(290px,100%);margin-inline:auto}.journey-phone img{max-height:none}.reason-index{display:grid}.reason-section-simple .reason-copy h2{font-size:3.4rem}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); font-size: 17px; line-height: 1.55; text-rendering: optimizeLegibility; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .24; z-index: 100; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--core-focus); outline-offset: 4px; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(4.25rem, 7.4vw, 8rem); line-height: .87; letter-spacing: -.065em; }
h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(3.2rem, 5.5vw, 6.2rem); line-height: .92; letter-spacing: -.052em; }
h3 { font-weight: 600; letter-spacing: -.025em; }
::selection { color: var(--white); background: var(--eucalyptus); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 20px; top: 10px; z-index: 1000; background: var(--ink); color: white; padding: 10px 16px; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.section-shell { width: var(--content); margin-inline: auto; }
.section-pad { padding-block: clamp(100px, 11vw, 170px); }
.field-label, .comparison-label, .board-label, .era, .journey-number, .evidence-kicker { display: block; font-family: var(--mono); font-size: .69rem; line-height: 1.3; letter-spacing: .07em; text-transform: uppercase; }

/* Navigation */
.site-header { width: var(--content); min-height: 86px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 32px; position: sticky; top: 0; z-index: 90; transition: min-height .25s, background .25s, box-shadow .25s; }
.site-header::before { content: ""; position: absolute; inset: 8px -18px; border-radius: 18px; background: rgba(245, 241, 232, .92); box-shadow: 0 1px 0 rgba(20,42,37,.08); backdrop-filter: blur(18px); opacity: 0; z-index: -1; transition: opacity .25s; }
.site-header.is-scrolled { min-height: 72px; }
.site-header.is-scrolled::before { opacity: 1; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 650; letter-spacing: -.025em; white-space: nowrap; }
.brand-mark, .mini-brand { width: 28px; height: 28px; display: inline-grid; grid-template-columns: repeat(3, 1fr); align-items: end; gap: 2px; padding: 5px; color: var(--white); background: var(--ink); border-radius: 7px; }
.brand-mark i, .mini-brand i { display: block; height: 55%; border-radius: 2px 2px 1px 1px; background: currentColor; transform: skewY(-14deg); }
.brand-mark i:nth-child(2), .mini-brand i:nth-child(2) { height: 90%; }
.brand-mark i:nth-child(3), .mini-brand i:nth-child(3) { height: 72%; }
.desktop-nav { display: flex; align-items: center; gap: 30px; font-size: .88rem; }
.desktop-nav > a:not(.button) { position: relative; color: var(--ink-soft); }
.desktop-nav > a:not(.button)::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -5px; height: 1px; background: var(--ink); transition: right .25s; }
.desktop-nav > a:not(.button):hover::after, .desktop-nav > a.is-current::after { right: 0; }
.desktop-nav > a.is-current { color: var(--ink); }
.button { min-height: 52px; padding: 13px 21px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: var(--core-radius-control); font-size: .9rem; font-weight: 650; line-height: 1; transition: transform .2s var(--core-ease), box-shadow .2s var(--core-ease), background .2s var(--core-ease), color .2s var(--core-ease); }
.button span { transition: transform .2s; }
.button:hover { transform: translateY(-2px); }
.button:hover span { transform: translate(2px, -2px); }
.button-primary { color: var(--white); background: var(--ink); box-shadow: 0 10px 22px rgba(20,42,37,.18); }
.button-primary:hover { background: var(--core-brand-hover); box-shadow: 0 15px 30px rgba(20,42,37,.22); }
.button-small { min-height: 42px; padding: 10px 15px; font-size: .8rem; }
.button-light { color: var(--ink); background: var(--white); box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.button-light:hover { background: var(--butter-pale); }
.button-outline { border-color: var(--ink); background: transparent; }
.button-outline:hover { color: var(--white); background: var(--ink); }
.button-large { min-height: 62px; padding-inline: 28px; }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }
.text-link { display: inline-flex; align-items: center; gap: 18px; font-size: .9rem; font-weight: 600; border-bottom: 1px solid currentColor; padding-block: 8px 5px; }
.text-link span { transition: transform .2s; }
.text-link:hover span { transform: translateX(4px); }
.text-link-light { color: var(--white); }
.menu-button, .mobile-nav { display: none; }

/* Home — hero */
.hero { min-height: calc(100vh - 86px); padding: clamp(50px, 7vw, 100px) 0 110px; display: grid; grid-template-columns: .95fr 1.15fr; grid-template-rows: auto auto; align-items: center; position: relative; }
.hero::before { content: ""; position: absolute; width: 39vw; height: 39vw; max-width: 620px; max-height: 620px; border-radius: 50%; top: 5%; right: -8%; background: rgba(200,188,231,.38); filter: blur(2px); z-index: -1; }
.hero-copy { position: relative; z-index: 5; padding: 48px 0 72px; }
.hero h1 { max-width: 820px; margin-bottom: 30px; }
.hero-intro { max-width: 650px; margin-bottom: 32px; color: var(--ink-soft); font-size: clamp(1.08rem, 1.5vw, 1.32rem); line-height: 1.55; }
.hero-visual { min-width: 0; min-height: 590px; position: relative; margin-left: -5vw; }
.hero-photo-wrap { position: absolute; inset: 0 0 0 8%; overflow: hidden; border-radius: 45% 45% 32px 32px; box-shadow: var(--shadow-lg); transform: rotate(1.5deg); background: var(--paper-deep); }
.hero-photo-wrap::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(245,241,232,.08), transparent 42%), linear-gradient(0deg, rgba(20,42,37,.14), transparent 45%); }
.hero-photo-wrap img { height: 100%; object-fit: cover; object-position: 55% center; }
.floating-agent { position: absolute; display: flex; align-items: center; gap: 11px; min-width: 235px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.7); border-radius: 14px; background: rgba(255,253,248,.88); box-shadow: var(--shadow-sm); backdrop-filter: blur(12px); z-index: 3; transition: transform .3s, box-shadow .3s; }
.floating-agent:hover { transform: translateY(-5px) rotate(0); box-shadow: var(--shadow-md); }
.floating-agent-one { right: -2%; top: 13%; transform: rotate(2.5deg); }
.floating-agent-two { left: 0; bottom: 30%; transform: rotate(-2.8deg); }
.floating-agent-three { right: 2%; bottom: 11%; transform: rotate(1.3deg); }
.agent-dot { width: 30px; height: 30px; border-radius: 10px; flex: 0 0 auto; box-shadow: inset 0 0 0 1px rgba(20,42,37,.09); }
.agent-dot-lavender { background: linear-gradient(135deg, var(--lavender-pale), var(--lavender)); }
.agent-dot-coral { background: linear-gradient(135deg, var(--coral-pale), var(--coral)); }
.agent-dot-mint { background: linear-gradient(135deg, var(--mint-pale), var(--mint)); }
.floating-agent div { display: grid; gap: 1px; }
.floating-agent small { color: var(--ink-soft); font-size: .68rem; }
.floating-agent strong { font-size: .79rem; line-height: 1.25; }
.agent-check { margin-left: auto; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; color: var(--white); background: var(--eucalyptus); font-size: .68rem; }
.live-pulse { margin-left: auto; width: 8px; height: 8px; border-radius: 50%; background: var(--eucalyptus); box-shadow: 0 0 0 6px rgba(54,113,92,.12); animation: pulse 2s infinite; }
@keyframes pulse { 50% { box-shadow: 0 0 0 10px rgba(54,113,92,0); } }
.need-finder { grid-column: 1 / -1; margin-top: -58px; position: relative; z-index: 8; display: grid; grid-template-columns: 1.35fr .65fr; border: 1px solid rgba(20,42,37,.12); border-radius: 22px; background: rgba(255,253,248,.94); box-shadow: var(--shadow-md); backdrop-filter: blur(16px); overflow: hidden; }
.need-prompt { padding: 23px 26px; }
.need-prompt > .field-label { margin-bottom: 13px; color: var(--eucalyptus); }
.need-options { display: flex; flex-wrap: wrap; gap: 7px; }
.need-choice { border: 1px solid var(--line); border-radius: 999px; padding: 9px 13px; background: transparent; cursor: pointer; font-size: .78rem; transition: background .2s, border .2s, transform .2s; }
.need-choice:hover { transform: translateY(-2px); border-color: var(--eucalyptus); }
.need-choice.is-active { color: white; border-color: var(--ink); background: var(--ink); }
.need-result { padding: 20px 24px; display: flex; gap: 14px; align-items: center; background: var(--mint-pale); border-left: 1px solid var(--line); }
.role-orb, .detail-orb { width: 46px; height: 46px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid rgba(20,42,37,.15); border-radius: 14px; font-family: var(--serif); font-size: 1.25rem; box-shadow: 0 6px 15px rgba(20,42,37,.1); }
.role-orb-research { background: var(--lavender); }
.role-orb-writer { background: var(--coral-pale); }
.role-orb-planner { background: var(--butter); }
.role-orb-organiser { background: var(--mint); }
.need-result .field-label { margin-bottom: 3px; color: var(--eucalyptus); }
.need-result strong { display: block; font-size: .9rem; }
.need-result p { margin: 2px 0 0; color: var(--ink-soft); font-size: .74rem; }

/* Home — access */
.access-section { border-top: 1px solid var(--line); }
.section-heading { max-width: 990px; margin-bottom: clamp(48px, 7vw, 85px); }
.section-heading h2 { margin-bottom: 28px; }
.section-heading > p { max-width: 690px; color: var(--ink-soft); font-size: 1.12rem; }
.section-heading-split { max-width: none; display: grid; grid-template-columns: 1.05fr .7fr; gap: 8vw; align-items: end; }
.section-heading-split h2, .section-heading-split p { margin-bottom: 0; }
.access-visual { min-height: 620px; border-radius: 36px; position: relative; overflow: hidden; box-shadow: var(--shadow-md); background: var(--paper-deep); }
.access-visual > img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.access-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(20,42,37,.15), transparent 38%, rgba(255,253,248,.05)); }
.access-side { position: absolute; width: 50%; inset-block: 0; z-index: 2; padding: 28px; display: flex; flex-direction: column; justify-content: space-between; }
.access-side-hard { left: 0; }
.access-side-simple { right: 0; align-items: flex-end; }
.comparison-label { width: fit-content; padding: 8px 10px; border-radius: 6px; color: var(--white); background: rgba(20,42,37,.82); backdrop-filter: blur(8px); }
.jargon-cloud { height: 72%; position: relative; }
.jargon-cloud span { position: absolute; padding: 8px 11px; border: 1px solid rgba(20,42,37,.22); border-radius: 7px; background: rgba(255,253,248,.91); box-shadow: 0 8px 18px rgba(20,42,37,.15); font-family: var(--mono); font-size: .66rem; }
.jargon-cloud span:nth-child(1) { left: 4%; top: 12%; transform: rotate(-4deg); }.jargon-cloud span:nth-child(2) { right: 12%; top: 3%; transform: rotate(6deg); }.jargon-cloud span:nth-child(3) { left: 32%; top: 40%; transform: rotate(3deg); }.jargon-cloud span:nth-child(4) { right: 2%; top: 55%; transform: rotate(-3deg); }.jargon-cloud span:nth-child(5) { left: 3%; bottom: 8%; transform: rotate(5deg); }.jargon-cloud span:nth-child(6) { left: 44%; bottom: 0; transform: rotate(-5deg); }
.simple-brief { width: min(88%, 410px); margin-bottom: 5%; padding: 17px 18px; display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; border: 1px solid rgba(20,42,37,.14); border-radius: 18px; background: rgba(255,253,248,.94); box-shadow: var(--shadow-md); backdrop-filter: blur(12px); }
.simple-brief span { grid-column: 1 / -1; color: var(--eucalyptus); font-family: var(--mono); font-size: .66rem; text-transform: uppercase; }
.simple-brief strong { font-family: var(--serif); font-size: 1.28rem; font-weight: 500; line-height: 1.2; }
.simple-brief i { width: 34px; height: 34px; align-self: end; border-radius: 50%; display: grid; place-items: center; color: var(--white); background: var(--ink); font-style: normal; }
.evidence-line { display: grid; grid-template-columns: 1fr 1fr .8fr; border: 1px solid var(--line); border-radius: 18px; margin-top: 20px; background: var(--white); overflow: hidden; }
.evidence-line > * { min-width: 0; padding: 24px 26px; margin: 0; border-right: 1px solid var(--line); }
.evidence-line > *:last-child { border-right: 0; background: var(--ink); color: white; display: flex; flex-direction: column; justify-content: center; }
.evidence-line p { display: grid; grid-template-columns: auto 1fr; gap: 2px 16px; align-items: center; }
.evidence-line p strong { grid-row: span 2; font-family: var(--serif); font-weight: 400; font-size: 3.5rem; line-height: .8; color: var(--eucalyptus); }
.evidence-line p span { font-size: .78rem; line-height: 1.35; }
.evidence-line p a { font-family: var(--mono); font-size: .58rem; text-decoration: underline; text-underline-offset: 3px; color: var(--ink-soft); }
.evidence-line div span { margin-bottom: 7px; color: var(--mint); }
.evidence-line div b { font-family: var(--serif); font-size: 1.45rem; font-weight: 400; line-height: 1.15; }

/* Home — specialist deck */
.roles-section { border-top: 1px solid var(--line); }
.role-deck { display: grid; grid-template-columns: repeat(4, 1fr); align-items: start; gap: 12px; perspective: 1200px; }
.role-card { min-height: 430px; padding: 20px; border: 1px solid rgba(20,42,37,.15); border-radius: 18px; color: var(--ink); background: var(--white); text-align: left; cursor: pointer; display: flex; flex-direction: column; position: relative; overflow: hidden; box-shadow: 0 8px 0 rgba(20,42,37,.05); transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s, border .2s; transform-origin: center bottom; }
.role-card::before { content: ""; position: absolute; width: 180px; height: 180px; right: -80px; top: 50px; border-radius: 50%; opacity: .5; filter: blur(1px); transition: transform .4s; }
.role-card:hover { transform: translateY(-12px) rotateX(2deg) rotateZ(-.5deg); box-shadow: 0 22px 0 rgba(20,42,37,.06), var(--shadow-md); z-index: 3; }
.role-card:hover::before { transform: scale(1.25); }
.role-card.is-active { transform: translateY(-18px); border-color: var(--ink); box-shadow: 0 20px 0 var(--ink), var(--shadow-md); z-index: 2; }
.role-card-research::before { background: var(--lavender); }.role-card-writer::before { background: var(--coral-pale); }.role-card-planner::before { background: var(--butter-pale); }.role-card-organiser::before { background: var(--mint); }
.role-card-top { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; }
.role-token, .role-status { font-family: var(--mono); font-size: .6rem; text-transform: uppercase; letter-spacing: .06em; }
.role-status::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--eucalyptus); }
.role-icon { width: 68px; height: 68px; margin: 45px 0 22px; border: 1px solid rgba(20,42,37,.13); border-radius: 20px; display: grid; place-items: center; position: relative; z-index: 1; font-family: var(--serif); font-size: 2rem; background: rgba(255,255,255,.55); box-shadow: 6px 7px 0 rgba(20,42,37,.1); }
.role-question { position: relative; z-index: 1; margin-bottom: 8px; color: var(--ink-soft); font-size: .7rem; }
.role-card > strong { position: relative; z-index: 1; margin-bottom: 8px; font-family: var(--serif); font-size: 2.1rem; font-weight: 500; line-height: 1; }
.role-card > small { position: relative; z-index: 1; color: var(--ink-soft); font-size: .76rem; line-height: 1.45; }
.role-open { position: relative; z-index: 1; margin-top: auto; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); font-size: .69rem; font-weight: 600; }
.role-open i { font-style: normal; }
.role-detail { min-height: 280px; margin-top: 48px; display: grid; grid-template-columns: .7fr .75fr 1.4fr; gap: 45px; align-items: center; padding: 36px; border-radius: 24px; color: var(--white); background: var(--ink); box-shadow: var(--shadow-md); }
.role-detail-identity { display: flex; gap: 16px; align-items: center; }
.detail-orb { color: var(--ink); width: 62px; height: 62px; border-radius: 18px; }
.role-detail-identity .field-label { color: var(--mint); margin-bottom: 5px; }
.role-detail-identity strong { display: block; font-family: var(--serif); font-size: 1.4rem; font-weight: 400; line-height: 1.15; }
.role-detail > p { margin: 0; color: rgba(255,255,255,.72); font-size: .87rem; }
.detail-conversation { display: grid; grid-template-columns: 72px 1fr; gap: 8px 14px; align-items: start; }
.detail-conversation span { padding-top: 10px; color: var(--mint); font-family: var(--mono); font-size: .58rem; text-transform: uppercase; }
.detail-conversation blockquote { margin: 0; padding: 10px 13px; border-radius: 4px 12px 12px 12px; background: rgba(255,255,255,.09); font-size: .73rem; line-height: 1.42; }
.detail-conversation blockquote:last-child { color: var(--ink); background: var(--mint); }

/* Home — workflow */
.workflow-section { border-top: 1px solid var(--line); }
.workflow-stage { min-height: 690px; display: grid; grid-template-columns: .75fr 1.25fr; border-radius: 34px; color: var(--white); background: var(--forest); box-shadow: var(--shadow-lg); overflow: hidden; }
.workflow-steps { padding: 55px 44px; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.workflow-step { width: 100%; padding: 20px 0; border: 0; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.52); background: transparent; display: grid; grid-template-columns: 32px 1fr; gap: 16px; text-align: left; cursor: pointer; transition: color .2s, padding .2s; }
.workflow-step > span { width: 27px; height: 27px; border: 1px solid currentColor; border-radius: 50%; display: grid; place-items: center; font-family: var(--mono); font-size: .58rem; }
.workflow-step div { display: grid; gap: 5px; }
.workflow-step strong { font-family: var(--serif); font-size: 1.5rem; font-weight: 400; }
.workflow-step small { max-width: 320px; font-size: .72rem; line-height: 1.4; }
.workflow-step:hover, .workflow-step.is-active { color: white; padding-left: 10px; }
.workflow-step.is-active > span { color: var(--ink); border-color: var(--mint); background: var(--mint); }
.device-scene { position: relative; min-width: 0; display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, rgba(200,188,231,.7), rgba(200,188,231,.14) 32%, transparent 60%), linear-gradient(145deg, rgba(255,255,255,.04), transparent 40%); overflow: hidden; }
.device-scene::before, .device-scene::after { content: ""; position: absolute; width: 440px; height: 440px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.device-scene::after { width: 610px; height: 610px; }
.device-shadow { position: absolute; bottom: 8%; width: 380px; height: 70px; border-radius: 50%; background: rgba(0,0,0,.3); filter: blur(30px); transform: rotate(-3deg); }
.phone-frame { width: 330px; min-height: 620px; padding: 10px; position: relative; z-index: 2; border: 2px solid rgba(255,255,255,.55); border-radius: 46px; color: var(--ink); background: #1a2322; box-shadow: 0 40px 80px rgba(0,0,0,.35), inset 0 0 0 1px rgba(0,0,0,.8); transform: rotate(2deg); transition: transform .35s; }
.workflow-stage:hover .phone-frame { transform: rotate(0deg) translateY(-5px); }
.phone-status { height: 31px; padding: 5px 15px 0; display: flex; justify-content: space-between; align-items: start; color: white; font-family: var(--mono); font-size: .53rem; }
.phone-status i { width: 72px; height: 20px; position: absolute; left: 50%; top: 9px; transform: translateX(-50%); border-radius: 20px; background: #050807; }
.product-screen { min-height: 570px; padding: 18px; border-radius: 34px; background: var(--paper); transition: opacity .15s, transform .15s; }
.product-screen.is-changing { opacity: .2; transform: translateY(4px); }
.product-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; }
.product-head .mini-brand { width: 24px; height: 24px; border-radius: 6px; }
.product-head strong { font-size: .68rem; }
.product-head button { border: 0; background: transparent; font-size: .8rem; }
.screen-copy h3 { margin-bottom: 7px; font-family: var(--serif); font-weight: 400; font-size: 1.75rem; line-height: 1.05; }
.screen-copy p { color: var(--ink-soft); font-size: .65rem; }
.screen-roles { display: grid; gap: 7px; margin-top: 22px; }
.screen-roles article { padding: 9px 10px; display: grid; grid-template-columns: 32px 1fr 20px; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); }
.screen-roles article > span { width: 32px; height: 32px; border-radius: 9px; display: grid; place-items: center; background: var(--paper-deep); font-family: var(--serif); }
.screen-roles article div { display: grid; }
.screen-roles strong { font-size: .69rem; }.screen-roles small { color: var(--ink-soft); font-size: .55rem; }.screen-roles article > i { font-style: normal; font-size: .65rem; }
.screen-roles article.selected { border-color: var(--eucalyptus); background: var(--mint-pale); }.screen-roles article.selected > span { background: var(--lavender); }
.screen-continue { width: 100%; margin-top: 17px; padding: 13px; border: 0; border-radius: 9px; display: flex; align-items: center; justify-content: space-between; color: var(--white); background: var(--ink); font-size: .7rem; }
.screen-chat { display: grid; grid-template-columns: 45px 1fr; gap: 8px; margin-top: 22px; align-items: start; }
.screen-chat > span { padding-top: 8px; color: var(--eucalyptus); font-family: var(--mono); font-size: .52rem; text-transform: uppercase; }
.screen-chat blockquote { margin: 0; padding: 10px 11px; border-radius: 5px 11px 11px 11px; background: var(--white); font-size: .63rem; line-height: 1.4; }
.screen-chat blockquote:nth-of-type(2) { background: var(--mint-pale); }
.screen-input { grid-column: 1 / -1; margin-top: 8px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; color: var(--ink-soft); background: var(--white); font-size: .6rem; }
.screen-input i { width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--ink); font-style: normal; }
.screen-progress { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.screen-progress > div { padding: 12px; border: 1px solid var(--line); border-radius: 10px; display: grid; background: var(--white); }
.screen-progress > div span { color: var(--ink-soft); font-size: .52rem; }
.screen-progress > div strong { font-family: var(--serif); font-size: 1.65rem; font-weight: 400; }
.screen-progress article { grid-column: 1 / -1; padding: 11px; border: 1px solid var(--line); border-radius: 10px; display: grid; grid-template-columns: 18px 1fr auto; align-items: center; gap: 9px; background: var(--white); }
.screen-progress article > div { display: grid; }
.screen-progress article strong { font-size: .61rem; }
.screen-progress article small { color: var(--ink-soft); font-size: .5rem; }
.screen-progress .live-pulse { margin: 0; }
.screen-progress article > i { padding: 5px 7px; border-radius: 6px; background: var(--ink); color: white; font-size: .48rem; font-style: normal; }
.screen-progress article.needs-you { background: var(--butter-pale); }
.screen-progress article.needs-you > span { width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--coral); font-size: .55rem; }
.device-note { position: absolute; z-index: 3; left: 6%; bottom: 7%; padding: 13px 16px; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; display: grid; color: white; background: rgba(20,42,37,.72); backdrop-filter: blur(10px); transform: rotate(-3deg); }
.device-note span { font-size: .55rem; opacity: .65; }.device-note strong { font-family: var(--serif); font-size: 1.05rem; font-weight: 400; }

/* Home — demo and reason */
.demo-portal { min-height: 680px; margin-bottom: clamp(100px, 10vw, 160px); padding: clamp(55px, 7vw, 95px); display: grid; grid-template-columns: .65fr 1fr; gap: 7vw; align-items: center; border-radius: 36px; color: var(--white); background: var(--navy); overflow: hidden; box-shadow: var(--shadow-lg); }
.demo-portal-copy h2 { font-size: clamp(3.2rem, 5vw, 5.5rem); margin-bottom: 26px; }
.demo-portal-copy > p { color: rgba(255,255,255,.7); margin-bottom: 28px; }
.reason-section { display: grid; grid-template-columns: .9fr 1fr; gap: 9vw; align-items: center; }
.reason-note { min-height: 510px; padding: 70px 55px 55px; position: relative; display: flex; flex-direction: column; justify-content: center; background: #f4e9b4; box-shadow: 14px 18px 0 var(--coral-pale), var(--shadow-md); transform: rotate(-2deg); }
.reason-note::after { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(20,42,37,.12); }
.note-pin { position: absolute; width: 17px; height: 17px; border-radius: 50%; left: 50%; top: 22px; background: var(--coral); box-shadow: 0 4px 7px rgba(0,0,0,.2); }
.reason-quote { position: relative; z-index: 1; font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 4.4rem); line-height: .98; letter-spacing: -.04em; }
.handwritten { align-self: flex-end; font-family: var(--mono); font-size: .65rem; transform: rotate(3deg); }
.reason-copy h2 { margin-bottom: 30px; }.reason-copy p { max-width: 600px; color: var(--ink-soft); font-size: 1.05rem; }.reason-copy .button-row { margin-top: 32px; }

/* Thinking */
.thinking-hero { padding: clamp(70px, 8vw, 120px) 0 90px; }
.thinking-hero-copy { max-width: 1010px; margin-bottom: 70px; }
.thinking-hero h1 { margin-bottom: 30px; }
.thinking-hero-copy > p { max-width: 790px; color: var(--ink-soft); font-size: 1.24rem; }
.thinking-hero .button-row { margin-top: 30px; }
.people-panorama { height: 500px; position: relative; border-radius: 250px 250px 30px 30px; overflow: hidden; box-shadow: var(--shadow-md); background: var(--paper-deep); }
.people-panorama::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,42,37,.18), transparent 45%); pointer-events: none; }
.people-panorama img { height: 100%; object-fit: cover; object-position: center; }
.life-label { position: absolute; z-index: 2; padding: 7px 10px; border: 1px solid rgba(255,255,255,.7); border-radius: 999px; color: var(--white); background: rgba(20,42,37,.68); backdrop-filter: blur(10px); font-family: var(--mono); font-size: .6rem; text-transform: uppercase; }.label-home { left: 8%; bottom: 13%; }.label-study { left: 32%; top: 18%; }.label-shop { left: 57%; bottom: 10%; }.label-work { right: 8%; top: 20%; }
.panorama-caption { max-width: 470px; margin: 20px 0 0 auto; color: var(--ink-soft); font-family: var(--serif); font-size: 1.4rem; font-style: italic; text-align: right; }
.manifesto-section, .specialist-thinking, .wrong-turns, .doorway-section { position: relative; border-top: 1px solid var(--line); }
.manifesto-number { position: absolute; top: 105px; right: 0; color: rgba(20,42,37,.08); font-family: var(--serif); font-size: 10rem; line-height: .7; letter-spacing: -.08em; }
.manifesto-copy { max-width: 910px; }.manifesto-copy h2 { margin-bottom: 32px; }.manifesto-copy p { max-width: 700px; color: var(--ink-soft); font-size: 1.08rem; }
.translation-board { margin-top: 65px; padding: 35px; display: grid; grid-template-columns: 1fr 80px 1fr; align-items: stretch; border: 1px solid var(--line); border-radius: 28px; background: var(--white); box-shadow: var(--shadow-sm); }
.translation-board > div:not(.translation-arrow) { padding: 20px; }.translation-board > div:last-child { border-radius: 18px; background: var(--mint-pale); display: flex; flex-direction: column; justify-content: center; }
.board-label { margin-bottom: 18px; color: var(--eucalyptus); }.translation-board ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 9px; list-style: none; }.translation-board li { padding: 9px 12px; border: 1px solid var(--line); border-radius: 6px; font-family: var(--mono); font-size: .67rem; }.translation-arrow { display: grid; place-items: center; font-family: var(--serif); font-size: 2.8rem; }.translation-board blockquote { margin: 0; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 3rem); line-height: 1.05; }
.thinking-tabs { border: 1px solid var(--line); border-radius: 26px; background: var(--white); overflow: hidden; box-shadow: var(--shadow-sm); }
.thinking-tablist { display: grid; grid-template-columns: repeat(5,1fr); border-bottom: 1px solid var(--line); }.thinking-tablist button { min-height: 68px; border: 0; border-right: 1px solid var(--line); background: transparent; cursor: pointer; font-family: var(--serif); font-size: 1.2rem; transition: background .2s, color .2s; }.thinking-tablist button:last-child { border-right: 0; }.thinking-tablist button:hover { background: var(--paper); }.thinking-tablist button.is-active { color: white; background: var(--ink); }
.thinking-tab-panel { min-height: 320px; padding: 45px; display: grid; grid-template-columns: 100px 1fr .65fr; gap: 42px; align-items: center; }
.thinking-symbol { width: 92px; height: 92px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 28px; background: var(--lavender); box-shadow: 8px 9px 0 rgba(20,42,37,.12); font-family: var(--serif); font-size: 2.8rem; transition: background .25s; }.thinking-tab-panel .field-label { margin-bottom: 9px; color: var(--eucalyptus); }.thinking-tab-panel h3 { margin-bottom: 12px; font-family: var(--serif); font-size: 2rem; font-weight: 400; }.thinking-tab-panel p { margin: 0; color: var(--ink-soft); font-size: .9rem; }.thinking-tab-panel aside { padding: 22px; border-radius: 15px; background: var(--paper); }.thinking-tab-panel aside > span { font-family: var(--mono); font-size: .6rem; text-transform: uppercase; color: var(--eucalyptus); }.thinking-tab-panel ul { margin: 13px 0 0; padding-left: 18px; font-size: .76rem; }.thinking-tab-panel li + li { margin-top: 7px; }
.turns-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.turns-list article { min-height: 370px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; display: flex; flex-direction: column; background: var(--white); transition: transform .3s, box-shadow .3s; }.turns-list article:hover { transform: translateY(-8px) rotate(-.4deg); box-shadow: var(--shadow-md); }.turns-list article > span { font-family: var(--mono); color: var(--coral); font-size: .64rem; text-transform: uppercase; }.turns-list h3 { margin: 45px 0 15px; font-family: var(--serif); font-size: 2rem; font-weight: 400; }.turns-list p { color: var(--ink-soft); font-size: .85rem; }.turns-list b { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); font-size: .74rem; }
.doorway-path { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; }.doorway-path::before { content: ""; position: absolute; left: 7%; right: 7%; top: 115px; height: 1px; background: var(--ink); }.doorway-path article { position: relative; text-align: center; }.doorway-path .era { margin-bottom: 22px; color: var(--eucalyptus); }.door-icon { width: 86px; height: 86px; margin: 0 auto 24px; position: relative; z-index: 2; border: 1px solid var(--ink); border-radius: 24px; background: var(--paper); box-shadow: 6px 7px 0 var(--paper-deep); }.doorway-now .door-icon { background: var(--mint); box-shadow: 6px 7px 0 var(--ink); }.doorway-path h3 { margin-bottom: 8px; font-family: var(--serif); font-size: 1.5rem; font-weight: 500; }.doorway-path p { margin: auto; max-width: 220px; color: var(--ink-soft); font-size: .75rem; }
.sheet-icon { display: grid; grid-template-columns: repeat(2,1fr); padding: 20px; gap: 3px; }.sheet-icon i { border: 1px solid var(--ink); }.browser-icon::before { content:""; position:absolute; left:12px; right:12px; top:16px; height:8px; border-bottom:1px solid var(--ink); }.browser-icon i:first-child { position:absolute; left:17px; top:19px; width:3px; height:3px; border-radius:50%; background:var(--coral); }.browser-icon i:last-child { position:absolute; inset:35px 18px 18px; background:var(--lavender-pale); }.touch-icon::before { content:""; position:absolute; inset:12px 22px; border:1px solid var(--ink); border-radius:10px; }.touch-icon i { position:absolute; width:22px; height:30px; left:38px; top:37px; border:1px solid var(--ink); border-radius:50% 50% 8px 8px; background:var(--butter); transform:rotate(-16deg); }.team-icon { display:flex; align-items:center; justify-content:center; }.team-icon i { width:20px; height:34px; margin:-3px; border:1px solid var(--ink); border-radius:12px 12px 5px 5px; background:var(--paper); transform:rotate(-10deg); }.team-icon i:nth-child(2) { z-index:2; height:44px; background:var(--lavender); transform:none; }.team-icon i:nth-child(3) { transform:rotate(10deg); }
.future-section { min-height: 700px; margin-bottom: clamp(100px,10vw,160px); padding: clamp(55px,7vw,90px); display: grid; grid-template-columns: .78fr 1fr; gap: 6vw; align-items: center; border-radius: 36px; color: white; background: var(--ink); overflow: hidden; box-shadow: var(--shadow-lg); }.future-section .manifesto-number { position: static; color: rgba(255,255,255,.1); margin-bottom: 35px; }.future-copy h2 { font-size: clamp(3.2rem,5vw,5.4rem); }.future-copy p { color: rgba(255,255,255,.67); }.future-copy .text-link { margin-top: 18px; }.future-orbits { min-height: 540px; position: relative; display: grid; place-items: center; }.orbit-center { width: 146px; height: 146px; position:relative; z-index:6; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--ink); background:var(--mint); box-shadow:0 0 0 15px rgba(185,223,207,.1), 0 20px 50px rgba(0,0,0,.3); }.orbit-center strong { font-family:var(--serif); font-weight:500; }.orbit { position:absolute; border:1px solid rgba(255,255,255,.2); border-radius:50%; }.orbit-one { width:240px; height:240px; animation:orbit-spin 18s linear infinite; }.orbit-two { width:370px; height:370px; animation:orbit-spin 28s linear infinite reverse; }.orbit-three { width:510px; height:510px; animation:orbit-spin 38s linear infinite; }.future-node { position:absolute; min-width:72px; padding:10px 12px; border-radius:999px; color:var(--ink); background:var(--white); box-shadow:0 8px 20px rgba(0,0,0,.25); font-family:var(--mono); font-size:.58rem; font-style:normal; text-align:center; animation:orbit-spin 18s linear infinite reverse; }.future-home { left:50%; top:-18px; }.future-study { right:-28px; top:50%; animation-duration:28s; animation-direction:normal; }.future-business { left:-35px; top:25%; animation-duration:28s; animation-direction:normal; }.future-community { right:8%; bottom:5%; animation-duration:38s; animation-direction:reverse; }.future-work { left:3%; top:13%; animation-duration:38s; animation-direction:reverse; }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
.thinking-contact, .after-demo { display:flex; justify-content:space-between; align-items:end; gap:70px; border-top:1px solid var(--line); }.thinking-contact > div:first-child, .after-demo > div:first-child { max-width:800px; }.thinking-contact h2, .after-demo h2 { font-size:clamp(3rem,5vw,5.2rem); }.thinking-contact p, .after-demo p { max-width:650px; color:var(--ink-soft); }

/* Demo landing */
.demo-hero { min-height: calc(100vh - 86px); padding: clamp(60px,8vw,110px) 0 100px; display:grid; grid-template-columns:.88fr 1fr; gap:5vw; align-items:center; }.demo-hero-copy h1 { font-size:clamp(4.2rem,6.8vw,7.3rem); margin-bottom:30px; }.demo-hero-copy > p { max-width:620px; color:var(--ink-soft); font-size:1.1rem; }.demo-hero-copy .button-row { margin-top:30px; }.demo-time { margin-top:22px !important; font-family:var(--mono); font-size:.61rem !important; text-transform:uppercase; }.demo-time span { color:var(--eucalyptus); }
.demo-hero-visual { min-height:630px; position:relative; }.demo-hero-visual > img { height:100%; position:absolute; inset:0; object-fit:cover; border-radius:48% 48% 28px 28px; box-shadow:var(--shadow-lg); }.demo-hero-visual::after { content:""; position:absolute; inset:0; border-radius:48% 48% 28px 28px; background:linear-gradient(0deg,rgba(20,42,37,.25),transparent 45%); }.decision-card { width:310px; position:absolute; z-index:2; left:-9%; bottom:8%; padding:20px; border:1px solid rgba(255,255,255,.7); border-radius:16px; background:rgba(255,253,248,.93); box-shadow:var(--shadow-md); backdrop-filter:blur(12px); transform:rotate(-2.2deg); }.decision-state { display:inline-block; margin-bottom:22px; padding:5px 8px; border-radius:5px; background:var(--butter-pale); font-family:var(--mono); font-size:.58rem; text-transform:uppercase; }.decision-card > strong { display:block; font-family:var(--serif); font-size:1.8rem; font-weight:500; }.decision-card > p { color:var(--ink-soft); font-size:.76rem; }.decision-card > div { display:flex; gap:9px; align-items:center; border-top:1px solid var(--line); padding-top:13px; }.decision-card small { color:var(--ink-soft); font-size:.6rem; line-height:1.4; }.decision-counter { position:absolute; z-index:2; right:-3%; top:13%; width:110px; height:110px; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; color:white; background:var(--coral); box-shadow:var(--shadow-md); transform:rotate(6deg); }.decision-counter strong { font-family:var(--serif); font-size:2.5rem; line-height:.8; }.decision-counter span { font-size:.57rem; }
.demo-journey { border-top:1px solid var(--line); }.journey-line { display:grid; grid-template-columns:repeat(3,1fr); position:relative; }.journey-line::before { content:""; position:absolute; top:50px; left:16%; right:16%; border-top:1px dashed var(--ink); }.journey-line article { padding:0 35px; text-align:center; position:relative; }.journey-number { width:38px; margin:0 auto 25px; padding:5px; border:1px solid var(--ink); border-radius:999px; background:var(--paper); position:relative; z-index:2; }.journey-icon { width:110px; height:110px; margin:0 auto 25px; border:1px solid var(--line); border-radius:30px; background:var(--white); position:relative; box-shadow:8px 9px 0 var(--paper-deep); }.journey-icon i { position:absolute; width:28px; height:52px; top:27px; border:1px solid var(--ink); border-radius:14px 14px 7px 7px; background:var(--paper); transform:rotate(-12deg); }.journey-icon i:nth-child(1) { left:22px; }.journey-icon i:nth-child(2) { left:41px; z-index:2; height:60px; top:23px; background:var(--lavender); transform:none; }.journey-icon i:nth-child(3) { right:20px; transform:rotate(12deg); }.conversation-icon i { width:54px; height:34px; left:18px !important; top:23px; border-radius:14px 14px 14px 3px; background:var(--mint); transform:none; }.conversation-icon i:nth-child(2) { left:39px !important; top:54px; height:30px; background:var(--coral-pale); transform:none; }.decision-icon i { width:55px; height:55px; left:27px !important; top:27px; border-radius:50%; background:var(--butter); transform:none; }.decision-icon i::after { content:"✓"; display:grid; place-items:center; height:100%; font-size:1.5rem; }.journey-line h3 { font-family:var(--serif); font-size:1.7rem; font-weight:500; margin-bottom:8px; }.journey-line p { max-width:260px; min-height:75px; margin:0 auto; color:var(--ink-soft); font-size:.8rem; }.journey-line small { display:inline-block; margin-top:20px; padding-top:9px; border-top:1px solid var(--line); font-family:var(--mono); font-size:.55rem; text-transform:uppercase; }
.sample-workspace { display:grid; grid-template-columns:.75fr 1fr; gap:8vw; align-items:center; border-top:1px solid var(--line); }.sample-copy h2 { margin-bottom:26px; }.sample-copy > p { color:var(--ink-soft); }.sample-brief { margin-top:35px; padding:24px; border:1px solid var(--line); border-radius:14px; background:var(--butter-pale); box-shadow:7px 8px 0 var(--coral-pale); transform:rotate(-1deg); }.sample-brief .field-label { color:var(--eucalyptus); margin-bottom:12px; }.sample-brief blockquote { margin:0; font-family:var(--serif); font-size:1.45rem; line-height:1.18; }.sample-roster { padding:18px; border:1px solid var(--line); border-radius:24px; background:var(--white); box-shadow:var(--shadow-sm); }.sample-roster article { padding:18px; display:grid; grid-template-columns:48px 1fr auto; gap:15px; align-items:center; border-bottom:1px solid var(--line); transition:background .2s, transform .2s; }.sample-roster article:last-child { border-bottom:0; }.sample-roster article:hover { background:var(--paper); transform:translateX(-5px); }.sample-roster div { display:grid; }.sample-roster strong { font-family:var(--serif); font-size:1.3rem; font-weight:500; }.sample-roster p { margin:0; color:var(--ink-soft); font-size:.69rem; }.sample-roster article > small { padding:6px 8px; border-radius:999px; background:var(--mint-pale); font-size:.57rem; }
.demo-door { min-height:680px; margin-bottom:clamp(100px,10vw,160px); padding:clamp(55px,7vw,90px); display:grid; grid-template-columns:.72fr 1fr; gap:7vw; align-items:center; border-radius:36px; color:white; background:var(--navy); overflow:hidden; box-shadow:var(--shadow-lg); }.door-status { display:inline-flex; align-items:center; gap:8px; margin-bottom:25px; padding:7px 10px; border:1px solid rgba(255,255,255,.25); border-radius:999px; font-family:var(--mono); font-size:.6rem; text-transform:uppercase; }.door-status i { width:7px; height:7px; border-radius:50%; background:var(--mint); box-shadow:0 0 0 5px rgba(185,223,207,.12); }.demo-door-copy h2 { font-size:clamp(3.2rem,5vw,5.3rem); }.demo-door-copy > p { color:rgba(255,255,255,.7); }.demo-door-copy .button-row { margin-top:28px; }.door-preview { border:1px solid rgba(255,255,255,.2); border-radius:14px; overflow:hidden; background:var(--paper); box-shadow:0 35px 80px rgba(0,0,0,.35); transform:rotate(1.5deg) translateX(9%); transition:transform .35s; }.demo-door:hover .door-preview { transform:rotate(0) translateX(3%); }.door-preview-body { min-height:360px; display:grid; grid-template-columns:55px 1fr; color:var(--ink); }.preview-sidebar { padding:13px; display:flex; flex-direction:column; align-items:center; gap:26px; background:var(--ink); }.preview-sidebar .mini-brand { width:24px; height:24px; color:var(--ink); background:var(--mint); margin-bottom:25px; }.preview-sidebar > i { width:18px; height:3px; border-radius:5px; background:rgba(255,255,255,.25); }.preview-sidebar > i.on { height:18px; background:var(--lavender); }.preview-main { padding:38px; }.preview-main .field-label { color:var(--eucalyptus); }.preview-main h3 { margin:18px 0 30px; font-family:var(--serif); font-size:2rem; font-weight:400; }.preview-progress { height:6px; margin-bottom:35px; border-radius:5px; background:var(--paper-deep); overflow:hidden; }.preview-progress span { display:block; width:var(--progress); height:100%; background:var(--eucalyptus); }.preview-columns { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.preview-columns article { padding:14px; border:1px solid var(--line); border-radius:10px; display:grid; background:var(--white); }.preview-columns article.needs { background:var(--butter-pale); }.preview-columns span { font-size:.56rem; color:var(--ink-soft); }.preview-columns strong { font-family:var(--serif); font-size:2rem; font-weight:400; }

/* Footer */
.site-footer { min-height:250px; padding:55px 0; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:start; border-top:1px solid var(--line); position:relative; }.brand-footer { margin-bottom:12px; }.site-footer p { color:var(--ink-soft); font-family:var(--serif); font-size:1.25rem; }.site-footer nav { display:flex; flex-wrap:wrap; gap:28px; font-size:.75rem; }.site-footer nav a:hover { text-decoration:underline; text-underline-offset:4px; }.footer-note { grid-column:1 / -1; align-self:end; color:var(--ink-soft); font-family:var(--mono); font-size:.58rem; text-transform:uppercase; letter-spacing:.07em; }

/* Progressive enhancement */
.js .story-reveal { opacity:0; transform:translateY(22px); transition:opacity .65s ease, transform .65s cubic-bezier(.2,.75,.25,1); }.js .story-reveal.is-visible { opacity:1; transform:none; }

@media (max-width: 1100px) {
  :root { --content: min(100% - 40px, 1000px); }
  h1 { font-size:clamp(4rem,8vw,6rem); }
  .hero { grid-template-columns:.9fr 1.1fr; }.hero-visual { min-height:520px; }.floating-agent-one { right:-1%; }.floating-agent-two { left:3%; }.floating-agent-three { display:none; }
  .role-deck { grid-template-columns:repeat(2,1fr); gap:30px 12px; }.role-card { min-height:390px; }.role-detail { grid-template-columns:.8fr 1.2fr; }.role-detail > p { display:none; }
  .evidence-line { grid-template-columns:1fr 1fr; }.evidence-line > div { grid-column:1 / -1; }.evidence-line > p:nth-child(2) { border-right:0; }
  .workflow-stage { grid-template-columns:.8fr 1.2fr; }.device-note { display:none; }
  .demo-portal { grid-template-columns:.75fr 1fr; padding:60px 45px; }
  .thinking-tab-panel { grid-template-columns:90px 1fr; }.thinking-tab-panel aside { grid-column:2; }
  .future-section { grid-template-columns:.85fr 1fr; padding:60px 45px; }.orbit-three { width:440px; height:440px; }
  .demo-hero { gap:4vw; }.decision-card { left:-5%; }.demo-door { padding:60px 45px; }
}

@media (max-width: 800px) {
  :root { --content: min(100% - 32px, 720px); }
  body { font-size:16px; }
  h1 { font-size:clamp(3.65rem,14vw,5.5rem); }.section-pad { padding-block:90px; }
  .desktop-nav { display:none; }.menu-button { width:42px; height:42px; padding:10px; display:grid; align-content:center; gap:4px; border:1px solid var(--line); border-radius:8px; background:var(--white); cursor:pointer; }.menu-button > span:not(.sr-only) { width:100%; height:1px; background:var(--ink); transition:transform .2s, opacity .2s; }.menu-button[aria-expanded="true"] > span:nth-child(1) { transform:translateY(5px) rotate(45deg); }.menu-button[aria-expanded="true"] > span:nth-child(2) { opacity:0; }.menu-button[aria-expanded="true"] > span:nth-child(3) { transform:translateY(-5px) rotate(-45deg); }.mobile-nav { position:fixed; top:74px; left:16px; right:16px; padding:18px; border:1px solid var(--line); border-radius:15px; background:rgba(255,253,248,.97); box-shadow:var(--shadow-md); backdrop-filter:blur(18px); flex-direction:column; gap:0; }.mobile-nav.is-open { display:flex; }.mobile-nav a { padding:14px 10px; border-bottom:1px solid var(--line); }.mobile-nav a:last-child { border-bottom:0; }
  .hero { min-height:auto; padding-top:55px; grid-template-columns:1fr; grid-template-rows:auto; }.hero-copy { padding:0; }.hero-visual { min-height:520px; margin:50px 0 0; }.hero-photo-wrap { inset:0; }.floating-agent-one { right:-2%; top:10%; }.floating-agent-two { left:-2%; bottom:10%; }.need-finder { grid-column:auto; margin-top:30px; grid-template-columns:1fr; }.need-result { border-left:0; border-top:1px solid var(--line); }
  .section-heading-split { grid-template-columns:1fr; gap:25px; }.access-visual { min-height:760px; }.access-visual > img { object-position:center; }.access-side { width:100%; height:50%; padding:18px; }.access-side-hard { inset:0 0 auto; }.access-side-simple { inset:auto 0 0; }.access-visual::after { background:linear-gradient(0deg,rgba(255,253,248,.05),transparent 60%); }.jargon-cloud { height:82%; }.simple-brief { margin-bottom:2%; }
  .role-detail { grid-template-columns:1fr; }.detail-conversation { grid-template-columns:60px 1fr; }
  .workflow-stage { grid-template-columns:1fr; }.workflow-steps { padding:40px 30px 10px; }.device-scene { min-height:680px; }.phone-frame { width:310px; }
  .demo-portal { padding:55px 35px; grid-template-columns:1fr; }
  .reason-section { grid-template-columns:1fr; }.reason-note { min-height:420px; }.reason-copy { margin-top:30px; }
  .people-panorama { height:400px; border-radius:180px 180px 24px 24px; }.manifesto-number { top:85px; font-size:7rem; }.translation-board { grid-template-columns:1fr; }.translation-arrow { min-height:70px; transform:rotate(90deg); }
  .thinking-tab-panel { grid-template-columns:70px 1fr; padding:30px; gap:25px; }.thinking-symbol { width:68px; height:68px; border-radius:20px; }.thinking-tab-panel aside { grid-column:1 / -1; }.turns-list { grid-template-columns:1fr; }.turns-list article { min-height:300px; }.doorway-path { grid-template-columns:repeat(2,1fr); gap:60px 20px; }.doorway-path::before { display:none; }
  .future-section { grid-template-columns:1fr; }.future-orbits { min-height:500px; }.thinking-contact, .after-demo { flex-direction:column; align-items:flex-start; }
  .demo-hero { grid-template-columns:1fr; }.demo-hero-visual { min-height:580px; margin-top:25px; }.decision-card { left:-1%; }.demo-journey .section-heading { margin-bottom:55px; }.journey-line { grid-template-columns:1fr; gap:65px; }.journey-line::before { left:50%; right:auto; top:20px; bottom:20px; height:auto; border-top:0; border-left:1px dashed var(--ink); }.journey-line article { background:var(--paper); }.sample-workspace { grid-template-columns:1fr; }.demo-door { grid-template-columns:1fr; }.door-preview { transform:rotate(1deg) translateX(8%); }
}

@media (max-width: 520px) {
  :root { --content: calc(100% - 24px); }
  h1 { font-size:3.8rem; }.section-pad { padding-block:75px; }.site-header { min-height:72px; }
  .hero { padding-top:38px; padding-bottom:80px; }.hero h1 { margin-bottom:23px; }.hero-visual { min-height:440px; }.hero-photo-wrap { border-radius:42% 42% 22px 22px; }.floating-agent { min-width:210px; padding:10px 12px; }.floating-agent-one { right:-2%; top:7%; }.floating-agent-two { left:-2%; bottom:6%; }.need-prompt { padding:20px 17px; }.need-options { flex-direction:column; }.need-choice { text-align:left; }.need-result { padding:18px 17px; }
  .access-visual { min-height:670px; border-radius:22px; }.jargon-cloud span { font-size:.55rem; }.simple-brief { width:96%; }.evidence-line { grid-template-columns:1fr; }.evidence-line > p { border-right:0; border-bottom:1px solid var(--line); }.evidence-line > div { grid-column:auto; }
  .role-deck { grid-template-columns:1fr; gap:30px; }.role-card { min-height:360px; }.role-card.is-active { transform:translateY(-10px); box-shadow:0 12px 0 var(--ink),var(--shadow-sm); }.role-detail { padding:24px 18px; gap:28px; }.role-detail-identity { align-items:flex-start; }.detail-conversation { grid-template-columns:1fr; }.detail-conversation span { padding-top:0; }
  .workflow-stage { border-radius:22px; }.workflow-steps { padding:28px 20px 0; }.device-scene { min-height:610px; }.phone-frame { width:280px; min-height:560px; }.product-screen { min-height:510px; padding:15px; }.screen-copy h3 { font-size:1.55rem; }
  .demo-portal { width:100%; border-radius:0; padding:70px 24px; }
  .reason-note { min-height:370px; padding:55px 30px; }.reason-quote { font-size:2.6rem; }
  .thinking-hero { padding-top:50px; }.people-panorama { height:340px; border-radius:150px 150px 20px 20px; }.people-panorama img { object-position:center; }.life-label { font-size:.48rem; }.panorama-caption { font-size:1.15rem; }.manifesto-number { top:75px; font-size:5rem; }.translation-board { padding:18px; }.thinking-tablist { display:flex; overflow-x:auto; }.thinking-tablist button { min-width:100px; }.thinking-tab-panel { grid-template-columns:1fr; padding:24px; }.thinking-tab-panel aside { grid-column:auto; }.doorway-path { grid-template-columns:1fr; }.future-section { width:100%; border-radius:0; padding:70px 24px; }.future-orbits { min-height:390px; transform:scale(.82); }.orbit-three { width:420px; height:420px; }
  .demo-hero { padding-top:45px; }.demo-hero-visual { min-height:480px; }.decision-card { width:260px; bottom:4%; }.decision-counter { width:85px; height:85px; }.sample-roster { padding:8px; }.sample-roster article { grid-template-columns:40px 1fr; padding:14px 10px; }.sample-roster article > small { grid-column:2; width:fit-content; }.demo-door { width:100%; border-radius:0; padding:70px 24px; }.door-preview { transform:translateX(13%); }.door-preview-body { grid-template-columns:42px 1fr; }.preview-main { padding:25px 18px; }.preview-columns article { padding:8px; }.preview-columns span { font-size:.46rem; }
  .site-footer { grid-template-columns:1fr; }.site-footer nav { gap:18px; }.footer-note { grid-column:auto; }
}

/* Final section refinements — kept last intentionally */
.hero-shade{background:linear-gradient(90deg,rgba(245,241,232,.94) 0%,rgba(245,241,232,.74) 31%,rgba(245,241,232,.08) 59%,rgba(20,42,37,.03) 100%),linear-gradient(0deg,rgba(20,42,37,.12),transparent 32%)!important}
.about-problem{padding-bottom:80px}.about-clutter{position:relative}.setup-stack{position:absolute;z-index:2;left:3.5%;top:8%;width:min(350px,42%);padding:22px;background:rgba(11,38,32,.94);color:var(--white);box-shadow:0 16px 40px rgba(0,0,0,.25)}.setup-stack>b{display:block;margin-bottom:15px;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;color:var(--mint)}.setup-stack ol{margin:0;padding:0;list-style:none}.setup-stack li{display:grid;grid-template-columns:25px 1fr;padding:9px 0;border-top:1px solid rgba(255,255,255,.18);font-size:.73rem}.setup-stack li>span{color:var(--mint);font-family:var(--mono);font-size:.58rem}.setup-stack em{grid-column:2;display:block;color:rgba(255,255,255,.55);font-size:.61rem;font-style:normal}.spending-chat{max-width:500px}.spending-chat p{font-size:1rem}.about-cost-heading{margin-top:75px;display:grid;grid-template-columns:.55fr 1fr;gap:70px;align-items:start}.about-cost-heading>span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;color:var(--eucalyptus)}.about-cost-heading h2{font-size:clamp(2.8rem,4.7vw,5rem);margin-bottom:20px}.about-cost-heading p{grid-column:2;max-width:660px;color:var(--ink-soft)}.about-cost{margin-top:35px}.about-cost article{min-height:145px;justify-content:flex-start}.about-cost em{font-family:var(--mono);font-size:.58rem;font-style:normal;color:var(--eucalyptus)}.about-cost b{margin-top:18px}.mental-model-visual{margin:60px 0 0;position:relative;background:var(--forest);overflow:hidden}.mental-model-visual>img{width:100%;aspect-ratio:16/9;object-fit:cover}.mental-model-visual figcaption{display:flex;justify-content:space-between;padding:17px 22px;color:var(--white);font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.mental-expert-labels{position:absolute;left:4%;right:4%;top:10%;display:grid;grid-template-columns:repeat(4,1fr);gap:5%;pointer-events:none}.mental-expert-labels span{justify-self:center;padding:7px 10px;background:rgba(245,241,232,.92);border:1px solid rgba(16,47,40,.18);font-size:.66rem;font-weight:650}.mental-backstage{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 22px;background:#0c241f;color:var(--white)}.mental-backstage b{margin-right:auto;font-family:var(--mono);font-size:.6rem;text-transform:uppercase}.mental-backstage span{padding:6px 9px;border:1px solid rgba(255,255,255,.25);font-size:.65rem}.about-intervention{display:block!important;height:auto!important;min-height:0!important;padding-block:90px!important}.about-intervention .workflow-stage{min-height:570px}.about-consequence{padding-top:85px}.consequence-statement{min-height:0;padding:10px 0 55px;grid-template-columns:1.1fr .9fr}.consequence-statement h2{font-size:clamp(3.6rem,6.2vw,6.7rem);line-height:.94}.consequence-statement blockquote{font-size:clamp(1.45rem,2.2vw,2.25rem);line-height:1.16}.future-principles{margin-top:0}.future-principles article{min-height:270px;justify-content:flex-start}.future-principles em{font-family:var(--mono);font-size:.58rem;font-style:normal;color:var(--eucalyptus)}.future-principles b{margin-top:22px;font-size:1.75rem;line-height:1.05}.future-principles small{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.62rem;line-height:1.45}.about-founder>div>span{display:block;margin-bottom:22px;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;color:var(--mint)}
@media(max-width:900px){.about-cost-heading{grid-template-columns:1fr;gap:18px}.about-cost-heading p{grid-column:1}.mental-expert-labels{top:8%;gap:2%}.consequence-statement{grid-template-columns:1fr;gap:22px}.future-principles{grid-template-columns:1fr}.future-principles article{min-height:0;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.hero-shade{background:linear-gradient(0deg,rgba(245,241,232,.97) 0%,rgba(245,241,232,.76) 38%,rgba(245,241,232,.04) 70%)!important}.setup-stack{position:relative;left:auto;top:auto;width:auto;margin:-45px 14px 0;padding:18px}.spending-chat{position:relative!important;inset:auto!important;margin:14px!important;max-width:none}.about-cost-heading{margin-top:55px}.about-cost-heading h2{font-size:2.8rem}.about-cost{display:grid;overflow:visible}.about-cost article{min-width:0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.mental-model-visual{margin-top:38px}.mental-model-visual>img{aspect-ratio:4/5;object-position:center;}.mental-model-visual figcaption{display:grid;gap:5px;font-size:.54rem}.mental-expert-labels{display:none}.mental-backstage b{width:100%;margin-bottom:6px}.about-intervention{padding-block:60px!important}.consequence-statement{padding-bottom:35px}.consequence-statement h2{font-size:3.35rem;line-height:.98}.future-principles{display:grid;overflow:visible}.future-principles article{min-width:0;padding:24px}.about-founder{padding:26px 20px}}

/* Final compact homepage rules — kept last so the revision-three component
   styling cannot enlarge the same cards again. */
.life-agents { padding-block: 70px; }
.agent-life-card { height:340px; min-height:340px; padding:0; color:white; }
.agent-life-card::after { background:linear-gradient(180deg,rgba(6,19,16,.18),rgba(6,19,16,.08) 42%,rgba(6,19,16,.86) 68%,rgba(6,19,16,.98)); }
.agent-life-top { position:absolute; z-index:3; inset:18px 18px auto; padding:0; border:0; color:white; background:transparent; box-shadow:none; backdrop-filter:none; }
.agent-life-top strong { color:white; font-size:1.45rem; }.agent-life-top small { color:rgba(255,255,255,.82); }
.agent-online { color:white; border:1px solid rgba(255,255,255,.35); background:rgba(9,31,25,.55); }
.agent-work-image { height: 145px; flex: 0 0 145px; margin-top: 16px; background-size: 500% auto; }
.agent-life-card ul { z-index:2; margin:0; padding:20px 20px 16px; background:rgba(8,27,22,.88); backdrop-filter:blur(8px); }
.agent-life-card li { padding:7px 0; color:white; border-color:rgba(255,255,255,.2); font-size:.72rem; text-shadow:none; }.agent-life-card li::before { color:var(--mint); }
.roles-section { padding-block:58px; }
.roles-section .section-heading { margin-bottom:18px; }.roles-section .section-heading h2 { font-size:clamp(3.2rem,5vw,5.3rem); }.roster-switch { margin-bottom:12px; }
.team-row, .individual-agent-row { display: flex; grid-template-columns: none; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 0 18px; }
.team-card, .team-card:last-child { box-sizing:border-box; min-width:370px; min-height:286px; height:286px; padding:18px; grid-column:auto; scroll-snap-align:start; }
.team-card h3 { margin:14px 0 5px; font-size:2.45rem; }.team-card>p { margin:0; min-height:48px; font-size:.69rem; line-height:1.38; }
.team-members { margin-top:13px; display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }.team-members>span { min-width:0; min-height:74px; padding:7px 3px; display:flex; flex-direction:column; justify-content:center; gap:3px; text-align:center; font-size:.57rem; }.team-members img { width:31px; height:31px; margin:auto; }.team-members small { max-width:100%; font-size:.43rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.team-card>em { display:none; }
.individual-agent-row article { box-sizing: border-box; min-width: 260px; min-height: 300px; scroll-snap-align: start; }
.team-row[hidden], .individual-agent-row[hidden] { display: none !important; }
.individuals-label { display: none; }
.demo-portal { min-height: 0; margin-bottom: 70px; padding: 34px 42px; grid-template-columns: 1fr; }
.demo-portal-copy { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 28px; align-items: center; }
.demo-portal-copy h2, .demo-portal-copy > p, .demo-portal-copy .button-row { margin: 0; }
.workflow-section { padding-block:65px; }.workflow-section .section-heading { margin-bottom:24px; }.workflow-section .section-heading h2 { font-size:clamp(3.2rem,5.2vw,5.5rem); }.workflow-section .workflow-stage { min-height:590px; }.workflow-section .workflow-steps { padding:28px; }.workflow-section .product-capture { min-height:590px; padding-block:20px; }.workflow-section .capture-window.mobile-capture { width:min(260px,58%); }

@media (max-width: 800px) {
  .demo-portal-copy { grid-template-columns: 1fr; gap: 16px; }
  .team-card, .team-card:last-child { min-width: min(330px, 86vw); }
}

@media (max-width: 520px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .life-agents, .roles-section { padding-block: 55px; }
  .agent-life-card { min-width:86vw; height:330px; min-height:330px; }.agent-life-top { inset:15px 15px auto; }.agent-life-card ul { padding:18px 16px 14px; }
  .agent-work-image { height: 130px; flex-basis: 130px; }
  .people-at-work-visual > img { display: none; }
  .demo-portal { width: calc(100% - 24px); margin-inline: auto; margin-bottom: 55px; padding: 24px; }
  .roles-section { padding-block:48px; }.team-card,.team-card:last-child { min-width:88vw; height:280px; min-height:280px; padding:15px; }.team-card h3 { font-size:2.15rem; }.team-card>p { font-size:.62rem; }.team-members>span { min-height:70px; }
  .workflow-section { padding-block:52px; }.workflow-section .section-heading { margin-bottom:18px; }.workflow-section .section-heading h2 { font-size:3rem; }.workflow-section .workflow-stage { min-height:0; }.workflow-section .workflow-steps { padding:10px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.workflow-section .workflow-step { padding:10px 5px; display:block; text-align:center; border:1px solid rgba(255,255,255,.16); border-radius:9px; }.workflow-section .workflow-step>span { margin:0 auto 5px; }.workflow-section .workflow-step strong { font-size:1rem; }.workflow-section .workflow-step small { display:none; }.workflow-section .product-capture { min-height:500px; }.workflow-section .capture-window.mobile-capture { width:min(250px,76%); }
}

/* Homepage review-nine authority */
.agent-life-card { height:340px; min-height:340px; padding:0; color:white; }
.agent-life-card::after { background:linear-gradient(180deg,rgba(6,19,16,.18),rgba(6,19,16,.08) 42%,rgba(6,19,16,.86) 68%,rgba(6,19,16,.98)); }
.agent-life-top { position:absolute; z-index:3; inset:18px 18px auto; padding:0; border:0; color:white; background:transparent; box-shadow:none; backdrop-filter:none; }
.agent-life-top strong { color:white; font-size:1.45rem; }.agent-life-top small { color:rgba(255,255,255,.82); }
.agent-online { color:white; border:1px solid rgba(255,255,255,.35); background:rgba(9,31,25,.55); }
.agent-life-card ul { z-index:2; margin:0; padding:20px 20px 16px; background:rgba(8,27,22,.88); backdrop-filter:blur(8px); }
.agent-life-card li { padding:7px 0; color:white; border-color:rgba(255,255,255,.2); font-size:.72rem; text-shadow:none; }.agent-life-card li::before { color:var(--mint); }
.roles-section { padding-block:58px; }.roles-section .section-heading { margin-bottom:18px; }.roles-section .section-heading h2 { font-size:clamp(3.2rem,5vw,5.3rem); }.roster-switch { margin-bottom:12px; }
.team-card,.team-card:last-child { min-width:370px; height:286px; min-height:286px; padding:18px; }
.team-card h3 { margin:14px 0 5px; font-size:2.45rem; }.team-card>p { margin:0; min-height:48px; font-size:.69rem; line-height:1.38; }
.team-members { margin-top:13px; display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }.team-members>span { min-width:0; min-height:74px; padding:7px 3px; display:flex; flex-direction:column; justify-content:center; gap:3px; text-align:center; font-size:.57rem; }.team-members img { width:31px; height:31px; margin:auto; }.team-members small { max-width:100%; font-size:.43rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.team-card>em { display:none; }
.workflow-section { padding-block:65px; }.workflow-section .section-heading { margin-bottom:24px; }.workflow-section .section-heading h2 { font-size:clamp(3.2rem,5.2vw,5.5rem); }.workflow-section .workflow-stage { min-height:570px; }.workflow-section .workflow-steps { padding:32px 28px; }.workflow-section .product-capture { min-height:570px; padding-block:28px; }.workflow-section .capture-window.mobile-capture { width:min(340px,68%); }
@media(max-width:600px){
  .agent-life-card{height:330px;min-height:330px}.agent-life-top{inset:15px 15px auto}.agent-life-card ul{padding:18px 16px 14px}
  .roles-section{padding-block:48px}.team-card,.team-card:last-child{min-width:88vw;height:280px;min-height:280px;padding:15px}.team-card h3{font-size:2.15rem}.team-card>p{font-size:.62rem}.team-members>span{min-height:70px}
  .workflow-section{padding-block:52px}.workflow-section .section-heading{margin-bottom:18px}.workflow-section .section-heading h2{font-size:3rem}.workflow-section .workflow-stage{min-height:0}.workflow-section .workflow-steps{padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.workflow-section .workflow-step{padding:10px 5px;display:block;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:9px}.workflow-section .workflow-step>span{margin:0 auto 5px}.workflow-section .workflow-step strong{font-size:1rem}.workflow-section .workflow-step small{display:none}.workflow-section .product-capture{min-height:520px}.workflow-section .capture-window.mobile-capture{width:min(330px,88%)}
}

/* Image-led specialist cards */
.agent-life-card {
  padding: 0;
  isolation: isolate;
  justify-content: flex-end;
  color: #fffdf8;
  background: var(--ink);
  border-color: rgba(20,42,37,.22);
}
.agent-life-card::after {
  z-index: -1;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  opacity: 1;
  background: linear-gradient(180deg, rgba(8,25,21,.04) 20%, rgba(8,25,21,.48) 58%, rgba(8,25,21,.94) 100%);
}
.agent-work-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-size: 500% auto;
  background-position-y: center;
  transform: scale(1.015);
  transition: transform .45s ease;
}
.agent-life-card:hover .agent-work-image { transform: scale(1.055); }
.agent-life-top {
  position: absolute;
  inset: 18px 18px auto;
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 14px;
  color: var(--ink);
  background: rgba(255,253,248,.9);
  box-shadow: 0 8px 28px rgba(8,25,21,.12);
  backdrop-filter: blur(12px);
}
.agent-life-top small { color: rgba(20,42,37,.68); }
.agent-online { color: var(--ink); background: rgba(220,239,231,.9); }
.agent-life-card ul {
  z-index: 2;
  margin: 0;
  padding: 18px 20px 17px;
  background: linear-gradient(180deg, transparent, rgba(8,25,21,.16));
}
.agent-life-card li {
  padding: 8px 0;
  color: #fffdf8;
  border-color: rgba(255,255,255,.22);
  text-shadow: 0 1px 12px rgba(0,0,0,.28);
}
.agent-life-card li::before { color: #bce3cf; }

@media (max-width: 520px) {
  .agent-life-top { inset: 14px 14px auto; }
  .agent-life-card ul { padding-inline: 16px; }
}

/* About · four-act visual case study */
.about-story { overflow: clip; }
.about-story h1, .about-story h2 { text-wrap: balance; }
.about-problem { padding: 110px 0 80px; background: linear-gradient(180deg,var(--paper),#e7e2d8 80%,var(--paper)); }
.about-problem-head { display: grid; grid-template-columns: 1.25fr .55fr; gap: 7vw; align-items: end; }
.about-problem-head h1 { max-width: 960px; font-size: clamp(4.7rem,8vw,8.8rem); }
.about-problem-head p { max-width: 690px; margin: 20px 0 0; color: var(--ink-soft); font-size: 1.12rem; }
.about-problem-head blockquote { margin: 0 0 12px; padding-left: 24px; border-left: 1px solid var(--ink); font-family: var(--serif); font-size: clamp(1.45rem,2.2vw,2.25rem); line-height: 1.08; }
.about-clutter { width: min(1500px,calc(100% - 48px)); height: min(63vw,720px); margin: 60px auto 0; position: relative; border-radius: 30px; overflow: hidden; background: var(--navy); box-shadow: var(--shadow-lg); }
.about-clutter::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,28,24,.12),rgba(9,28,24,.04) 47%,rgba(9,28,24,.72)); pointer-events:none; }
.about-clutter img { width:100%; height:100%; object-fit:cover; }
.about-clutter > p { position:absolute; z-index:2; right:35px; bottom:28px; max-width:330px; margin:0; color:white; font-family:var(--serif); font-size:1.6rem; line-height:1.05; }
.clutter-cloud { position:absolute; z-index:2; right:32px; top:32px; width:min(38%,440px); display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.clutter-cloud span { padding:8px 10px; border:1px solid rgba(255,255,255,.35); border-radius:7px; color:white; background:rgba(9,28,24,.55); backdrop-filter:blur(8px); font-family:var(--mono); font-size:.58rem; }
.about-cost { margin-top:16px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:var(--white); }
.about-cost article { min-height:110px; padding:22px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; }
.about-cost article:last-child { border:0; }.about-cost b { font-family:var(--serif); font-size:1.35rem; }.about-cost span { margin-top:5px; color:var(--ink-soft); font-size:.69rem; }

.about-mental, .about-intervention, .about-consequence { padding-block:clamp(90px,9vw,135px); }
.about-section-head { display:grid; grid-template-columns:1.2fr .65fr; gap:7vw; align-items:end; margin-bottom:46px; }
.about-section-head h2 { font-size:clamp(4rem,6.5vw,7rem); }.about-section-head p { margin:0; color:var(--ink-soft); font-size:.95rem; }
.mental-compare { display:grid; grid-template-columns:1fr 70px 1fr; align-items:stretch; }
.software-asks, .contact-directory { min-height:455px; padding:32px; border:1px solid var(--line); border-radius:26px; }
.software-asks { color:white; background:var(--navy); }.contact-directory { background:var(--mint-pale); }
.software-asks > span, .contact-directory > span { font-family:var(--mono); font-size:.61rem; text-transform:uppercase; }
.software-asks > div { height:calc(100% - 25px); display:grid; align-content:center; gap:9px; }
.software-asks i { padding:14px 16px; border:1px solid rgba(255,255,255,.23); border-radius:10px; color:rgba(255,255,255,.72); font-family:var(--mono); font-size:.65rem; font-style:normal; }
.compare-mark { display:grid; place-items:center; color:var(--eucalyptus); font-family:var(--serif); font-size:1.5rem; font-style:italic; }
.contact-list { margin-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.contact-list article { min-height:82px; padding:12px; display:flex; align-items:center; gap:12px; border:1px solid rgba(20,42,37,.15); border-radius:13px; background:rgba(255,255,255,.72); }
.contact-list img { width:48px; height:48px; border-radius:50%; object-fit:cover; }.contact-list p { margin:0; display:grid; }.contact-list b { font-family:var(--serif); font-size:1.15rem; }.contact-list small { color:var(--ink-soft); font-size:.59rem; }
.mental-thesis { margin-top:14px; padding:24px 30px; border:1px solid var(--line); border-radius:18px; display:grid; grid-template-columns:1fr auto 1.35fr; gap:24px; align-items:center; background:var(--white); }
.mental-thesis strong { font-family:var(--serif); font-size:clamp(1.5rem,2.5vw,2.7rem); font-weight:400; }.mental-thesis i { color:var(--eucalyptus); font-size:1.5rem; font-style:normal; }
.product-grammar { margin-top:38px; display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:14px; align-items:center; text-align:center; }
.product-grammar > span { padding:18px; border:1px solid var(--line); border-radius:999px; background:var(--paper-deep); font-family:var(--serif); font-size:1.25rem; }.product-grammar > i { font-style:normal; }.product-grammar > b { grid-column:1/-1; margin-top:10px; font-family:var(--serif); font-size:1.8rem; font-weight:400; }.product-grammar em { color:var(--eucalyptus); font-style:normal; }

.about-intervention { border-radius:38px; color:white; background:var(--forest); box-shadow:var(--shadow-lg); }
.about-intervention .about-section-head { padding-inline:42px; }.about-intervention .about-section-head p { color:rgba(255,255,255,.65); }
.about-workflow { margin-inline:42px; min-height:650px; background:#102e28; box-shadow:none; }
.about-workflow .workflow-step em { margin-top:5px; color:var(--mint); font-size:.57rem; font-style:normal; }
.backstage-strip { margin:18px 42px 0; border:1px solid rgba(255,255,255,.22); border-radius:16px; color:white; background:rgba(255,255,255,.06); }
.backstage-strip summary { min-height:74px; padding:18px 22px; display:grid; grid-template-columns:auto 1fr auto; gap:30px; align-items:center; cursor:pointer; list-style:none; }.backstage-strip summary::-webkit-details-marker{display:none}.backstage-strip summary span { color:var(--mint); font-family:var(--mono); font-size:.58rem; text-transform:uppercase; }.backstage-strip summary b { font-size:.72rem; font-weight:500; text-align:center; }.backstage-strip summary i { font-family:var(--serif); font-size:1.7rem; font-style:normal; }.backstage-strip[open] summary i { transform:rotate(45deg); }.backstage-strip p { margin:0; padding:0 22px 20px; color:rgba(255,255,255,.68); text-align:center; }

.about-consequence { padding-bottom:80px; }
.consequence-statement { display:grid; grid-template-columns:1fr .72fr; gap:8vw; align-items:end; }
.consequence-statement h2 { font-size:clamp(4.8rem,8vw,8.7rem); }.consequence-statement blockquote { margin:0 0 10px; padding-left:26px; border-left:1px solid var(--ink); font-family:var(--serif); font-size:clamp(1.7rem,2.7vw,2.8rem); line-height:1.07; }
.future-principles { margin-top:55px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.future-principles article { min-height:180px; padding:28px; border-right:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; }.future-principles article:last-child{border:0}.future-principles b { font-family:var(--serif); font-size:2rem; }.future-principles span { max-width:320px; margin-top:8px; color:var(--ink-soft); font-size:.7rem; }
.future-slots { margin-top:28px; display:grid; grid-template-columns:1.1fr repeat(4,1fr); gap:8px; align-items:stretch; }.future-slots > span { align-self:center; color:var(--eucalyptus); font-family:var(--mono); font-size:.6rem; text-transform:uppercase; }.future-slots article { min-height:110px; padding:16px; border:1px dashed var(--line); border-radius:14px; display:flex; flex-direction:column; justify-content:flex-end; opacity:.48; }.future-slots article.is-real { border-style:solid; opacity:1; background:var(--mint-pale); }.future-slots b { font-family:var(--serif); font-size:1.15rem; }.future-slots small { margin-top:4px; color:var(--ink-soft); font-size:.55rem; }
.about-founder { margin-top:75px; padding:50px; border-radius:26px; display:grid; grid-template-columns:1fr auto; gap:70px; align-items:end; color:white; background:var(--ink); }.about-founder h2 { margin-bottom:18px; font-size:clamp(3rem,5vw,5.2rem); }.about-founder p { max-width:780px; color:rgba(255,255,255,.7); font-size:.82rem; }.about-founder .button-row { margin:0; flex-direction:column; align-items:stretch; }.about-founder .text-link { color:white; border-color:rgba(255,255,255,.45); }

@media (max-width:900px) {
  .about-problem-head, .about-section-head, .consequence-statement { grid-template-columns:1fr; }
  .about-problem-head blockquote { max-width:620px; }.mental-compare { grid-template-columns:1fr 50px 1fr; }.contact-list { grid-template-columns:1fr; }
  .about-workflow { grid-template-columns:.72fr 1.28fr; }.future-slots { grid-template-columns:1fr 1fr; }.future-slots > span { grid-column:1/-1; }.about-founder { grid-template-columns:1fr; }
}

@media (max-width:600px) {
  .about-problem { padding:72px 0 55px; }.about-problem-head h1 { font-size:3.75rem; }.about-problem-head p { font-size:.95rem; }.about-problem-head blockquote { margin-top:25px; font-size:1.5rem; }
  .about-clutter { width:100%; height:620px; margin-top:38px; border-radius:0; }.about-clutter img { object-position:center; }.clutter-cloud { right:14px; top:14px; width:70%; }.clutter-cloud span { padding:6px 7px; font-size:.49rem; }.about-clutter > p { right:18px; bottom:18px; width:58%; font-size:1.35rem; }
  .about-cost { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; border-radius:0; border-inline:0; }.about-cost article { min-width:82vw; scroll-snap-align:start; }
  .about-mental, .about-intervention, .about-consequence { padding-block:70px; }.about-section-head { margin-bottom:28px; }.about-section-head h2 { font-size:3.65rem; }
  .mental-compare { grid-template-columns:1fr; }.software-asks, .contact-directory { min-height:390px; padding:22px; }.compare-mark { min-height:52px; }.contact-list { grid-template-columns:1fr 1fr; }.contact-list article { min-height:70px; padding:8px; }.contact-list img { width:38px; height:38px; }.contact-list b { font-size:1rem; }.contact-list small { font-size:.5rem; }
  .mental-thesis { grid-template-columns:1fr; gap:10px; text-align:center; }.mental-thesis i { transform:rotate(90deg); }.product-grammar { display:flex; overflow-x:auto; align-items:center; text-align:left; }.product-grammar > span { min-width:190px; }.product-grammar > b { display:none; }
  .about-intervention { width:100%; border-radius:0; }.about-intervention .about-section-head { padding-inline:24px; }.about-workflow { margin-inline:12px; grid-template-columns:1fr; min-height:0; border-radius:18px; }.about-workflow .workflow-steps { padding:12px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.about-workflow .workflow-step { min-width:0; padding:11px 7px; border:1px solid rgba(255,255,255,.16); border-radius:10px; display:block; text-align:center; }.about-workflow .workflow-step > span { margin:0 auto 6px; }.about-workflow .workflow-step strong { font-size:1.1rem; }.about-workflow .workflow-step small, .about-workflow .workflow-step em { display:none; }.about-workflow .product-capture { min-height:590px; }.backstage-strip { margin-inline:12px; }.backstage-strip summary { grid-template-columns:1fr auto; gap:10px; }.backstage-strip summary b { display:none; }
  .consequence-statement h2 { font-size:4rem; }.consequence-statement blockquote { margin-top:25px; font-size:1.6rem; }.future-principles { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }.future-principles article { min-width:78vw; scroll-snap-align:start; }.future-slots { grid-template-columns:1fr 1fr; }.about-founder { margin-top:45px; padding:28px 22px; gap:30px; }.about-founder h2 { font-size:3.1rem; }
}

/* Review nine · denser homepage systems and clarified About diagrams */
.agent-life-card { height:340px; min-height:340px; border-radius:18px; }
.agent-life-card::after { background:linear-gradient(180deg,rgba(6,19,16,.18),rgba(6,19,16,.08) 42%,rgba(6,19,16,.86) 68%,rgba(6,19,16,.98)); }
.agent-life-top { position:absolute; z-index:3; inset:18px 18px auto; color:white; }
.agent-life-top strong { font-size:1.45rem; }.agent-life-top small { color:rgba(255,255,255,.82); }
.agent-online { color:white; background:rgba(9,31,25,.55); }
.agent-life-card ul { margin:0; padding:20px 20px 16px; background:rgba(8,27,22,.88); backdrop-filter:blur(8px); }
.agent-life-card li { padding:7px 0; color:white; border-color:rgba(255,255,255,.2); font-size:.72rem; text-shadow:none; }
.agent-life-card li::before { color:var(--mint); }

.persona-use-grid article > span { letter-spacing:.08em; }
.persona-use-grid article > strong { font-size:clamp(1.25rem,1.7vw,1.7rem); }
.persona-use-grid li { font-size:.61rem; }

.roles-section { padding-block:58px; }
.roles-section .section-heading { margin-bottom:18px; }
.roles-section .section-heading h2 { font-size:clamp(3.2rem,5vw,5.3rem); }
.roster-switch { margin-bottom:12px; }
.team-card, .team-card:last-child { min-width:370px; height:286px; min-height:286px; padding:18px; }
.team-card h3 { margin:14px 0 5px; font-size:2.45rem; }
.team-card > p { margin:0; min-height:48px; font-size:.69rem; line-height:1.38; }
.team-members { margin-top:13px; display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }
.team-members > span { min-width:0; min-height:74px; padding:7px 3px; border-radius:9px; display:flex; flex-direction:column; justify-content:center; text-align:center; gap:3px; font-size:.57rem; }
.team-members img { width:31px; height:31px; margin:auto; }.team-members small { display:block; max-width:100%; font-size:.43rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.team-card > em { display:none; }

.workflow-section { padding-block:65px; }
.workflow-section .section-heading { margin-bottom:24px; }
.workflow-section .section-heading h2 { font-size:clamp(3.2rem,5.2vw,5.5rem); }
.workflow-section .section-heading p { max-width:650px; }
.workflow-section .workflow-stage { min-height:570px; }
.workflow-section .workflow-steps { padding:32px 28px; }
.workflow-section .product-capture { min-height:570px; padding-block:28px; }
.workflow-section .capture-window.mobile-capture { width:min(340px,68%); }

.clutter-cloud { width:min(43%,500px); }
.clutter-cloud b { padding:8px 11px; border-radius:999px; color:var(--ink); background:rgba(255,255,255,.9); font-family:var(--sans); font-size:.6rem; }
.after-chat { position:absolute; z-index:3; right:28px; bottom:24px; width:min(39%,430px); padding:17px; border:1px solid rgba(20,42,37,.18); border-radius:17px; color:var(--ink); background:rgba(255,253,248,.94); box-shadow:0 18px 50px rgba(8,25,21,.2); backdrop-filter:blur(14px); }
.after-chat > span { display:block; margin-bottom:10px; color:var(--eucalyptus); font-family:var(--mono); font-size:.55rem; text-transform:uppercase; }
.after-chat p, .after-chat b { display:block; max-width:92%; padding:10px 12px; border-radius:11px; font-size:.65rem; line-height:1.4; }
.after-chat p { margin:0 0 8px auto; background:var(--mint-pale); }.after-chat b { margin:0; background:var(--white); font-weight:500; }

.about-mental .about-section-head { grid-template-columns:.9fr .72fr; align-items:start; }
.about-mental .about-section-head p { padding-top:8px; font-size:.9rem; }
.expert-model { display:grid; grid-template-columns:1fr 45px 1.15fr 45px 1fr; align-items:stretch; }
.expert-model > i { display:grid; place-items:center; color:var(--eucalyptus); font-size:1.6rem; font-style:normal; }
.expert-model > article { min-height:390px; padding:26px; border:1px solid var(--line); border-radius:22px; }
.expert-model article > span { color:var(--eucalyptus); font-family:var(--mono); font-size:.56rem; text-transform:uppercase; }
.expert-front { background:var(--mint-pale); }.expert-back { color:white; background:var(--navy); }.expert-result { background:var(--butter-pale); }
.expert-person { margin-top:55px; display:flex; align-items:center; gap:12px; }.expert-person img { width:60px; height:60px; border-radius:50%; object-fit:cover; }.expert-person p { margin:0; display:grid; }.expert-person b { font-family:var(--serif); font-size:1.4rem; }.expert-person small { color:var(--ink-soft); font-size:.58rem; }
.expert-front blockquote { margin:35px 0 0; padding:14px; border-radius:5px 14px 14px 14px; background:white; font-family:var(--serif); font-size:1.35rem; line-height:1.15; }
.expert-back > div { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.2); display:grid; grid-template-columns:90px 1fr; gap:10px; }.expert-back > div:first-of-type { margin-top:38px; }.expert-back b { color:var(--mint); font-size:.7rem; }.expert-back small { color:rgba(255,255,255,.7); font-size:.58rem; }
.expert-result strong { display:block; margin-top:60px; font-family:var(--serif); font-size:1.8rem; line-height:1.05; }.expert-result ul { margin:28px 0 0; padding:0; list-style:none; }.expert-result li { padding:9px 0; border-bottom:1px solid var(--line); font-size:.65rem; }.expert-result li::before { content:"✓"; margin-right:8px; color:var(--eucalyptus); }

.about-consequence { padding-top:90px; }
.consequence-statement { grid-template-columns:1fr 1fr; gap:70px; align-items:center; min-height:380px; }
.consequence-statement > div > span { display:block; margin-bottom:18px; color:var(--eucalyptus); font-family:var(--mono); font-size:.6rem; text-transform:uppercase; }
.consequence-statement h2 { font-size:clamp(4.5rem,7vw,7.5rem); line-height:.86; }
.consequence-statement blockquote { max-width:600px; margin:0; font-size:clamp(1.8rem,2.6vw,2.7rem); }
.future-principles article { min-height:220px; }.future-principles span { font-size:.73rem; line-height:1.55; }
.future-slots { display:none; }
.about-founder { margin-top:55px; grid-template-columns:minmax(0,1fr) auto; gap:45px; align-items:center; }
.about-founder .button-row { min-width:360px; flex-direction:row; align-items:center; justify-content:flex-end; gap:10px; }
.button-outline-light { border:1px solid rgba(255,255,255,.55); color:white; background:transparent; }
.button-outline-light:hover { color:var(--ink); background:white; }

@media (max-width:900px) {
  .team-card, .team-card:last-child { min-width:350px; }
  .workflow-section .workflow-stage { min-height:540px; }
  .expert-model { grid-template-columns:1fr; gap:10px; }.expert-model > i { min-height:35px; transform:rotate(90deg); }.expert-model > article { min-height:330px; }
  .consequence-statement { grid-template-columns:1fr; gap:30px; min-height:0; }.consequence-statement blockquote { max-width:700px; }
  .about-founder { grid-template-columns:1fr; }.about-founder .button-row { min-width:0; justify-content:flex-start; }
}

@media (max-width:600px) {
  .agent-life-card { height:330px; min-height:330px; }.agent-life-top { inset:15px 15px auto; }.agent-life-card ul { padding:18px 16px 14px; }
  .people-at-work { padding-top:58px; }.people-at-work-head { margin-bottom:24px; }.persona-use-grid article > strong { font-size:1.5rem; }
  .roles-section { padding-block:48px; }.roles-section .section-heading h2 { font-size:3.35rem; }.team-card, .team-card:last-child { min-width:88vw; height:280px; min-height:280px; padding:15px; }.team-card h3 { font-size:2.15rem; }.team-card > p { font-size:.62rem; }.team-members > span { min-height:70px; }
  .workflow-section { padding-block:52px; }.workflow-section .section-heading { margin-bottom:18px; }.workflow-section .section-heading h2 { font-size:3rem; }.workflow-section .workflow-stage { min-height:0; }.workflow-section .workflow-steps { padding:10px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.workflow-section .workflow-step { padding:10px 5px; display:block; text-align:center; border:1px solid rgba(255,255,255,.16); border-radius:9px; }.workflow-section .workflow-step > span { margin:0 auto 5px; }.workflow-section .workflow-step strong { font-size:1rem; }.workflow-section .workflow-step small { display:none; }.workflow-section .product-capture { min-height:520px; }.workflow-section .capture-window.mobile-capture { width:min(330px,88%); }
  .about-clutter { height:560px; }.clutter-cloud { width:76%; }.clutter-cloud b { padding:6px 8px; font-size:.5rem; }.after-chat { right:12px; bottom:12px; width:72%; padding:11px; }.after-chat p,.after-chat b { padding:8px; font-size:.55rem; }
  .about-mental .about-section-head { grid-template-columns:1fr; }.expert-model > article { min-height:290px; padding:20px; }.expert-person { margin-top:35px; }.expert-front blockquote { margin-top:24px; }.expert-back > div:first-of-type { margin-top:25px; }.expert-result strong { margin-top:35px; }
  .about-consequence { padding-top:55px; }.consequence-statement h2 { font-size:3.85rem; }.consequence-statement blockquote { font-size:1.55rem; }.future-principles article { min-height:200px; }
  .about-founder .button-row { width:100%; flex-direction:column; align-items:stretch; }.about-founder .button-row .button { width:100%; justify-content:center; }
}

/* Review five: one continuous About narrative and true image-overlay cards. */
.about-problem { padding-top: 78px; }
.about-problem-head { grid-template-columns: minmax(0,1.15fr) minmax(280px,.48fr); align-items:center; }
.about-problem-head h1 { max-width: 900px; font-size: clamp(4rem,6.2vw,6.7rem); line-height:.88; }
.about-problem-head p { max-width: 620px; font-size: 1rem; }
.about-problem-head blockquote { font-size: clamp(1.25rem,1.8vw,1.8rem); }
.clutter-cloud { left: 32px; right: auto; justify-content:flex-start; }
.about-clutter::after { background: linear-gradient(90deg,rgba(9,28,24,.72),rgba(9,28,24,.04) 48%,rgba(9,28,24,.14)); }
.about-clutter > p { right:32px; }

.about-mental { padding-top: 78px; padding-bottom: 90px; }
.about-mental .about-section-head { grid-template-columns: 1fr .58fr; margin-bottom:30px; }
.about-mental .about-section-head h2 { font-size:clamp(3.4rem,5vw,5.5rem); line-height:.92; }
.about-mental .about-section-head p { max-width:500px; }
.about-intervention { display:none; }

.future-slots { grid-template-columns: 1fr repeat(4,1.18fr); }
.future-slots article { min-height:150px; opacity:.7; }
.future-slots article.is-real { opacity:1; }
.future-slots em { margin-bottom:auto; color:var(--eucalyptus); font-family:var(--mono); font-size:.52rem; font-style:normal; text-transform:uppercase; }
.future-slots b { margin-top:18px; }
.future-slots small { min-height:34px; line-height:1.45; }

.agent-life-top {
  inset:auto 17px 112px;
  padding:0;
  border:0;
  border-radius:0;
  color:white;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.agent-life-top strong { color:white; text-shadow:0 2px 16px rgba(0,0,0,.55); }
.agent-life-top small { color:rgba(255,255,255,.78); text-shadow:0 1px 10px rgba(0,0,0,.55); }
.agent-life-top .agent-avatar { border-color:rgba(255,255,255,.65); box-shadow:0 4px 18px rgba(0,0,0,.25); }
.agent-online { color:white; border:1px solid rgba(255,255,255,.35); background:rgba(8,25,21,.42); backdrop-filter:blur(8px); }
.agent-life-card ul { padding-top:54px; }

@media (max-width:900px) {
  .about-problem-head { grid-template-columns:1fr; gap:24px; }
  .about-problem-head h1 { max-width:760px; font-size:clamp(4rem,8vw,5.2rem); }
  .about-problem-head blockquote { max-width:620px; }
  .about-mental .about-section-head { grid-template-columns:1fr; gap:18px; }
  .future-slots { grid-template-columns:1fr 1fr; }
  .future-slots > span { grid-column:1/-1; }
}

@media (max-width:600px) {
  .about-problem { padding-top:44px; }
  .about-problem-head { gap:18px; }
  .about-problem-head h1 { font-size:3.15rem; line-height:.92; }
  .about-problem-head p { margin-top:14px; font-size:.87rem; line-height:1.48; }
  .about-problem-head blockquote { margin-top:4px; padding-left:16px; font-size:1.23rem; }
  .about-clutter { height:520px; margin-top:28px; }
  .about-clutter img { object-position:center; }
  .clutter-cloud { left:12px; right:auto; top:14px; width:72%; justify-content:flex-start; }
  .about-clutter > p { right:14px; bottom:16px; width:48%; font-size:1.18rem; }
  .about-mental { padding-top:58px; padding-bottom:60px; }
  .about-mental .about-section-head { margin-bottom:22px; }
  .about-mental .about-section-head h2 { font-size:3rem; }
  .about-mental .about-section-head p { font-size:.78rem; }
  .software-asks, .contact-directory { min-height:330px; }
  .mental-thesis { margin-top:8px; padding:18px; }
  .product-grammar { margin-top:22px; }
  .about-consequence { padding-top:62px; }
  .future-slots article { min-height:145px; padding:14px; }
  .future-slots b { font-size:1.05rem; }
  .future-slots small { font-size:.5rem; }
  .agent-life-top { inset:auto 14px 108px; }
}

/* Home — everyday people panorama */
.people-at-work { padding: clamp(90px, 10vw, 150px) 0 0; border-top: 1px solid var(--line); }
.people-at-work-head { margin-bottom: 50px; display: grid; grid-template-columns: 1fr .55fr; gap: 8vw; align-items: end; }
.people-at-work-head h2 { margin: 0; font-size: clamp(3.2rem, 5.4vw, 6rem); }
.people-at-work-head p { margin: 0; color: var(--ink-soft); }
.people-at-work-visual { width: 100%; position: relative; background: var(--paper-deep); }
.people-at-work-visual > img { width: 100%; height: auto; }
.people-at-work-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, rgba(20,42,37,.4), transparent 48%); }
.persona-use-grid { position: absolute; z-index: 2; left: 50%; bottom: 28px; transform: translateX(-50%); display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; }
.persona-use-grid article { min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.55); border-radius: 13px; color: white; background: rgba(20,42,37,.72); backdrop-filter: blur(12px); box-shadow: 0 10px 25px rgba(0,0,0,.15); }
.persona-use-grid article > span { color: var(--mint); font-family: var(--mono); font-size: .55rem; text-transform: uppercase; }.persona-use-grid article > strong { display: block; margin: 4px 0 10px; font-family: var(--serif); font-size: 1.35rem; font-weight: 500; }.persona-use-grid ul { margin: 0; padding: 0; list-style: none; }.persona-use-grid li { padding: 3px 0; font-size: .61rem; }.persona-use-grid li::before { content: "·"; margin-right: 6px; color: var(--butter); }

/* About — design case study */
.case-hero { min-height: 660px; padding: clamp(85px, 9vw, 140px) 0 100px; display: grid; grid-template-columns: 1fr .42fr; gap: 8vw; align-items: end; }
.case-hero-copy h1 { max-width: 980px; margin-bottom: 28px; }
.case-hero-copy > p { max-width: 760px; color: var(--ink-soft); font-size: 1.2rem; }
.case-hero-copy .button-row { margin-top: 30px; }
.case-abstract { margin-bottom: 10px; padding: 28px; border-left: 1px solid var(--ink); }
.case-abstract > span { display: block; margin-bottom: 18px; color: var(--eucalyptus); font-family: var(--mono); font-size: .6rem; text-transform: uppercase; }
.case-abstract blockquote { margin: 0; font-family: var(--serif); font-size: 1.6rem; line-height: 1.14; }
.case-comparison { width: 100%; padding-bottom: clamp(100px, 11vw, 165px); }
.case-comparison-image { width: 100%; background: var(--paper-deep); }
.case-comparison-image img { width: 100%; height: auto; }
.case-comparison-labels { margin-top: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.case-comparison-labels article { min-height: 300px; padding: 30px; border: 1px solid var(--line); border-radius: 18px; }
.case-comparison-labels article > span { display: block; margin-bottom: 15px; font-family: var(--mono); font-size: .62rem; text-transform: uppercase; }
.case-label-hard { background: var(--ink); color: white; }.case-label-hard > span { color: var(--coral-pale); }.case-label-hard h2 { max-width: 550px; margin-bottom: 24px; font-size: clamp(2.7rem,4.3vw,4.7rem); }.case-label-hard > div { display: flex; flex-wrap: wrap; gap: 7px; }.case-label-hard i { padding: 7px 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; font-family: var(--mono); font-size: .57rem; font-style: normal; }.case-label-hard p { max-width: 550px; margin: auto 0 0; color: rgba(255,255,255,.65); font-size: .76rem; }
.case-label-simple { background: var(--mint-pale); }.case-agent-line { display: flex; align-items: center; gap: 10px; }.case-agent-line p { margin: 0; display: grid; }.case-agent-line strong { font-family: var(--serif); font-size: 1.25rem; }.case-agent-line small { color: var(--ink-soft); font-size: .6rem; }.case-label-simple blockquote { max-width: 580px; margin: 42px 0 12px; font-family: var(--serif); font-size: clamp(1.8rem,3vw,3rem); line-height: 1.05; }.case-label-simple em { display: block; padding-top: 15px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: .72rem; font-style: normal; }
.case-index { margin-bottom: 50px; display: flex; align-items: center; gap: 12px; color: var(--eucalyptus); font-family: var(--mono); font-size: .62rem; text-transform: uppercase; }.case-index span { width: 36px; height: 36px; border: 1px solid currentColor; border-radius: 50%; display: grid; place-items: center; }.case-index b { font-weight: 500; }.case-index-light { color: var(--mint); }
.case-diagnosis { border-top: 1px solid var(--line); }
.mental-model-board { display: grid; grid-template-columns: 1fr 110px 1.15fr; gap: 25px; align-items: stretch; }
.one-box-model, .category-model { min-height: 560px; padding: 36px; border: 1px solid var(--line); border-radius: 25px; background: var(--white); box-shadow: var(--shadow-sm); }
.one-box-model { display: flex; flex-direction: column; align-items: center; text-align: center; background: linear-gradient(150deg,var(--paper-deep),var(--white)); }
.one-box-model .board-label, .category-model .board-label { align-self: flex-start; color: var(--eucalyptus); }.universal-orb { width: 130px; height: 130px; margin: 48px 0 28px; border-radius: 50%; display: grid; place-items: center; color: white; background: var(--ink); box-shadow: 0 0 0 18px var(--paper-deep), 0 25px 50px rgba(20,42,37,.18); font-family: var(--serif); font-size: 2.2rem; }.one-box-model h3 { font-family: var(--serif); font-size: 2rem; line-height: 1; font-weight: 400; }.one-box-model ul { width: 100%; margin: 20px 0 0; padding: 0; list-style: none; }.one-box-model li { padding: 8px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: .7rem; }.one-box-model p { margin: auto 0 0; color: var(--coral); font-family: var(--mono); font-size: .58rem; }
.model-shift { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }.model-shift span { writing-mode: vertical-rl; color: var(--ink-soft); font-family: var(--mono); font-size: .55rem; text-transform: uppercase; }.model-shift i { font-family: var(--serif); font-size: 2.5rem; font-style: normal; }
.category-model { background: linear-gradient(145deg,var(--mint-pale),var(--white) 48%); }.category-model h3 { max-width: 560px; margin: 45px 0 30px; font-family: var(--serif); font-size: 2.7rem; line-height: 1; font-weight: 400; }.category-shelves { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.category-shelves > div { min-height: 145px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; display: flex; flex-direction: column; background: rgba(255,255,255,.6); }.category-shelves span { margin-bottom: 14px; color: var(--eucalyptus); font-family: var(--mono); font-size: .54rem; text-transform: uppercase; }.category-shelves b { padding: 5px 0; border-top: 1px solid var(--line); font-size: .65rem; font-weight: 600; }
.case-workaround { margin-bottom: clamp(100px,11vw,170px); padding: clamp(55px,7vw,90px); border-radius: 36px; color: white; background: var(--navy); box-shadow: var(--shadow-lg); }
.case-workaround-copy { max-width: 980px; }.case-workaround-copy h2 { margin-bottom: 28px; }.case-workaround-copy > p { max-width: 710px; color: rgba(255,255,255,.67); }
.setup-stack { margin: 70px 0; display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; align-items: start; }.setup-stack article { min-height: 210px; padding: 18px; border: 1px solid rgba(255,255,255,.18); border-radius: 10px; background: rgba(255,255,255,.05); transform: translateY(calc(var(--step, 0) * 15px)); }.setup-stack article:nth-child(2) { --step:1; }.setup-stack article:nth-child(3) { --step:2; }.setup-stack article:nth-child(4) { --step:3; }.setup-stack article:nth-child(5) { --step:4; }.setup-stack span { width: 25px; height: 25px; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; display: grid; place-items: center; color: var(--mint); font-family: var(--mono); font-size: .55rem; }.setup-stack strong { display: block; margin: 36px 0 8px; font-family: var(--serif); font-size: 1.3rem; font-weight: 400; }.setup-stack small { color: rgba(255,255,255,.54); font-size: .65rem; line-height: 1.4; }
.case-intervention { padding: 30px; border-radius: 22px; color: var(--ink); background: var(--paper); box-shadow: var(--shadow-md); }.intervention-head { padding-bottom: 24px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: end; gap: 30px; }.intervention-head span { color: var(--eucalyptus); font-family: var(--mono); font-size: .59rem; text-transform: uppercase; }.intervention-head strong { max-width: 620px; font-family: var(--serif); font-size: 1.8rem; line-height: 1.1; font-weight: 400; text-align: right; }.three-actions { display: grid; grid-template-columns: repeat(3,1fr); }.three-actions article { min-height: 220px; padding: 25px; border-right: 1px solid var(--line); }.three-actions article:last-child { border-right: 0; }.three-actions span { color: var(--eucalyptus); font-family: var(--mono); font-size: .58rem; }.three-actions b { display: block; margin: 38px 0 9px; font-family: var(--serif); font-size: 2.4rem; font-weight: 400; }.three-actions p { margin: 0; color: var(--ink-soft); font-size: .72rem; }
.category-case { border-top: 1px solid var(--line); }
.category-case-list { border-top: 1px solid var(--ink); }.category-case-list article { min-height: 190px; padding: 24px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 65px .75fr 1.15fr .55fr; gap: 30px; align-items: center; transition: padding .25s, background .25s; }.category-case-list article:hover { padding-inline: 18px; background: var(--white); }.category-number { width: 42px; height: 42px; border: 1px solid var(--ink); border-radius: 50%; display: grid; place-items: center; font-family: var(--mono); font-size: .57rem; }.category-case-list h3 { margin: 0 0 6px; font-family: var(--serif); font-size: 2rem; font-weight: 400; }.category-case-list p { margin: 0; max-width: 390px; color: var(--ink-soft); font-size: .72rem; }.category-case-list ul { margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; list-style: none; }.category-case-list li { padding: 7px 9px; border: 1px solid var(--line); border-radius: 999px; font-size: .62rem; }.category-case-list em { color: var(--eucalyptus); font-family: var(--mono); font-size: .55rem; font-style: normal; text-align: right; }

@media (max-width: 900px) {
  .people-at-work-head { grid-template-columns: 1fr; gap: 22px; }.persona-use-grid { position: relative; left: auto; bottom: auto; transform: none; width: var(--content); padding: 14px 0 28px; }.people-at-work-visual::after { display: none; }.persona-use-grid article { color: var(--ink); border-color: var(--line); background: var(--white); backdrop-filter: none; }.persona-use-grid article > span { color: var(--eucalyptus); }.persona-use-grid li::before { color: var(--coral); }
  .case-hero { grid-template-columns: 1fr; min-height: auto; }.case-abstract { max-width: 650px; }.case-comparison-labels { grid-template-columns: 1fr; }.mental-model-board { grid-template-columns: 1fr; }.model-shift { flex-direction: row; min-height: 80px; }.model-shift span { writing-mode: horizontal-tb; }.model-shift i { transform: rotate(90deg); }.setup-stack { grid-template-columns: 1fr 1fr; }.setup-stack article { transform: none; }.category-case-list article { grid-template-columns: 55px 1fr 1fr; }.category-case-list em { grid-column: 2 / -1; text-align: left; }
}

@media (max-width: 620px) {
  .people-at-work { padding-top: 75px; }.people-at-work-head { padding-inline: 0; }.persona-use-grid { grid-template-columns: 1fr 1fr; gap: 7px; }.persona-use-grid article { padding: 12px; }
  .case-hero { padding-top: 60px; }.case-hero-copy h1 { font-size: 3.75rem; }.case-comparison-labels { width: calc(100% - 24px); }.case-comparison-labels article { min-height: 270px; padding: 22px; }.case-label-hard h2 { font-size: 3rem; }.case-label-simple blockquote { margin-top: 32px; font-size: 1.8rem; }
  .one-box-model, .category-model { min-height: auto; padding: 24px; }.universal-orb { margin-top: 35px; }.category-model h3 { margin-top: 35px; font-size: 2.25rem; }.category-shelves { grid-template-columns: 1fr; }
  .case-workaround { width: 100%; border-radius: 0; padding: 70px 24px; }.setup-stack { grid-template-columns: 1fr; margin: 50px 0; }.setup-stack article { min-height: 145px; }.setup-stack strong { margin-top: 25px; }.case-intervention { padding: 20px; }.intervention-head { display: block; }.intervention-head strong { display: block; margin-top: 12px; text-align: left; }.three-actions { grid-template-columns: 1fr; }.three-actions article { min-height: 175px; border-right: 0; border-bottom: 1px solid var(--line); }.three-actions article:last-child { border-bottom: 0; }.three-actions b { margin-top: 22px; }
  .category-case-list article { grid-template-columns: 45px 1fr; gap: 18px; }.category-case-list ul, .category-case-list em { grid-column: 2; }.category-case-list ul { grid-template-columns: 1fr; }.category-case-list em { text-align: left; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .js .story-reveal { opacity:1; transform:none; }
}

/* Review pass — clearer people stories, compact specialist cards and case-study narrative */
.agent-life-card { box-sizing: border-box; min-width: min(350px, 82vw); width: 350px; min-height: 0; height: 535px; padding: 20px; }
.agent-life-card::after { display: none; }
.agent-work-image { height: 120px; flex: 0 0 120px; margin: 16px -20px 0; background-image: url("../assets/agent-work-strip-v1.png"); background-repeat: no-repeat; background-size: 500% auto; background-position-y: center; }
.work-marco { background-position-x: 0%; }.work-sam { background-position-x: 25%; }.work-ivan { background-position-x: 50%; }.work-nia { background-position-x: 75%; }.work-dara { background-position-x: 100%; }
.agent-life-card li { padding: 7px 0; }
.agent-life-card ul { margin-top: 22px; }
.hero-agent-stack .agent-noor, .hero-agent-stack .agent-arun { display: none; }

.persona-use-grid article > strong { font-family: var(--sans); font-size: .9rem; line-height: 1.18; font-weight: 650; }

.problem-statement { padding-block: 75px 45px; display: grid; grid-template-columns: .35fr 1.25fr .8fr; gap: 4vw; align-items: start; }
.problem-statement > span, .complexity-map span, .backstage-visual > div > span, .problem-consequence > span { color: var(--eucalyptus); font-family: var(--mono); font-size: .6rem; text-transform: uppercase; }
.problem-statement h2 { margin: 0; font-size: clamp(3.2rem,5.4vw,6rem); }
.problem-statement p { margin: 0; color: var(--ink-soft); }
.problem-signals { margin-bottom: 18px; }
.problem-consequence { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); }
.problem-consequence ol { margin: 22px 0 0; padding: 0; list-style: none; }
.problem-consequence li { padding: 17px 0; border-top: 1px solid var(--line); display: grid; gap: 5px; }
.problem-consequence b { font-family: var(--serif); font-size: 1.4rem; font-weight: 400; }
.problem-consequence small { color: var(--ink-soft); font-size: .69rem; }
.case-comparison-image { position: relative; }
.comparison-caption { position: absolute; inset: auto 0 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.comparison-caption span { padding: 13px 16px; border-radius: 9px; color: white; background: rgba(20,42,37,.78); backdrop-filter: blur(10px); font-size: .7rem; text-align: center; }

.complexity-map { padding: 24px; border-radius: 26px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; color: white; background: var(--navy); box-shadow: var(--shadow-lg); }
.complexity-map > div { min-height: 250px; padding: 24px; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; background: rgba(255,255,255,.045); }
.complexity-map span { display: block; margin-bottom: 26px; color: var(--mint); }
.model-cloud, .connector-cloud { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 9px; }
.model-cloud span, .connector-cloud span { flex-basis: 100%; }
.model-cloud b, .connector-cloud b { padding: 12px 15px; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; font-size: .78rem; }
.connector-cloud i { align-self: center; color: var(--mint); font-style: normal; }
.terminal-panel code { display: block; padding: 18px; border-radius: 10px; color: #bff6dd; background: #071916; font-family: var(--mono); font-size: .68rem; line-height: 1.9; }
.blank-box-panel div { margin-top: 50px; padding: 18px; border: 1px solid rgba(255,255,255,.4); border-radius: 999px; color: rgba(255,255,255,.55); }
.blank-box-panel p { margin-top: 18px; color: rgba(255,255,255,.62); font-size: .7rem; }

.solution-reveal { border-top: 1px solid var(--line); }
.backstage-visual { margin: 55px 0 22px; padding: 16px; border-radius: 28px; display: grid; grid-template-columns: .9fr 1.2fr; gap: 12px; background: var(--paper-deep); }
.backstage-visual > div { min-height: 360px; padding: 28px; border-radius: 18px; }
.backstage-machinery { color: rgba(255,255,255,.8); background: var(--navy); }
.backstage-machinery > div { height: calc(100% - 45px); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-content: center; opacity: .62; filter: blur(.2px); }
.backstage-machinery i { padding: 18px; border: 1px dashed rgba(255,255,255,.32); border-radius: 10px; font-style: normal; font-size: .7rem; }
.frontstage-product { background: var(--white); box-shadow: var(--shadow-sm); }
.frontstage-agents { margin-top: 45px; display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.frontstage-agents article { padding: 15px; border: 1px solid var(--line); border-radius: 13px; display: grid; justify-items: center; gap: 5px; text-align: center; }
.frontstage-agents img { width: 68px; height: 68px; border-radius: 50%; object-fit: cover; }
.frontstage-agents b { font-family: var(--serif); font-size: 1.2rem; }.frontstage-agents small { color: var(--ink-soft); font-size: .58rem; }
.frontstage-product blockquote { margin: 35px 0 0; padding-top: 22px; border-top: 1px solid var(--line); font-family: var(--serif); font-size: 2rem; text-align: center; }

@media (max-width: 800px) {
  .hero-agent-stack { display: none; }
  .hero-fullbleed { min-height: 860px; }
  .hero-overlay { min-height: 860px; }
  .hero-shade { background: linear-gradient(0deg, rgba(245,241,232,.99) 0%, rgba(245,241,232,.94) 48%, rgba(245,241,232,.12) 76%); }
  .problem-statement { grid-template-columns: 1fr; gap: 20px; }
  .complexity-map, .backstage-visual { grid-template-columns: 1fr; }
  .comparison-caption { position: static; width: 100%; padding: 10px 12px 18px; }
  .comparison-caption span { color: var(--ink); background: var(--white); border: 1px solid var(--line); }
}

@media (max-width: 620px) {
  .hero-fullbleed h1 { max-width: 10ch; font-size: clamp(3.15rem, 13vw, 4rem); }
  .hero-fullbleed .hero-intro { font-size: .92rem; line-height: 1.52; }
  .life-agents-head h2, .people-at-work-head h2 { font-size: clamp(2.9rem, 12vw, 4rem); }
  .agent-life-card { min-width: 88vw; width: 88vw; height: 535px; }
  .people-at-work-visual > img { display: none; }
  .people-at-work-visual { background: transparent; }
  .persona-use-grid { grid-template-columns: 1fr; gap: 14px; padding-top: 0; }
  .persona-use-grid article { padding: 0 0 18px; overflow: hidden; }
  .persona-use-grid article > span, .persona-use-grid article > strong, .persona-use-grid article > ul { margin-inline: 18px; }
  .persona-use-grid article > strong { margin-top: 7px; margin-bottom: 13px; font-size: 1.15rem; }
  .problem-statement { padding-block: 55px 30px; }
  .problem-statement h2 { font-size: 3rem; }
  .problem-signals { width: calc(100% - 24px); }
  .comparison-caption { grid-template-columns: 1fr; }
  .complexity-map { padding: 10px; border-radius: 18px; }
  .complexity-map > div { min-height: 210px; padding: 20px; }
  .backstage-visual { margin-inline: -12px; padding: 8px; border-radius: 18px; }
  .backstage-visual > div { min-height: 300px; padding: 20px; }
  .frontstage-agents { margin-top: 28px; gap: 6px; }
  .frontstage-agents article { padding: 10px 5px; }
  .frontstage-agents img { width: 52px; height: 52px; }
  .frontstage-product blockquote { font-size: 1.6rem; }
}

/* Homepage compression pass */
.life-agents { padding-block: 70px; }
.life-agents-head { margin-bottom: 25px; }
.agent-life-card { height: 365px; }
.agent-work-image { height: 145px; flex-basis: 145px; }
.agent-life-card ul { margin-top: 18px; }
.roles-section { padding-block: 70px; }
.roles-section .section-heading { margin-bottom: 24px; }
.roster-switch { width: fit-content; margin-bottom: 18px; padding: 4px; border: 1px solid var(--line); border-radius: 999px; display: flex; background: var(--paper-deep); }
.roster-switch button { min-height: 38px; padding: 7px 17px; border: 0; border-radius: 999px; color: var(--ink-soft); background: transparent; font: inherit; font-size: .7rem; cursor: pointer; }
.roster-switch button.is-active { color: white; background: var(--ink); }
.team-row, .individual-agent-row { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 0 20px; scrollbar-width: thin; }
.team-card { box-sizing: border-box; min-width: 350px; min-height: 0; height: 330px; padding: 20px; scroll-snap-align: start; }
.team-card h3 { margin: 35px 0 8px; font-size: 2.2rem; }
.team-members span { min-height: 38px; padding: 5px 8px; }
.individual-agent-row article { box-sizing: border-box; min-width: 260px; min-height: 300px; padding: 18px; scroll-snap-align: start; }
.individual-agent-row[hidden], .team-row[hidden] { display: none !important; }
.individuals-label { display: none; }
.demo-portal { min-height: 0; margin-bottom: 70px; padding: 34px 42px; grid-template-columns: 1fr auto; gap: 30px; border-radius: 22px; }
.demo-portal-copy { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 28px; align-items: center; }
.demo-portal-copy h2 { margin: 0; font-size: clamp(2.2rem,3.4vw,3.4rem); }
.demo-portal-copy > p { margin: 0; }
.demo-portal-copy .button-row { margin: 0; }
.demo-portal-copy .text-link { display: none; }
.reason-section { padding-block: 80px; }

.people-at-work-visual > img { display: block; width: 100%; height: auto; aspect-ratio: 2048 / 817; object-fit: cover; }
img { max-width: 100%; }

@media (max-width: 800px) {
  .demo-portal { grid-template-columns: 1fr; padding: 28px; }
  .demo-portal-copy { grid-template-columns: 1fr; gap: 16px; }
  .team-card { min-width: min(330px, 86vw); }
}

@media (max-width: 520px) {
  .life-agents, .roles-section { padding-block: 55px; }
  .agent-life-card { height: 365px; }
  .agent-work-image { height: 135px; flex-basis: 135px; }
  .demo-portal { width: calc(100% - 24px); margin-inline: auto; margin-bottom: 55px; border-radius: 18px; }
  .reason-section { padding-block: 60px; }
}

/* Home revision 3 — named agents and full-bleed product story */
.hero-fullbleed { width: 100%; min-height: calc(100svh - 10px); padding: 0; display: block; position: relative; overflow: hidden; background: #d6c4a1; }
.hero-fullbleed::before { display: none; }
.hero-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(245,241,232,.98) 0%, rgba(245,241,232,.88) 29%, rgba(245,241,232,.2) 55%, rgba(20,42,37,.08) 100%), linear-gradient(0deg, rgba(20,42,37,.2), transparent 34%); }
.hero-overlay { min-height: calc(100svh - 10px); padding-top: clamp(80px, 10vh, 125px); padding-bottom: 85px; position: relative; z-index: 2; display: flex; align-items: center; }
.hero-fullbleed .hero-copy { width: min(54%, 740px); padding: 0; }
.hero-fullbleed h1 { max-width: 760px; font-size: clamp(4.4rem, 7vw, 7.7rem); margin-bottom: 30px; }
.hero-fullbleed .hero-intro { max-width: 590px; color: var(--ink); }
.hero-agent-stack { position: absolute; inset: 0; pointer-events: none; }
.hero-agent-stack .floating-agent { width: 282px; min-width: 0; pointer-events: auto; }
.hero-agent-stack .floating-agent div { min-width: 0; }
.hero-agent-stack .floating-agent em { color: var(--ink-soft); font-size: .62rem; font-style: normal; }
.agent-mira { top: 14%; right: 4%; transform: rotate(1.6deg); }
.agent-noor { top: 43%; right: 2.5%; transform: rotate(-1.5deg); }
.agent-arun { right: 9%; bottom: 8%; transform: rotate(1.2deg); }
.agent-avatar { width: 38px; height: 38px; flex: 0 0 auto; border: 1px solid rgba(20,42,37,.14); border-radius: 50%; display: grid; place-items: center; font-family: var(--serif); font-size: 1.05rem; font-weight: 500; color: var(--ink); box-shadow: inset 0 0 0 4px rgba(255,255,255,.35); }
.agent-avatar:is(img) { display: block; object-fit: cover; background: var(--paper-deep); }
.avatar-mira { background: var(--coral-pale); }.avatar-noor { background: var(--lavender); }.avatar-arun { background: var(--mint); }.avatar-moro { background: var(--butter); }.avatar-leela { background: #c6d8a7; }.avatar-nia { background: #c9d8ed; }.avatar-kato { background: #e5b99c; }

.life-agents { padding-block: clamp(90px, 9vw, 135px); }
.life-agents-head { margin-bottom: 45px; display: flex; align-items: end; justify-content: space-between; gap: 60px; }
.life-agents-head > div:first-child { max-width: 880px; }
.life-agents-head h2 { margin-bottom: 18px; font-size: clamp(3.2rem, 5.2vw, 5.7rem); }
.life-agents-head p { max-width: 610px; margin: 0; color: var(--ink-soft); }
.carousel-controls { display: flex; gap: 8px; flex: 0 0 auto; }
.carousel-controls button { width: 46px; height: 46px; border: 1px solid var(--ink); border-radius: 50%; background: transparent; cursor: pointer; transition: color .2s, background .2s, transform .2s; }
.carousel-controls button:hover { color: white; background: var(--ink); transform: translateY(-2px); }
.life-agent-track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 5px 0 28px; }
.life-agent-track::-webkit-scrollbar { display: none; }
.agent-life-card { min-width: min(380px, 83vw); min-height: 455px; padding: 23px; border: 1px solid var(--line); border-radius: 20px; scroll-snap-align: start; display: flex; flex-direction: column; background: var(--white); box-shadow: 0 10px 0 rgba(20,42,37,.05); position: relative; overflow: hidden; transition: transform .3s, box-shadow .3s; }
.agent-life-card::after { content: ""; position: absolute; width: 190px; height: 190px; right: -90px; top: 70px; border-radius: 50%; opacity: .55; }
.agent-life-card:hover { transform: translateY(-8px); box-shadow: 0 18px 0 rgba(20,42,37,.06), var(--shadow-md); }
.agent-life-arun::after { background: var(--mint); }.agent-life-moro::after { background: var(--butter); }.agent-life-leela::after { background: #c6d8a7; }.agent-life-nia::after { background: #c9d8ed; }.agent-life-kato::after { background: #e5b99c; }
.agent-life-top { display: flex; align-items: center; gap: 11px; position: relative; z-index: 1; }
.agent-life-top > div { display: grid; }.agent-life-top strong { font-family: var(--serif); font-size: 1.35rem; line-height: 1; }.agent-life-top small { color: var(--ink-soft); font-size: .6rem; }
.agent-online { margin-left: auto; padding: 5px 7px; border-radius: 999px; background: var(--mint-pale); font-family: var(--mono); font-size: .52rem; text-transform: uppercase; }
.agent-life-card ul { margin: 0; padding: 0; list-style: none; position: relative; z-index: 1; }
.agent-life-card li { padding: 9px 0; border-bottom: 1px solid var(--line); font-size: .76rem; }
.agent-life-card li::before { content: "✓"; margin-right: 9px; color: var(--eucalyptus); }

.simple-agent-brief { width: min(92%, 430px); margin-bottom: 4%; padding: 18px; border: 1px solid rgba(20,42,37,.14); border-radius: 18px; color: var(--ink); background: rgba(255,253,248,.96); box-shadow: var(--shadow-md); backdrop-filter: blur(12px); }
.simple-agent-head { display: flex; align-items: center; gap: 10px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.simple-agent-head div { display: grid; }.simple-agent-head strong { font-family: var(--serif); font-size: 1.18rem; line-height: 1; }.simple-agent-head small { color: var(--ink-soft); font-size: .58rem; }
.photo-sent { display: inline-block; margin: 14px 0 7px; padding: 5px 7px; border-radius: 5px; color: var(--eucalyptus); background: var(--mint-pale); font-family: var(--mono); font-size: .55rem; text-transform: uppercase; }
.simple-agent-brief blockquote { margin: 0; padding: 11px 13px; border-radius: 4px 12px 12px 12px; background: var(--paper); font-family: var(--serif); font-size: 1.22rem; line-height: 1.18; }
.simple-agent-brief > p { margin: 8px 0 0 45px; padding: 9px 11px; border-radius: 12px 4px 12px 12px; background: var(--mint-pale); font-size: .67rem; line-height: 1.4; }
.adoption-bridge { margin-top: 20px; display: grid; grid-template-columns: .72fr 32px .72fr 32px .72fr 1.15fr; border: 1px solid var(--line); border-radius: 20px; background: var(--white); overflow: hidden; }
.adoption-bridge > a { min-height: 185px; padding: 24px; display: flex; flex-direction: column; justify-content: center; transition: background .2s; }
.adoption-bridge > a:hover { background: var(--paper); }
.adoption-bridge > a strong { font-family: var(--serif); font-size: clamp(2.9rem, 4vw, 4.6rem); line-height: .9; font-weight: 400; color: var(--eucalyptus); }
.adoption-bridge > a span { margin-top: 10px; font-size: .78rem; font-weight: 650; }.adoption-bridge > a small { color: var(--ink-soft); font-family: var(--mono); font-size: .55rem; }
.adoption-bridge > i { display: block; width: 100%; position: relative; }
.adoption-bridge > i::after { content: "→"; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: var(--ink-soft); font-family: var(--serif); font-size: 1.5rem; }
.adoption-conclusion { padding: 24px; color: white; background: var(--ink); display: flex; flex-direction: column; justify-content: center; }
.adoption-conclusion .evidence-kicker { color: var(--mint); margin-bottom: 8px; }.adoption-conclusion b { font-family: var(--serif); font-size: 1.35rem; font-weight: 400; line-height: 1.15; }.adoption-conclusion em { margin-top: 14px; color: var(--butter); font-size: .72rem; font-style: normal; font-weight: 650; }
.evidence-note { max-width: 880px; margin: 12px 0 0 auto; color: var(--ink-soft); font-size: .61rem; text-align: right; }

.team-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.team-card { min-height: 420px; padding: 26px; border: 1px solid var(--line); border-radius: 22px; display: flex; flex-direction: column; background: var(--white); box-shadow: 0 10px 0 rgba(20,42,37,.05); transition: transform .3s, box-shadow .3s; }
.team-card:hover { transform: translateY(-9px) rotate(-.3deg); box-shadow: 0 18px 0 rgba(20,42,37,.06), var(--shadow-md); }
.team-card-home { background: linear-gradient(145deg,var(--mint-pale),var(--white) 53%); }.team-card-study { background: linear-gradient(145deg,var(--lavender-pale),var(--white) 53%); }.team-card-shop { background: linear-gradient(145deg,var(--butter-pale),var(--white) 53%); }
.team-card-top { display: flex; justify-content: space-between; align-items: center; font-family: var(--mono); font-size: .57rem; text-transform: uppercase; }.team-card-top span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--eucalyptus); }.team-card-top b { font-weight: 400; color: var(--ink-soft); }
.team-card h3 { margin: 65px 0 10px; font-family: var(--serif); font-size: 2.8rem; line-height: .95; font-weight: 400; }.team-card > p { color: var(--ink-soft); font-size: .8rem; }
.team-members { margin-top: auto; display: grid; gap: 7px; }.team-members > span { padding: 8px 10px; border: 1px solid var(--line); border-radius: 9px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; background: rgba(255,255,255,.65); font-size: .68rem; font-weight: 650; }.team-members i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-family: var(--serif); font-style: normal; }.team-members small { color: var(--ink-soft); font-weight: 400; }
.team-members img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.team-card > em { margin-top: 15px; color: var(--eucalyptus); font-family: var(--mono); font-size: .57rem; font-style: normal; }
.individuals-label { margin: 75px 0 24px; display: flex; justify-content: space-between; gap: 50px; align-items: end; }.individuals-label span { font-family: var(--serif); font-size: 2.5rem; }.individuals-label p { max-width: 480px; margin: 0; color: var(--ink-soft); font-size: .8rem; }
.individual-agent-row { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; }
.individual-agent-row article { min-width: 0; min-height: 285px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; display: flex; flex-direction: column; background: var(--white); transition: transform .25s, background .25s; }.individual-agent-row article:hover { transform: translateY(-6px); background: var(--paper-deep); }
.individual-agent-row article > div { margin-top: 27px; display: grid; }.individual-agent-row article strong { font-family: var(--serif); font-size: 1.35rem; font-weight: 500; }.individual-agent-row article small { min-height: 34px; color: var(--ink-soft); font-size: .56rem; }
.individual-agent-row ul { margin: auto 0 0; padding: 14px 0 0; border-top: 1px solid var(--line); list-style: none; }.individual-agent-row li { padding: 4px 0; color: var(--ink-soft); font-size: .58rem; }.individual-agent-row li::before { content: "·"; margin-right: 5px; }
.individual-agent-row .more-agent { color: white; background: var(--ink); }.more-agent > span { font-family: var(--serif); font-size: 3rem; }.more-agent > strong { margin-top: auto; font-size: 1.1rem; }.more-agent a { margin-top: 20px; color: var(--mint); font-size: .64rem; }

.workflow-stage { grid-template-columns: .58fr 1.42fr; min-height: 690px; }
.product-capture { min-width: 0; padding: 45px 0 35px; position: relative; display: flex; flex-direction: column; justify-content: center; overflow: hidden; background: radial-gradient(circle at 50% 35%, rgba(200,188,231,.56), rgba(200,188,231,.08) 44%, transparent 70%); }
.capture-window { width: 104%; border: 1px solid rgba(255,255,255,.35); border-radius: 14px; overflow: hidden; background: var(--paper); box-shadow: 0 40px 90px rgba(0,0,0,.36); transform: rotate(1deg) translateX(4%); transition: transform .35s, opacity .16s; }
.capture-window.is-changing { opacity: .25; transform: rotate(1deg) translateX(4%) translateY(5px); }
.workflow-stage:hover .capture-window { transform: rotate(0) translateX(1%); }
.capture-bar { height: 36px; padding: 0 12px; display: flex; align-items: center; gap: 6px; color: var(--ink); background: #ded7ca; }.capture-bar > span { width: 7px; height: 7px; border-radius: 50%; background: #aaa194; }.capture-bar > span:first-child { background: var(--coral); }.capture-bar b { margin: 0 auto; padding-right: 35px; font-family: var(--mono); font-size: .53rem; font-weight: 400; }
.capture-window img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.capture-window.mobile-capture { width: min(390px, 72%); margin-inline: auto; transform: rotate(1deg); }
.capture-window.mobile-capture img { display: block; height: auto; aspect-ratio: 390/844; object-fit: contain; object-position: top; }
.workflow-stage:hover .capture-window.mobile-capture { transform: rotate(0); }
.product-capture > p { max-width: 690px; margin: 18px 55px 0 auto; color: rgba(255,255,255,.68); font-size: .7rem; text-align: right; }

@media (max-width: 1100px) {
  .hero-fullbleed h1 { font-size: clamp(4rem, 8vw, 6.4rem); }.hero-fullbleed .hero-copy { width: 58%; }.hero-agent-stack .floating-agent { width: 250px; }.agent-noor { display: none; }
  .adoption-bridge { grid-template-columns: 1fr 24px 1fr 24px 1fr; }.adoption-conclusion { grid-column: 1 / -1; min-height: 145px; }.team-row { grid-template-columns: 1fr 1fr; }.team-card:last-child { grid-column: 1 / -1; }.individual-agent-row { grid-template-columns: repeat(3,1fr); }.workflow-stage { grid-template-columns: .7fr 1.3fr; }
}

@media (max-width: 800px) {
  .hero-fullbleed { min-height: 900px; }.hero-backdrop { object-position: 64% center; }.hero-shade { background: linear-gradient(0deg, rgba(245,241,232,.98) 0%, rgba(245,241,232,.86) 38%, rgba(245,241,232,.12) 72%); }.hero-overlay { min-height: 900px; padding: 56px 0 50px; align-items: end; }.hero-fullbleed .hero-copy { width: 100%; }.hero-fullbleed h1 { font-size: clamp(3.8rem, 13vw, 5.6rem); }.hero-fullbleed .hero-intro { max-width: 610px; }.hero-agent-stack .floating-agent { width: 225px; }.agent-mira { top: 8%; right: 3%; }.agent-noor { display: flex; top: 30%; left: 3%; right: auto; }.agent-arun { display: none; }
  .life-agents-head { align-items: center; }.agent-life-card { min-width: 340px; }
  .adoption-bridge { grid-template-columns: 1fr; }.adoption-bridge > i { min-height: 35px; }.adoption-bridge > i::after { transform: translate(-50%,-50%) rotate(90deg); }.adoption-bridge > a { min-height: 145px; align-items: center; text-align: center; }.adoption-conclusion { grid-column: auto; }.evidence-note { text-align: left; }
  .team-row { grid-template-columns: 1fr; }.team-card:last-child { grid-column: auto; }.individual-agent-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 20px; }.individual-agent-row article { min-width: 190px; scroll-snap-align: start; }
  .workflow-stage { grid-template-columns: 1fr; }.product-capture { min-height: 620px; padding: 38px 0; }.capture-window { width: 112%; transform: translateX(2%); }.capture-window.mobile-capture { width: min(390px, 76%); transform: none; }.product-capture > p { margin-inline: 30px; }
}

@media (max-width: 520px) {
  .hero-fullbleed { min-height: 820px; }.hero-backdrop { object-position: 67% 35%; }.hero-overlay { min-height: 820px; }.hero-fullbleed h1 { font-size: 3.65rem; }.hero-fullbleed .hero-intro { font-size: .98rem; }.hero-agent-stack .floating-agent { width: 207px; padding: 9px 10px; }.hero-agent-stack .floating-agent strong { font-size: .7rem; }.agent-mira { top: 5%; right: 2%; }.agent-noor { top: 30%; left: 2%; }
  .life-agents { padding-block: 75px; }.life-agents-head { display: block; }.carousel-controls { margin-top: 25px; }.agent-life-card { min-width: 86vw; min-height: 430px; }
  .simple-agent-brief { width: 100%; margin-bottom: 0; padding: 13px; }.simple-agent-brief blockquote { font-size: 1.05rem; }.simple-agent-brief > p { margin-left: 25px; }
  .team-card { min-height: 390px; padding: 20px; }.team-card h3 { margin-top: 48px; }.individuals-label { display: block; }.individuals-label p { margin-top: 10px; }
  .site-header { padding-inline: 16px; }
  .hero-fullbleed .button-row { align-items: flex-start; }
  .hero-fullbleed .button-row .button { width: 100%; justify-content: center; }
  .people-at-work-head br { display: none; }
  .team-card { min-height: 360px; }
  .workflow-stage { border-radius: 18px; }
  .workflow-steps { padding: 12px; }
  .workflow-step { padding: 15px 12px; }
  .product-capture { min-height: 590px; padding: 28px 0 24px; }
  .capture-window { width: 142%; transform: translateX(1%); }
  .capture-window.mobile-capture { width: min(350px, 90%); transform: none; border-radius: 22px; }
  .capture-window.mobile-capture .capture-bar { display: none; }
  .workflow-stage:hover .capture-window, .workflow-stage:hover .capture-window.mobile-capture { transform: none; }
  .product-capture > p { margin: 16px 20px 0; text-align: left; }
}

/* Compact homepage authority — this block intentionally closes the file. */
.workflow-section .capture-window.mobile-capture { width:250px !important; }
.life-agents { padding-block: 62px; }
.agent-life-card { height:340px; min-height:340px; padding:0; color:white; }
.agent-life-card::after { background:linear-gradient(180deg,rgba(6,19,16,.18),rgba(6,19,16,.08) 42%,rgba(6,19,16,.86) 68%,rgba(6,19,16,.98)); }
.agent-life-top { position:absolute; z-index:3; inset:18px 18px auto; padding:0; border:0; color:white; background:transparent; box-shadow:none; backdrop-filter:none; }
.agent-life-top strong { color:white; font-size:1.45rem; }.agent-life-top small { color:rgba(255,255,255,.82); }
.agent-online { color:white; border:1px solid rgba(255,255,255,.35); background:rgba(9,31,25,.55); }
.agent-work-image { height: 145px; flex: 0 0 145px; margin-top: 16px; background-size: 500% auto; }
.agent-life-card ul { z-index:2; margin:0; padding:20px 20px 16px; background:rgba(8,27,22,.88); backdrop-filter:blur(8px); }
.agent-life-card li { padding:7px 0; color:white; border-color:rgba(255,255,255,.2); font-size:.72rem; text-shadow:none; }.agent-life-card li::before { color:var(--mint); }
.roles-section { padding-block:58px; }
.roles-section .section-heading { margin-bottom:18px; }.roles-section .section-heading h2 { font-size:clamp(3.2rem,5vw,5.3rem); }.roster-switch { margin-bottom:12px; }
.team-row, .individual-agent-row { display: flex; grid-template-columns: none; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 0 18px; }
.team-card, .team-card:last-child { box-sizing:border-box; min-width:370px; min-height:286px; height:286px; padding:18px; grid-column:auto; scroll-snap-align:start; }
.team-card h3 { margin:14px 0 5px; font-size:2.45rem; }.team-card>p { margin:0; min-height:48px; font-size:.69rem; line-height:1.38; }
.team-members { margin-top:13px; display:grid; grid-template-columns:repeat(5,1fr); gap:5px; }.team-members>span { min-width:0; min-height:74px; padding:7px 3px; display:flex; flex-direction:column; justify-content:center; gap:3px; text-align:center; font-size:.57rem; }.team-members img { width:31px; height:31px; margin:auto; }.team-members small { max-width:100%; font-size:.43rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.team-card>em { display:none; }
.individual-agent-row article { box-sizing: border-box; min-width: 260px; min-height: 300px; scroll-snap-align: start; }
.team-row[hidden], .individual-agent-row[hidden] { display: none !important; }
.individuals-label { display: none; }
.demo-portal { min-height: 0; margin-bottom: 70px; padding: 34px 42px; grid-template-columns: 1fr; }
.demo-portal-copy { display: grid; grid-template-columns: 1.2fr 1fr auto; gap: 28px; align-items: center; }
.demo-portal-copy h2, .demo-portal-copy > p, .demo-portal-copy .button-row { margin: 0; }
.workflow-section { padding-block:65px; }.workflow-section .section-heading { margin-bottom:24px; }.workflow-section .section-heading h2 { font-size:clamp(3.2rem,5.2vw,5.5rem); }.workflow-section .workflow-stage { min-height:570px; }.workflow-section .workflow-steps { padding:32px 28px; }.workflow-section .product-capture { min-height:570px; padding-block:28px; }.workflow-section .capture-window.mobile-capture { width:min(340px,68%); }

@media (max-width: 800px) {
  .demo-portal-copy { grid-template-columns: 1fr; gap: 16px; }
  .team-card, .team-card:last-child { min-width: min(330px, 86vw); }
}

@media (max-width: 520px) {
  html, body { max-width: 100%; overflow-x: clip; }
  .life-agents, .roles-section { padding-block: 55px; }
  .agent-life-card { min-width:86vw; height:330px; min-height:330px; }.agent-life-top { inset:15px 15px auto; }.agent-life-card ul { padding:18px 16px 14px; }
  .agent-work-image { height: 130px; flex-basis: 130px; }
  .people-at-work-visual > img { display: none; }
  .demo-portal { width: calc(100% - 24px); margin-inline: auto; margin-bottom: 55px; padding: 24px; }
  .roles-section { padding-block:48px; }.team-card,.team-card:last-child { min-width:88vw; height:280px; min-height:280px; padding:15px; }.team-card h3 { font-size:2.15rem; }.team-card>p { font-size:.62rem; }.team-members>span { min-height:70px; }
  .workflow-section { padding-block:52px; }.workflow-section .section-heading { margin-bottom:18px; }.workflow-section .section-heading h2 { font-size:3rem; }.workflow-section .workflow-stage { min-height:0; }.workflow-section .workflow-steps { padding:10px; display:grid; grid-template-columns:repeat(3,1fr); gap:5px; }.workflow-section .workflow-step { padding:10px 5px; display:block; text-align:center; border:1px solid rgba(255,255,255,.16); border-radius:9px; }.workflow-section .workflow-step>span { margin:0 auto 5px; }.workflow-section .workflow-step strong { font-size:1rem; }.workflow-section .workflow-step small { display:none; }.workflow-section .product-capture { min-height:520px; }.workflow-section .capture-window.mobile-capture { width:min(330px,88%); }
}

/* Cascade guard: current approved refinements */
.agent-life-card{justify-content:flex-start!important}.agent-life-top strong{color:var(--ink)!important;text-shadow:none!important}.agent-life-top small{color:var(--ink-soft)!important;text-shadow:none!important}.agent-life-top .agent-avatar{border-color:var(--line)!important;box-shadow:none!important}.agent-work-image{position:relative!important;inset:auto!important;transform:none!important}
.about-intervention{display:block!important;height:auto!important;min-height:0!important;padding-block:90px!important}.about-consequence{padding-top:85px!important}.consequence-statement{min-height:0!important;padding:10px 0 55px!important;grid-template-columns:1.1fr .9fr!important}.consequence-statement h2{font-size:clamp(3.6rem,6.2vw,6.7rem)!important;line-height:.94!important}.consequence-statement blockquote{font-size:clamp(1.45rem,2.2vw,2.25rem)!important;line-height:1.16!important}.future-principles article{min-height:270px!important;justify-content:flex-start!important}.future-principles small{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.62rem;line-height:1.45}
@media(max-width:900px){.consequence-statement{grid-template-columns:1fr!important}.future-principles{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.future-principles article{min-width:0!important;min-height:0!important;border-right:0!important;border-bottom:1px solid var(--line)}}
@media(max-width:560px){.about-cost{display:grid!important;overflow:visible!important}.about-cost article{min-width:0!important;min-height:0!important;border-right:0!important;border-bottom:1px solid var(--line)}.about-intervention{padding-block:60px!important}.consequence-statement{padding-bottom:35px!important}.consequence-statement h2{font-size:3.35rem!important;line-height:.98!important}.future-principles{display:grid!important;overflow:visible!important}.future-principles article{min-width:0!important;padding:24px!important}}

/* Interaction and small-screen finishing pass */
.brand,.menu-button,.text-link,.work-entry-card>a,.site-footer nav a{min-height:44px}
.brand,.text-link,.work-entry-card>a,.site-footer nav a{display:inline-flex;align-items:center}
.site-footer nav a{padding-block:8px}
@media(max-width:560px){.journey-phone img{width:100%;height:500px;max-height:500px;object-fit:cover;object-position:top}.journey-card:last-of-type .journey-phone img{object-position:top}}

/* Completed case-study refinements */
.tech-clutter{position:absolute;z-index:3;left:1.8%;top:3%;width:48%;height:54%;pointer-events:none}.tech-clutter span{position:absolute;padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(11,38,32,.88);box-shadow:0 8px 22px rgba(0,0,0,.2);color:#fff;font-family:var(--mono);font-size:.58rem}.tech-clutter span:nth-child(1){left:0;top:0}.tech-clutter span:nth-child(2){left:23%;top:9%}.tech-clutter span:nth-child(3){left:47%;top:0}.tech-clutter span:nth-child(4){left:69%;top:17%}.tech-clutter span:nth-child(5){left:8%;top:28%}.tech-clutter span:nth-child(6){left:35%;top:39%}.tech-clutter span:nth-child(7){left:63%;top:49%}.tech-clutter span:nth-child(8){left:4%;top:61%}.tech-clutter span:nth-child(9){left:31%;top:70%}.tech-clutter span:nth-child(10){left:60%;top:78%}
.mental-system-map{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);background:#102f28;color:#fff}.mental-system-map article{min-height:168px;padding:20px;border-right:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column;gap:7px}.mental-system-map article:last-child{border-right:0}.mental-system-map b{margin-bottom:8px;font-family:var(--serif);font-size:1.2rem}.mental-system-map span{font-size:.66rem;color:rgba(255,255,255,.72)}.mental-system-map span:before{content:"✓";margin-right:7px;color:var(--mint)}
.case-journey-grid{margin-top:48px;padding:30px;display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;gap:14px;align-items:center;border-radius:26px;background:var(--forest);color:#fff}.case-journey-grid>i{font-style:normal;font-size:1.7rem;text-align:center;color:var(--mint)}.case-journey-grid article{min-width:0}.case-journey-grid article>div{min-height:185px;padding:8px}.case-journey-grid article span{font-family:var(--mono);font-size:.6rem;color:var(--mint)}.case-journey-grid h3{margin:12px 0 8px;color:#fff;font-size:2rem}.case-journey-grid p{margin:0;color:rgba(255,255,255,.82);font-size:.76rem}.case-journey-grid em{display:block;margin-top:12px;color:rgba(255,255,255,.56);font-size:.63rem;font-style:normal}.case-journey-grid img{width:100%;height:420px;object-fit:cover;object-position:top;border:8px solid #0b241e;border-radius:22px 22px 8px 8px}
@media(max-width:900px){.mental-system-map{grid-template-columns:1fr 1fr}.mental-system-map article:nth-child(2){border-right:0}.case-journey-grid{grid-template-columns:1fr;gap:18px}.case-journey-grid>i{transform:rotate(90deg)}.case-journey-grid article{display:grid;grid-template-columns:.75fr 1fr;gap:16px;align-items:center}.case-journey-grid article>div{min-height:0}.case-journey-grid img{height:440px}}
@media(max-width:560px){.hero-fullbleed{min-height:0!important;background:var(--paper)}.hero-fullbleed .hero-backdrop{position:relative!important;height:390px!important;object-position:67% 32%!important}.hero-fullbleed .hero-shade{top:0!important;height:390px!important;bottom:auto!important;background:linear-gradient(180deg,rgba(245,241,232,.02),rgba(245,241,232,.18))!important}.hero-fullbleed .hero-overlay{min-height:0!important;padding:28px 12px 42px!important;display:block!important;background:var(--paper)}.hero-fullbleed .hero-copy{width:100%!important}.hero-fullbleed h1{margin-top:0!important}.hero-agent-stack{position:absolute!important;top:-370px!important;left:0!important;right:0!important;height:350px!important}.hero-agent-stack .floating-agent{background:rgba(255,253,248,.94)!important}.tech-clutter{left:4%;top:3%;width:92%;height:33%}.tech-clutter span{padding:6px 8px;font-size:.49rem}.setup-stack{margin-top:-24px}.mental-system-map{grid-template-columns:1fr}.mental-system-map article,.mental-system-map article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.case-journey-grid{padding:20px 14px}.case-journey-grid article{display:block}.case-journey-grid article>div{padding:4px 4px 16px}.case-journey-grid img{height:460px}}
@media(max-width:560px){.hero-agent-stack{z-index:4!important;display:block!important;opacity:1!important;transform:none!important}.hero-agent-stack .agent-mira{display:flex!important;top:250px!important;right:6px!important}.hero-agent-stack .agent-noor,.hero-agent-stack .agent-arun{display:none!important}}
@media(max-width:560px){.about-clutter{height:auto!important;overflow:visible!important;background:transparent!important}.about-clutter>img{display:block!important;width:100%!important;height:560px!important;object-fit:cover!important}.about-clutter .setup-stack{display:block!important}.about-clutter .spending-chat{display:block!important;width:auto!important}.about-cost{grid-template-columns:1fr!important}.about-cost article{width:100%!important}}

/* Shared-component and image-framing corrections */
.reason-section-simple,.founder-shared{grid-template-columns:1fr!important}.reason-section-simple .reason-copy,.founder-shared .reason-copy{width:min(760px,100%);margin:0 auto!important}.founder-shared{border-top:1px solid var(--line)}
.workflow-section .journey-strip,.about-intervention .journey-strip{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch}.workflow-section .journey-strip>article,.about-intervention .journey-strip>article{min-width:0;display:flex;flex-direction:column}.workflow-section .journey-phone,.about-intervention .journey-phone{margin-top:auto}.workflow-section .journey-phone img,.about-intervention .journey-phone img{display:block;width:100%;height:440px;object-fit:cover;object-position:top}
.about-clutter{height:auto!important;aspect-ratio:1672/941;overflow:hidden}.about-clutter>img{display:block;width:100%;height:100%!important;object-fit:contain!important;background:var(--paper-deep)}.tech-clutter{left:2%;top:4%;width:47%;height:53%}.tech-clutter span:nth-child(1){left:4%;top:12%}.tech-clutter span:nth-child(2){left:28%;top:2%}.tech-clutter span:nth-child(3){left:57%;top:9%}.tech-clutter span:nth-child(4){left:72%;top:28%}.tech-clutter span:nth-child(5){left:0;top:38%}.tech-clutter span:nth-child(6){left:65%;top:50%}.tech-clutter span:nth-child(7){left:2%;top:66%}.tech-clutter span:nth-child(8){left:25%;top:78%}.tech-clutter span:nth-child(9){left:54%;top:75%}.tech-clutter span:nth-child(10){left:74%;top:65%}
.about-problem{padding-bottom:48px}.about-cost-heading{margin-top:42px;display:block!important}.about-cost-heading>span{display:block;margin-bottom:18px}.about-cost-heading h2{max-width:930px;margin-bottom:20px}.about-cost-heading p{max-width:720px!important}.about-cost{margin-top:24px}.mental-model-visual>img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}.mental-backstage{padding:24px 26px!important;background:#e9d96f!important;color:var(--ink)!important;border-top:1px solid rgba(16,47,40,.25)}.mental-backstage b{font-size:.72rem!important}.mental-backstage span{border-color:rgba(16,47,40,.3)!important;background:rgba(255,255,255,.28);font-weight:650}
@media(max-width:900px){.workflow-section .journey-strip,.about-intervention .journey-strip{grid-template-columns:1fr}.workflow-section .journey-strip>i,.about-intervention .journey-strip>i{transform:rotate(90deg)}.workflow-section .journey-phone img,.about-intervention .journey-phone img{height:500px}}
@media(max-width:560px){.about-clutter{aspect-ratio:auto!important}.about-clutter>img{height:auto!important;object-fit:contain!important}.about-clutter .spending-chat{margin:12px 14px 0!important}.tech-clutter{left:1%;top:2%;width:49%;height:49%}.tech-clutter span{padding:4px 5px;font-size:.38rem}.workflow-section .journey-phone img,.about-intervention .journey-phone img{height:460px}.mental-model-visual figcaption{padding:14px 16px}.mental-backstage{padding:20px 16px!important}}

/* Pass 1 — adapted foundation, preserving the established compositions. */
a:focus-visible,button:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:3px solid var(--core-focus);outline-offset:4px}
.desktop-nav>a:not(.button){min-height:44px;padding-block:var(--space-3);display:inline-flex;align-items:center}.button-small{min-height:44px}.menu-button{min-width:44px;min-height:44px}.site-footer nav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
.agent-online,.persona-use-grid>article>span,.footer-note,.entry-label,.tech-clutter span,.mental-model-visual figcaption,.future-principles em{font-size:var(--fs-100)!important;letter-spacing:.08em}.agent-life-top small,.persona-use-grid li,.work-entry-card li,.journey-title p,.future-principles span,.future-principles small{font-size:var(--fs-200)!important}.after-chat,.after-chat p,.after-chat b{font-size:var(--fs-200)!important}
.agent-life-card,.persona-use-grid article,.work-entry-card{border-radius:var(--radius-md)!important}.journey-strip{padding:var(--space-7)!important;border-radius:var(--radius-lg)!important}.life-agent-track{gap:var(--space-4)!important;scrollbar-width:none;mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 48px),transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 calc(100% - 48px),transparent 100%)}.life-agent-track.is-at-end{mask-image:none;-webkit-mask-image:none}.life-agent-track::-webkit-scrollbar{display:none}.carousel-controls button:disabled{opacity:.35;cursor:default}
.journey-phone{mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
@media(min-width:561px){.hero-shade{background:linear-gradient(90deg,rgba(245,241,232,.94) 0%,rgba(245,241,232,.74) 40%,rgba(245,241,232,.08) 66%,rgba(20,42,37,.03) 100%),linear-gradient(0deg,rgba(20,42,37,.12),transparent 32%)!important}}

/* Keep supporting interface text readable without changing the display scale. */
.after-chat.spending-chat span,.about-cost-heading>span,.about-cost article>em,.about-cost article>span,.mental-expert-labels span,.mental-system-map span,.mental-backstage b,.mental-backstage span,.journey-title>span,.consequence-statement>div>span{font-size:var(--fs-100)!important}
.floating-agent small,.floating-agent em,.agent-check{font-size:var(--fs-100)!important}

/* Pass 2 — cohesive structure and responsive image cards. */
.section-heading-split,
.people-at-work-head,
.about-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  gap: clamp(28px, 6vw, 88px);
  align-items: start;
}
.section-heading-split h2,
.people-at-work-head h2,
.about-section-head h2 {
  margin-bottom: 0;
  font-size: var(--fs-800) !important;
  line-height: .94 !important;
}
.section-heading-split p,
.people-at-work-head p,
.about-section-head p {
  max-width: 38rem;
  margin: 0;
  color: var(--ink-soft);
  font-size: var(--fs-400) !important;
  line-height: 1.55;
}

/* Individual specialists retain their visual story, but use one clear card rhythm. */
.life-agents { padding-block: clamp(76px, 9vw, 128px); }
.life-agents-head { margin-bottom: var(--space-6); }
.life-agent-track { padding: 2px 0 var(--space-4); }
.agent-life-card {
  box-sizing: border-box;
  min-width: min(380px, 83vw) !important;
  width: min(380px, 83vw) !important;
  height: 392px !important;
  min-height: 392px !important;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-md) !important;
  background: var(--white) !important;
  box-shadow: none !important;
}
.agent-life-card:hover { transform: translateY(-3px) !important; box-shadow: 0 12px 28px rgba(20,42,37,.09) !important; }
.agent-life-card::after { display: none !important; }
.agent-life-top {
  min-height: 66px;
  padding: var(--space-4) var(--space-5) 0 !important;
  display: flex;
  align-items: center;
}
.agent-life-top strong { font-family: var(--serif) !important; font-size: var(--fs-500) !important; line-height: 1; }
.agent-life-top small { margin-top: 3px; }
.agent-work-image {
  height: 154px !important;
  flex: 0 0 154px !important;
  margin-top: var(--space-3) !important;
  background-size: 500% auto !important;
}
.agent-life-card ul {
  flex: 1;
  display: grid;
  align-content: center;
  margin: 0 !important;
  padding: var(--space-3) var(--space-5) var(--space-4) !important;
  background: transparent !important;
}
.agent-life-card li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 6px;
  padding: 8px 0 !important;
  font-size: var(--fs-200) !important;
  line-height: 1.38 !important;
}
.agent-life-card li::before { margin: 0 !important; }
.life-agent-controls { display: flex; justify-content: flex-start; margin-top: 0; }

/* One consistent component for the four real-life use cases. */
.people-at-work { padding-block: clamp(76px, 9vw, 128px); }
.people-at-work-head { margin-bottom: var(--space-6); }
.people-at-work-visual { background: transparent !important; }
.people-at-work-visual::after,
.people-at-work-visual > img { display: none !important; }
.persona-use-grid {
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: var(--content) !important;
  margin: 0 auto;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--space-4) !important;
}
.persona-use-grid article {
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius-md) !important;
  background: var(--white) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
.persona-use-grid picture { display: block; aspect-ratio: 4 / 5; overflow: hidden; background: var(--paper-deep); }
.persona-use-grid picture img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.persona-card-body { display: grid; gap: 8px; padding: var(--space-5); }
.persona-card-body > span { color: var(--eucalyptus) !important; font-family: var(--mono); font-size: var(--fs-100) !important; letter-spacing: .08em; text-transform: uppercase; }
.persona-card-body > strong { margin: 0 !important; color: var(--ink); font-family: var(--serif) !important; font-size: var(--fs-600) !important; font-weight: 500; line-height: 1; }
.persona-card-body ul { display: grid; gap: 7px; margin: var(--space-2) 0 0; padding: 0; list-style: none; }
.persona-card-body li { display: grid; grid-template-columns: 10px minmax(0,1fr); gap: 5px; padding: 0; color: var(--ink); font-size: var(--fs-200) !important; line-height: 1.4; }
.persona-card-body li::before { content: "•"; color: var(--coral) !important; }

/* Teams and individual specialists share density, type and surface language. */
.roles-section .section-heading { margin-bottom: var(--space-6); }
.entry-choice { margin-top: 0; }
.work-entry-card {
  min-height: 360px;
  border-radius: var(--radius-md) !important;
  box-shadow: none !important;
}
.entry-identity h3 { font-family: var(--serif); font-size: var(--fs-600) !important; font-weight: 500; }
.work-entry-card li { font-size: var(--fs-200) !important; }

/* The shared Find / Brief / Track journey is the same component on both pages. */
.workflow-section .section-heading { margin-bottom: var(--space-6); }
.workflow-section .journey-strip,
.about-intervention .journey-strip {
  width: 100%;
  margin-top: 0 !important;
  padding: var(--space-6) !important;
  grid-template-columns: minmax(0,1fr) 36px minmax(0,1fr) 36px minmax(0,1fr) !important;
  gap: var(--space-3) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: none !important;
}
.journey-title { min-height: 112px; }
.journey-title h3 { font-family: var(--serif); font-size: var(--fs-500) !important; font-weight: 500; }
.workflow-section .journey-phone img,
.about-intervention .journey-phone img { height: 420px !important; }

/* A full-bleed demo hand-off avoids a second, unrelated card treatment. */
.demo-portal {
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(64px, 8vw, 112px) 0 !important;
  border-radius: 0 !important;
  background: var(--forest) !important;
  box-shadow: none !important;
}
.demo-portal-inner { width: var(--content); margin-inline: auto; }
.demo-portal-copy { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: var(--space-8) !important; align-items: end !important; }
.demo-portal-copy > div:first-child { max-width: 760px; }
.demo-portal-copy h2 { margin-bottom: var(--space-4) !important; color: var(--white); font-size: var(--fs-700) !important; line-height: .96 !important; }
.demo-portal-copy p { margin: 0; color: rgba(255,255,255,.72); font-size: var(--fs-400); line-height: 1.5; }
.demo-portal-copy .button-row { margin: 0 !important; }

/* The case study keeps its original story, with a clearer systems diagram. */
.about-intervention {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(76px, 9vw, 128px) 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.about-intervention-inner { width: var(--content); margin-inline: auto; }
.about-intervention .about-section-head { margin-bottom: var(--space-6); }
.tech-clutter { left: 3% !important; top: 7% !important; width: 39% !important; height: 42% !important; }
.tech-clutter span { padding: 8px 10px; border-radius: var(--radius-sm); box-shadow: none; font-size: var(--fs-100) !important; }
.tech-clutter span:nth-child(1) { left: 2% !important; top: 10% !important; }
.tech-clutter span:nth-child(2) { left: 35% !important; top: 1% !important; }
.tech-clutter span:nth-child(3) { left: 63% !important; top: 15% !important; }
.tech-clutter span:nth-child(4) { left: 10% !important; top: 42% !important; }
.tech-clutter span:nth-child(5) { left: 45% !important; top: 34% !important; }
.tech-clutter span:nth-child(6) { left: 67% !important; top: 57% !important; }
.mental-system-map { box-shadow: none; }
.mental-backstage { gap: var(--space-2); }
.mental-backstage b { width: 100%; margin: 0 0 var(--space-2) !important; }

/* The shared personal introduction is intentionally quiet and single-column. */
.reason-section-simple .reason-copy,
.founder-shared .reason-copy { width: min(720px, 100%) !important; }
.reason-section-simple .reason-copy h2,
.founder-shared .reason-copy h2 { margin-bottom: var(--space-5); font-size: var(--fs-700) !important; }

@media (max-width: 1000px) {
  .persona-use-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .persona-use-grid picture { aspect-ratio: 16 / 11; }
}
@media (max-width: 900px) {
  .section-heading-split,
  .people-at-work-head,
  .about-section-head { grid-template-columns: 1fr; gap: var(--space-4); }
  .section-heading-split p,
  .people-at-work-head p,
  .about-section-head p { max-width: 42rem; }
  .workflow-section .journey-strip,
  .about-intervention .journey-strip { grid-template-columns: 1fr !important; gap: var(--space-4) !important; }
  .workflow-section .journey-strip > i,
  .about-intervention .journey-strip > i { transform: rotate(90deg); }
  .journey-title { min-height: 0; }
  .workflow-section .journey-phone img,
  .about-intervention .journey-phone img { height: 500px !important; }
}
@media (max-width: 600px) {
  .section-heading-split h2,
  .people-at-work-head h2,
  .about-section-head h2 { font-size: var(--fs-700) !important; }
  .life-agents,
  .people-at-work { padding-block: var(--space-8); }
  .life-agents-head,
  .people-at-work-head { margin-bottom: var(--space-5); }
  .agent-life-card { min-width: 86vw !important; width: 86vw !important; height: 375px !important; min-height: 375px !important; }
  .agent-life-top { padding-inline: var(--space-4) !important; }
  .agent-work-image { height: 142px !important; flex-basis: 142px !important; }
  .agent-life-card ul { padding-inline: var(--space-4) !important; }
  .persona-use-grid { grid-template-columns: 1fr !important; gap: var(--space-4) !important; }
  .persona-use-grid picture { aspect-ratio: 4 / 3; }
  .persona-card-body { padding: var(--space-5); }
  .entry-choice { gap: var(--space-4); }
  .work-entry-card { min-height: 0; }
  .workflow-section .journey-strip,
  .about-intervention .journey-strip { padding: var(--space-5) !important; }
  .workflow-section .journey-phone img,
  .about-intervention .journey-phone img { height: 460px !important; }
  .demo-portal { padding-block: var(--space-8) !important; }
  .demo-portal-copy { grid-template-columns: 1fr !important; gap: var(--space-5) !important; align-items: start !important; }
  .demo-portal-copy h2 { font-size: var(--fs-700) !important; }
  .tech-clutter { left: 4% !important; top: 5% !important; width: 48% !important; height: 36% !important; }
  .tech-clutter span { padding: 5px 6px; font-size: .52rem !important; }
  .tech-clutter span:nth-child(5),
  .tech-clutter span:nth-child(6) { display: none; }
}

/* Pass 3 — image-safe framing and a less repetitive case-study rhythm. */
.persona-use-grid picture { aspect-ratio: 4 / 5 !important; }
.persona-use-grid picture img { object-position: center 30% !important; }
.agent-life-card li:last-child { border-bottom: 0 !important; }

/* Keep the footer signature as one deliberate line rather than a loose stack. */
.site-footer > div { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-4); }
.site-footer .brand-footer { margin: 0; }
.site-footer > div > p { margin: 0; white-space: nowrap; }
.site-footer .footer-note { font-size: var(--fs-100) !important; }

/* The chat proof belongs beneath the image before it can obscure the story. */
@media (max-width: 1100px) {
  .about-clutter { overflow: visible !important; }
  .about-clutter .spending-chat {
    position: relative !important;
    inset: auto !important;
    width: min(680px, calc(100% - 32px)) !important;
    max-width: none !important;
    margin: var(--space-4) auto 0 !important;
    box-shadow: var(--shadow-sm) !important;
  }
}
@media (max-width: 600px) {
  .site-footer > div { align-items: flex-start; gap: var(--space-3); }
  .site-footer > div > p { white-space: normal; }
  .about-clutter .spending-chat { width: calc(100% - 24px) !important; margin-top: var(--space-3) !important; }
}

/* A staggered capability map feels like four distinct systems, not a table. */
.mental-system-map {
  padding: var(--space-5);
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: var(--space-4);
  border: 0 !important;
  background: var(--forest) !important;
}
.mental-system-map article {
  min-height: 176px !important;
  padding: var(--space-5) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: var(--radius-md);
  background: rgba(255,255,255,.045);
}
.mental-system-map article:nth-child(2),
.mental-system-map article:nth-child(3) { transform: translateY(var(--space-3)); }
.mental-system-map article:nth-child(3) { background: rgba(185,223,207,.09); }
.mental-system-map article b { font-size: var(--fs-500) !important; font-weight: 500; }
.mental-system-map span { font-size: var(--fs-200) !important; }
.mental-backstage {
  padding: var(--space-5) !important;
  color: var(--white) !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  background: var(--ink) !important;
}
.mental-backstage b { color: var(--mint); }
.mental-backstage span { color: var(--white) !important; border-color: rgba(255,255,255,.25) !important; background: rgba(255,255,255,.06) !important; }
@media (max-width: 600px) {
  .mental-system-map { grid-template-columns: 1fr !important; padding: var(--space-4); }
  .mental-system-map article { min-height: 0 !important; }
  .mental-system-map article:nth-child(odd) { margin-right: var(--space-5); }
  .mental-system-map article:nth-child(even) { margin-left: var(--space-5); }
  .mental-system-map article:nth-child(2),
  .mental-system-map article:nth-child(3) { transform: none; }
}

/* A subtle ledger texture gives the three consequences a shared visual metaphor. */
.about-cost {
  position: relative;
  isolation: isolate;
  overflow: hidden !important;
  background: var(--white) !important;
}
.about-cost::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .5;
  pointer-events: none;
  background-image: repeating-linear-gradient(to bottom, transparent 0, transparent 29px, rgba(20,42,37,.055) 30px);
}
.about-cost article { position: relative; background: rgba(255,253,248,.74); }
.about-cost article::after {
  content: "";
  display: block;
  width: 36px;
  height: 3px;
  margin-top: var(--space-4);
  background: var(--coral);
}
.about-cost article:nth-child(2)::after { background: var(--eucalyptus); }
.about-cost article:nth-child(3)::after { background: var(--butter); }
@media (max-width: 600px) { .about-cost article::after { margin-top: var(--space-3); } }

/* Pass 3 final alignment guard: the opening statement should read as one
   deliberate two-part thought, not a headline with a detached quotation. */
.about-problem-head {
  grid-template-columns: minmax(0, 1.32fr) minmax(300px, .68fr) !important;
  align-items: start !important;
  gap: clamp(32px, 6vw, 96px) !important;
}
.about-problem-head > div { min-width: 0; }
.about-problem-head blockquote {
  align-self: center;
  margin: clamp(12px, 3vw, 54px) 0 0 !important;
  max-width: 480px;
}

/* The original human imagery is preserved; this protects its full narrative
   frame when the responsive card becomes taller. */
.persona-use-grid picture img {
  object-fit: cover !important;
  object-position: center 24% !important;
}

@media (max-width: 900px) {
  .about-problem-head { grid-template-columns: 1fr !important; }
  .about-problem-head blockquote { margin-top: var(--space-3) !important; }
}

/* Approved lived-in hero: copy stays readable without turning the photograph
   into a washed-out background. The person and phone get a distinct focal crop. */
.hero-fullbleed .hero-backdrop { object-position: 68% 48% !important; }
.hero-fullbleed .hero-shade {
  background: linear-gradient(90deg, rgba(245,241,232,.97) 0%, rgba(245,241,232,.89) 34%, rgba(245,241,232,.52) 52%, rgba(245,241,232,.13) 68%, rgba(20,42,37,.04) 100%), linear-gradient(0deg, rgba(20,42,37,.12), transparent 36%) !important;
}
/* The portrait is the human proof here; agent cards would cover her face. */
.hero-agent-stack { display: none !important; }
@media (max-width: 800px) {
  .hero-fullbleed .hero-backdrop { object-position: 72% 48% !important; }
  .hero-fullbleed .hero-shade { background: linear-gradient(0deg, rgba(245,241,232,.98) 0%, rgba(245,241,232,.87) 40%, rgba(245,241,232,.14) 74%) !important; }
}
@media (max-width: 560px) {
  .hero-fullbleed .hero-backdrop { object-position: 74% 44% !important; }
  .hero-fullbleed .hero-shade { background: linear-gradient(180deg, rgba(20,42,37,.03), rgba(20,42,37,.16)) !important; }
}

/* On phones, real-life examples are a deliberate swipe gallery—not a long
   stack that makes people scroll past three equally useful cards. */
@media (max-width: 600px) {
  .people-at-work-visual { overflow: hidden; }
  .persona-use-grid {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 var(--space-4) var(--space-4) !important;
    gap: var(--space-4) !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--space-4);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .persona-use-grid::-webkit-scrollbar { display: none; }
  .persona-use-grid article {
    flex: 0 0 min(84vw, 340px) !important;
    min-width: min(84vw, 340px) !important;
    scroll-snap-align: start;
  }
}

/* A true before/after story: technical setup stays visibly tangled while the
   outcome becomes a single understandable notification. */
.about-clutter {
  width: min(1500px, calc(100% - 48px)) !important;
  height: auto !important;
  aspect-ratio: auto !important;
  margin: 60px auto 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden !important;
  border-radius: var(--radius-lg) !important;
  background: var(--forest) !important;
  box-shadow: var(--shadow-lg) !important;
}
.about-clutter::after { display: none !important; }
.work-state { position: relative; min-width: 0; aspect-ratio: 4 / 5; overflow: hidden; background: var(--paper-deep); }
.work-state::after { content: ""; position: absolute; inset: 0; pointer-events: none; }
.work-state-before::after { background: linear-gradient(90deg, rgba(9,28,24,.28), transparent 54%); }
.work-state-after::after { background: linear-gradient(0deg, rgba(9,28,24,.26), transparent 42%); }
.work-state > img { display: block; width: 100%; height: 100% !important; object-fit: cover !important; background: none !important; }
.work-state-before > img { object-position: 63% 48% !important; }
.work-state-after > img { object-position: 50% 50% !important; }

.tech-web { position: absolute; z-index: 2; inset: 0; width: 48%; height: 52%; pointer-events: none; }
.tech-web svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.tech-web path { fill: none; stroke: rgba(255,255,255,.58); stroke-width: .8; stroke-dasharray: 2.3 2.3; }
.tech-web span { position: absolute; padding: 6px 8px; border: 1px solid rgba(255,255,255,.38); border-radius: 999px; color: var(--white); background: rgba(9,28,24,.78); box-shadow: 0 6px 14px rgba(0,0,0,.14); font-family: var(--mono); font-size: var(--fs-100); letter-spacing: .03em; white-space: nowrap; }
.tech-api { left: 8%; top: 14%; }.tech-cli { left: 48%; top: 4%; }.tech-mcp { left: 68%; top: 29%; }.tech-token { left: 25%; top: 49%; }.tech-model { left: 54%; top: 64%; }.tech-permission { left: 4%; top: 79%; }

.team-notification { position: absolute; z-index: 2; right: clamp(16px, 3vw, 28px); bottom: clamp(16px, 3vw, 28px); width: min(82%, 300px); padding: 15px 16px; border: 1px solid rgba(255,255,255,.78); border-radius: var(--radius-md); color: var(--ink); background: rgba(255,253,248,.95); box-shadow: 0 14px 32px rgba(0,0,0,.18); }
.team-notification > span { display: block; margin-bottom: 8px; color: var(--eucalyptus); font-family: var(--mono); font-size: var(--fs-100); letter-spacing: .08em; text-transform: uppercase; }
.team-notification strong { display: block; font-size: var(--fs-300); line-height: 1.25; }
.team-notification p { margin: 8px 0 0; padding-top: 8px; border-top: 1px solid var(--line); color: var(--ink-soft); font-size: var(--fs-200); }

@media (max-width: 700px) {
  .about-clutter { width: 100% !important; margin-top: var(--space-5) !important; grid-template-columns: 1fr; border-radius: 0 !important; }
  .work-state { aspect-ratio: 4 / 5; }
  .work-state-before > img { object-position: 62% 48% !important; }
  .tech-web { width: 50%; height: 50%; }
  .tech-web span { padding: 5px 6px; font-size: .54rem; }
  .team-notification { right: var(--space-4); bottom: var(--space-4); width: min(80%, 330px); }
}

/* Technical terms orbit the moment of overwhelm; they never sit on her face. */
.about-clutter .tech-clutter { left: 2.5% !important; top: 3.5% !important; width: 46% !important; height: 44% !important; }
.about-clutter .tech-clutter span:nth-child(1) { left: 3% !important; top: 18% !important; }
.about-clutter .tech-clutter span:nth-child(2) { left: 27% !important; top: 2% !important; }
.about-clutter .tech-clutter span:nth-child(3) { left: 56% !important; top: 12% !important; }
.about-clutter .tech-clutter span:nth-child(4) { left: 0 !important; top: 48% !important; }
.about-clutter .tech-clutter span:nth-child(5) { left: 13% !important; top: 68% !important; }
.about-clutter .tech-clutter span:nth-child(6) { left: 65% !important; top: 57% !important; }
@media (max-width: 600px) {
  .about-clutter .tech-clutter { left: 3% !important; top: 3% !important; width: 47% !important; height: 40% !important; }
  .about-clutter .tech-clutter span:nth-child(5),
  .about-clutter .tech-clutter span:nth-child(6) { display: none !important; }
}

/* The expert comparison is one decisive visual, not a second catalogue of cards. */
.about-mental { padding-block: clamp(76px, 9vw, 128px); }
.about-mental .about-section-head { margin-bottom: 0; }
.about-mental > .mental-model-visual { margin-top: 0 !important; }
.mental-model-visual {
  margin-top: var(--space-6) !important;
  display: block !important;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--paper-deep);
  overflow: hidden;
}
.mental-model-visual > img {
  display: block;
  width: 100%;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}
.mental-model-visual figcaption {
  display: block !important;
  padding: var(--space-5) var(--space-6) !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
  font-family: var(--serif) !important;
  font-size: var(--fs-500) !important;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

/* The shared journey contains three steps, so its grid has three equal homes.
   Earlier rules reserved empty arrow columns, which caused the centre steps to collide. */
.workflow-section .journey-strip,
.about-intervention .journey-strip {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(18px, 2.4vw, 34px) !important;
  align-items: stretch !important;
}
.workflow-section .journey-strip > article,
.about-intervention .journey-strip > article {
  position: relative;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
}
.workflow-section .journey-strip > article + article,
.about-intervention .journey-strip > article + article {
  padding-left: 0;
  border-left: 0;
}
.workflow-section .journey-strip > article + article::before,
.about-intervention .journey-strip > article + article::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  width: 1px;
  background: rgba(255,255,255,.22);
}
.journey-title { min-height: 126px !important; }
.journey-title h3 { font-size: clamp(1.35rem, 2vw, 1.85rem) !important; line-height: 1.04; }
.journey-title p { max-width: 25ch; }
.workflow-section .journey-phone,
.about-intervention .journey-phone { width: 100%; margin-top: auto !important; }
.workflow-section .journey-phone img,
.about-intervention .journey-phone img { width: 100%; height: 420px !important; object-fit: cover; object-position: top; }
@media (max-width: 900px) {
  .workflow-section .journey-strip,
  .about-intervention .journey-strip { grid-template-columns: 1fr !important; gap: var(--space-5) !important; }
  .workflow-section .journey-strip > article + article,
  .about-intervention .journey-strip > article + article { padding: var(--space-5) 0 0; border-top: 1px solid rgba(255,255,255,.22); border-left: 0; }
  .workflow-section .journey-strip > article + article::before,
  .about-intervention .journey-strip > article + article::before { display: none; }
  .journey-title { min-height: 0 !important; }
  .workflow-section .journey-phone img,
  .about-intervention .journey-phone img { height: 500px !important; }
}
@media (max-width: 600px) {
  .mental-model-visual { margin-top: var(--space-5) !important; border-radius: var(--radius-md); }
  .mental-model-visual figcaption { padding: var(--space-4) !important; font-size: var(--fs-400) !important; }
  .workflow-section .journey-strip,
  .about-intervention .journey-strip { padding: var(--space-5) !important; }
  .workflow-section .journey-phone img,
  .about-intervention .journey-phone img { height: 460px !important; }
}

/* The question introduces the comparison; the labels sit with the experts. */
.mental-model-title { max-width: 1040px; margin-bottom: var(--space-6); }
.mental-model-title h2 { margin: 0; color: var(--ink); font-size: clamp(2.4rem, 4.3vw, 5.4rem); font-weight: 500; line-height: .98; letter-spacing: -.045em; }
.mental-model-visual { position: relative; }
.mental-expert-labels { position: absolute; z-index: 1; top: clamp(14px, 4vw, 54px); left: 4%; right: 4%; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(6px, 2vw, 28px); pointer-events: none; }
.mental-expert-labels span { justify-self: center; max-width: 100%; padding: 8px 10px; border: 1px solid rgba(16,47,40,.18); border-radius: var(--radius-sm); color: var(--ink); background: rgba(255,253,248,.94); box-shadow: 0 6px 18px rgba(16,47,40,.10); font-family: var(--mono); font-size: clamp(.48rem, .82vw, .7rem); font-weight: 500; letter-spacing: .02em; line-height: 1.15; text-align: center; text-transform: uppercase; }

/* Real product captures are shown as calm landscape windows, with a margin
   that separates the interface from the surrounding journey. */
.workflow-section .journey-phone,
.about-intervention .journey-phone { padding: 10px !important; border: 1px solid rgba(255,255,255,.34) !important; border-radius: 18px !important; background: rgba(255,253,248,.09) !important; overflow: hidden !important; mask-image: none !important; -webkit-mask-image: none !important; }
.workflow-section .journey-phone img,
.about-intervention .journey-phone img { display: block; width: 100%; height: auto !important; max-height: none !important; aspect-ratio: 32 / 21; object-fit: cover; object-position: center top; border-radius: 10px !important; }

/* One-colour line icons provide a quick visual anchor for each future. */
.future-principles article { position: relative; }
.future-icon { display: block; width: 44px; height: 44px; margin: 0 0 var(--space-4); overflow: visible; color: var(--eucalyptus); fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.future-principles article > em { display: block; }
@media (max-width: 600px) {
  .mental-model-title { margin-bottom: var(--space-5); }
  .mental-model-title h2 { font-size: var(--fs-700) !important; line-height: 1; }
  .mental-expert-labels { top: 12px; left: 3%; right: 3%; gap: 4px; }
  .mental-expert-labels span { padding: 4px 5px; border-radius: 5px; font-size: .43rem; }
  .workflow-section .journey-phone,
  .about-intervention .journey-phone { padding: 8px !important; }
  .future-icon { width: 38px; height: 38px; margin-bottom: var(--space-3); }
}