/* V6.6.7 Experience Polish — simple in front, precise underneath */
.theme-assessment{--hc67-accent:#78d392;--hc67-ink:#f4f8f5;--hc67-muted:#9eaaa2;--hc67-panel:#0a0f0c;--hc67-line:rgba(255,255,255,.09)}
.theme-assessment .page-hero.compact-hero{padding-top:clamp(26px,4vw,46px)!important}

/* Context-aware advisor header */
.theme-assessment .site-header{background:rgba(4,7,5,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.075)}
.theme-assessment .site-header .nav-wrap{min-height:68px;display:flex;align-items:center;gap:18px}
.theme-assessment .site-header .brand-logo{width:clamp(150px,18vw,205px);height:auto}
.theme-assessment .site-header .nav-links,.theme-assessment .site-header .nav-cta{display:none!important}
.hc67-context-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 11px;border:1px solid rgba(120,211,146,.20);border-radius:999px;background:rgba(120,211,146,.055);color:#c9f5d4;font:800 .67rem/1.2 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc67-context-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:#78d392;box-shadow:0 0 12px rgba(120,211,146,.65);flex:0 0 auto}
.hc67-exit{margin-left:auto;color:#9eaaa2;font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap}
.hc67-exit:hover,.hc67-exit:focus-visible{color:#fff}
.theme-assessment .menu-btn{margin-left:0}

/* Advisor frame / calm hierarchy */
.hc65-advisor{border-radius:26px;background:linear-gradient(180deg,rgba(10,15,12,.985),rgba(5,8,6,.985));box-shadow:0 32px 90px rgba(0,0,0,.34)}
.hc65-advisor-head{padding:16px 20px 14px;background:linear-gradient(180deg,rgba(8,13,10,.99),rgba(7,11,8,.96));box-shadow:none}
.hc65-step{min-height:420px;padding:clamp(28px,4.5vw,50px)}
.hc65-step>h2{max-width:670px}
.hc65-lede{max-width:650px}

/* One decision at a time */
.hc67-microflow .hc67-micro-pane{display:none;animation:hc67PaneIn .28s ease both}
.hc67-microflow .hc67-micro-pane.is-active{display:block}
.hc67-microflow .hc67-micro-pane[hidden]{display:none!important}
.hc67-micro-title{margin:0 0 8px;color:#9fe8b4;font:800 .68rem/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase}
.hc67-micro-pane h3{margin:0;max-width:680px;color:#fff;font-size:clamp(1.55rem,3.5vw,2.25rem);line-height:1.07;letter-spacing:-.03em}
.hc67-micro-pane>.hc67-micro-copy{max-width:650px;margin:12px 0 0;color:#a9b5ad;font-size:.95rem;line-height:1.58}
.hc67-micro-progress{display:flex;align-items:center;gap:7px;margin:0 0 18px}
.hc67-micro-progress i{display:block;width:22px;height:3px;border-radius:999px;background:rgba(255,255,255,.10)}
.hc67-micro-progress i.is-done,.hc67-micro-progress i.is-current{background:#78d392;box-shadow:0 0 9px rgba(120,211,146,.28)}
.hc67-micro-progress span{margin-left:5px;color:#7f8c84;font-size:.69rem;font-weight:700}
.hc67-micro-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.hc67-micro-nav .btn{min-width:128px}
.hc67-micro-nav .btn:only-child{margin-left:auto}
@keyframes hc67PaneIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}


.hc67-microflow .hc65-grid[hidden],.hc67-microflow .hc65-paint-colors[hidden],.hc67-microflow .hc65-fields[hidden],.hc67-microflow .hc65-nav[hidden],.hc67-microflow .hc67-edu[hidden],.hc67-microflow .hc65-value-card[hidden],.hc67-micro-nav[hidden]{display:none!important}

/* Progressive education — concise by default */
.hc67-edu{margin:18px 0 0;border:1px solid rgba(120,211,146,.16);border-radius:16px;background:rgba(120,211,146,.04);overflow:hidden}
.hc67-edu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;color:#c9f2d4;font-size:.82rem;font-weight:800;cursor:pointer}
.hc67-edu summary::-webkit-details-marker{display:none}
.hc67-edu summary::after{content:"+";color:#8f9c94;font-size:1.1rem;font-weight:500}
.hc67-edu[open] summary::after{content:"–"}
.hc67-edu-body{padding:0 15px 15px}
.hc67-edu-body .hc65-lesson{margin:0;border:0;padding:0;background:none}
.hc67-edu-body .hc65-lesson>div{padding:12px 0}
.hc67-edu-body .hc65-lesson .what-we-do{padding-left:16px}

/* Ceramic gets a premium, concise value treatment */
.hc65-value-card{position:relative;overflow:hidden;border-color:rgba(120,211,146,.32);background:radial-gradient(circle at 100% 0,rgba(120,211,146,.16),transparent 42%),linear-gradient(145deg,rgba(120,211,146,.075),rgba(255,255,255,.018))}
.hc65-value-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.035) 36%,transparent 52%);transform:translateX(-120%);animation:hc67CeramicSheen 7s ease-in-out infinite}
@keyframes hc67CeramicSheen{0%,72%{transform:translateX(-120%)}88%,100%{transform:translateX(120%)}}

/* What-we-know checkpoint */
.hc67-known{display:grid;grid-template-columns:auto 1fr;gap:12px 16px;align-items:start;margin:20px 0 0;padding:15px 16px;border:1px solid rgba(255,255,255,.085);border-radius:16px;background:rgba(255,255,255,.024)}
.hc67-known>span{color:#8ddca4;font:800 .64rem/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.hc67-known>div{display:flex;flex-wrap:wrap;gap:7px}
.hc67-known b{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.05);color:#dbe5df;font-size:.73rem;font-weight:700}

/* Recommendation-building mini screen */
.hc67-build-screen{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(3,6,4,.92);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s}
.hc67-build-screen.is-active{opacity:1;visibility:visible}
.hc67-build-card{width:min(520px,100%);padding:34px 28px;border:1px solid rgba(120,211,146,.22);border-radius:28px;background:radial-gradient(circle at 50% 0,rgba(120,211,146,.12),transparent 45%),#07100a;box-shadow:0 30px 90px rgba(0,0,0,.5);text-align:center}
.hc67-build-mark{position:relative;width:88px;height:88px;margin:0 auto 22px;border-radius:50%;border:1px solid rgba(120,211,146,.18);display:grid;place-items:center}
.hc67-build-mark::before,.hc67-build-mark::after{content:"";position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:#78d392;border-right-color:rgba(120,211,146,.30);animation:hc67Spin 1.35s linear infinite}
.hc67-build-mark::before{inset:7px}.hc67-build-mark::after{inset:18px;animation-direction:reverse;animation-duration:.9s}
.hc67-build-mark img{width:52px;height:auto;filter:drop-shadow(0 0 12px rgba(255,255,255,.13))}
.hc67-build-card span{color:#83d99d;font:800 .65rem/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hc67-build-card h2{margin:9px 0 7px;font-size:clamp(1.45rem,4vw,2rem)}
.hc67-build-card p{margin:0;color:#9eaaa2;line-height:1.55}
.hc67-build-steps{display:grid;gap:8px;margin-top:22px;text-align:left}
.hc67-build-steps div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.025);color:#849188;font-size:.78rem;transition:color .2s,background .2s}
.hc67-build-steps div::before{content:"";width:7px;height:7px;border-radius:50%;background:#314038;box-shadow:none}
.hc67-build-steps div.is-active{color:#d8f6e0;background:rgba(120,211,146,.06)}
.hc67-build-steps div.is-active::before{background:#78d392;box-shadow:0 0 11px rgba(120,211,146,.55)}
@keyframes hc67Spin{to{transform:rotate(360deg)}}

/* Quick resume */
.hc67-resume{width:min(920px,100%);margin:0 auto 14px;padding:13px 14px;border:1px solid rgba(120,211,146,.18);border-radius:16px;background:linear-gradient(135deg,rgba(120,211,146,.075),rgba(255,255,255,.018));display:flex;align-items:center;justify-content:space-between;gap:14px}
.hc67-resume[hidden]{display:none!important}
.hc67-resume strong{display:block;color:#e8f8ed;font-size:.85rem}
.hc67-resume span{display:block;margin-top:3px;color:#8e9b92;font-size:.75rem}
.hc67-resume .btn{white-space:nowrap}

/* Business result — outcome first */
.hc67-business-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hc67-business-outcomes article{padding:18px;border:1px solid rgba(120,211,146,.16);border-radius:18px;background:linear-gradient(150deg,rgba(120,211,146,.06),rgba(255,255,255,.018))}
.hc67-business-outcomes span{display:block;color:#8ddca4;font-size:.63rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.hc67-business-outcomes strong{display:block;margin-top:7px;color:#f1f7f3;font-size:1rem;line-height:1.3}
.hc67-business-outcomes p{margin:7px 0 0;color:#96a39b;font-size:.8rem;line-height:1.5}
.hc67-next-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;counter-reset:hcnext}
.hc67-next-steps div{counter-increment:hcnext;padding:13px;border-radius:14px;background:rgba(255,255,255,.026);border:1px solid rgba(255,255,255,.075);color:#9da9a1;font-size:.76rem;line-height:1.45}
.hc67-next-steps div::before{content:counter(hcnext);display:grid;place-items:center;width:24px;height:24px;margin-bottom:8px;border-radius:50%;background:rgba(120,211,146,.10);color:#aaf0bd;font-size:.68rem;font-weight:900}

/* Thumb ergonomics / safe areas */
@media(max-width:720px){
  .theme-assessment .site-header .nav-wrap{min-height:62px;gap:10px;padding-inline:14px}
  .theme-assessment .site-header .brand-logo{width:142px}
  .hc67-context-chip{max-width:128px;padding:7px 9px;font-size:.59rem;letter-spacing:.07em}
  .hc67-exit{display:none}
  .theme-assessment .compact-hero{padding-top:20px!important;padding-bottom:20px!important}
  .theme-assessment .compact-hero h1{font-size:clamp(1.75rem,9vw,2.5rem)}
  .hc65-advisor{border-radius:18px}
  .hc65-step{min-height:calc(100svh - 238px);padding:25px 15px 112px}
  .hc65-choice span{min-height:76px;padding:15px 14px}
  .hc65-choice strong{font-size:1.02rem}
  .hc65-choice small{font-size:.84rem}
  .hc65-field input,.hc65-field select,.hc65-field textarea{min-height:54px;font-size:16px}
  .hc65-nav,.hc67-micro-nav{position:sticky;bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:25;margin-left:-2px;margin-right:-2px;padding:10px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(6,10,7,.94);backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(0,0,0,.34)}
  .hc65-nav .btn,.hc67-micro-nav .btn{min-height:54px;font-size:.88rem}
  .hc65-advisor-head{padding:12px 13px 11px}
  .hc65-now-next{display:none}
  .hc65-head-row strong{max-width:58%}
  .hc65-head-row span{max-width:42%}
  .hc67-known{grid-template-columns:1fr;gap:8px;padding:13px}
  .hc67-business-outcomes{grid-template-columns:1fr}
  .hc67-next-steps{grid-template-columns:1fr 1fr}
  .hc67-build-card{padding:30px 20px;border-radius:24px}
  .hc67-resume{align-items:flex-start;flex-direction:column;padding:12px}
  .hc67-resume .btn{width:100%;min-height:48px}
  .hc67-micro-progress{margin-bottom:14px}
  .hc67-micro-pane h3{font-size:clamp(1.5rem,7.5vw,2rem)}
}
@media(max-width:420px){
  .hc67-context-chip{max-width:108px}
  .hc67-next-steps{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .hc67-build-mark::before,.hc67-build-mark::after,.hc65-value-card::after{animation:none!important}
  .hc67-microflow .hc67-micro-pane{animation:none}
}