/* Kairo pyramid homepage. Shares the canonical fonts,colors and controls. */
.pyramid-home { --hp-ink:#172033; --hp-violet:#704ff5; --hp-lime:#c9f45a; background:#fffaf2; }
.pyramid-home main { overflow:clip; }
.pyramid-home [hidden] { display:none!important; }
.pyramid-home .site-header { background:rgba(255,250,242,.94); }
.pyramid-home :is(h1,h2,h3,p) { margin:0; }
.pyramid-home :is(h1,h2,h3) { font-family:var(--display); font-weight:500; }
.pyramid-home em { font-style:normal; color:var(--purple); }
.pyramid-home button { -webkit-tap-highlight-color:transparent; }
.pyramid-home :is(button,a):focus-visible { outline:3px solid var(--purple-deep); outline-offset:5px; }
.pyramid-home .hp-kicker { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; line-height:1.5; }
.hp-spark { width:10px; height:10px; border-radius:50%; background:var(--purple); box-shadow:0 0 0 5px #eeebff; flex:none; }
.pyramid-home .hp-hero { padding:146px 0 0; position:relative; }
.hp-hero-grid { display:grid; grid-template-columns:1.04fr 1fr; gap:26px; align-items:center; }
.hp-hero-copy { position:relative; z-index:1; padding-block:18px 24px; }
.pyramid-home .hp-hero h1 { font-size:clamp(48px,5.25vw,73px); line-height:1.05; letter-spacing:-.055em; margin:28px 0 26px; max-width:650px; text-wrap:balance; }
.pyramid-home .hp-lead { color:var(--ink-soft); font-size:17px; line-height:1.8; max-width:530px; }
.hp-actions { display:flex; flex-wrap:wrap; gap:22px; align-items:center; margin-top:30px; }
.hp-text-link { display:inline-flex; align-items:center; gap:16px; font-size:14px; font-weight:700; line-height:1.5; padding-block:10px; text-decoration:underline; text-underline-offset:5px; text-decoration-color:transparent; transition:text-decoration-color .2s; }
.hp-text-link:hover { text-decoration-color:currentColor; }
.hp-text-link span { font-size:19px; }
.pyramid-home .hp-hero-note { margin-top:34px; padding-inline-start:15px; border-inline-start:2px solid var(--purple); font-size:13px; line-height:1.8; color:var(--ink-soft); }
.hp-pyramid { position:relative; min-width:0; height:530px; isolation:isolate; }
.hp-art-top { position:absolute; top:0; inset-inline:4px; display:flex; align-items:center; justify-content:space-between; gap:12px; z-index:2; }
.hp-art-top>span { font:11px/1.5 var(--mono); letter-spacing:.07em; color:var(--muted); }
.hp-motion { display:inline-flex; align-items:center; gap:9px; background:none; border:0; padding:10px 2px; font-size:11px; color:inherit; cursor:pointer; white-space:nowrap; }
.hp-motion>span:last-child { width:22px; height:22px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:9px; }
.hp-pyramid-canvas { width:100%; height:445px; display:block; }
.hp-layer-select { position:absolute; top:126px; inset-inline-end:0; width:205px; display:grid; gap:22px; }
.hp-layer-select button { display:flex; align-items:center; gap:10px; background:rgba(255,250,242,.89); padding:11px 12px; border:1px solid rgba(23,32,51,.1); box-shadow:0 4px 18px rgba(23,32,51,.025); border-radius:8px; text-align:start; cursor:pointer; transition:border-color .25s,transform .25s,background .25s; min-height:54px; }
.hp-layer-select button>span { font:11px var(--mono); color:var(--muted); }
.hp-layer-select strong { font-size:12px; line-height:1.4; font-weight:700; }
.hp-layer-select i { margin-inline-start:auto; font-style:normal; color:var(--purple); }
.hp-layer-select button[aria-pressed=true] { border-color:var(--purple); background:#fff; transform:translateX(-8px); }
.hp-pyramid-copy { position:absolute; bottom:18px; inset-inline:8px; border-top:1px solid var(--line); padding-top:18px; min-height:80px; }
.pyramid-home .hp-pyramid-copy p { font-size:13px; line-height:1.7; max-width:470px; color:var(--ink-soft); }
.hp-pyramid-copy strong { display:block; color:var(--ink); font-size:16px; font-family:var(--display); font-weight:600; margin-bottom:2px; }
.hp-foundation-strip { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-block:25px; margin-top:36px; }
.hp-foundation-strip p { display:flex; gap:12px; align-items:center; font-size:13px; }
.hp-foundation-strip p>span { color:var(--purple); font-size:28px; }
.hp-foundation-strip a { font-size:12px; display:flex; gap:16px; align-items:center; font-weight:700; }
.hp-section { padding-block:110px; }
.hp-section-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:80px; }
.pyramid-home h2 { font-size:clamp(38px,4.2vw,58px); letter-spacing:-.045em; line-height:1.1; margin-top:20px; }
.pyramid-home .hp-section-heading>p { font-size:16px; line-height:1.85; color:var(--ink-soft); max-width:440px; padding-bottom:4px; }
.hp-brain { padding:94px 0 32px; background:#141a2c; color:#fffaf2; position:relative; }
.hp-brain::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 50% 46%,rgba(112,79,245,.15),transparent 55%); }
.hp-brain>.section-shell { position:relative; }
.hp-brain .hp-kicker { color:var(--lime); }
.hp-brain h2 em { color:#beb0ff; }
.pyramid-home .hp-brain .hp-section-heading>p { color:#c2c7d5; }
.hp-brain-stage { height:570px; position:relative; margin-top:32px; direction:ltr; }
.hp-brain-stage canvas { width:100%; height:100%; position:absolute; inset:0; pointer-events:none; }
.hp-brain-orbit { position:absolute; width:390px; height:390px; border:1px solid rgba(182,166,255,.07); border-radius:50%; left:50%; top:44%; transform:translate(-50%,-50%); pointer-events:none; }
.hp-brain-orbit::before { content:''; position:absolute; inset:28px; border:1px dashed rgba(182,166,255,.1); border-radius:50%; }
.hp-brain-name { position:absolute; left:50%; top:70%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; text-align:center; pointer-events:none; width:280px; }
.hp-brain-name>span { font:10px var(--mono); letter-spacing:.3em; color:#bcb3e8; }
.hp-brain-name strong { font-family:var(--display); font-size:27px; line-height:1.5; font-weight:500; }
.hp-brain-name small { font-size:11px; color:#b4bace; letter-spacing:.04em; }
.hp-source { position:absolute; width:232px; top:var(--source-top); display:flex; align-items:center; gap:12px; text-align:start; color:#f3f0ff; background:linear-gradient(115deg,#22283d,#1b2135); border:1px solid #3a4059; border-radius:11px; padding:14px; min-height:76px; cursor:pointer; transition:border-color .3s,transform .3s,box-shadow .3s; z-index:2; }
.hp-source-left { left:0; }
.hp-source-right { right:0; }
.hp-source>span:nth-child(2) { min-width:0; }
.hp-source strong { display:block; font-size:12px; font-weight:600; line-height:1.5; }
.hp-source small { display:block; font-size:10px; line-height:1.7; color:#b4bace; margin-top:3px; }
.hp-source>i { font-size:13px; color:#a999ee; font-style:normal; margin-left:auto; }
.hp-source[aria-pressed=true] { border-color:#b8a6ff; box-shadow:0 0 28px rgba(112,79,245,.18); transform:translateY(-3px); background:linear-gradient(115deg,#373050,#272440); }
.hp-source:hover { border-color:#a99bdd; }
.pyramid-home .hp-brain :is(button,a):focus-visible { outline-color:var(--lime); }
.hp-file-icon { width:32px; height:36px; border-radius:6px; display:grid; place-items:center; font-size:22px; flex:none; color:#b4a3ff; background:rgba(182,163,255,.1); font-family:var(--display); }
.hp-icon-store,.hp-icon-sheet { color:#b3e1b0; background:rgba(179,225,176,.1); }
.hp-icon-board,.hp-icon-deck { color:#ffbe90; background:rgba(255,190,144,.1); }
.hp-icon-chat { color:#96d9fc; background:rgba(150,217,252,.1); }
.hp-enrichment-tags { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; gap:8px; white-space:nowrap; }
.hp-enrichment-tags span { border:1px solid #414057; background:#242338; border-radius:30px; padding:6px 12px; font-size:10px; color:#d0c7f1; }
.hp-knowledge { border-top:1px solid #37394a; border-bottom:1px solid #37394a; padding:26px 0; display:grid; grid-template-columns:280px 1fr; gap:24px; min-height:133px; align-items:center; }
.hp-knowledge-label { display:flex; gap:12px; align-items:center; font:11px var(--mono); letter-spacing:.04em; color:#c4b5ff; }
.hp-flow-dot { width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 16px rgba(201,244,90,.4); flex:none; }
.hp-knowledge strong { display:block; font-family:var(--display); font-size:22px; font-weight:500; letter-spacing:-.015em; margin-bottom:8px; }
.pyramid-home .hp-knowledge p { font-size:13px; line-height:1.75; color:#c2c7d5; max-width:710px; }
.hp-brain-bottom { display:flex; justify-content:space-between; gap:20px; align-items:center; padding-top:22px; }
.pyramid-home .hp-brain-bottom p { font-size:12px; color:#b4bace; }
.hp-brain-bottom .hp-motion { color:#c4c4d4; }
.hp-expansion { padding-top:15px; padding-bottom:95px; }
.hp-expansion-grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.hp-expansion h2 { margin-bottom:24px; }
.hp-expansion .hp-text-link { margin-top:25px; }
.hp-horizons { height:460px; position:relative; isolation:isolate; }
.hp-horizon-rings { position:absolute; inset:0; z-index:-1; }
.hp-horizon-rings i { position:absolute; border:1px solid #dcd2f5; width:320px; height:320px; border-radius:50%; top:62px; left:15px; transform:rotateX(36deg) rotateZ(-24deg); }
.hp-horizon-rings i:nth-child(2) { width:400px; height:400px; top:22px; left:-25px; border-style:dashed; opacity:.7; }
.hp-horizon-rings i:nth-child(3) { width:235px; height:235px; top:105px; left:58px; }
.hp-horizon-rings>span { position:absolute; color:var(--purple); top:190px; left:148px; font-size:62px; line-height:1; }
.hp-horizon { display:grid; grid-template-columns:22px 1fr 20px; column-gap:12px; background:#fff; border:1px solid #e4deed; border-radius:12px; position:absolute; width:285px; padding:20px; box-shadow:0 14px 40px rgba(60,44,113,.05); transition:transform .25s,border-color .25s; }
.hp-horizon:hover { transform:translateY(-5px); border-color:var(--purple); }
.hp-horizon>span { font:11px var(--mono); color:var(--purple); grid-row:span 2; padding-top:5px; }
.hp-horizon strong { font-family:var(--display); font-size:18px; font-weight:500; line-height:1.4; }
.hp-horizon small { font-size:11px; color:var(--ink-soft); grid-column:2; margin-top:5px; }
.hp-horizon b { grid-column:3; grid-row:1/span 2; color:var(--purple); align-self:center; }
.hp-horizon-one { top:30px; right:42px; }
.hp-horizon-two { top:176px; right:0; }
.hp-horizon-three { top:320px; right:65px; }
.pyramid-home .hp-horizons>p { position:absolute; bottom:0; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:12px; color:var(--muted); }
.hp-partner { background:#eeebff; padding:75px 0; }
.hp-partner-grid { display:grid; grid-template-columns:1.2fr 1fr; column-gap:100px; }
.hp-partner-grid>.hp-kicker { grid-column:1/-1; color:var(--purple-deep); }
.hp-partner h2 { font-size:clamp(36px,4.2vw,56px); }
.hp-partner-grid>div { align-self:end; padding-bottom:3px; }
.pyramid-home .hp-partner-grid>div p { font-size:16px; line-height:1.85; color:var(--ink-soft); margin-top:12px; }
.hp-partner .button { margin-top:24px; background:var(--ink); color:white; }
.hp-audit-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:100px; align-items:start; }
.hp-audit-copy h2 { margin-bottom:26px; }
.hp-audit-points { display:grid; gap:14px; list-style:none; padding:0; margin:30px 0; }
.hp-audit-points li { display:flex; align-items:center; gap:12px; font-size:14px; }
.hp-audit-points li::before { content:'↗'; font-size:17px; color:var(--purple); }
.pyramid-home .hp-audit-note { font-size:12px; line-height:1.8; color:var(--ink-soft); }
.pyramid-home .hp-audit-form { padding:32px; background:white; border:1px solid #ded9e6; border-radius:18px; box-shadow:0 20px 55px rgba(60,44,113,.035); }
.pyramid-home .hp-audit-form .form-heading { margin-bottom:8px; }
.pyramid-home .hp-audit-form .form-heading>span { color:var(--purple-deep); }
.pyramid-home .hp-audit-form label { font-size:12px; line-height:1.7; }
.pyramid-home .hp-audit-form :is(input,select) { min-height:48px; font-size:14px; background:#fff; border:1px solid #7c8190; border-radius:8px; }
.pyramid-home .hp-audit-form .form-note { font-size:11px; line-height:1.7; }
.hp-local-form-note { grid-column:1/-1; font-size:12px; color:var(--ink-soft); }
.pyramid-home.hp-paused .hp-flow-dot { box-shadow:none; }
html[lang="he-IL"] .hp-layer-select button[aria-pressed=true] { transform:translateX(8px); }
html[lang="he-IL"] .hp-source { direction:rtl; }
html[lang="he-IL"] .hp-source>i { margin-right:auto; margin-left:0; }
html[lang="he-IL"] .hp-brain-name,html[lang="he-IL"] .hp-enrichment-tags { direction:rtl; }
html[lang="he-IL"] .hp-horizons { direction:rtl; }
html[lang="he-IL"] .hp-kicker { letter-spacing:0; }
@media(min-width:1500px) { .pyramid-home .hp-hero { padding-top:165px; } .hp-pyramid { height:580px; } .hp-pyramid-canvas { height:495px; } .hp-layer-select { top:150px; gap:28px; } }
@media(max-width:1100px) { .hp-layer-select { width:170px; } .hp-layer-select strong { font-size:11px; } .hp-source { width:205px; gap:8px; padding:12px; } .hp-source strong { font-size:11px; } .hp-source small { font-size:10px; } .hp-source>i { display:none; } .hp-section-heading { gap:45px; } .hp-audit-grid,.hp-partner-grid { gap:55px; } .hp-expansion-grid { gap:35px; } .hp-horizon { width:260px; } }
@media(max-width:920px) { .pyramid-home .hp-hero { padding-top:115px; } .hp-hero-grid { grid-template-columns:1fr; gap:30px; } .hp-hero-copy { max-width:680px; padding-bottom:0; } .pyramid-home .hp-hero h1 { font-size:clamp(48px,7.5vw,68px); max-width:680px; } .hp-pyramid { width:100%; max-width:650px; margin:auto; height:495px; } .hp-pyramid-canvas { height:415px; } .hp-layer-select { width:205px; } .hp-layer-select strong { font-size:12px; } .hp-section-heading { grid-template-columns:1fr; gap:24px; } .pyramid-home .hp-section-heading>p { max-width:620px; } .hp-source { width:185px; } .hp-file-icon { width:27px; height:31px; font-size:19px; } .hp-knowledge { grid-template-columns:1fr; gap:15px; } .hp-expansion-grid { gap:20px; } .hp-horizon { width:240px; } .hp-horizon-one { right:0; } .hp-horizon-three { right:15px; } .hp-horizon-rings { opacity:.6; } .hp-partner-grid { column-gap:30px; } .hp-audit-grid { gap:35px; } .pyramid-home .hp-audit-form { padding:24px; } }
@media(max-width:700px) { .hp-section { padding-block:72px; } .pyramid-home h2 { font-size:40px; } .hp-hero-grid { gap:30px; } .hp-hero-note br { display:none; } .hp-foundation-strip { align-items:start; padding-block:22px; } .hp-foundation-strip p { max-width:210px; font-size:12px; } .hp-foundation-strip a { max-width:130px; font-size:11px; } .hp-brain { padding-top:70px; } .hp-brain-stage { height:716px; margin-top:40px; } .hp-source { top:var(--mobile-top); left:var(--mobile-left); right:auto; width:48%; min-height:66px; padding:10px; border-radius:9px; gap:8px; } .hp-source strong { font-size:11px; } .hp-source small { font-size:9px; } .hp-brain-name { top:56%; } .hp-brain-name strong { font-size:25px; } .hp-brain-orbit { width:300px; height:300px; top:44%; } .hp-enrichment-tags { bottom:189px; gap:5px; } .hp-enrichment-tags span { padding:5px 9px; font-size:9px; } .hp-brain-bottom { gap:12px; } .pyramid-home .hp-brain-bottom p { font-size:11px; max-width:225px; } .hp-expansion { padding-top:0; } .hp-expansion-grid { grid-template-columns:1fr; gap:24px; } .hp-horizons { width:100%; max-width:520px; margin:auto; height:450px; } .hp-horizon { width:285px; } .hp-horizon-one { right:35px; } .hp-horizon-two { right:0; } .hp-horizon-three { right:50px; } .hp-partner { padding:60px 0; } .hp-partner-grid { grid-template-columns:1fr; gap:0; } .hp-partner-grid>div { margin-top:25px; } .hp-audit-grid { grid-template-columns:1fr; gap:35px; } .hp-audit-copy h2 br { display:none; } .hp-audit-form { max-width:none; } }
@media(max-width:440px) { .pyramid-home .hp-hero { padding-top:104px; } .pyramid-home .hp-hero h1 { font-size:46px; margin-top:22px; letter-spacing:-.05em; } .pyramid-home .hp-kicker { font-size:10px; letter-spacing:.07em; } .pyramid-home .hp-lead { font-size:15px; line-height:1.8; } .hp-actions { gap:12px; } .hp-actions>.button { width:100%; } .hp-text-link { font-size:12px; } .pyramid-home .hp-hero-note { font-size:12px; margin-top:20px; } .hp-pyramid { height:450px; } .hp-pyramid-canvas { height:350px; } .hp-art-top>span { font-size:9px; } .hp-motion { font-size:10px; } .hp-layer-select { top:89px; width:155px; gap:20px; } .hp-layer-select button { min-height:49px; padding:9px; gap:6px; } .hp-layer-select strong { font-size:10px; } .hp-layer-select button>span { font-size:9px; } .hp-layer-select i { display:none; } .hp-pyramid-copy { bottom:0; min-height:85px; } .pyramid-home .hp-pyramid-copy p { font-size:12px; } .hp-pyramid-copy strong { font-size:15px; } .hp-foundation-strip { margin-top:28px; } .hp-foundation-strip p { font-size:11px; gap:8px; max-width:200px; } .hp-foundation-strip a { max-width:110px; font-size:10px; gap:6px; } .pyramid-home h2 { font-size:36px; } .hp-source { gap:6px; padding:9px 7px; } .hp-source strong { font-size:10px; } .hp-source small { font-size:9px; } .hp-file-icon { width:24px; height:28px; font-size:16px; } .hp-brain-orbit { width:260px; height:260px; } .hp-knowledge strong { font-size:20px; } .pyramid-home .hp-knowledge p { font-size:12px; } .hp-knowledge-label { font-size:10px; } .hp-horizon { width:260px; } .hp-horizon-one { right:15px; } .hp-horizon-three { right:20px; } .hp-horizon-rings { transform:scale(.83); transform-origin:left center; } .pyramid-home .hp-audit-form { padding:24px 20px; } }
@media(prefers-reduced-motion:reduce) { .pyramid-home *,.pyramid-home *::before,.pyramid-home *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.pyramid-home .hp-audit-form .hidden { display:none; }

/* Source context stays with the source,inside the neural scene. */
.hp-brain-stage { height:650px; }
.hp-source { width:255px; min-height:118px; align-items:flex-start; padding:15px 13px; gap:10px; }
.hp-source strong { font-size:12px; }
.hp-source small { font-size:9px; }
.hp-source .hp-source-explain { display:block; color:#ccd0df; font-size:11px; line-height:1.6; margin-top:8px; }
.hp-source>i { display:none; }
.hp-source-marketing { border-color:#7f77a4; background:linear-gradient(120deg,#323046,#20243a); }
.hp-source-marketing::before { content:''; position:absolute; top:18px; bottom:18px; inset-inline-start:-1px; width:3px; border-radius:3px; background:var(--lime); box-shadow:0 0 20px #c9f45544; }
.hp-source-marketing .hp-file-icon { color:var(--lime); background:#c9f45a12; }
.hp-brain-name { top:56%; }
.hp-knowledge { position:absolute; top:72%; left:50%; transform:translateX(-50%); width:calc(100% - 560px); min-height:0; display:block; padding:0; border:0; text-align:center; }
.hp-knowledge-label { justify-content:center; font-size:8px; margin-bottom:12px; }
.hp-knowledge strong { font-size:19px; line-height:1.2; margin-bottom:9px; }
.pyramid-home .hp-knowledge p { font-size:11px; line-height:1.7; }
.hp-enrichment-tags { bottom:199px; }
.hp-brain-orbit { top:36%; }
.pyramid-home.hp-paused *,.pyramid-home.hp-paused *::after { animation-play-state:paused!important; }
html[dir=rtl] .hp-knowledge { direction:rtl; }
@media(max-width:1100px) { .hp-source { width:225px; } .hp-knowledge { width:calc(100% - 500px); } .hp-knowledge strong { font-size:17px; } .pyramid-home .hp-knowledge p { font-size:10px; } .hp-knowledge-label { font-size:7px; } .hp-brain-stage { height:670px; } }
@media(max-width:920px) { .hp-source { width:205px; min-height:125px; } .hp-source .hp-file-icon { display:none; } .hp-source .hp-source-explain { font-size:11px; } .hp-knowledge { width:calc(100% - 440px); top:70%; } .hp-knowledge-label { display:none; } .hp-brain-name { top:53%; width:230px; } .hp-enrichment-tags { bottom:220px; } .hp-enrichment-tags span { padding:5px 7px; font-size:8px; } }
@media(max-width:700px) { .hp-brain-stage { height:auto; min-height:1080px; margin-top:32px; } .hp-source-bank { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-top:445px; } .hp-source { position:relative; top:auto!important; left:auto; right:auto; width:100%; min-height:137px; padding:14px 12px; border-radius:10px; } .hp-source strong { font-size:12px; } .hp-source small { font-size:9px; } .hp-source .hp-source-explain { font-size:11px; } .hp-source-marketing { position:absolute; top:0!important; left:0; width:100%; min-height:115px; padding:17px; } .hp-source-marketing .hp-file-icon { display:grid; } .hp-source-marketing strong { font-size:15px; } .hp-source-marketing small { font-size:10px; } .hp-source-marketing .hp-source-explain { font-size:12px; } .hp-brain-name { top:327px; } .hp-brain-name strong { font-size:27px; } .hp-brain-orbit { top:250px; width:270px; height:270px; } .hp-enrichment-tags { top:405px; bottom:auto; gap:6px; } .hp-enrichment-tags span { font-size:9px; padding:5px 9px; } .hp-knowledge { display:none; } .hp-source:last-child { grid-column:1/-1; min-height:110px; } .hp-brain-bottom { padding-top:20px; } }
@media(max-width:380px) { .hp-source strong { font-size:11px; } .hp-source .hp-source-explain { font-size:10px; } .hp-source small { font-size:8px; } }
@media(min-width:701px) { .hp-enrichment-tags { bottom:172px; } .hp-knowledge { top:77%; } }

/* Neo leads the Brain identity. The introduction stays deliberately brief. */
.hp-brain-name { top:52%; width:280px; gap:0; }
.hp-brain-name strong { font:600 54px/1.05 var(--display); letter-spacing:-.045em; color:#f7f2ff; text-shadow:0 0 34px #b697ff55; }
.hp-brain-name>span { font:500 13px/1.5 var(--body); letter-spacing:.035em; color:#d4c5ff; margin-top:6px; }
.hp-brain-name small { font-size:10px; margin-top:6px; }
.hp-intro-promise { display:flex; align-items:start; gap:15px; margin:30px 0; padding:23px 0; border-top:1px solid #dcd5e4; border-bottom:1px solid #dcd5e4; max-width:440px; }
.hp-intro-promise>span { color:var(--purple); font-size:25px; line-height:1; }
.hp-intro-promise strong { font:500 20px/1.4 var(--display); }
.pyramid-home .hp-intro-promise p { color:var(--ink-soft); font-size:14px; line-height:1.8; margin-top:9px; }
.hp-channel-question { padding:0; margin:0; border:0; min-width:0; }
.hp-channel-question legend { padding:0; margin-bottom:9px; font-size:12px; line-height:1.7; font-weight:500; }
.hp-channel-options { display:grid; grid-template-columns:1fr 1fr 1.3fr; gap:8px; }
.pyramid-home .hp-channel-options label { position:relative; display:block; cursor:pointer; }
.pyramid-home .hp-channel-options input { position:absolute; inset:0; width:100%; height:100%; opacity:0; margin:0; cursor:pointer; z-index:1; }
.hp-channel-options label>span { display:flex; align-items:center; justify-content:center; min-height:46px; padding:9px 6px; border:1px solid #92909e; border-radius:8px; background:#fff; text-align:center; font-size:12px; transition:background .2s,border-color .2s; }
.hp-channel-options input:checked+span { background:#eeebff; border-color:var(--purple); box-shadow:inset 0 0 0 1px var(--purple); color:var(--purple-deep); font-weight:700; }
.hp-channel-options input:focus-visible+span { outline:3px solid var(--purple); outline-offset:3px; }
.hp-channel-options label:hover>span { border-color:var(--purple); }
@media(max-width:700px) { .hp-brain-name { top:314px; } .hp-brain-name strong { font-size:44px; } .hp-brain-name>span { font-size:13px; } .hp-brain-name small { font-size:10px; margin-top:4px; } .hp-channel-options { gap:7px; } .hp-channel-options label>span { font-size:11px; } }

/* A short introduction,followed by five business questions. */
.hp-audit-form { scroll-margin-top:110px; }
.hp-form-progress { display:flex; gap:18px; list-style:none; padding:0; margin:0 0 5px; }
.hp-form-progress li { display:flex; align-items:center; gap:8px; flex:1; padding-bottom:13px; border-bottom:2px solid #dddce0; color:#667087; font-size:12px; }
.hp-form-progress li>span { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; border-radius:50%; background:#f0eef4; font:10px var(--mono); }
.hp-form-progress [aria-current=step] { color:var(--purple-deep); border-color:var(--purple); font-weight:700; }
.hp-form-progress [aria-current=step]>span { background:var(--purple); color:white; }
.hp-form-progress .is-complete { border-color:#99e3c4; color:var(--ink); }
.hp-form-progress .is-complete>span { background:#dcf5e9; color:#21583f; }
.hp-form-page { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; min-width:0; }
.pyramid-home .hp-form-step-title { font:500 19px/1.4 var(--display); letter-spacing:-.025em; margin:0 0 5px; scroll-margin-top:120px; }
.hp-form-step-title:focus-visible { outline:2px solid var(--purple); outline-offset:5px; }
.hp-question-label { display:flex; align-items:baseline; gap:9px; }
.hp-question-label b { color:var(--purple-deep); font:10px var(--mono); flex-shrink:0; }
.hp-field-hint { color:var(--muted); font-size:11px; font-weight:400; margin-top:-4px; }
.pyramid-home .hp-audit-form textarea { width:100%; min-height:104px; resize:vertical; padding:12px 14px; border:1px solid #7c8190; border-radius:8px; background:white; color:var(--ink); font:14px/1.7 var(--body); }
.pyramid-home .hp-audit-form textarea:focus { outline:none; border-color:var(--purple); box-shadow:0 0 0 4px #704ff51a; }
.pyramid-home .hp-audit-form :is(input,textarea)::placeholder { color:#6b7080; opacity:1; }
.hp-form-actions { display:flex; align-items:center; gap:14px; margin-top:4px; }
.hp-form-actions .form-button { flex:1; min-width:0; width:auto; margin:0; white-space:normal; text-align:center; }
.hp-form-back { color:var(--ink-soft); background:transparent; border:0; min-height:48px; padding:10px 3px; font:600 12px var(--body); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.hp-form-back:hover { color:var(--purple-deep); }
.hp-form-back:focus-visible { outline:2px solid var(--purple); outline-offset:4px; border-radius:4px; }
@media(min-width:1000px) { .hp-audit-copy { position:sticky; top:125px; } }
@media(max-width:920px) { .hp-form-page { grid-template-columns:1fr; } .pyramid-home .hp-audit-form :is(input,select,textarea) { font-size:16px; } }
@media(max-width:440px) { .hp-form-progress { gap:12px; } .hp-form-progress li { font-size:11px; gap:6px; } .hp-form-actions { flex-wrap:wrap; gap:8px; } .hp-form-actions .form-button { flex-basis:100%; order:-1; } .hp-form-back { margin:auto; } }