/* SHS Holding Systems / QUARTZ - dark cafe theme.
   Continuous dark surfaces retain the brand palette and original Outfit/Karla typography.
   Blue is reserved for actions and concise state markers. Official SVGs are intact. */
:root {
  --cafe-900:#1E1815; --cafe-800:#2A2320; --cafe-600:#4A3D36;
  --graphite-700:#3A3835; --graphite-500:#6B6762; --graphite-300:#A39E97;
  --sand:#E6E1D9; --offwhite:#F7F4EF; --paper:#FCFBF8;
  --blue:#1E4DB7; --blue-hover:#163A8C; --navy:#161C2E;
  color-scheme:dark;
  --bg:var(--cafe-900); --panel:var(--cafe-800); --ink:var(--offwhite);
  --muted:var(--graphite-300); --line:var(--cafe-600); --light:var(--sand);
  --copper:var(--sand); --heading:Outfit,Arial,sans-serif;
}
body {background:var(--bg);color:var(--ink);font-family:Karla,Arial,sans-serif;font-size:16px;line-height:1.55}
h1,h2,h3,h4 {font-family:var(--heading);font-weight:400;letter-spacing:-.045em}
h2 span {color:var(--graphite-300)}
p {color:var(--muted)}
button,.button,strong,b {font-weight:700}
.eyebrow,.pain-index,.hero-bottom-index {font-family:Karla,Arial,sans-serif;font-weight:700;letter-spacing:.15em;font-size:10px;line-height:1.7}
.eyebrow {color:var(--muted)}
.button.primary {background:var(--blue);color:var(--offwhite);border-color:var(--blue)}
.button.primary:hover {background:var(--blue-hover);border-color:var(--blue-hover)}
.button.primary:disabled {background:var(--cafe-800);border-color:var(--graphite-500);color:var(--graphite-300)}
.button-arrow {background:#FCFBF812}
:where(a,button,summary,input,video):focus-visible {outline:2px solid var(--sand);outline-offset:5px}
.header,.hero,.footer,.film-section,.cta,.jade-section,.expedition-shell,.portfolio-workbench {
  --bg:var(--cafe-900);--panel:var(--cafe-800);--ink:var(--offwhite);
  --muted:var(--graphite-300);--line:var(--cafe-600);--light:var(--sand);
  color:var(--ink);background-color:var(--bg);
}
.header :focus-visible,.hero :focus-visible,.footer :focus-visible,.film-section :focus-visible,.cta :focus-visible,.jade-section :focus-visible,.expedition-shell :focus-visible,.portfolio-workbench :focus-visible {outline-color:var(--sand)}
.header,.hero,.footer {max-width:none}
.header {height:116px;border-bottom:1px solid var(--cafe-600);padding-block:14px}
.header .corporate-brand {padding:0;display:flex;align-items:center;flex-shrink:0}
.header .corporate-brand img {display:block;width:148px;height:auto;max-width:100%}
.header nav {color:var(--sand);font-size:13px;gap:27px}
.header nav a:after {height:2px;background:var(--offwhite)}
.login {border-color:var(--graphite-500);color:var(--offwhite);font-weight:700}
.login:hover {background:var(--cafe-600);color:var(--offwhite);border-color:var(--graphite-300)}
.language-link {color:var(--graphite-300)}
.language-link:hover {background:var(--cafe-600)}
.language-link[aria-current=page] {border-color:var(--graphite-300);background:var(--cafe-800);color:var(--offwhite)}
.hero-grain {background:radial-gradient(ellipse at 78% 44%,#4A3D3629,transparent 65%)}
.hero-copy h1,.home-page .hero-copy h1 {font-weight:400;letter-spacing:-.06em;line-height:1.08}
.home-page .hero-copy h1 {font-size:clamp(52px,5.05vw,76px)}
.hero-copy h1 em {color:var(--sand)}
.hero-copy .lead {color:var(--sand)}
.hero-copy .hero-systems-description {font-size:16px;line-height:1.6;color:var(--graphite-300);max-width:440px;margin:12px 0 0}
.hero-copy .eyebrow {font-size:8px;margin-bottom:21px}
.solution-brand {display:flex;flex-direction:column;align-items:flex-start;margin-bottom:30px;gap:8px}
.solution-brand img {display:block;width:221px;height:auto;margin-left:-10px}
.solution-brand .brand-endorsement {font:400 10px/1.6 Karla,Arial,sans-serif;letter-spacing:.02em;color:var(--graphite-300);margin:0}
.hero-bottom-index {color:var(--graphite-300)}
.hero-audience {color:var(--graphite-300)}
.tour-top i,.status-orbit,.jade-cue-dot {background:var(--offwhite)}
.tour-card {box-shadow:0 22px 55px #1E181529}
.tour-copy h3,.tour-card h3 {font-weight:400}
.hero-bottom .down-link {border-color:var(--graphite-500)}
.down-link:hover {background:var(--cafe-600)}
.circle-link:hover {background:var(--cafe-600);color:var(--offwhite);border-color:var(--graphite-300)}
.holding-intro {padding-block:112px;border-bottom:1px solid var(--line)}
.holding-intro>.eyebrow {margin-bottom:38px}
.holding-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(55px,8vw,150px);align-items:start}
.holding-grid h2 {font-size:clamp(38px,4.3vw,64px);line-height:1.12;margin-bottom:28px;max-width:700px}
.holding-grid>div>p {max-width:600px;font-size:17px;line-height:1.75;margin:0}
.holding-solution {border-left:2px solid var(--blue);padding:10px 0 10px 36px}
.holding-solution .eyebrow {margin-bottom:19px}
.holding-solution img {width:255px;height:auto;display:block;margin:0 0 22px -12px;max-width:100%}
.holding-solution h3 {font-size:24px;line-height:1.35;letter-spacing:-.03em;max-width:340px;margin-bottom:16px}
.holding-solution .text-link {color:var(--sand);font-weight:700}
.holding-solution .text-link:after {background:var(--blue)}
.introduction .editorial-heading h2 {font-size:clamp(38px,4.05vw,58px)}
.introduction .module-pains h3 {color:var(--offwhite);font-weight:400;font-size:21px}
.introduction .module-pains h4 {font-weight:400;color:var(--sand);line-height:1.4;letter-spacing:-.025em}
.introduction .module-pains p {color:var(--graphite-300);font-size:14px;line-height:1.75}
.introduction .module-pains .pain-index {font-family:Karla,Arial,sans-serif;color:var(--graphite-300);font-size:8px}
.introduction .module-pains a {color:var(--sand);border-color:var(--graphite-500);font-weight:700;font-size:12px}
.introduction .module-pains a:hover {border-color:var(--blue)}
.introduction .motion-control {color:var(--graphite-300);border-color:var(--graphite-500)}
.expedition>.expedition-heading h2 {font-size:clamp(38px,4.2vw,60px)}
.journey-progress {border-color:var(--line)}
.journey-progress>span,.journey-progress small {color:var(--graphite-300)}
.journey-progress strong {color:var(--sand);font-weight:700}
.expedition-shell {border-color:var(--cafe-600)}
.expedition-nav button[aria-pressed=true] {background:var(--cafe-600);color:var(--offwhite)}
.expedition-nav button[aria-pressed=true]:after {background:var(--blue);height:3px}
.expedition-nav button:focus-visible {outline-offset:-5px}
.expedition-nav button[aria-pressed=true]>span {color:var(--sand)}
.radar-result .eyebrow,.area-detail .eyebrow {color:var(--graphite-300)}
.study-preview-paper {background:var(--cafe-800);color:var(--sand);border:1px solid var(--graphite-500);box-shadow:14px 17px 0 #1E181570}
.study-preview-paper h4 {color:var(--offwhite)}
.paper-stamp {color:var(--sand);border-color:var(--graphite-500)}
.paper-preview-lines span {background:var(--cafe-600)}
.paper-blocks>div {border-color:var(--cafe-600)}
.paper-blocks span {color:var(--sand)}
.paper-disclaimer {color:var(--graphite-300);border-color:var(--cafe-600)}
#study-result {background:var(--cafe-900);border-left-color:var(--blue)}
#study-result strong {color:var(--offwhite)}
#study-result p {color:var(--graphite-300)}

.portfolio-demo {color:var(--offwhite);--pf-copper:var(--sand);--pf-muted:var(--graphite-300);--pf-line:var(--cafe-600);--pf-bg:var(--cafe-900);--pf-soft:var(--cafe-800)}
.portfolio-heading>p,.portfolio-section-footer>p {color:var(--graphite-300)}
.portfolio-heading h2 {font-weight:400}
.portfolio-heading h2 em {color:var(--sand)}
.portfolio-workbench {color:var(--offwhite);border-color:var(--cafe-600);border-radius:0}
.portfolio-panel-index {color:var(--graphite-300)}
.portfolio-actions>button[aria-pressed=true] {box-shadow:inset 0 -3px var(--blue);color:var(--offwhite)}
.portfolio-view-buttons button[aria-pressed=true] {background:var(--blue);color:var(--offwhite)}
.portfolio-section-footer .text-link {color:var(--sand);font-weight:700}
.jade-section {position:relative;isolation:isolate;border-top:0;box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}
.jade-intro h2 {font-weight:400}
.jade-intro h2 em {color:var(--sand)}
.jade-question-label {color:var(--sand)}
.jade-intro>.eyebrow {font-size:9px}
.jade-console {background:var(--cafe-800);border-color:var(--cafe-600)}
.jade-prompt[aria-pressed=true] {border-color:var(--sand);box-shadow:inset 0 -2px var(--blue)}
.jade-character-cue p {color:var(--sand)}
.film-section {background:var(--cafe-800);border-color:var(--cafe-600)}
.film-top .eyebrow,.film-marker,.film-bottom {color:var(--graphite-300)}
.film-play {color:var(--sand);border-color:var(--graphite-500)}
.journal-number {color:var(--graphite-300)}
.journal-link {color:var(--sand);border-color:var(--graphite-500)}
.journal-link:hover {background:var(--blue);color:var(--offwhite);border-color:var(--blue)}
.cta {background:var(--cafe-800);border-color:var(--cafe-600)}
.cta-heading h2 {font-weight:400;letter-spacing:-.06em}
.cta-strata span {border-color:#A39E9744}
.footer {background:var(--cafe-900);padding-top:50px}
.footer-top img {width:148px;height:auto}
.footer-top p,.footer-bottom {color:var(--graphite-300)}
.footer-top>a:last-child {color:var(--sand);border-color:var(--graphite-500)}
.footer a:hover {color:var(--offwhite)}
.inner-page .page-hero h1,.inner-page .legal h1 {font-weight:400}
.inner-page .notice {color:var(--sand);background:var(--cafe-800);border-left:3px solid var(--blue)}
.inner-page .plan {background:var(--cafe-800);border-color:var(--line)}
.inner-page .plan.featured {background:var(--cafe-800);border-color:var(--blue)}
.inner-page .plan:hover {border-color:var(--graphite-300)}
.inner-page .plan h2,.inner-page .price {font-weight:400}
.inner-page .billing,.inner-page .plan li {color:var(--graphite-300)}
.inner-page .plan .button:disabled {color:var(--graphite-300);border-color:var(--graphite-500)}
.inner-page .faq summary {color:var(--offwhite)}
.inner-page .faq summary:after {color:var(--sand)}
.inner-page .contact-card {border-top-color:var(--graphite-500)}
.inner-page .secondary {color:var(--sand);border-color:var(--graphite-500)}
.inner-page .secondary:hover {background:var(--cafe-600);border-color:var(--graphite-300)}
@media(min-width:1441px) {
 .header .corporate-brand img,.footer-top img {width:clamp(148px,6.6vw,184px)}
 .header {height:clamp(116px,5.5vw,144px)}
 .home-page .hero-copy h1 {font-size:clamp(76px,4.25vw,136px)}
 .hero-copy .hero-systems-description {font-size:clamp(16px,.8vw,20px);max-width:36ch}
 .holding-grid h2 {font-size:clamp(60px,3.8vw,96px)}
 .holding-grid>div>p {font-size:clamp(17px,.85vw,22px)}
 .solution-brand img {width:clamp(221px,11vw,300px)}
}
@media(max-width:1100px) {
 .header {gap:20px}.header nav {gap:18px;font-size:12px}
 .holding-grid {gap:50px}.holding-solution {padding-left:25px}
 .home-page .hero-copy h1 {font-size:clamp(51px,5.8vw,63px)}
}
@media(max-width:900px) {
 .header .corporate-brand img {width:125px}.header {height:104px;column-gap:12px}
 .header nav {gap:16px;font-size:11px}
 .holding-intro {padding-block:80px}.holding-grid {grid-template-columns:1.15fr 1fr;gap:30px}
 .holding-grid h2 {font-size:42px}.holding-grid>div>p {font-size:15px}
 .holding-solution img {width:220px}.holding-solution h3 {font-size:21px}
}
@media(max-width:620px) {
 .header {height:auto;padding-top:10px;min-height:120px;row-gap:1px;column-gap:8px}
 .header .corporate-brand img {width:118px;height:auto}
 .header nav {font-size:11px;border-color:var(--cafe-600);gap:12px;justify-content:space-between}
 .header nav a {white-space:nowrap}.header-actions {gap:6px}
 .header .login {padding:8px 10px;font-size:11px}
 .header .language-link {width:33px;font-size:8px}
 .solution-brand {margin-bottom:25px;gap:4px}.solution-brand img {width:195px;margin-left:-9px}
 .solution-brand .brand-endorsement {font-size:9px}
 .home-page .hero-copy h1 {font-size:clamp(43px,12vw,70px);line-height:1.1;letter-spacing:-.055em}
 .home-page .hero-copy .eyebrow {font-size:7px;margin-bottom:20px;letter-spacing:.08em}
 .home-page .hero-copy .lead {font-size:15px}
 .hero-copy .hero-systems-description {font-size:14px;max-width:340px}
 .hero-copy h1 em {white-space:normal}
 .holding-intro {padding-block:65px}.holding-intro>.eyebrow {margin-bottom:24px}
 .holding-grid {grid-template-columns:1fr;gap:37px}
 .holding-grid h2 {font-size:38px;line-height:1.14}
 .holding-grid>div>p {font-size:15px;line-height:1.75}
 .holding-solution {padding:4px 0 4px 22px}
 .holding-solution img {width:220px;margin-bottom:17px}
 .holding-solution h3 {font-size:23px;max-width:270px}
 .introduction .module-pains h4 {font-size:19px}
 .introduction .module-pains h3 {font-size:19px}
 .introduction .module-pains p {font-size:13px}
 .introduction .module-pains .pain-index {font-size:7px}
 .introduction .module-pains a {font-size:10px}
 .introduction .editorial-heading h2 {font-size:36px}
 .footer-top img {width:136px;height:auto}
 .eyebrow {font-size:8px}
}
@media(max-width:370px) {
 .header .corporate-brand img {width:102px}
 .header .language-link {width:30px}
 .header-actions {gap:3px}
 .header nav {font-size:10px;gap:8px}
 .home-page .hero-copy h1 {font-size:41px}
}
@media(prefers-reduced-motion:reduce) { .holding-intro *, .solution-brand * {animation:none;transition:none} }

/* The reference is the unchanged QUARTZ mark: 40 units in an 850-unit signature. */
.logo-registered {display:block;width:var(--logo-registered-size,10.4px);height:var(--logo-registered-size,10.4px);flex:0 0 auto;color:inherit}
.sentinel-signature {position:relative;display:block;color:var(--offwhite)}
.sentinel-signature>.logo-registered {position:absolute;left:96.417910448%;bottom:calc(21% + var(--logo-registered-size,10.4px) * .2);transform:translateX(-50%)}
.shs-roots-signature>.logo-registered,.solution-roots-wordmark>.logo-registered {position:relative;top:calc(var(--logo-registered-size,10.4px) * -.2)}