/* prooftrail — Design-System „Papier & Tinte" · gewählte Fassung. Sektor-Akzent per :root-Variable im : medical #2A6B66 · finance #8A6230 */ :root{ --paper:#FAF8F3;--card:#FFFEFB;--panel:#F2EFE6; --ink:#211F1A;--body:#4A463E;--muted:#857F72; --line:#E6E1D4;--line-strong:#D3CCBA; --seal:#3A3A52;--seal-2:#2C2C40; --good:#2F6B3C;--good-bg:#E6EEE2;--warn:#8A5A00;--warn-bg:#F6EDD6;--bad:#96372E;--bad-bg:#F5E2DD; --accent:#2A6B66;--accent-deep:#1F4F4B;--accent-bg:#E3EEEC;--link:var(--accent-deep); --sh-sm:0 1px 2px rgba(33,31,26,.05); --sh-md:0 2px 4px rgba(33,31,26,.05),0 12px 28px -14px rgba(33,31,26,.14); --mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace; --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',sans-serif; --serif:Charter,'Bitstream Charter','Sitka Text',Cambria,Georgia,serif; } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font:16px/1.68 var(--sans);color:var(--body);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden} a{color:var(--link);text-decoration:none} a:hover{text-decoration:underline} :focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:3px} .wrap{max-width:1120px;margin:0 auto;padding:0 28px} nav{position:sticky;top:0;background:rgba(250,248,243,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-strong);z-index:20} nav .wrap{display:flex;align-items:center;gap:26px;height:60px} .brand{display:flex;align-items:baseline;gap:12px;color:var(--ink)} .brand-name{font:700 21px/1 var(--serif);letter-spacing:-.01em} .brand .sector{font:600 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);padding-left:12px;border-left:1px solid var(--line-strong)} nav .links{display:flex;gap:20px;margin-left:auto;font-size:14.5px;font-weight:500} nav .links a{color:var(--body)} nav .links a:hover{color:var(--ink);text-decoration:none} .nav-cta{margin-left:8px;padding:8px 16px;border-radius:5px;background:var(--seal);color:#fff!important;font-weight:600;font-size:14px} .nav-cta:hover{background:var(--seal-2);text-decoration:none!important} @media(max-width:860px){nav .links a:not(.nav-cta){display:none}} header{padding:76px 0 60px;background:linear-gradient(180deg,var(--panel),var(--paper) 55%)} .hero{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center} .hero>*{min-width:0} @media(max-width:920px){.hero{grid-template-columns:1fr}} .eyebrow{font:600 11.5px/1.5 var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-deep)} .eyebrow::before{content:"";display:inline-block;width:22px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px} h1{font:700 clamp(31px,4.5vw,47px)/1.13 var(--serif);letter-spacing:-.015em;color:var(--ink);margin:18px 0 16px} h1 .accent{color:var(--accent-deep)} .sub{font-size:18px;max-width:33em} .cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap} .btn{display:inline-block;padding:13px 24px;border-radius:5px;font-weight:600;font-size:15px} .btn:hover{text-decoration:none} .btn-primary{background:var(--seal);color:#fff;box-shadow:var(--sh-sm)} .btn-primary:hover{background:var(--seal-2)} .btn-ghost{border:1px solid var(--line-strong);color:var(--ink);background:var(--card)} .btn-ghost:hover{border-color:var(--accent)} .hero-note{margin-top:15px;font-size:13px;color:var(--muted)} .term{counter-reset:tl;background:var(--card);border:1px solid var(--line-strong);border-radius:3px;box-shadow:var(--sh-md);font:13px/1.95 var(--mono);color:#3E3A31;padding:0 0 16px;overflow-x:auto} .term .bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 18px;margin-bottom:10px;background:var(--panel);border-bottom:1px solid var(--line);font:600 10.5px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)} .term .bar .tag{color:var(--accent-deep)} .t-line{position:relative;padding:0 18px 0 54px;white-space:pre-wrap;opacity:0;animation:reveal .45s ease forwards} .t-line::before{counter-increment:tl;content:counter(tl,decimal-leading-zero);position:absolute;left:18px;top:0;color:#BDB6A5;font-size:10.5px} .t-line:nth-child(2){animation-delay:.3s}.t-line:nth-child(3){animation-delay:.9s} .t-line:nth-child(4){animation-delay:1.7s}.t-line:nth-child(5){animation-delay:2.5s} .t-line:nth-child(6){animation-delay:3.2s}.t-line:nth-child(7){animation-delay:3.8s} .t-line:nth-child(8){animation-delay:4.4s}.t-line:nth-child(9){animation-delay:5s} .t-line:nth-child(10){animation-delay:5.6s}.t-line:nth-child(11){animation-delay:6.2s} @keyframes reveal{to{opacity:1}} .t-dim{color:#8D8678}.t-allow{color:var(--good);font-weight:700}.t-pause{color:var(--warn);font-weight:700}.t-block{color:var(--bad);font-weight:700}.t-law{color:var(--accent-deep)} .t-more{display:none} @media(max-width:520px){.t-xtra{display:none}.t-more{display:block;margin-top:10px;padding:8px 18px 0;border-top:1px dashed var(--line-strong);font:italic 12.5px/1.5 var(--serif);color:var(--muted)}} @media(prefers-reduced-motion:reduce){.t-line{animation:none;opacity:1}html{scroll-behavior:auto}} .metrics{margin-top:52px;background:var(--card);border:1px solid var(--line-strong);border-radius:3px;box-shadow:var(--sh-sm);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))} .metric{padding:18px 24px;border-right:1px solid var(--line)} .metric:last-child{border-right:none} @media(max-width:860px){.metric{border-right:none;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:none}} .metric b{display:block;font:700 18px/1.35 var(--serif);color:var(--ink)} .metric span{font-size:12.5px;color:var(--muted)} section{padding:74px 0} section+section{border-top:1px solid var(--line)} .sec-head{max-width:46em} h2{font:700 clamp(24px,3vw,32px)/1.22 var(--serif);letter-spacing:-.012em;color:var(--ink);margin:12px 0 12px} h3{font:700 17.5px/1.3 var(--serif);color:var(--ink)} .lede{font-size:17.5px} .grid{display:grid;gap:18px;margin-top:34px} .g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))} .g3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))} .card{background:var(--card);border:1px solid var(--line);border-radius:3px;padding:24px 26px;box-shadow:var(--sh-sm)} .card h3{font-size:17.5px;margin-bottom:7px} .card p{font-size:14.5px} .card .who{font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);display:block;margin-bottom:9px} .chip{display:inline-block;font:600 11.5px/1 var(--mono);padding:5px 10px;border-radius:3px;background:var(--accent-bg);color:var(--accent-deep);margin:3px 5px 3px 0} .deadline{margin-top:36px;background:var(--seal);color:#CFCFDE;border-radius:3px;padding:26px 30px;display:flex;gap:24px;align-items:baseline;flex-wrap:wrap} .deadline b{font:700 31px/1 var(--serif);color:#fff} .deadline span{font-size:15.5px;max-width:44em} .deadline .em{color:#fff;font-weight:700;border-bottom:1px solid rgba(255,255,255,.35)} .tbl-scroll{overflow-x:auto;margin-top:34px;border:1px solid var(--line-strong);border-radius:3px;background:var(--card)} table{width:100%;min-width:780px;border-collapse:collapse;font-size:14.5px} th{text-align:left;font:600 10.5px/1.6 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding:12px 20px;border-bottom:1px solid var(--line-strong);background:var(--panel)} td{padding:18px 20px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.72} tr:last-child td{border-bottom:none} td b{color:var(--ink)} td:first-child b{font:700 16.5px/1.4 var(--serif)} .badge{font:700 11.5px/1.5 var(--sans);padding:2px 9px;border-radius:3px;white-space:nowrap} .b-pause{background:var(--warn-bg);color:var(--warn)}.b-allow{background:var(--good-bg);color:var(--good)}.b-block{background:var(--bad-bg);color:var(--bad)} .steps{counter-reset:step;margin-top:34px;display:grid;gap:14px} .step{position:relative;background:var(--card);border:1px solid var(--line);border-radius:3px;padding:20px 24px 20px 76px;box-shadow:var(--sh-sm)} .step::before{counter-increment:step;content:counter(step);position:absolute;left:24px;top:20px;width:32px;height:32px;border-radius:3px;background:var(--seal);color:#fff;display:grid;place-items:center;font:700 15px/1 var(--serif)} .step h3{font-size:17px;margin-bottom:5px} .step p{font-size:14.5px} .honest{margin-top:34px;border:1px solid #E0CFA4;background:var(--warn-bg);border-radius:3px;padding:18px 22px;font-size:14.5px;color:#4A3A10} .honest b{color:#3B2E0A} .chain{display:flex;align-items:center;margin-top:34px;overflow-x:auto;padding:2px 0 8px} .clink{flex:none;display:grid;gap:3px;background:var(--card);border:1px solid var(--line-strong);border-radius:3px;padding:9px 14px;font:11.5px/1.4 var(--mono);color:var(--muted)} .clink b{font-weight:700;color:var(--ink);font-size:11px;letter-spacing:.08em} .clink.ok{border-color:var(--good)} .clink.ok b,.clink.ok span{color:var(--good)} .cx{flex:none;width:38px;height:1px;background:var(--line-strong);position:relative} .cx::after{content:"";position:absolute;right:-1px;top:-2.5px;width:6px;height:6px;border-radius:50%;background:var(--line-strong)} details{background:var(--card);border:1px solid var(--line);border-radius:3px;padding:14px 20px;margin-top:10px} details summary{cursor:pointer;font-weight:650;color:var(--ink);font-size:15px} details p{margin-top:10px;font-size:14.5px} .cta-final{background:linear-gradient(160deg,var(--seal),var(--seal-2));border-radius:4px;padding:52px 44px;margin:76px 0;color:#C9C9D8;text-align:center;box-shadow:var(--sh-md)} .cta-final h2{color:#fff} .cta-final .btn-primary{background:var(--paper);color:var(--ink)} .cta-final .btn-primary:hover{background:#fff} .cta-final .btn-ghost{border-color:#55556E;color:#E6E6F0;background:transparent} .cta-final p{max-width:38em;margin:8px auto 0} footer{border-top:1px solid var(--line-strong);padding:36px 0 46px;font-size:13.5px;color:var(--muted)} footer .wrap{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}