/* A complete static opening first. Native scroll timelines add the handoff. */
.site-header { background: #faf9fc; color: #21192a; border-bottom: 1px solid #41205215; }
.site-header .wordmark-copy { display: flex; flex-direction: column; gap: 4px; }
.site-header .wordmark-copy small { font: 8px/1.4 Geist, Arial, sans-serif; letter-spacing: .02em; color: #66556f; white-space: nowrap; }
.site-header nav { color: #51415d; }
.site-header nav a:hover { color: #7424ed; }
.site-header .wordmark img { width: 42px; height: 42px; border-radius: 0; }
.site-header .nav-cta { background: #fff; color: #3a2450; border-color: #6f438c50; }
.site-header .nav-cta:hover { background: #eee5fb; }
.site-header a:focus-visible, .hero a:focus-visible { outline-color: #7424ed; }
.mini-brand img, footer .wordmark img { background: #fff; padding: 2px; border-radius: 50%; }
.hero { position: relative; isolation: isolate; background: #faf9fc; color: #21192a; }
.hero-stage { position: relative; overflow: clip; background: #faf9fc; }
.depth-world { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.depth-floor { position: absolute; width: 150%; height: 70%; bottom: -37%; left: -25%; transform: perspective(600px) rotateX(62deg); background-image: linear-gradient(#6b587b1c 1px, transparent 1px), linear-gradient(90deg, #6b587b1c 1px, transparent 1px); background-size: 100px 100px; mask-image: linear-gradient(transparent, #000); }
.depth-word { position: absolute; font-family: Instrument, Georgia, serif; font-size: 56vw; letter-spacing: -.08em; color: #39135d08; line-height: 1; bottom: -15%; left: 2%; user-select: none; }
.hero-opening { position: relative; text-align: center; padding: 160px 24px 80px; z-index: 2; }
.hero-prelude { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 9px; letter-spacing: .17em; color: #66556f; margin-bottom: 28px; }
.hero-prelude > span { width: 5px; height: 5px; border-radius: 50%; background: #7424ed; }
.hero h1 { font-size: clamp(100px, min(11.4vw, 19svh), 180px); line-height: .88; letter-spacing: -.075em; font-weight: 500; }
.hero h1 > span { color: #7424ed; }
.hero-deck { margin: 32px auto 0; font-size: 14px; line-height: 1.75; color: #65566e; max-width: 460px; }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 26px; margin-top: 28px; }
.hero-play { padding: 16px 24px; background: #7424ed; color: #fff; }
.hero-play:hover { background: #5b16ca; }
.hero-skip { color: #4e3d5e; font-size: 11px; border-bottom: 1px solid #82599c66; padding: 9px 0; }
.hero-skip:hover { color: #56208f; border-color: #7424ed; }
.task-stage { display: none; }
.work-piece { position: absolute; width: 220px; height: 142px; padding: 20px 22px; background: #eee7dd; color: #322b36; border: 1px solid #5f487e33; box-shadow: 0 15px 40px #26103918; border-radius: 3px; transform-origin: center; overflow: hidden; }
.piece-category { display: block; font-size: 7px; letter-spacing: .14em; color: #50365e; }
.work-piece p { font-size: 20px; line-height: 1.25; font-weight: 450; letter-spacing: -.04em; margin-top: 11px; }
.piece-foot { position: absolute; left: 22px; right: 14px; bottom: 14px; display: block; font-size: 8px; color: #51415c; margin: 0; }
.piece-note { background: #d8c6ef; }
.piece-note p { font-family: Instrument, Georgia, serif; font-size: 27px; }
.piece-fold { width: 28px; height: 28px; position: absolute; right: 0; bottom: 0; background: linear-gradient(135deg,#b5a0d2 50%,#faf9fc 51%); }
.piece-invoice { background: #f6f1e9; }
.paper-rule { height: 1px; background: #6d5a742b; margin-top: 11px; }
.piece-invoice .piece-foot { margin-top: 0; }
.piece-followup { background: #ded4e5; }
.piece-day { background: #e8e2da; }
.mini-days { display: flex; gap: 15px; font-size: 8px; color: #796984; align-items: center; }
.mini-days b { color: #382448; border-bottom: 2px solid #745589; padding: 0 2px 3px; }
.piece-day p { margin-top: 13px; }
.piece-message { background: #ddd0ea; }
.piece-repeat { background: #bca4d7; }
.hero-outcome { position: relative; z-index: 1; padding: 50px var(--gutter) 70px; text-align: center; }
.outcome-brand { display: flex; justify-content: center; align-items: center; gap: 12px; font-size: 8px; color: #685672; letter-spacing: .13em; margin-bottom: 20px; }
.outcome-heading h2 { font-size: clamp(36px,4.3vw,66px); line-height: 1.05; letter-spacing: -.055em; font-weight: 450; }
.outcome-heading h2 > span { color: #7424ed; }
.hero-roles { display: grid; grid-template-columns: repeat(3,1fr); max-width: 1000px; margin: 50px auto; gap: 48px; text-align: left; }
.hero-role { display: block; padding-top: 20px; border-top: 1px solid #744c963d; }
.role-title { display: flex; align-items: center; justify-content: space-between; font-size: 28px; font-weight: 450; letter-spacing: -.04em; }
.role-title b { font-size: 19px; font-weight: 400; color: #7424ed; }
.role-description { display: block; color: #624e70; font-size: 11px; margin-top: 8px; }
.hero-role:hover .role-title { color: #7424ed; }
.outcome-next { display: inline-flex; align-items: center; gap: 24px; padding: 13px 0; font-size: 12px; color: #4f365e; border-bottom: 1px solid #7131a44a; }
.outcome-next:hover { color: #56208f; }
.hero-caption { display: flex; justify-content: space-between; gap: 20px; position: relative; padding: 22px var(--gutter); border-top: 1px solid #3b1c591c; font-size: 7px; letter-spacing: .11em; color: #6c5d75; }

/* JS measures endpoints once per resize; the browser owns scroll interpolation. */
.hero.is-animated { height: calc(100svh + 120svh); view-timeline-name: --handoff; view-timeline-axis: block; }
.is-animated .hero-stage { position: sticky; top: 0; height: 100svh; min-height: 640px; }
.is-animated .hero-opening { position: absolute; inset: 0; padding-top: max(130px,20svh); padding-bottom: 0; pointer-events: none; animation: opening-away linear both; animation-timeline: --handoff; animation-range: contain 0% contain 100%; }
.is-animated .hero-opening a { pointer-events: auto; }
.is-animated .task-stage { display: block; position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.is-animated .work-piece { left: 0; top: 0; animation: work-finds-place linear both; animation-timeline: --handoff; animation-range: contain 0% contain 100%; }
.is-animated .hero-outcome { position: absolute; inset: 0; padding: 0; pointer-events: none; animation: outcome-arrives linear both; animation-timeline: --handoff; animation-range: contain 0% contain 100%; }
.is-animated .hero-outcome a { pointer-events: auto; }
.is-animated .outcome-heading { position: absolute; top: 10%; width: 100%; padding: 0 24px; }
.is-animated .hero-roles { position: absolute; top: 35%; left: 12%; width: 76%; max-width: none; margin: 0; gap: 5%; }
.is-animated .hero-role { padding-top: 14px; }
.is-animated .hero-roles { animation: roles-arrive linear both; animation-timeline: --handoff; animation-range: contain 0% contain 100%; }
.is-animated .outcome-next { position: absolute; bottom: 9%; left: 50%; transform: translateX(-50%); white-space: nowrap; }
.is-animated .hero-caption { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; }
.is-animated .depth-word { animation: name-recedes linear both; animation-timeline: --handoff; animation-range: contain 0% contain 100%; }
@keyframes work-finds-place {
  0%, 23% { transform: translate3d(var(--sx),var(--sy),0) rotate(var(--sr)) scale(var(--ss)); }
  70%, 100% { transform: translate3d(var(--ex),var(--ey),0) rotate(0deg) scale(var(--es)); }
}
@keyframes opening-away { 0%, 8% { opacity: 1; transform: translateY(0) scale(1); visibility: visible; } 23%, 100% { opacity: 0; transform: translateY(-50px) scale(.93); visibility: hidden; } }
@keyframes outcome-arrives { 0%, 44% { opacity: 0; visibility: hidden; } 67%, 100% { opacity: 1; visibility: visible; } }
@keyframes roles-arrive { 0%, 68% { opacity: 0; visibility: hidden; } 78%, 100% { opacity: 1; visibility: visible; } }
@keyframes mobile-outcome-arrives { 0%, 25% { opacity: 0; visibility: hidden; } 43%, 100% { opacity: 1; visibility: visible; } }
@keyframes name-recedes { to { transform: translateY(-40px) scale(.95); opacity: .25; } }
@media (min-width: 761px) and (max-height: 780px) {
 .is-animated .hero-opening { padding-top: 125px; }
 .hero h1 { font-size: min(11vw, 19svh); }
 .hero-prelude { margin-bottom: 20px; }
 .hero-deck { margin-top: 24px; font-size: 12px; }
 .hero-actions { margin-top: 21px; }
 .work-piece { width: 205px; height: 128px; padding: 15px 19px; }
 .work-piece p { font-size: 18px; margin-top: 9px; }
 .piece-note p { font-size: 24px; }
 .piece-foot { margin-top: 0; }
 .outcome-heading h2 { font-size: 48px; }
 .outcome-brand { margin-bottom: 14px; }
 .is-animated .outcome-heading { top: 7%; }
 .is-animated .hero-roles { top: 31%; }
 .role-title { font-size: 25px; }
}
@media (max-width: 1100px) and (min-width: 761px) {
 .hero h1 { font-size: min(12vw,19svh); }
 .hero-deck { max-width: 350px; font-size: 12px; }
 .work-piece { width: 180px; height: 127px; padding: 16px; }
 .work-piece p { font-size: 18px; }
 .piece-note p { font-size: 24px; }
 .piece-foot { font-size: 7px; margin-top: 0; bottom: 12px; left: 17px; }
 .piece-category { font-size: 6px; }
 .role-title { font-size: 24px; }
 .role-description { font-size: 10px; }
 .is-animated .hero-roles { left: 7%; width: 86%; gap: 5%; }
}
@media (max-width: 760px) {
 .site-header .wordmark img { width: 34px; height: 34px; }
 .site-header .wordmark-copy { gap: 3px; }
 .site-header .wordmark-copy small { font-size: 7.5px; letter-spacing: 0; }
 .hero-opening { padding: 135px 24px 55px; }
 .hero-prelude { font-size: 6px; letter-spacing: .11em; gap: 7px; margin-bottom: 25px; }
 .hero h1 { font-size: clamp(78px,20vw,132px); line-height: .9; }
 .hero-deck { font-size: 12px; margin-top: 27px; max-width: 330px; }
 .hero-deck br { display: none; }
 .hero-actions { gap: 20px; flex-wrap: wrap; margin-top: 23px; }
 .hero-play { padding: 14px 20px; font-size: 12px; }
 .hero-skip { font-size: 10px; }
 .hero-outcome { padding: 30px 24px 55px; }
 .outcome-heading h2 { font-size: 36px; }
 .outcome-brand { font-size: 6px; letter-spacing: .07em; gap: 8px; margin-bottom: 19px; }
 .outcome-brand img { width: 25px; height: 25px; }
 .hero-roles { grid-template-columns: 1fr; gap: 25px; margin: 35px 0; }
 .role-title { font-size: 27px; }
 .role-description { margin-top: 5px; }
 .hero-caption { padding: 18px 24px; font-size: 6px; letter-spacing: .06em; }
 .hero-caption > span:first-child { max-width: 100px; }
 .hero-caption > span:last-child { max-width: 150px; text-align: right; }
 .hero.is-animated { height: 225svh; }
 .is-animated .hero-stage { min-height: 580px; }
 .is-animated .hero-opening { padding-top: max(130px,20svh); }
 .is-animated .work-piece { width: 182px; height: 124px; padding: 16px 17px; }
 .is-animated .work-piece[data-row="1"] { display: none; }
 .work-piece p { font-size: 18px; margin-top: 10px; }
 .piece-note p { font-size: 24px; }
 .piece-category { font-size: 6px; }
 .piece-foot { font-size: 7px; margin-top: 0; bottom: 12px; left: 17px; }
 .is-animated .outcome-heading { top: 9%; }
 .is-animated .hero-outcome { animation-name: mobile-outcome-arrives; }
 .is-animated .outcome-heading h2 { font-size: clamp(29px,7.5vw,42px); }
 .is-animated .hero-roles { display: flex; flex-direction: column; justify-content: space-between; left: 7%; top: 35%; width: 36%; height: 43%; gap: 0; }
 .is-animated .hero-role { padding-top: 10px; }
 .is-animated .role-title { font-size: 20px; }
 .is-animated .role-title b { display: none; }
 .is-animated .role-description { font-size: 9px; line-height: 1.5; max-width: 110px; }
 .is-animated .outcome-next { bottom: 9%; font-size: 10px; gap: 14px; }
}
@media (max-width: 760px) and (max-height: 700px) {
 .is-animated .hero-opening { padding-top: 112px; }
 .hero h1 { font-size: 76px; }
 .hero-prelude { margin-bottom: 20px; }
 .hero-deck { font-size: 11px; margin-top: 20px; }
 .hero-actions { margin-top: 18px; }
 .is-animated .outcome-heading { top: 7%; }
 .is-animated .outcome-heading h2 { font-size: 29px; }
 .outcome-brand { margin-bottom: 14px; }
 .is-animated .work-piece { height: 112px; padding: 13px 17px; }
 .piece-foot { margin-top: 0; bottom: 9px; }
 .piece-note p { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .hero *, .hero *::before, .hero *::after { animation: none !important; transition: none !important; } }

/* Useful day cards, without the architectural scene. */
.site-header nav { gap:24px; }
.site-header nav a { min-height:44px; display:flex; align-items:center; }
.day-theater { --day-ink:#21192a; --day-soft:#63566e; --day-accent:#7424ed; background:#faf9fc; color:var(--day-ink); color-scheme:light; }
.day-theater :is(a,button,summary):focus-visible { outline:3px solid #7424ed; outline-offset:5px; }
.day-theater { padding:90px var(--gutter) 0; position:relative; border-top:1px solid #6b527c25; }
.day-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:60px; padding-bottom:65px; }
.day-kicker { color:#63566e; font-size:9px; letter-spacing:.13em; margin-bottom:24px; }
.day-heading h2 { font-size:clamp(44px,5.3vw,80px); }
.day-heading>p { font-size:14px; color:#63566e; margin-bottom:8px; }
.day-layout { display:block; position:relative; }
.day-chapters { max-width:820px; margin:auto; }
.day-chapter { padding:45px 0 75px; scroll-margin-top:36px; }
.chapter-meta { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:23px; font-size:9px; letter-spacing:.12em; color:#63566e; }
.pillar-jump { display:inline-flex; align-items:center; min-height:44px; color:#6222bc; letter-spacing:0; font-size:12px; padding:10px 0; }
.pillar-jump span { margin-left:8px; }
.day-chapter h3 { font-size:clamp(36px,3.6vw,58px); line-height:1.03; letter-spacing:-.05em; font-weight:450; }
.chapter-deck { font-size:14px; line-height:1.65; color:#63566e; margin:20px 0 26px; max-width:40ch; }
.owner-says { display:flex; gap:15px; align-items:baseline; padding:20px 0; border-top:1px solid #d8ccdf; }
.owner-says>span { color:#75627f; font-size:8px; letter-spacing:.14em; flex-shrink:0; }
.owner-says p { font-size:18px; line-height:1.4; letter-spacing:-.025em; }
.day-demo { padding:24px; background:#fff; border:1px solid #d9cfe2; border-radius:12px; box-shadow:0 14px 40px #2d104507; }
.demo-brand { display:flex; align-items:center; gap:9px; padding-bottom:19px; border-bottom:1px solid #e8e2ed; }
.demo-brand strong { font-size:13px; letter-spacing:-.015em; font-weight:550; }
.demo-brand>span { font-size:7px; letter-spacing:.08em; color:#75627f; margin-left:auto; white-space:nowrap; }
.brief-list { list-style:none; padding:0; margin:6px 0 0; }
.brief-list li { display:flex; gap:18px; padding:19px 0; border-bottom:1px solid #ece6f0; }
.brief-list li>span { width:58px; flex-shrink:0; padding-top:4px; color:#725e80; font-size:8px; letter-spacing:.07em; }
.brief-list strong { font-size:13px; font-weight:550; line-height:1.4; display:block; }
.brief-list p { margin-top:7px; color:#63566e; font-size:12px; line-height:1.6; }
.demo-takeaway { font-size:11px; line-height:1.7; color:#63566e; margin-top:18px; }
.chapter-foot { font-size:10px; color:#66556f; margin-top:23px; }
.sample-context { color:#63566e; font-size:12px; line-height:1.65; margin-top:19px; }
.approval-demo blockquote { font-size:18px; line-height:1.5; letter-spacing:-.02em; margin:24px 0; }
.approval-explainer { font-size:11px; line-height:1.65; color:#63566e; }
.decision-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:19px; }
.decision-actions button { min-height:44px; border:1px solid #b8a2c9; border-radius:7px; font-size:11px; padding:11px 13px; background:#faf9fc; color:#4e355f; transition:background 160ms,transform 160ms; }
.decision-actions button:first-child { background:#7424ed; color:white; border-color:#7424ed; }
.decision-actions button:hover { background:#eee5fb; }
.decision-actions button:first-child:hover { background:#5b16ca; }
.decision-actions button:active { transform:translateY(1px); }
.decision-result { color:#634078; font-size:11px; line-height:1.7; margin-top:16px; }
.reset-demo { background:transparent; border:0; color:#6222bc; font-size:11px; text-decoration:underline; text-underline-offset:4px; padding:13px 0; min-height:44px; }
.reset-demo:hover { color:#3f0d7e; }
.behind-scenes { border-bottom:1px solid #d8ccdf; margin-top:8px; }
.behind-scenes summary { display:flex; justify-content:space-between; gap:12px; cursor:pointer; font-size:12px; padding:18px 0; list-style:none; }
.behind-scenes summary::-webkit-details-marker { display:none; }
.behind-scenes ul { padding:0 0 16px; margin:0; list-style:none; font-size:12px; color:#63566e; }
.behind-scenes li+li { margin-top:13px; }
.behind-scenes strong { color:#33253e; display:block; font-weight:500; }
.sweep-list { margin:0; }
.sweep-list>div { padding:18px 0; border-bottom:1px solid #ece6f0; }
.sweep-list dt { font-weight:550; font-size:13px; }
.sweep-list dd { margin:7px 0 0; color:#63566e; font-size:12px; line-height:1.6; }
.hold-fort { display:flex; align-items:flex-start; gap:12px; padding-top:23px; font-size:12px; color:#63566e; line-height:1.7; }
.hold-fort strong { font-weight:500; color:#33253e; }
.fort-dot { width:8px; height:8px; margin-top:6px; background:#7424ed; border-radius:50%; flex-shrink:0; }
.day-resolution { padding:75px 0 100px; border-top:1px solid #d8ccdf; text-align:center; }
.day-resolution>img { margin:0 auto 27px; }
.day-resolution h2 { font-size:clamp(32px,4.3vw,68px); }
.day-resolution h2 span { color:#7424ed; }
.day-resolution p { color:#63566e; margin:24px 0; font-size:13px; }
.day-heading { align-items:flex-end; }
.day-heading-aside p { font-size:13px; color:#63566e; }
.day-jumps { display:flex; gap:22px; margin-top:22px; }
.day-jumps a { display:flex; align-items:center; min-height:44px; font-size:12px; border-bottom:1px solid #c7b5d4; color:#6222bc; }
.day-jumps a:hover { color:#3f0d7e; border-color:#7424ed; }
.day-chapters { max-width:1240px; }
.day-chapter { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(40px,7vw,120px); padding:70px 0; border-top:1px solid #d8ccdf; }
.chapter-story { min-width:0; }
.chapter-work { min-width:0; }
.chapter-meta { justify-content:flex-start; gap:32px; }
.chapter-deck { max-width:34ch; }
.owner-says { margin-top:28px; }
.day-resolution .hero-play { color:white; }
@media(min-width:1800px) { .day-theater { padding-left:max(var(--gutter),calc((100vw - 1600px)/2)); padding-right:max(var(--gutter),calc((100vw - 1600px)/2)); } }
@media(max-width:1100px) and (min-width:761px) { .site-header nav a:last-child { display:none; } }
@media(max-width:900px) {
 .day-heading { display:block; padding-bottom:35px; }
 .day-heading h2 { font-size:44px; }
 .day-heading-aside { margin-top:24px; }
 .day-chapter { grid-template-columns:1fr; gap:22px; max-width:660px; margin:auto; padding:42px 0 50px; }
 .day-chapter h3 { font-size:39px; }
 .chapter-meta { justify-content:space-between; }
 .chapter-deck { max-width:44ch; font-size:13px; }
 .owner-says { margin-top:22px; padding-bottom:0; }
 .owner-says p { font-size:17px; }
}
@media(max-width:760px) {
 .day-theater { padding:55px 24px 0; }
 .day-kicker { font-size:7px; letter-spacing:.09em; margin-bottom:20px; }
 .day-heading h2 { font-size:39px; }
 .day-heading-aside p { font-size:12px; }
 .chapter-meta { font-size:8px; margin-bottom:18px; }
 .day-demo { padding:20px; }
 .demo-brand { flex-wrap:wrap; gap:8px; }
 .demo-brand strong { font-size:12px; }
 .demo-brand>span { font-size:6px; }
 .brief-list li { gap:12px; }
 .brief-list li>span { width:49px; font-size:7px; }
 .brief-list strong { font-size:12px; }
 .brief-list p { font-size:11px; }
 .approval-demo blockquote { font-size:17px; }
 .decision-actions { flex-direction:column; }
 .decision-actions button { width:100%; font-size:12px; }
 .chapter-foot { font-size:9px; line-height:1.8; }
 .day-resolution { padding:45px 0 65px; }
 .day-resolution h2 { font-size:32px; }
 .day-resolution p { font-size:12px; }
}
@media(max-width:370px) { .day-heading h2,.day-chapter h3 { font-size:34px; } .demo-brand>span { flex-basis:100%; margin:0 0 0 31px; } }

/* Conversation-first revision: retain the notes and the established palette. */
.conversation-cta { background:#7424ed; color:#fff; max-width:100%; text-align:center; }
.conversation-cta:hover { background:#5b16ca; }
.hero-actions .hero-skip { background:none; color:#4e3d5e; border-radius:0; padding:9px 0; }
.site-header .nav-cta { max-width:260px; text-align:center; white-space:normal; line-height:1.4; }
.sample-day { display:inline-block; font-size:9px; letter-spacing:.12em; color:#6222bc; margin-bottom:10px; }
.quote-lines { margin:18px 0; }
.quote-lines>div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:13px 0; border-bottom:1px solid #e8e2ed; font-size:13px; }
.quote-lines dt { font-weight:500; }
.quote-lines small { display:block; color:#63566e; font-size:11px; font-weight:400; margin-top:4px; }
.quote-lines dd { margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.quote-lines .quote-needs-you { margin:7px -10px; padding:13px 10px; background:#faf1df; border:1px solid #d9bd83; border-radius:6px; }
.quote-needs-you dd,.quote-needs-you small { color:#70470b; }
.quote-lines .quote-subtotal { border:0; font-weight:600; padding-bottom:0; }
.pillar-heading { display:flex; gap:32px; padding:30px 0 20px; align-items:flex-start; }
.pillar-outcomes { margin:0 0 22px 48px; padding-left:18px; display:grid; grid-template-columns:1fr 1fr; gap:12px 55px; color:#d5c9e1; font-size:14px; line-height:1.65; }
.pillar-outcomes li { padding-left:6px; max-width:42ch; }
.pillar-outcomes li::marker { color:#b88de9; }
.pillar-more { border:0; margin-left:48px; padding-bottom:25px; }
.pillar-more>summary { display:inline-flex; gap:14px; padding:12px 0; min-height:44px; font-size:13px; color:#c9a9f2; letter-spacing:0; }
.pillar-more .pillar-toggle { margin:0; width:25px; height:25px; flex-basis:25px; font-size:18px; }
.pillar-more[open] .pillar-toggle { transform:rotate(45deg); }
.pillar-more .pillar-body { padding:16px 0 0; }
.owner-proof { padding:65px var(--gutter); display:grid; grid-template-columns:1fr 1.3fr; align-items:center; gap:8vw; border-top:1px solid #d8ccdf; }
.owner-proof .eyebrow { color:#63566e; margin-bottom:22px; }
.owner-proof h2 { font-size:clamp(38px,4vw,62px); }
.proof-placeholder { padding:32px 0; border-top:1px solid #c9b8d6; border-bottom:1px solid #c9b8d6; font-size:clamp(17px,2vw,27px); color:#4e355f; overflow-wrap:anywhere; }
.faq-list a { text-decoration:underline; text-underline-offset:5px; color:#d7b8fa; }
.conversation-contact { display:flex; flex-direction:column; align-items:center; gap:20px; margin:32px auto 0; max-width:490px; scroll-margin-top:100px; }
.conversation-contact .button { max-width:100%; white-space:normal; line-height:1.5; }
.conversation-contact .button:disabled { opacity:1; cursor:default; }
.call-placeholder { color:#c9b6d9; font-size:12px; }
.brief-secondary { border:0; max-width:600px; margin:36px auto 0; }
.brief-secondary>summary { justify-content:center; color:#b8a8c5; font-size:11px; letter-spacing:0; padding:14px 0; text-decoration:underline; text-underline-offset:5px; }
.brief-secondary .brief-controls { margin-top:15px; }
.brief-secondary .download-note { margin-top:15px; }
@media(max-width:1200px) { .site-header nav { gap:16px; } .site-header nav a:last-child { display:none; } }
@media(max-width:980px) { .site-header nav { display:none; } }
@media(max-width:760px) {
 .site-header { padding-left:18px; padding-right:18px; }
 .site-header .nav-cta { max-width:152px; font-size:9px; padding:10px; }
 .hero-actions { flex-direction:column; gap:8px; }
 .hero-actions .conversation-cta { padding:15px 18px; font-size:11px; }
 .pillar-heading { gap:13px; padding:23px 0 18px; }
 .pillar-outcomes { grid-template-columns:1fr; gap:10px; margin-left:27px; font-size:13px; }
 .pillar-more { margin-left:27px; }
 .pillar-more>summary { font-size:12px; }
 .owner-proof { padding:45px 24px; grid-template-columns:1fr; gap:25px; }
 .owner-proof h2 { font-size:42px; }
 .owner-proof .eyebrow { font-size:8px; }
 .proof-placeholder { padding:25px 0; font-size:20px; }
 .quote-lines>div { font-size:12px; }
 .quote-lines small { font-size:10px; }
 .call-placeholder { font-size:10px; }
 .conversation-contact .button { font-size:11px; }
}