/* Comparsa public-site shell · fingerprinted release 2026-08-25.
   Shared by Support, Accessibility, legal pages, Stripe callbacks, and 404. */
:root{
  color-scheme:dark;
  --c-bg:#04100E;
  --c-surface:#08201B;
  --c-surface-strong:#0D2C25;
  --c-accent:#9FE3CD;
  --c-accent-strong:#63C2A4;
  --c-action:#63C2A4;
  --c-action-ink:#04100E;
  --c-text:#F5F1EA;
  --c-text-muted:rgba(245,241,234,.70);
  --c-text-subtle:rgba(245,241,234,.62);
  --c-line:rgba(159,227,205,.14);
  --c-line-strong:rgba(159,227,205,.28);
  --c-focus:#63C2A4;
  --c-atmosphere-top:#0D2C25;
  --c-atmosphere-mid:#08201B;
  --c-atmosphere-bottom:#04100E;
  --c-intro-gradient:linear-gradient(180deg,var(--c-atmosphere-top) 0%,var(--c-atmosphere-mid) 54%,var(--c-atmosphere-bottom) 100%);
  --c-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --c-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --c-shell:1340px;
  --c-reading:720px;
  --c-control-radius:10px;
  --c-card-radius:20px;
  --c-pill-radius:999px;
}

html[data-theme="day"]{
  color-scheme:light;
  --c-bg:#D9E3D8;
  --c-surface:#CBDACB;
  --c-surface-strong:#BCCFBE;
  --c-accent:#0E493C;
  --c-accent-strong:#2E8570;
  --c-action:#246C5D;
  --c-action-ink:#F5F1EA;
  --c-text:#12241E;
  --c-text-muted:rgba(18,36,30,.82);
  --c-text-subtle:rgba(18,36,30,.78);
  --c-line:rgba(25,89,76,.16);
  --c-line-strong:rgba(25,89,76,.30);
  --c-focus:#2E8570;
  --c-atmosphere-top:#EEEDE1;
  --c-atmosphere-mid:#CBD7CC;
  --c-atmosphere-bottom:#D9E3D8;
}

html[data-theme="dawn"]{
  color-scheme:light;
  --c-bg:#D9E3D8;
  --c-surface:#CBDACB;
  --c-surface-strong:#BCCFBE;
  --c-accent:#0E493C;
  --c-accent-strong:#2E8570;
  --c-action:#246C5D;
  --c-action-ink:#F5F1EA;
  --c-text:#12241E;
  --c-text-muted:rgba(18,36,30,.82);
  --c-text-subtle:rgba(18,36,30,.78);
  --c-line:rgba(25,89,76,.16);
  --c-line-strong:rgba(25,89,76,.30);
  --c-focus:#2E8570;
  --c-atmosphere-top:#F4EFE4;
  --c-atmosphere-mid:#DADED1;
  --c-atmosphere-bottom:#D9E3D8;
}

html[data-theme="dusk"]{
  color-scheme:dark;
  --c-text-muted:rgba(245,241,234,.82);
  --c-text-subtle:rgba(245,241,234,.78);
  --c-atmosphere-top:#405B52;
  --c-atmosphere-mid:#26443B;
  --c-atmosphere-bottom:#04100E;
}

