/* Krascorp site theme (November 2026). Layers over portal-home.css and ledger.css on every Krascorp page.
   Glacier paper, alpine ink, Krascorp red only for actions. Rounded by hierarchy: pills for actions, 18px for
   content panels, 28px for the large product surfaces. Inter Tight throughout, the same face as the Dokcheck app. */
:root{
  --paper:#edf1f3;--paper-2:#e3e9ec;--surface:#fbfcfc;--ink:#0f2a3a;--ink-2:#2e4656;--muted:#566a76;
  --line:#d5dee3;--line-strong:#b4c2ca;--accent:#c8281c;--accent-hover:#a51f15;--accent-ink:#fff;
  --brand:#ff8277;--brand-soft:#f9e1de;--green:#1d6b4f;--green-soft:#e2f0ea;--amber:#81500a;--amber-soft:#fbf0dc;
  --night:#0f2a3a;--night-2:#163748;--night-line:#2b4a5b;--night-ink:#eef3f5;--night-muted:#a3b6c1;
  --radius:18px;--radius-lg:28px;--ease:cubic-bezier(.16,1,.3,1);
  --shadow:none;--shadow-window:0 1px 2px #0f2a3a14,0 30px 60px -32px #0f2a3a59;--shadow-lg:var(--shadow-window);
}
html,body{background:var(--paper)}
body{color:var(--ink);font-size:17px;letter-spacing:-.006em}
::selection{background:#c8281c26}
h1,h2,h3{color:var(--ink);font-weight:620}
h1 em,h2 em{color:inherit;background:none!important;font-weight:inherit}
p{color:var(--muted)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

/* Section labels: plain sentence-case words only where they add information */
.eyebrow{font-family:inherit;font-size:15px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--accent);margin-bottom:14px}
.eyebrow::before{content:none}
.quiet-label{display:none!important}

/* Header */
.header{background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid transparent;transition:border-color .2s}
.header nav a{color:var(--ink-2);font-weight:500;font-size:15px}
.header nav a{background:linear-gradient(var(--accent),var(--accent)) left calc(100% - 8px)/0 2px no-repeat;transition:background-size .3s var(--ease),color .2s}
.header nav a:hover,.header nav a[aria-current="page"]{color:var(--ink);text-decoration:none;background-size:100% 2px}
.language select{color:var(--ink-2)}
.header .button.small{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:999px}
.header .button.small:hover{background:var(--accent);border-color:var(--accent)}
.menu-toggle{border-radius:12px;border-color:var(--line-strong)}

/* Actions: one red primary, ink outline secondary; no trailing arrows */
.button{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:999px;box-shadow:none;min-height:52px;padding:14px 26px;font-weight:600}
.button,.text-link{transition:background-color .2s,border-color .2s,color .2s,transform .18s var(--ease)}
.button:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}
.button:active,.text-link:active{transform:translateY(0) scale(.97)}
.button-arrow,.text-link>.light-icon{display:none}
.text-link{border:1.5px solid var(--ink);border-radius:999px;min-height:52px;padding:0 24px;color:var(--ink);justify-content:center}
.text-link:hover{background:var(--ink);color:#fff}
.product-copy .text-link,.ai-section .text-link,.trust-downloads .text-link,.contact-links .text-link,.checkout-notice .text-link,.ai-example-open{border:0;min-height:44px;padding:0;border-radius:0;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.product-copy .text-link:hover,.ai-section .text-link:hover,.trust-downloads .text-link:hover,.contact-links .text-link:hover,.checkout-notice .text-link:hover{background:none;color:var(--accent)}

/* Dark bands: alpine ink */
.band-ink{--ink:#eef3f5;--ink-2:#cfdbe2;--muted:#a3b6c1;--line:#2b4a5b;--line-strong:#46667a;--surface:#163748;background:var(--night);color:var(--ink)}
.band-ink .eyebrow{color:var(--brand)}
.band-ink .button{background:var(--brand);border-color:var(--brand);color:#1b0b09}
.band-ink .button:hover{background:#ffa59c;border-color:#ffa59c;color:#1b0b09}
.band-ink .text-link{color:var(--ink);border-color:var(--ink)}
.band-ink .text-link:hover{background:var(--ink);color:var(--night)}
.band-ink :focus-visible{outline-color:var(--brand)}

/* Dokcheck hero: the app window is the one bold element */
.hero{padding-block:clamp(48px,7vw,96px) 0;gap:clamp(40px,5vw,72px)}
.hero>.hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 8px;font-size:14px}
.hero>.hero-copy>.eyebrow::before{content:"";width:22px;height:22px;border-radius:7px;background:var(--accent) url('/assets/obsidian/icons/check-circle.svg') center/14px no-repeat;filter:none}
.hero h1{font-size:clamp(2.9rem,6.4vw,6rem);line-height:.98;letter-spacing:-.05em;font-weight:640}
.hero h1 em{color:var(--ink);display:inline}
.hero .lead{color:var(--ink-2);font-size:clamp(1.06rem,1.45vw,1.28rem);max-width:34ch}
.hero .access-note{border-left:0;padding-left:0;color:var(--muted);font-size:14px}
.hero-media{border-radius:16px;background:#1d3a4b;outline:0;box-shadow:var(--shadow-window);padding-top:34px;aspect-ratio:auto;animation:kc-window 1s var(--ease) both .1s}
.hero-media::before{content:"";position:absolute;left:16px;top:12px;width:10px;height:10px;border-radius:50%;background:#ff5f57;box-shadow:17px 0 #febc2e,34px 0 #28c840;z-index:1}
.hero-media img{height:auto;border-radius:0 0 16px 16px}
@keyframes kc-window{from{transform:translateY(32px) scale(.985)}}
.hero-facts{border:0;gap:12px;margin-top:clamp(40px,5vw,64px)}
.hero-facts li,.hero-facts li:first-child{padding:20px 22px;border:0;border-radius:var(--radius);background:var(--surface)}
.hero-facts li+li{border-left:0}
.hero-facts strong{font-family:inherit;font-size:16px;font-weight:650;text-transform:none;letter-spacing:-.01em;color:var(--ink)}
.hero-facts span{font-size:14.5px;font-weight:400;color:var(--muted)}

/* Workflow: a real sequence, so the step numbers stay */
.workflow-overline{display:none}
.workflow-heading h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;font-weight:640}
.workflow-heading h2 em{color:inherit}
.steps{gap:12px}
.steps article,.steps article:first-child{background:var(--surface);border:0;border-radius:var(--radius);padding:24px 24px 28px;box-shadow:none}
.steps article:not(:last-child)::after{display:none}
.step-icon{background:var(--paper);border-radius:12px}
.step-icon img{filter:none;opacity:.85}
.steps .number{font-family:inherit;font-size:14px;letter-spacing:0;color:var(--accent);font-weight:650}
.workflow-art{border-radius:var(--radius-lg);background:#1d3a4b;box-shadow:var(--shadow-window)}

/* Krascorp AI */
.ai-section{margin-top:clamp(80px,9vw,128px)}
.ai-section .eyebrow{display:block}
.ai-conversation-example{background:var(--night-2);border:1px solid var(--night-line);border-radius:22px;box-shadow:none}
.ai-conversation-example .eyebrow{display:none}
.ai-example-question{background:#24485b;color:#f2f6f8}
.ai-example-answer{background:#0c2230;border-color:#24485b;color:#dbe6ec}
.ai-example-dot{background:#69d2a6;box-shadow:0 0 0 4px #69d2a62b}
.ai-feature-grid{gap:12px}
.ai-feature-grid article{background:#163748;border:0;border-radius:var(--radius)}
.ai-feature-grid article>span{display:none}
.ai-scope-note{border-top-color:var(--night-line)}

/* Product, onboarding, features */
.product figure a,.onboarding-shot a{background:#1d3a4b;border-radius:16px;box-shadow:var(--shadow-window)}
.onboarding-section,.features-section,.pricing-section,.trust-section,.faq-section{border-top:0}
.onboarding-list>li{border:0;background:var(--surface)}
.onboarding-list>li::before{background:var(--paper);color:var(--accent)}
.contact-section .eyebrow,.features-section .eyebrow,.pricing-section .eyebrow,.faq-section .eyebrow,.product-copy .eyebrow,.onboarding-copy .eyebrow,.custom-plan .eyebrow{display:none}
.feature-grid{gap:12px}
.feature-grid article{border:0;box-shadow:none;background:var(--surface)}
.feature-grid article::before{content:none}
.review-note{background:var(--surface);border-left:0;border-radius:var(--radius);color:var(--ink-2)}

/* Pricing */
.pricing-section{background:var(--surface);border-radius:var(--radius-lg);padding:clamp(28px,5vw,72px)!important;margin-block:clamp(40px,6vw,80px)}
.pricing-included{background:var(--paper);border:0}
.plan-grid{gap:12px}
.plan-card,.plan-card:first-child,.plan-card:last-child{background:var(--paper);border:1.5px solid transparent;box-shadow:none;border-radius:22px}
.plan-card+.plan-card{border-left:1.5px solid transparent}
.plan-card:nth-child(2){border-color:var(--accent);background:var(--surface);box-shadow:none}
.plan-card h3 .plan-name{font-family:inherit;color:var(--ink);text-transform:none;letter-spacing:-.01em;font-size:17px}
.plan-card .button{background:var(--ink);border-color:var(--ink)}
.plan-card .button:hover,.plan-card:nth-child(2) .button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.plan-card:nth-child(2) .button{background:var(--accent);border-color:var(--accent)}
.custom-plan{background:var(--paper);border:0;box-shadow:none;border-radius:22px}
.custom-result{background:var(--surface)}
.custom-result>output{font-family:inherit;color:var(--ink)}
.custom-plan input[type=range]{accent-color:var(--accent)}

/* Trust and questions */
.trust-grid{gap:12px;background:none;border:0;border-radius:0;overflow:visible}
.trust-grid article{border-radius:var(--radius)}
.trust-grid h3::before{content:none}
.faq-list{border-top:0;display:grid;gap:8px}
.faq-section details,.faq-section details:last-child{border:0;background:var(--surface);border-radius:var(--radius);padding:0 22px}
.faq-section summary::after{background-color:var(--paper)}
.faq-section summary:hover{color:var(--accent)}

/* Contact and form on alpine ink */
.contact-section h2{font-weight:640}
.contact-form{background:var(--night-2);border:0;border-radius:22px}
.contact-field label{font-family:inherit;font-size:14px;text-transform:none;letter-spacing:0;font-weight:600}
.contact-field input,.contact-field textarea{background:#0c2230;border:1px solid #2f5062!important;border-radius:12px}
.contact-field input:focus,.contact-field textarea:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #ff827733}

/* Footer */
footer{border-top:1px solid var(--line)}
.footer-links a{color:var(--ink-2)}
.footer-links a:hover{color:var(--accent)}

/* Public assistant */
.website-ai-launcher{background:var(--ink);border-color:var(--ink);box-shadow:0 14px 30px -14px #0f2a3a99}
.website-ai-launcher:hover{background:var(--accent);border-color:var(--accent)}
.website-ai-panel{border-radius:22px;border-color:var(--line)}
.website-ai-message.is-question,.website-ai-user{background:var(--paper-2)!important;border-color:var(--line)!important}

@media(max-width:1100px){.hero-facts li:nth-child(n+3){border-top:0}}
@media(max-width:620px){
  .hero-facts{gap:8px}
  .hero-facts li,.hero-facts li:first-child,.hero-facts li:nth-child(3){padding:16px 18px}
  .hero-facts li+li{border-top:0}
  .hero-media{padding-top:26px;border-radius:12px}
  .hero-media::before{left:12px;top:9px;width:8px;height:8px;box-shadow:13px 0 #febc2e,26px 0 #28c840}
  .pricing-section{border-radius:22px;margin-inline:12px;width:auto}
  .faq-section details{padding:0 16px}
}
/* Cards that link or open lift slightly under the pointer */
.faq-section details{transition:background-color .2s}
.faq-section details:hover{background:#fff}
.plan-card{transition:transform .35s var(--ease)}
.plan-card:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){.hero-media{animation:none}.button,.text-link,.plan-card,.header nav a{transition:none}.button:hover,.plan-card:hover{transform:none}}