/* Dokcheck "Night shift": dark glass in the Krascorp family. Mint means done, red means missing, amber means look.
   The app views on the page are drawn here rather than screenshots, so they follow the app's new design. */
.dok-page{
  --paper:#070b12;--paper-2:#0d1420;--surface:#ffffff0b;--ink:#eef2f7;--ink-2:#cdd6e2;--muted:#9aa6b6;
  --line:#ffffff1a;--line-strong:#ffffff33;--accent:#3ee6b5;--accent-hover:#7af0cc;--accent-ink:#04261d;--brand:#3ee6b5;--brand-soft:#3ee6b51f;
  --green:#3ee6b5;--green-soft:#3ee6b51f;--amber:#ffc760;--amber-soft:#ffc76022;--miss:#ff5a4d;--miss-soft:#ff5a4d24;
  --night:#070b12;--night-2:#0d1420;--night-line:#ffffff1a;--night-ink:#eef2f7;--night-muted:#9aa6b6;
  --shadow-window:0 40px 80px -40px #000;
  background:transparent;color:var(--ink)
}
html:has(.dok-page){background:#070b12}
.dok-page ::selection{background:#3ee6b544;color:#fff}
.dok-page p{color:var(--muted)}
.dok-page h1,.dok-page h2,.dok-page h3{color:var(--ink)}
.dok-page :focus-visible{outline-color:var(--accent)}
.dn-sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.dn-sky i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:.5;animation:dn-drift 24s ease-in-out infinite alternate}
.dn-sky i:nth-child(1){left:-15vmax;top:-20vmax;background:radial-gradient(closest-side,#0fb59a,transparent)}
.dn-sky i:nth-child(2){right:-20vmax;top:-10vmax;background:radial-gradient(closest-side,#2f5bff,transparent);animation-duration:30s}
.dn-sky i:nth-child(3){left:20vmax;bottom:-35vmax;background:radial-gradient(closest-side,#d52b1e,transparent);opacity:.22;animation-duration:36s}
@keyframes dn-drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}

/* Header, footer, actions */
.dok-page .header{background:#070b1299;border-bottom:1px solid #ffffff12}
.dok-page .header nav a{color:var(--ink-2);background-image:linear-gradient(var(--accent),var(--accent))}
.dok-page .header nav a:hover{color:#fff}
.dok-page .language select{color:var(--ink-2);background:transparent}
.dok-page .language select option{color:#070b12}
.dok-page .menu-toggle{background:#ffffff10;border-color:#ffffff33}
.dok-page .menu-toggle img{filter:invert(1)}
.dok-page footer{border-top-color:#ffffff14}
.dok-page .footer-links a{color:var(--ink-2)}
.dok-page .footer-links a:hover{color:var(--accent)}
.dok-page .button{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.dok-page .button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
.dok-page .text-link{border-color:#ffffff3d;color:#fff}
.dok-page .text-link:hover{background:#fff;color:#070b12}
.dok-page .product-copy .text-link,.dok-page .trust-downloads .text-link,.dok-page .contact-links .text-link,.dok-page .checkout-notice .text-link{border:0;background:none}
.dok-page .product-copy .text-link:hover,.dok-page .trust-downloads .text-link:hover,.dok-page .contact-links .text-link:hover{color:var(--accent);background:none}
.dok-page .band-ink{--ink:#eef2f7;--ink-2:#cdd6e2;--muted:#9aa6b6;--line:#ffffff1a;--surface:#ffffff0b;background:transparent}

/* Glass surfaces */
.dok-page .hero-facts li,.dok-page .steps article,.dok-page .feature-grid article,.dok-page .onboarding-list>li,.dok-page .trust-grid article,.dok-page .faq-section details,.dok-page .pricing-included,.dok-page .plan-card,.dok-page .custom-plan,.dok-page .review-note,.dok-page .ai-feature-grid article,.dok-page .contact-form,.dok-page .ai-conversation-example{background:#ffffff0b;border:1px solid #ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dok-page .hero>.hero-copy>.eyebrow{background:#ffffff0d;border-color:#ffffff24;color:var(--ink)}
.dok-page .hero>.hero-copy>.eyebrow::before{background-color:var(--accent);filter:none}
.dok-page .hero h1{background:linear-gradient(90deg,#fff 35%,#9ff5dc);-webkit-background-clip:text;background-clip:text;color:transparent}
.dok-page .hero h1 em{color:inherit}
.dok-page .step-icon{background:#3ee6b51f}
.dok-page .step-icon img{filter:invert(1);opacity:.9}
.dok-page .steps .number{color:var(--accent)}
.dok-page .onboarding-list>li::before{background:#3ee6b51f;color:var(--accent)}
.dok-page .pricing-section{background:#ffffff08;border:1px solid #ffffff14;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dok-page .plan-card:nth-child(2){border-color:var(--accent);background:#3ee6b510}
.dok-page .plan-card .button{background:#fff;border-color:#fff;color:#070b12}
.dok-page .plan-card:nth-child(2) .button{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.dok-page .plan-card .button:hover,.dok-page .plan-card:nth-child(2) .button:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--accent-ink)}
.dok-page .custom-result{background:#ffffff0d}
.dok-page .custom-result>output{color:var(--accent)}
.dok-page .checkout-notice{background:#ffc7601a;border-color:#ffc76040;color:#ffd998}
.dok-page .checkout-notice h3,.dok-page .checkout-notice p,.dok-page .checkout-notice a{color:#ffd998}
.dok-page .faq-section summary::after{background-color:#ffffff14;filter:invert(1)}
.dok-page .faq-section summary:hover{color:var(--accent)}
.dok-page .contact-field input,.dok-page .contact-field textarea{background:#070b12b3;border-color:#ffffff2b!important;color:#fff}
.dok-page .contact-field input:focus,.dok-page .contact-field textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3ee6b533}
.dok-page .ai-example-question{background:#3ee6b51f;color:#eafff8}
.dok-page .ai-example-answer{background:#070b12b3;border-color:#ffffff1a}
.dok-page .website-ai-launcher{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.dok-page .website-ai-launcher:hover{background:var(--accent-hover);border-color:var(--accent-hover)}

/* Hero: the inbox sends documents along glowing lines to each client */
.dn-flow{position:relative;aspect-ratio:520/380;width:100%;animation:kc-window 1s var(--ease) both .1s}
.dn-flow svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dn-line{fill:none;stroke:#ffffff1f;stroke-width:1.5}
.dn-pulse{fill:none;stroke:#3ee6b5;stroke-width:3;stroke-linecap:round;stroke-dasharray:30 600;filter:drop-shadow(0 0 6px #3ee6b5);animation:dn-run 3.2s cubic-bezier(.4,0,.2,1) infinite}
.dn-pulse.b{animation-delay:.8s}.dn-pulse.c{animation-delay:1.6s}
.dn-pulse.miss{stroke:#ff5a4d;filter:drop-shadow(0 0 6px #ff5a4d);animation-delay:2.4s}
@keyframes dn-run{from{stroke-dashoffset:630}to{stroke-dashoffset:0}}
.dn-env{position:absolute;left:0;top:50%;translate:0 -50%;display:grid;justify-items:center;gap:4px;width:23%;padding:16px 8px;border-radius:20px;background:#ffffff10;border:1px solid #ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12.5px;text-align:center}
.dn-env i{width:42px;height:42px;border-radius:12px;background:#3ee6b5 url('/assets/obsidian/icons/envelope-simple.svg') center/22px no-repeat;box-shadow:0 0 30px #3ee6b566;animation:dn-glow 3.2s ease-in-out infinite}
@keyframes dn-glow{50%{box-shadow:0 0 46px #3ee6b5aa}}
.dn-env span{color:var(--muted)}
.dn-folder{position:absolute;right:0;width:38%;padding:10px 12px;border-radius:14px;background:#ffffff0d;border:1px solid #ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:12.5px;translate:0 -50%}
.dn-folder b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dn-folder span{color:#3ee6b5}
.dn-folder span::before{content:"✓ "}
.dn-folder.miss{border-color:#ff5a4d66;animation:dn-alert 3.2s ease-in-out infinite 2.4s}
.dn-folder.miss span{color:#ff8a80}
.dn-folder.miss span::before{content:"! "}
@keyframes dn-alert{0%,100%{box-shadow:none}30%{box-shadow:0 0 0 6px #ff5a4d22}}
.f1{top:15.8%}.f2{top:39.5%}.f3{top:63.2%}.f4{top:86.8%}

/* The app, drawn */
.dn-app-wrap{margin-top:40px}
.dn-app{display:grid;grid-template-columns:190px 1fr 250px;border-radius:22px;overflow:hidden;background:#ffffff0a;border:1px solid #ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-window);font-size:14px}
.dn-side{display:grid;align-content:start;gap:4px;padding:18px 14px;background:#ffffff06}
.dn-side-logo{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:15px}
.dn-side-logo i{width:18px;height:18px;border-radius:6px;background:var(--accent)}
.dn-side>span{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;color:var(--muted)}
.dn-side>span.is-on{background:#ffffff12;color:#fff;font-weight:650}
.dn-side em{font-style:normal;padding:0 7px;border-radius:999px;background:var(--miss);color:#fff;font-size:12px}
.dn-main{padding:20px 22px;border-inline:1px solid #ffffff14}
.dn-main-top{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}
.dn-main-top small{display:block;color:var(--muted);font-size:12px}
.dn-main-top b{font-size:20px;letter-spacing:-.03em}
.dn-months{display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff0d}
.dn-months span{padding:4px 12px;border-radius:999px;font-size:12.5px;color:var(--muted)}
.dn-months span.is-on{background:#fff;color:#070b12}
.dn-tr{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid #ffffff12}
.dn-th{font-size:12px;color:var(--muted)}
.dn-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}
.dn-chip.ok{background:#3ee6b51f;color:#3ee6b5}
.dn-chip.review{background:#ffc76022;color:#ffc760}
.dn-chip.miss{background:#ff5a4d24;color:#ff8a80;animation:dn-alert 2.6s ease-in-out infinite}
.dn-ai{display:grid;align-content:start;gap:10px;padding:18px}
.dn-ai b{display:flex;align-items:center;gap:8px}
.dn-ai b i{width:18px;height:18px;border-radius:50%;background:conic-gradient(#3ee6b5,#7b9cff,#3ee6b5)}
.dn-q{justify-self:end;max-width:92%;margin:0;padding:9px 12px;border-radius:14px 14px 4px 14px;background:#3ee6b5;color:#04261d!important;font-size:13px}
.dn-a{margin:0;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#ffffff10;font-size:13px;color:var(--ink)!important}
.dn-note{margin-top:12px;font-size:12.5px}

/* Archive: clients by month, filling up */
.dn-k{padding:22px;border-radius:22px;background:#ffffff0a;border:1px solid #ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-window)}
.dn-k-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.dn-k-top>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.dn-k-top i{width:10px;height:10px;border-radius:3px;background:#3ee6b5}
.dn-k-top i.miss{margin-left:8px;background:#ff5a4d}
.dn-k-row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(6,minmax(0,1fr));gap:6px;align-items:center;padding-block:4px}
.dn-k-row>span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dn-k-head span{font-size:11.5px;color:var(--muted);text-align:center}
.dn-k-row i{aspect-ratio:1.4;border-radius:8px;background:#3ee6b514;position:relative;overflow:hidden}
.dn-k-row i.ok::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#3ee6b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%2304261d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;transform-origin:left;animation:dn-fill 9s var(--ease) infinite}
.dn-k-row i.miss{background:#ff5a4d2e;border:1px solid #ff5a4d66;animation:dn-alert 2.6s ease-in-out infinite}
@keyframes dn-fill{0%{transform:scaleX(0)}10%,100%{transform:scaleX(1)}}

/* New client in two steps */
.dn-new{display:grid;gap:12px;padding:22px;border-radius:22px;background:#ffffff0a;border:1px solid #ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-window)}
.dn-new-head{display:flex;justify-content:space-between;align-items:center}
.dn-new-head b{font-size:18px;letter-spacing:-.02em}
.dn-steps{display:flex;gap:6px}
.dn-steps i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #ffffff33;font-style:normal;font-size:12px;color:var(--muted)}
.dn-steps i.is-on{background:var(--accent);border-color:var(--accent);color:#04261d;font-weight:700}
.dn-new label{display:grid;gap:4px}
.dn-new label small{font-size:12px;color:var(--muted)}
.dn-new label span{padding:10px 12px;border-radius:10px;background:#070b12b3;border:1px solid #ffffff24;font-size:14px}
.dn-select{position:relative}
.dn-select::after{content:"⌄";position:absolute;right:12px;top:6px;color:var(--muted)}
.dn-tags{display:flex;flex-wrap:wrap;gap:6px}
.dn-tags span{padding:5px 10px;border-radius:999px;background:#3ee6b51a;color:#9ff5dc;font-size:12px}
.dn-activate{justify-self:start;padding:10px 18px;border-radius:999px;background:var(--accent);color:#04261d;font-weight:700;font-size:14px}

/* Archive grid fills column by column */
.dn-k-row:nth-child(3) i:nth-of-type(1)::after{animation-delay:0.00s}
.dn-k-row:nth-child(3) i:nth-of-type(2)::after{animation-delay:0.78s}
.dn-k-row:nth-child(3) i:nth-of-type(3)::after{animation-delay:1.56s}
.dn-k-row:nth-child(3) i:nth-of-type(4)::after{animation-delay:2.34s}
.dn-k-row:nth-child(3) i:nth-of-type(5)::after{animation-delay:3.12s}
.dn-k-row:nth-child(3) i:nth-of-type(6)::after{animation-delay:3.90s}
.dn-k-row:nth-child(4) i:nth-of-type(1)::after{animation-delay:0.13s}
.dn-k-row:nth-child(4) i:nth-of-type(2)::after{animation-delay:0.91s}
.dn-k-row:nth-child(4) i:nth-of-type(3)::after{animation-delay:1.69s}
.dn-k-row:nth-child(4) i:nth-of-type(4)::after{animation-delay:2.47s}
.dn-k-row:nth-child(4) i:nth-of-type(5)::after{animation-delay:3.25s}
.dn-k-row:nth-child(4) i:nth-of-type(6)::after{animation-delay:4.03s}
.dn-k-row:nth-child(5) i:nth-of-type(1)::after{animation-delay:0.26s}
.dn-k-row:nth-child(5) i:nth-of-type(2)::after{animation-delay:1.04s}
.dn-k-row:nth-child(5) i:nth-of-type(3)::after{animation-delay:1.82s}
.dn-k-row:nth-child(5) i:nth-of-type(4)::after{animation-delay:2.60s}
.dn-k-row:nth-child(5) i:nth-of-type(5)::after{animation-delay:3.38s}
.dn-k-row:nth-child(5) i:nth-of-type(6)::after{animation-delay:4.16s}
.dn-k-row:nth-child(6) i:nth-of-type(1)::after{animation-delay:0.39s}
.dn-k-row:nth-child(6) i:nth-of-type(2)::after{animation-delay:1.17s}
.dn-k-row:nth-child(6) i:nth-of-type(3)::after{animation-delay:1.95s}
.dn-k-row:nth-child(6) i:nth-of-type(4)::after{animation-delay:2.73s}
.dn-k-row:nth-child(6) i:nth-of-type(5)::after{animation-delay:3.51s}
.dn-k-row:nth-child(6) i:nth-of-type(6)::after{animation-delay:4.29s}
.dn-k-row:nth-child(7) i:nth-of-type(1)::after{animation-delay:0.52s}
.dn-k-row:nth-child(7) i:nth-of-type(2)::after{animation-delay:1.30s}
.dn-k-row:nth-child(7) i:nth-of-type(3)::after{animation-delay:2.08s}
.dn-k-row:nth-child(7) i:nth-of-type(4)::after{animation-delay:2.86s}
.dn-k-row:nth-child(7) i:nth-of-type(5)::after{animation-delay:3.64s}
.dn-k-row:nth-child(7) i:nth-of-type(6)::after{animation-delay:4.42s}
.dn-k-row:nth-child(8) i:nth-of-type(1)::after{animation-delay:0.65s}
.dn-k-row:nth-child(8) i:nth-of-type(2)::after{animation-delay:1.43s}
.dn-k-row:nth-child(8) i:nth-of-type(3)::after{animation-delay:2.21s}
.dn-k-row:nth-child(8) i:nth-of-type(4)::after{animation-delay:2.99s}
.dn-k-row:nth-child(8) i:nth-of-type(5)::after{animation-delay:3.77s}
.dn-k-row:nth-child(8) i:nth-of-type(6)::after{animation-delay:4.55s}
@media(max-width:1000px){.dn-app{grid-template-columns:1fr}.dn-side,.dn-ai{display:none}.dn-main{border:0}}
@media(max-width:620px){.dn-tr{grid-template-columns:1fr auto}.dn-tr span:nth-child(2){display:none}.dn-folder{width:44%;font-size:11px}.dn-env{width:26%}}
@media(prefers-reduced-motion:reduce){.dok-page *,.dok-page *::before,.dok-page *::after{animation:none!important}}