@media (prefers-color-scheme:light){
  html:not([data-theme]){
    color-scheme:light;
    --c-bg:#D9E3D8;
    --c-surface:#CBDACB;
    --c-surface-strong:#BCCFBE;
    --c-accent:#0E493C;
    --c-accent-strong:#2E8570;
    --c-action:#246C5D;
    --c-action-ink:#F5F1EA;
    --c-text:#12241E;
    --c-text-muted:rgba(18,36,30,.82);
    --c-text-subtle:rgba(18,36,30,.78);
    --c-line:rgba(25,89,76,.16);
    --c-line-strong:rgba(25,89,76,.30);
    --c-focus:#2E8570;
    --c-atmosphere-top:#EEEDE1;
    --c-atmosphere-mid:#CBD7CC;
    --c-atmosphere-bottom:#D9E3D8;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  min-width:0;
  margin:0;
  background:var(--c-bg);
  color:var(--c-text);
  font:400 16px/1.65 var(--c-sans);
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
a{color:var(--c-accent);text-decoration-color:var(--c-line-strong);text-underline-offset:3px}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}
::selection{background:var(--c-text);color:var(--c-bg)}

.c-skip{
  position:absolute;
  left:-9999px;
  top:12px;
  z-index:100;
  padding:12px 18px;
  border-radius:4px;
  background:var(--c-action);
  color:var(--c-action-ink);
  font-weight:700;
  text-decoration:none;
}
.c-skip:focus{left:max(12px,env(safe-area-inset-left))}

.c-container{
  width:100%;
  max-width:var(--c-shell);
  margin:0 auto;
  padding-left:max(20px,env(safe-area-inset-left));
  padding-right:max(20px,env(safe-area-inset-right));
}

.c-header{border-bottom:1px solid var(--c-line);background:var(--c-bg)}
.c-header__inner{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:8px 24px;
  min-height:72px;
  padding-top:10px;
  padding-bottom:10px;
}
.c-brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.c-brand img{display:block;width:auto;height:30px}
.c-tone--day{display:none!important}
html[data-tone="light"] .c-tone--day{display:block!important}
html[data-tone="light"] .c-tone--night{display:none!important}
@media (prefers-color-scheme:light){
  html:not([data-theme]) .c-tone--day{display:block!important}
  html:not([data-theme]) .c-tone--night{display:none!important}
}
.c-nav{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px}
.c-nav a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--c-text-muted);
  font-size:13px;
  font-weight:650;
  text-decoration:none;
}
.c-nav a:hover,.c-nav a[aria-current="page"]{color:var(--c-accent)}

.c-main{min-height:55svh}
.c-page{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:46px;
  padding-top:clamp(52px,8vw,112px);
  padding-bottom:clamp(68px,10vw,128px);
}
.c-page__intro{max-width:760px;padding:clamp(28px,4vw,48px);border:1px solid var(--c-line);background-color:var(--c-bg);background-image:var(--c-intro-gradient)}
.c-kicker{
  margin:0;
  color:var(--c-accent);
  font:700 11px/1.3 var(--c-sans);
  letter-spacing:.22em;
  text-transform:uppercase;
}
.c-title{
  max-width:12ch;
  margin:18px 0 0;
  color:var(--c-text);
  font-size:clamp(44px,9vw,88px);
  font-weight:780;
  line-height:.98;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.c-title-accent{color:var(--c-accent)}
.c-lede{
  max-width:62ch;
  margin:24px 0 0;
  color:var(--c-text-muted);
  font-size:clamp(17px,2vw,21px);
  line-height:1.65;
  text-wrap:pretty;
}
.c-meta{margin:14px 0 0;color:var(--c-text-subtle);font-size:13px}

.c-content{width:100%;max-width:var(--c-reading)}
.c-section{padding:30px 0;border-top:1px solid var(--c-line)}
.c-section:last-child{border-bottom:1px solid var(--c-line)}
.c-section h2{margin:0;color:var(--c-text);font-size:clamp(24px,3vw,34px);line-height:1.18;letter-spacing:-.035em}
.c-section h3{margin:28px 0 0;font-size:18px;line-height:1.35;letter-spacing:-.015em}
.c-section p,.c-section ul,.c-section ol,.c-section dl{margin:15px 0 0}
.c-section ul,.c-section ol{padding-left:22px}
.c-section li+li{margin-top:8px}
.c-section strong{font-weight:750}
.c-section code{font:500 .9em var(--c-mono)}

.c-faq{margin:0}
.c-faq__item{padding:24px 0;border-top:1px solid var(--c-line)}
.c-faq__item:last-child{border-bottom:1px solid var(--c-line)}
.c-faq dt{margin:0;color:var(--c-text);font-weight:750;font-size:18px;line-height:1.4}
.c-faq dd{margin:10px 0 0;color:var(--c-text-muted)}

.c-contact{
  margin-top:34px;
  padding:24px 0;
  border-top:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line);
}
.c-contact p{margin:0;color:var(--c-text-muted)}
.c-contact p+p{margin-top:8px}

.c-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:14px 24px;
  border:1px solid transparent;
  border-radius:var(--c-pill-radius);
  background:var(--c-action);
  color:var(--c-action-ink);
  font-size:12px;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
}
.c-button--secondary{background:transparent;border-color:var(--c-accent-strong);color:var(--c-accent)}
.c-button[aria-disabled="true"],.c-button:disabled{cursor:not-allowed;opacity:.55}

