/* Multi-page information architecture. Existing AKFIN tokens remain the source. */
@layer components {
:root {--fs-section-copy:18px;--fs-card-title:23px;--page-intro-width:900px}
.desktop-nav a[aria-current="page"],.mobile-nav a[aria-current="page"] {color:var(--accent);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
.nav-inner {gap:var(--s-6)}
.desktop-nav {gap:var(--s-6)}
.desktop-nav a {white-space:nowrap;font-size:var(--fs-sm)}
.site-header {background:var(--canvas)}
.mobile-nav {max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
.plain-nav {display:flex;gap:var(--s-4);flex-wrap:wrap;padding-block:var(--s-3)}
.plain-nav a {min-height:44px;display:flex;align-items:center;font-size:var(--fs-sm)}
.footer-directory {display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s-12);padding-bottom:var(--s-12)}
.footer-directory nav {display:flex;flex-direction:column;align-items:flex-start}
.footer-directory nav a {display:flex;align-items:center;min-height:44px;font-size:var(--fs-sm)}
.footer-directory a:hover {color:var(--accent)}
.footer-brand>.muted {margin-top:var(--s-4)}
.page-intro {padding-block:var(--s-20);background:var(--canvas-mist);border-bottom:1px solid var(--line)}
.page-intro h1 {max-width:var(--page-intro-width);font-size:var(--fs-page);margin-top:var(--s-6);font-weight:550}
.intro-copy {max-width:680px;margin-top:var(--s-6);font-size:var(--fs-section-copy);color:var(--muted)}
.page-intro .button {margin-top:var(--s-8)}
.page-intro>.container>* {position:relative}
.hero-secondary {color:#edf3ff;align-self:center;padding-inline:var(--s-6);min-height:48px}
.hero-secondary:hover {color:var(--capital-blue-light)}
.page-index .hero {padding-bottom:var(--s-16)}
.section-heading>.eyebrow {margin-top:0;margin-bottom:var(--s-6);color:var(--accent);font-size:var(--fs-meta)}
.solution-overview {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-16);align-items:center}
.solution-row {display:grid;grid-template-columns:24px minmax(0,1fr) 24px;gap:var(--s-5);padding-block:var(--s-8);border-top:1px solid var(--line);transition:color var(--duration-fast) var(--ease)}
.solution-row:last-child {border-bottom:1px solid var(--line)}
.row-number {font-size:var(--fs-meta);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:var(--s-1)}
.solution-row h3 {font-size:var(--fs-card-title)}
.solution-row p {margin-top:var(--s-2);color:var(--muted);font-size:var(--fs-body)}
.solution-row>.icon {margin-top:var(--s-1);color:var(--accent)}
.solution-row:hover h3 {color:var(--accent)}
.decision-example {border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);padding:var(--s-8)}
.decision-example figcaption {color:var(--muted);font-size:var(--fs-sm);padding-bottom:var(--s-6);border-bottom:1px solid var(--line)}
.example-invoice {padding-block:var(--s-8)}
.example-invoice>span {font-size:var(--fs-sm);color:var(--muted)}
.example-invoice>strong {font-size:var(--fs-title);font-weight:550;display:block;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.example-invoice p {font-size:var(--fs-sm);margin-top:var(--s-3)}
.example-values {display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:var(--s-6);gap:var(--s-6)}
.example-values span {display:block;font-size:var(--fs-sm);color:var(--muted)}
.example-values strong {display:block;font-size:28px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.decision-example>.fine-print {margin-top:var(--s-5)}
.page-index .audit-section {background:var(--canvas-mist)}
.editorial-split {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-20)}
.editorial-split .eyebrow {margin-bottom:var(--s-6)}
.editorial-split .section-copy {margin-top:0}
.editorial-split .section-copy+.section-copy {margin-top:var(--s-6)}
.editorial-split .text-button {margin-top:var(--s-6)}
.home-trust {background:var(--canvas)}
.founder-inline {display:grid;gap:var(--s-1);border-top:1px solid var(--line);padding-top:var(--s-6);margin-top:var(--s-8);font-size:var(--fs-sm)}
.founder-inline>span {color:var(--muted)}
.founder-inline .text-button {margin-top:var(--s-2);justify-self:start}
.next-step {background:var(--ink-deep);color:var(--paper-white)}
.next-step-inner {display:flex;align-items:center;justify-content:space-between;gap:var(--s-12)}
.next-step h2 {font-size:var(--fs-title);max-width:750px}
.next-step p {margin-top:var(--s-5);color:#c2cfe3}
.next-step .button {flex-shrink:0}
.topic-nav {display:flex;gap:var(--s-8);flex-wrap:wrap;padding-block:var(--s-5)}
.topic-nav a {display:flex;align-items:center;min-height:44px;font-size:var(--fs-sm);color:var(--muted)}
.topic-nav a:hover {color:var(--accent)}
.capabilities {padding-top:var(--s-12)}
.capability {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-20);padding-block:var(--s-12);border-top:1px solid var(--line);scroll-margin-top:100px}
.capability-label>span {display:block;color:var(--accent);font-size:var(--fs-sm);margin-bottom:var(--s-4);font-variant-numeric:tabular-nums}
.capability h2 {font-size:32px;max-width:400px}
.capability p {margin-top:var(--s-4);color:var(--muted)}
.capability ul {display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);padding:0;margin:var(--s-6) 0 0;list-style:none;font-size:var(--fs-sm)}
.capability li {border-bottom:1px solid var(--line);padding-bottom:var(--s-2)}
.page-loesungen .section {padding-block:var(--s-20)}
.page-loesungen .capabilities {padding-top:var(--s-6)}
.page-s1-audit .audit-detail {background:var(--canvas);padding-block:var(--s-20)}
.page-s1-audit .audit-flow-section {background:var(--canvas-mist)}
.page-s1-audit .contact-section {padding-block:var(--s-20)}
.page-preise .page-intro {background:var(--canvas)}
.page-preise .pricing-section {padding-block:var(--s-16)}
.page-preise .pricing-section h2 {font-size:32px}
.price-example {border-top:1px solid var(--line);padding-top:var(--s-6)}
.price-example>p:first-child {font-size:var(--fs-sm);color:var(--muted)}
.price-example dl {margin-block:var(--s-6)}
.price-example dl>div {display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-6);padding-block:var(--s-4);border-bottom:1px solid var(--line)}
.price-example dt {font-size:var(--fs-sm);color:var(--muted)}
.price-example dd {font-size:var(--fs-card-title);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}
.price-example .price-total dd {font-size:32px;color:var(--accent)}
.terms-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-12)}
.terms-list article {border-top:1px solid var(--line);padding-top:var(--s-6)}
.terms-list p {margin-top:var(--s-4);color:var(--muted)}
.pricing-terms,.company-principles {background:var(--surface)}
.founder-section {background:var(--ink-deep);color:var(--paper-white)}
.founder-layout {display:grid;grid-template-columns:1fr 1.2fr;gap:var(--s-20);align-items:center}
.founder-name h2 {font-size:var(--fs-hero);margin-top:var(--s-6)}
.founder-name>p:last-child {color:#c2cfe3;margin-top:var(--s-6)}
.founder-name .eyebrow {color:var(--capital-blue-light)}
.founder-bio p {color:#c2cfe3;margin-top:var(--s-6)}
.founder-bio .text-button {color:var(--capital-blue-light);margin-top:var(--s-6)}
.contact-email {display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-card-title);color:var(--accent);overflow-wrap:anywhere}
.contact-direct p:not(.eyebrow) {color:var(--muted);margin-block:var(--s-6)}
.notfound-actions {padding-block:var(--s-12)}
}
@layer responsive {
@media(max-width:1100px) {
.desktop-nav {gap:var(--s-4)}
.nav-inner {gap:var(--s-4)}
.solution-overview,.editorial-split,.founder-layout,.capability {gap:var(--s-10)}
.terms-list {gap:var(--s-6)}
}
@media(max-width:1000px) {
.desktop-nav {display:none}
.next-step-inner {align-items:flex-start;flex-direction:column;gap:var(--s-8)}
}
@media(max-width:760px) {
.page-intro {padding-block:var(--s-12)}
.page-intro h1 {font-size:var(--fs-page)}
.solution-overview,.editorial-split,.founder-layout,.capability {grid-template-columns:1fr;gap:var(--s-8)}
.page-index .hero {padding-bottom:var(--s-12)}
.solution-row {padding-block:var(--s-6);gap:var(--s-3)}
.decision-example {padding:var(--s-6)}
.example-values {gap:var(--s-4)}
.example-values strong {font-size:24px}
.footer-directory {grid-template-columns:1fr 1fr;gap:var(--s-8)}
.footer-directory>.footer-brand {grid-column:1/-1}
.footer-directory nav {gap:var(--s-1)}
.terms-list {grid-template-columns:1fr;gap:var(--s-8)}
.topic-nav {gap:var(--s-2) var(--s-6)}
.capability {padding-block:var(--s-8)}
.capability h2 {font-size:28px}
.page-loesungen .section,.page-s1-audit .audit-detail,.page-s1-audit .contact-section {padding-block:var(--s-12)}
.price-example dl>div {gap:var(--s-4)}
.contact-email {font-size:21px}
.nav-actions .nav-cta {font-size:14px;padding-inline:var(--s-3)}
.nav-actions .nav-cta .icon {display:none}
.mobile-nav {max-height:calc(100dvh - 72px)}
}
@media(max-width:360px) {
.nav-inner>.brand .app-icon {display:none}
.nav-actions .nav-cta {font-size:13px;padding-inline:var(--s-2)}
.decision-example {padding:var(--s-4)}
.example-values {grid-template-columns:1fr}
.price-example dl>div {flex-wrap:wrap;gap:var(--s-2)}
}
@media(prefers-reduced-motion:reduce) {.page-intro [data-reveal] {opacity:1;transform:none;filter:none;transition:none}}
}

@layer components {
.text-button {display:inline-flex;align-items:center;gap:var(--s-3);min-height:44px;font-size:var(--fs-sm);font-weight:600}
.text-button .icon {flex-shrink:0}
.price-explanation h2+.section-copy {margin-top:var(--s-6)}
.audit-flow-node>.icon {background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.audit-flow-role {background:none!important;border:0!important;border-radius:0!important;padding:0!important;color:var(--muted)!important}
}
@layer responsive {
@media(max-width:760px) {.page-intro h1 {overflow-wrap:anywhere;hyphens:auto}}
}
