/* DokuTakt dark-premium redesign layer. Preserves all original content, routes, JS tab UI and legal pages.
   Preview-only: applied at /_design-review-20261028/dokutakt; never auto-promote. */
:root{--navy:#0e172b;--ink:#19263d;--muted:#67758d;--line:#e3e8f2;--soft:#f4f7fc;--blue:#7566c5;--blue-dark:#5845a8;--aqua:#e6f8fb;--lime:#dcf8ed;--white:#fff;--shadow:0 26px 65px #121d3718}
body.dokutakt-redesign{color:#1a2740;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:clip}
body.dokutakt-redesign .container{max-width:1240px}
body.dokutakt-redesign .review-notice{display:flex;justify-content:center;align-items:center;gap:14px;min-height:30px;padding:6px 18px;background:#263251;color:#c9d7ee;font-size:10px;letter-spacing:.04em}
.review-notice strong{color:#91f1d0;font-size:9px;letter-spacing:.15em}
.review-notice a{color:#e8e5ff;text-decoration:underline;text-underline-offset:3px}
body.dokutakt-redesign .utility{background:#151e36;color:#b9c9e5;border-bottom:1px solid #ffffff18}
body.dokutakt-redesign .utility .container{min-height:33px}
body.dokutakt-redesign .utility a{color:#a6e6e5!important}
body.dokutakt-redesign > header{background:#090f1f;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px)}
body.dokutakt-redesign > header .container{max-width:1400px;height:79px;gap:22px}
body.dokutakt-redesign .brand-icon{width:39px;height:39px;border-radius:11px;background:linear-gradient(130deg,#c2abff,#95e9ec);color:#131936;box-shadow:0 5px 22px #a195fc2b}
body.dokutakt-redesign .brand .logotype{color:#f6f7ff;font-size:24px;font-weight:800;letter-spacing:-.065em}
body.dokutakt-redesign .brand .logotype em{color:#b3c5ff;font-style:normal}
body.dokutakt-redesign .brand small{font-size:9px;color:#94a4c0;letter-spacing:.015em}
body.dokutakt-redesign .nav-links{gap:25px}
body.dokutakt-redesign .nav-links a{color:#c1cde4;font-size:12px}
body.dokutakt-redesign .nav-links a:hover,body.dokutakt-redesign .nav-links a[aria-current=page]{color:#9ef0d3}
body.dokutakt-redesign .nav-links a:nth-child(n+5){display:none}
body.dokutakt-redesign .mobile-menu{display:block!important;position:relative;margin:0}
body.dokutakt-redesign .mobile-menu summary{display:grid;place-items:center;cursor:pointer;list-style:none;border:1px solid #ffffff40;background:#ffffff0d;color:#f4f6ff;width:41px;height:40px;border-radius:10px;padding:0;font-size:23px}
body.dokutakt-redesign .mobile-menu summary::-webkit-details-marker{display:none}
body.dokutakt-redesign .mobile-menu nav{position:absolute;right:0;top:51px;z-index:120;background:#121d35;border:1px solid #8492c04d;border-radius:12px;padding:11px;max-height:74vh;min-width:245px;overflow-y:auto;box-shadow:0 18px 42px #0008;display:grid;grid-template-columns:1fr;gap:3px}
body.dokutakt-redesign .mobile-menu a{color:#d9e4f6;font-size:12px;white-space:normal;padding:11px 12px}
body.dokutakt-redesign .mobile-menu a:hover{background:#ffffff1b;color:#fff}
body.dokutakt-redesign .button{border-radius:10px;min-height:47px;padding:11px 19px;transition:transform .17s,box-shadow .17s}
body.dokutakt-redesign .button:hover{transform:translateY(-2px)}
body.dokutakt-redesign .button-primary{color:#10192c!important;background:linear-gradient(114deg,#bba4ff,#97e4e8);border-color:transparent;box-shadow:0 10px 35px #aca1ed32}
body.dokutakt-redesign .button-primary:hover{background:linear-gradient(114deg,#c6b6ff,#aaeff1);box-shadow:0 13px 39px #b7a3f754}
body.dokutakt-redesign .button-outline{color:#e8ebff!important;background:#ffffff0b;border-color:#ffffff43}
body.dokutakt-redesign .hero{padding:90px 0 91px;background:radial-gradient(ellipse at 75% 38%,#38326b60,transparent 49%),radial-gradient(ellipse at 8% 93%,#124e595e,transparent 51%),#090f1f}
body.dokutakt-redesign .hero-grid{grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:45px}
body.dokutakt-redesign .hero h1{font-size:clamp(53px,5.5vw,82px);line-height:1.06;letter-spacing:-.07em;color:#fff;margin-bottom:23px;max-width:700px}
body.dokutakt-redesign .hero h1 span{background:linear-gradient(115deg,#c6b3ff 15%,#9ac5ff 62%,#93f6d8);-webkit-background-clip:text;background-clip:text;color:transparent}
body.dokutakt-redesign .hero .eyebrow,body.dokutakt-redesign .hero .eyebrow.mint{color:#a5efd5;font-size:10px;letter-spacing:.15em}
body.dokutakt-redesign .hero .lead{color:#b7c7df;line-height:1.78;font-size:16px}
body.dokutakt-redesign .hero .meta-list{color:#a4b6d0;gap:16px;font-size:11px}
body.dokutakt-redesign .hero .preview-card{padding:23px;background:linear-gradient(140deg,#202c4b,#101a31);border:1px solid #7984b85c;border-radius:21px;box-shadow:0 32px 75px #0008;transform:rotate(-.7deg)}
body.dokutakt-redesign .hero .preview-card .mini-label{color:#bccceb;letter-spacing:.03em}
body.dokutakt-redesign .hero .preview-card .mini-pill{color:#a2f2cf;border-color:#66c8a155;background:#23634738}
body.dokutakt-redesign .hero .preview-card .paper{border:1px solid #e3e8f3;background:#f5f8ff;color:#17263f}
body.dokutakt-redesign .hero .preview-card .paper p{color:#677590}
body.dokutakt-redesign .hero .preview-card .data{border:1px solid #b4e3d3;background:#effbf8;color:#173e35}
body.dokutakt-redesign .hero .preview-card .row-data{color:#476e61}
body.dokutakt-redesign .hero .preview-card .preview-footer{color:#a9b9d3}
body.dokutakt-redesign .hero .preview-flow>.arrow{color:#bca9fc;font-size:27px}
body.dokutakt-redesign .preview-signature img.robot{width:115px;height:115px;right:-20px;top:-60px;filter:drop-shadow(0 12px 25px #8f8df466)}
body.dokutakt-redesign .section-head{max-width:810px}
body.dokutakt-redesign .section-head h2,body.dokutakt-redesign h2.heading{font-size:clamp(31px,3.8vw,52px);line-height:1.12;letter-spacing:-.055em;font-weight:790;color:#1c2844}
body.dokutakt-redesign .section-head p,body.dokutakt-redesign .section-lead{font-size:14px;line-height:1.8;color:#68778f}
body.dokutakt-redesign .section.alt{background:#f2f5fa}
body.dokutakt-redesign .section{padding-top:92px;padding-bottom:93px}
body.dokutakt-redesign .tile{border-color:#e0e6f0;background:#fbfcff;border-radius:16px;padding:26px;box-shadow:0 10px 30px #1d2c5408}
body.dokutakt-redesign .tile:hover{border-color:#b6a0ff;transform:translateY(-4px);box-shadow:0 25px 42px #514c8e20}
body.dokutakt-redesign .tile h3{font-size:20px;font-weight:775;letter-spacing:-.04em}
body.dokutakt-redesign .tile p{line-height:1.75;color:#68778f}
body.dokutakt-redesign .tile .tile-link{color:#665cc3}
body.dokutakt-redesign .tile-icon{border-radius:10px;background:#e8e3ff;color:#654dbb}
body.dokutakt-redesign .tile-icon.mint{background:#dff8ee;color:#3e9674}
body.dokutakt-redesign .tile-icon.orange{background:#ffecd8;color:#ac7140}
body.dokutakt-redesign .price-card,body.dokutakt-redesign .preview-card,body.dokutakt-redesign .journal-entry{border-radius:16px;box-shadow:0 10px 35px #1e2d4409}
body.dokutakt-redesign .price-card.feature{border-color:#b4a3f7;box-shadow:0 14px 42px #9d87ef23}
body.dokutakt-redesign .price-card .price{color:#262f56}
body.dokutakt-redesign .step-num{background:#e6e0ff;color:#5c54b0}
body.dokutakt-redesign .eyebrow{color:#6e60be}
body.dokutakt-redesign .journal-grid{gap:20px}
body.dokutakt-redesign footer{background:#0b1223!important;color:#a5b5d1!important;padding-top:70px}
body.dokutakt-redesign footer a{color:#a9badd}
body.dokutakt-redesign footer h3{color:#f4f7ff}
body.dokutakt-redesign footer .footer-bottom{border-color:#ffffff20}
body.dokutakt-redesign :focus-visible{outline:3px solid #9befe1;outline-offset:3px}
@media(max-width:1150px){
 body.dokutakt-redesign .nav-links{gap:15px}
 body.dokutakt-redesign .nav-links a:nth-child(n+4){display:none}
 body.dokutakt-redesign .hero-grid{gap:30px}
 body.dokutakt-redesign .hero h1{font-size:clamp(48px,5vw,67px)}
}
@media(max-width:860px){
 body.dokutakt-redesign .nav-links{display:none}
 body.dokutakt-redesign > header .container{height:71px;gap:11px}
 body.dokutakt-redesign .hero{padding:64px 0 70px}
 body.dokutakt-redesign .hero-grid{grid-template-columns:1fr}
 body.dokutakt-redesign .hero h1{font-size:clamp(43px,7.5vw,72px)}
 body.dokutakt-redesign .hero .preview-card{max-width:630px}
 body.dokutakt-redesign .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
 body.dokutakt-redesign .review-notice{font-size:8px;line-height:1.4;gap:8px;flex-wrap:wrap;text-align:center}
 body.dokutakt-redesign .utility{font-size:9px}
 body.dokutakt-redesign .brand .logotype{font-size:21px}
 body.dokutakt-redesign > header .container{padding-inline:16px;gap:7px}
 body.dokutakt-redesign .top-cta{font-size:10px;padding:8px 10px;min-height:36px}
 body.dokutakt-redesign .mobile-menu summary{width:35px;height:36px}
 body.dokutakt-redesign .hero{padding:51px 0 59px}
 body.dokutakt-redesign .hero h1{font-size:clamp(37px,10vw,55px)}
 body.dokutakt-redesign .hero .lead{font-size:14px}
 body.dokutakt-redesign .hero .actions{display:flex;align-items:stretch;flex-direction:column}
 body.dokutakt-redesign .hero .actions .button{width:100%;justify-content:center;white-space:normal}
 body.dokutakt-redesign .hero .preview-card{padding:14px;transform:none}
 body.dokutakt-redesign .hero .preview-card .preview-flow{gap:4px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}
 body.dokutakt-redesign .hero .preview-flow>.arrow{font-size:18px}
 body.dokutakt-redesign .hero .preview-card .paper,body.dokutakt-redesign .hero .preview-card .data{padding:10px 7px;min-height:175px}
 body.dokutakt-redesign .hero .preview-card .row-data{font-size:8px}
 body.dokutakt-redesign .hero .preview-card .row-data b{font-size:8px}
 body.dokutakt-redesign .hero .preview-card .paper h3,body.dokutakt-redesign .hero .preview-card .data h3{font-size:12px}
 body.dokutakt-redesign .hero .preview-card .paper p{font-size:9px}
 body.dokutakt-redesign .preview-signature img.robot{right:-10px;top:-48px;width:72px;height:72px}
 body.dokutakt-redesign .tiles{grid-template-columns:1fr}
 body.dokutakt-redesign .section{padding-top:65px;padding-bottom:68px}
 body.dokutakt-redesign .section-head h2,body.dokutakt-redesign h2.heading{font-size:33px}
}
@media(prefers-reduced-motion:reduce){body.dokutakt-redesign *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

@media(max-width:580px){body.dokutakt-redesign .preview-signature{display:none!important}body.dokutakt-redesign .hero-grid{gap:31px}}

/* Preserve readable secondary CTAs on light pages; only the dark hero uses reversed text. */
body.dokutakt-redesign .button-outline{color:#2e3c57!important;background:#fff;border-color:#cdd8e7}
body.dokutakt-redesign .hero .button-outline{color:#edf1ff!important;background:#ffffff0b;border-color:#ffffff4d}
body.dokutakt-redesign .button-outline:hover{border-color:#9e8ef0;background:#f4f1ff}
body.dokutakt-redesign .hero .button-outline:hover{background:#ffffff1c}

/* Product demonstration: legible sample data, keyboard-friendly tabs, input/output comparison. */
body.dokutakt-redesign .demo-wrap{border-radius:19px;border:1px solid #e0e6f0;background:#fff;box-shadow:0 22px 60px #25345610;overflow:hidden}
body.dokutakt-redesign .demo-tabs{display:flex;flex-wrap:wrap;gap:5px;background:#101b32;padding:12px;border-bottom:1px solid #394c71}
body.dokutakt-redesign .demo-tabs .tab-button{color:#b9c7df;background:#ffffff07;border:1px solid #ffffff1a;border-radius:9px;min-height:47px;padding:12px 17px;font-size:12px;font-weight:760}
body.dokutakt-redesign .demo-tabs .tab-button:hover{color:#fff;background:#ffffff15}
body.dokutakt-redesign .demo-tabs .tab-button.active,body.dokutakt-redesign .demo-tabs .tab-button[aria-selected=true]{color:#19263f;background:linear-gradient(110deg,#c5b0ff,#a8ebed);border-color:transparent}
body.dokutakt-redesign .demo-panel{padding:31px}
body.dokutakt-redesign .demo-panel[hidden]{display:none!important}
body.dokutakt-redesign .demo-panel>h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.05em;line-height:1.14}
body.dokutakt-redesign .demo-panel>p{font-size:13px;color:#63728c}
body.dokutakt-redesign .demo-body{gap:16px}
body.dokutakt-redesign .demo-sample,body.dokutakt-redesign .demo-result{min-width:0;border:1px solid #dbe4ef;border-radius:13px;background:#f8fbff;padding:23px}
body.dokutakt-redesign .demo-result{background:#f3fcf8;border-color:#c8e9dc}
body.dokutakt-redesign .demo-sample h3,body.dokutakt-redesign .demo-result h3{color:#1e3150;font-size:16px}
body.dokutakt-redesign .demo-body pre{font:12px/1.75 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#344460}
body.dokutakt-redesign .demo-result .simple-table{font-size:11px}
body.dokutakt-redesign .demo-result .simple-table th{background:#e5f7ee}
body.dokutakt-redesign .notice{background:#eff4ff;border:1px solid #d3e0f5;color:#395070;border-radius:12px;padding:19px 22px}
body.dokutakt-redesign .cta-band{background:linear-gradient(115deg,#18264a,#101831);border-radius:18px;box-shadow:0 15px 35px #13284a19}
body.dokutakt-redesign .cta-band h2,body.dokutakt-redesign .cta-band p{color:#f1f4ff}
@media(max-width:700px){body.dokutakt-redesign .demo-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.dokutakt-redesign .demo-tabs .tab-button{font-size:11px;padding:11px;white-space:normal}body.dokutakt-redesign .demo-panel{padding:19px}body.dokutakt-redesign .demo-body{grid-template-columns:1fr}body.dokutakt-redesign .demo-sample,body.dokutakt-redesign .demo-result{padding:14px}}