.c-footer{border-top:1px solid var(--c-line)}
.c-footer__inner{
  display:grid;
  gap:36px;
  padding-top:40px;
  padding-bottom:max(42px,env(safe-area-inset-bottom));
  color:var(--c-text-subtle);
  font-size:13px;
}
.c-footer p{margin:0}
.c-footer p+p{margin-top:5px}
.c-footer strong{color:var(--c-text)}
.c-footer__brand{max-width:340px}
.c-footer__mark{display:inline-block;margin:0 0 14px}
.c-footer__mark img{display:block;width:auto;height:26px}
.c-footer__social{display:flex;flex-wrap:wrap;gap:2px;margin:12px 0 0;padding:0;list-style:none}
.c-footer__social a{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;color:var(--c-text-muted)}
.c-footer__social a:hover{color:var(--c-accent)}
.c-footer__social svg{width:20px;height:20px}
.c-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 24px}
.c-footer__title{margin:0 0 4px;color:var(--c-accent);font:700 11px/1.3 var(--c-sans);letter-spacing:.22em;text-transform:uppercase}
.c-footer__col ul{margin:0;padding:0;list-style:none}
.c-footer__col a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-text-muted);text-decoration:none;line-height:1.35}
.c-footer__col a:hover,.c-footer__col a[aria-current="page"]{color:var(--c-accent)}

.c-status-main{display:grid;min-height:calc(100svh - 73px);place-items:center;padding:48px 20px}
.c-status{width:min(100%,620px);text-align:center}
.c-status__mark{display:inline-flex;align-items:center;justify-content:center;width:176px;min-height:64px}
.c-status__mark img{display:block;width:100%;height:auto}
.c-status h1{margin:28px 0 0;font-size:clamp(34px,7vw,58px);line-height:1;letter-spacing:-.05em;text-wrap:balance}
.c-status p{max-width:42ch;margin:18px auto 0;color:var(--c-text-muted);text-wrap:pretty}
.c-status .c-button{margin-top:28px}
.c-status__progress{display:flex;justify-content:center;gap:8px;margin-top:28px}
.c-status__progress span{width:7px;height:7px;border-radius:50%;background:var(--c-line-strong)}
.c-status__progress span:first-child{background:var(--c-accent-strong);animation:c-status-pulse 1.2s ease-in-out infinite}
@keyframes c-status-pulse{50%{opacity:.28}}

.c-error-main{display:grid;min-height:calc(100svh - 73px);place-items:center;padding:58px 20px}
.c-error{width:min(100%,760px);text-align:center}
.c-error__code{margin:0;color:var(--c-accent);font:700 11px/1 var(--c-mono);letter-spacing:.2em;text-transform:uppercase}
.c-error h1{margin:20px 0 0;font-size:clamp(46px,10vw,84px);line-height:.95;letter-spacing:-.06em;text-wrap:balance}
.c-error>p:not(.c-error__code){max-width:50ch;margin:22px auto 0;color:var(--c-text-muted);text-wrap:pretty}
.c-error__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px}

@media (min-width:700px){
  .c-container{padding-left:max(32px,env(safe-area-inset-left));padding-right:max(32px,env(safe-area-inset-right))}
  .c-header__inner{min-height:76px}
  .c-brand img{height:32px}
  .c-page{gap:64px}
  .c-footer__inner{grid-template-columns:minmax(220px,1fr) auto;align-items:start;gap:48px}
  .c-footer__nav{grid-template-columns:repeat(3,auto);gap:32px clamp(40px,6vw,88px)}
}

@media (min-width:960px){
  .c-container{padding-left:max(48px,env(safe-area-inset-left));padding-right:max(48px,env(safe-area-inset-right))}
  .c-page{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:clamp(72px,9vw,148px);align-items:start}
  .c-page__intro{position:sticky;top:40px}
  .c-title{font-size:clamp(64px,6vw,88px)}
}

@media (max-width:480px){
  .c-header__inner{align-items:flex-start}
  .c-brand{width:100%}
  .c-brand img{height:27px}
  .c-nav{width:100%;justify-content:space-between;gap:0 10px}
  .c-nav a{font-size:12px}
  .c-error__links{display:grid}
  .c-error__links .c-button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

@media (forced-colors:active){
  .c-header,.c-footer,.c-page__intro,.c-section,.c-faq__item,.c-contact,.c-button{border-color:CanvasText}
  .c-page__intro{background-image:none}
  .c-button{forced-color-adjust:auto}
  .c-status__progress span{background:CanvasText}
}

@media print{
  :root{
    color-scheme:light;
    --c-bg:#fff;--c-surface:#fff;--c-surface-strong:#fff;
    --c-accent:#000;--c-accent-strong:#000;
    --c-action:#fff;--c-action-ink:#000;
    --c-text:#000;--c-text-muted:#000;--c-text-subtle:#000;
    --c-line:rgba(0,0,0,.35);--c-line-strong:rgba(0,0,0,.55);--c-focus:#000;
    --c-atmosphere-top:#fff;--c-atmosphere-mid:#fff;--c-atmosphere-bottom:#fff;
  }
  .c-tone--day{display:block!important}
  .c-tone--night{display:none!important}
  .c-skip,.c-nav{display:none}
  .c-header,.c-footer{border-color:#888}
  .c-page__intro{background-image:none}
  body{background:#fff;color:#000}
}

/* Unified header dropdowns (Nav C) and header CTA, 2026-08-04.
   Flat surfaces, hairline borders, no shadows, palette tokens only. */
.c-nav .nav-group{position:relative;display:inline-flex}
.c-nav .nav-group-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:none;color:var(--c-text-muted);font:650 13px/1.25 var(--c-sans);cursor:pointer}
.c-nav .nav-group-btn:hover{color:var(--c-accent)}
.c-nav .nav-caret{font-size:10px;line-height:1;color:var(--c-text-subtle);transform:translateY(1px)}
.c-nav .nav-panel{position:absolute;top:100%;left:0;z-index:40;display:none;min-width:224px;margin:0;padding:6px;list-style:none;background:var(--c-surface);border:1px solid var(--c-line-strong);border-radius:var(--c-control-radius)}
.c-nav .nav-group:nth-last-of-type(-n+2) .nav-panel{left:auto;right:0}
.c-nav .nav-group:hover>.nav-panel,.c-nav .nav-group.open>.nav-panel{display:block}
.c-nav .nav-panel li{margin:0;list-style:none}
.c-nav .nav-panel a{display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:6px;color:var(--c-text);font-size:13.5px;font-weight:500}
.c-nav .nav-panel a:hover{background:var(--c-surface-strong);color:var(--c-text)}
.c-nav .nav-panel a[aria-current="page"],.c-nav .nav-group.has-current>.nav-group-btn{color:var(--c-accent)}
.c-nav .nav-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:4px;background:var(--c-action);color:var(--c-action-ink);font-size:13px;font-weight:650;text-decoration:none}
.c-nav .nav-cta:hover{background:var(--c-accent-strong);color:var(--c-action-ink)}
@media (max-width:767px){
  .c-nav .nav-group,.c-nav>a:not(.nav-cta){display:none}
}

/* Mobile menu: phone-only taskbar button to the right of the header CTA.
   Flat Nav C panel carrying the full link set while inline nav is collapsed.
   Opens on tap only; hover-open is disabled so touch never strands it. */
.c-nav .nav-menu{display:none}
.c-nav .nav-menu .nav-group-btn{width:44px;justify-content:center;padding:0}
.c-nav .nav-menu:hover>.nav-panel{display:none}
.c-nav .nav-menu.open>.nav-panel{display:block}
.c-nav .nav-menu .nav-panel{left:auto;right:0;width:min(300px,calc(100vw - 32px));max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.c-nav .nav-menu-kicker{margin:10px 0 2px;padding:0 12px;font:700 10px/1.3 var(--c-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--c-accent);list-style:none}
.c-nav .nav-menu-kicker:first-child{margin-top:4px}
@media (max-width:767px){
  .c-nav .nav-menu{display:inline-flex}
  .c-nav .nav-menu .nav-panel a{display:flex}
}
@media (max-width:360px){
  .c-nav .nav-cta{padding:0 12px}
}