/* PDF AI design 04: Dark Archive. This is presentation-only; app markup and scripts stay intact. */
:root {
  color-scheme: dark;
  --ink: #edf1ff;
  --green: #a08aff;
  --green-2: #8de9db;
  --sage: #171d38;
  --mint: #98efdc;
  --paper: #090d1c;
  --line: #293353;
  --muted: #a4aecb;
  --gold: #ffcb82;
  --white: #121831;
  --shadow: 0 24px 80px #02061599;
}

html { background: #090d1c; }
body {
  color: var(--ink);
  background:
    radial-gradient(ellipse at 82% 0%, #27224c99 0, transparent 38rem),
    radial-gradient(ellipse at 5% 40%, #12304a55 0, transparent 34rem),
    #090d1c;
}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible { outline-color: #9b8aff; }
.skip-link { background: #f7f6ff; color: #151831; }

.topbar {
  background: #090d1ced;
  border-bottom-color: #252d49;
  box-shadow: 0 8px 30px #02061540;
  backdrop-filter: blur(18px);
}
.brand-mark { background: linear-gradient(145deg, #8265f6, #395bc4); box-shadow: 0 7px 22px #765dff40; }
.brand-mark svg { stroke: #f3f1ff; }
.brand-name { color: #f3f2ff; }
.brand-name b { color: var(--green-2); }
.topnav-link { color: #a7b0cb; }
.topnav-link:hover, .topnav-link.is-active { color: #d6cdff; }
.topnav-link.is-active:after { background: linear-gradient(90deg, #917aff, #8de9db); }
.language-wrap { background: #11172e; border-color: #343d5f; }
.language-icon, .select-chevron { color: #b8abff; }
.language-wrap select { color: #edf1ff; }
/* Keep the native language menu legible when the browser paints its option list. */
.language-wrap select,
.language-wrap select option {
  color: #f3f4ff;
  background-color: #11172e;
  color-scheme: dark;
}
.language-wrap select option:checked {
  color: #fff;
  background-color: #51447f;
}
.language-wrap select:focus-visible {
  outline: 2px solid #a99aff;
  outline-offset: 3px;
  border-radius: 5px;
}

/* Nginx injects the shared app switcher after this stylesheet, so use a more specific selector. */
html body #site-app-switcher {
  --switch-bg: #090d1c;
  --switch-text: #d2daef;
  --switch-border: #252e4c;
  --switch-pill: #151c36;
  --switch-pill-border: #354263;
  --switch-pill-hover: #242c4b;
  --switch-active: #aa9bff;
  --switch-active-text: #0b0e1d;
  border-bottom-color: #252e4c;
  background: #090d1c;
  color: #d2daef;
}
html body #site-app-switcher .site-app-switcher-link {
  border-color: #354263;
  background: #151c36;
  color: #d2daef;
}
html body #site-app-switcher .site-app-switcher-link:hover {
  border-color: #aa9bff;
  background: #242c4b;
  color: #e9e5ff;
}
html body #site-app-switcher .site-app-switcher-link.is-current {
  border-color: #8173e5;
  background: linear-gradient(110deg, #705bd0, #4969c4);
  color: #fff;
}

.hero {
  max-width: 1320px;
  min-height: 440px;
  margin-top: 24px;
  padding: 61px 42px 50px;
  border: 1px solid #2a3151;
  border-radius: 30px;
  background:
    radial-gradient(ellipse at 79% 30%, #392b7260 0, transparent 31rem),
    linear-gradient(128deg, #11172c 0%, #11152a 52%, #101d32 100%);
  box-shadow: 0 25px 90px #02061566, inset 0 1px #ffffff0a;
}
.eyebrow, .hero .eyebrow { color: #aab5d4; }
.eyebrow-dot { background: #8de9db; box-shadow: 0 0 12px #8de9db88; }
.hero h1 { color: #f2f0ff; text-shadow: 0 5px 35px #7963ff22; }
.hero-text { color: #bac3dc; }
.hero-search {
  border-color: #44436c;
  background: #0b1022;
  box-shadow: 0 12px 35px #02061555, inset 0 1px #ffffff0a;
}
.hero-search:focus-within { border-color: #9b88ff; box-shadow: 0 0 0 4px #8b75ff26, 0 12px 35px #02061555; }
.hero-search svg { stroke: #b7aaff; }
.hero-search input { color: #f1f2ff; }
.hero-search input::placeholder { color: #7884a6; }
.hero-search kbd { color: #a2abc5; border-color: #37405f; background: #151b34; }
.hero-proof { color: #aeb9d3; }
.proof-check { color: #8de9db; }
.proof-separator { color: #57617e; }

/* Layered paper illustration keeps the 3D archive visual without raster assets. */
.hero-art { perspective: 900px; }
.hero-sun {
  width: 272px;
  height: 272px;
  background: radial-gradient(circle at 50% 50%, #3c347a80 0, #29265380 47%, #17254455 48%, #17254455 69%, transparent 70%);
  filter: drop-shadow(0 0 30px #7563ff20);
}
.hero-paper {
  width: 174px;
  height: 222px;
  border-color: #66709a;
  background: linear-gradient(150deg, #293353 0%, #18213d 62%, #141a31 100%);
  box-shadow: 0 27px 55px #020615a8, inset 0 1px #ffffff27, inset 0 -1px #9d8cff20;
  backdrop-filter: blur(10px);
}
.hero-paper i { background: linear-gradient(90deg, #657095, #394463); }
.paper-back { transform: rotateY(-15deg) rotate(11deg) translate(42px, 0); }
.paper-front { transform: rotateY(12deg) rotate(-7deg) translate(-12px, 7px); background: linear-gradient(145deg, #3b3968, #202849 64%, #172139); }
.paper-front b { color: #a4f1df; text-shadow: 0 0 22px #8de9db80; }
.pdf-chip { background: linear-gradient(135deg, #ffb49b, #f484a2); color: #401d3a; }
.hero-orbit { border-color: #8978dc66; }
.orbit-two { border-color: #7ee7dc42; }
.hero-spark { color: #b5a7ff; text-shadow: 0 0 18px #a18aff9c; }
.spark-b { color: var(--gold); }

.workspace {
  width: min(1440px, calc(100% - 48px));
  max-width: 1440px;
  margin: 18px auto 0;
  padding-top: 52px;
  padding-bottom: 64px;
  border: 1px solid #252e4c;
  border-radius: 28px;
  background: linear-gradient(145deg, #0e1428 0%, #10172e 65%, #101c30 100%);
  box-shadow: 0 22px 70px #02061545;
}
.section-heading h2, .privacy-copy h2, .how-section h2 { color: #f0f1ff; }
.section-note { color: #97a3c1; }
.filter-chip {
  border-color: #303a5a;
  background: #131a32;
  color: #bac3dc;
}
.filter-chip:hover { border-color: #8575dc; color: #e4deff; }
.filter-chip.is-active { background: linear-gradient(110deg, #7962e7, #526fd5); border-color: #8b78ef; color: #fff; box-shadow: 0 6px 18px #6957dd3b; }
.tool-card {
  border-color: #2b3554;
  background: linear-gradient(145deg, #171e38, #11182f 76%);
  color: #eef0ff;
  box-shadow: inset 0 1px #ffffff08;
}
.tool-card:hover { border-color: #8173d9; background: linear-gradient(145deg, #202649, #151e37 76%); box-shadow: 0 15px 36px #02061575, 0 0 0 1px #8173d926; }
.tool-icon { background: linear-gradient(145deg, #352f68, #252d57); color: #b9adff; }
.tool-count { color: #818eaf; }
.tool-card h3 { color: #f1f2ff; }
.tool-card p { color: #a4afcb; }
.tool-arrow { color: #aa9cff; }
.empty-state { color: #aab5d0; }
.empty-state>span { color: #a89aff; }

.privacy-panel {
  border: 1px solid #354168;
  background: linear-gradient(120deg, #1b2441, #17263a);
  box-shadow: inset 0 1px #ffffff0a;
}
.privacy-emblem { background: #2b3b5a; }
.privacy-emblem svg { stroke: #8de9db; }
.privacy-copy>p:last-child { color: #b1bdd5; }
.privacy-list { color: #d1d8eb; }
.privacy-list i { color: #8de9db; }
.how-section>.eyebrow { color: #a9a0ed; }
.how-grid article { border-color: #2a3453; background: linear-gradient(145deg, #151c35, #11182d); box-shadow: inset 0 1px #ffffff08; }
.how-grid article>span { color: #9c8cff; }
.how-grid article b { color: #edf0ff; }
.how-grid article p { color: #a6b1cc; }
.footer { border-top-color: #28314e; background: #090d1c; }
.footer>p { color: #a2adc8; }
.footer>small { color: #75819e; }

.tool-dialog { border: 1px solid #354061; background: #10162b; color: #eef0ff; box-shadow: 0 35px 110px #000c; }
.tool-dialog::backdrop { background: #030714c9; backdrop-filter: blur(9px); }
.dialog-header { border-bottom-color: #2a3452; background: #0d1327ed; backdrop-filter: blur(16px); }
.icon-button { border-color: #343d5e; background: #171e37; color: #d2d7ea; }
.icon-button:hover { background: #252e50; }
.work-icon { background: #292f57; color: #b8aaff; }
.dialog-description { color: #aab5ce; }
.drop-zone { border-color: #59658d; background: #151d37; }
.drop-zone:hover, .drop-zone.dragging { border-color: #9c8aff; background: #1c2545; }
.upload-icon { background: #2d315e; color: #b6aaff; }
.drop-zone>b { color: #f1f1ff; }
.drop-zone>span:not(.upload-icon), .drop-zone>small { color: #a2adc9; }
.selected-files, .file-preview { border-color: #303b5b; background: #11182e; }
.selected-file { color: #e3e7f5; }
.selected-file+.selected-file { border-top-color: #28314c; }
.file-badge { background: #472d4b; color: #ffb5ca; }
.selected-file-size { color: #98a4c0; }
.preview-head { color: #aeb8d1; }
.file-preview canvas { background: #fff; }
.field-label { color: #c5cde1; }
.field-label input, .field-label select, .field-label textarea { border-color: #374361; background: #0c1225; color: #eef1ff; }
.field-label input::placeholder, .field-label textarea::placeholder { color: #7e89a8; }
.field-label input:focus, .field-label select:focus, .field-label textarea:focus { border-color: #9a88ff; box-shadow: 0 0 0 3px #8d79ff2e; }
.field-label select option { background: #121a32; color: #eef1ff; }
.field-help { color: #929eb9; }
.local-note { background: #1b2940; color: #cad8e4; }
.local-note>span { color: #8de9db; }
.primary-button { background: linear-gradient(105deg, #775ee0, #496bce); box-shadow: 0 8px 22px #584ac533; }
.primary-button:hover:not(:disabled) { background: linear-gradient(105deg, #896ff0, #5879df); }
.primary-button:disabled { opacity: .5; }
.progress-text { color: #a5b4d4; }
.result-card { border-color: #477d78; background: #142c35; }
.result-card[hidden] { display: none; }
.result-card b { color: #e6f6f0; }
.result-card p { color: #afc9c8; }
.download-button { background: #27685e; color: #fff; }
.tool-caveat { color: #96a2be; }
.toast { background: #222d51; color: #f2f3ff; border: 1px solid #4c5680; }

/* Assistant shares the same midnight palette, while keeping its controls distinct. */
.assistant-widget { color: #edf1ff; }
.assistant-launcher { border-color: #465078; background: #111831; color: #edf1ff; box-shadow: 0 13px 38px #020615a8; }
.assistant-launcher:hover { box-shadow: 0 16px 42px #020615c9; }
.assistant-avatar-wrap { box-shadow: 0 0 0 2px #111831; }
.assistant-avatar-wrap i { border-color: #111831; }
.assistant-launcher-copy small, .assistant-header-copy small { color: #a7b4d1; }
.assistant-panel { border-color: #485276; background: #111831; box-shadow: 0 25px 85px #000b; }
.assistant-header { border-bottom-color: #303a5b; background: linear-gradient(110deg, #1b2442, #17293d); }
.assistant-close { color: #c6cce0; }
.assistant-close:hover { background: #293452; }
.assistant-message { background: #202946; color: #e7ebfa; }
.assistant-message-user { background: linear-gradient(110deg, #705bd0, #4169c5); color: #fff; }
.assistant-open-tool { background: #287267; }
.assistant-open-tool:hover { background: #328b7a; }
.assistant-quick button { border-color: #3b4768; background: #151e38; color: #d6dcf0; }
.assistant-quick button:hover { border-color: #8174d7; background: #202747; }
.assistant-form { border-top-color: #303a57; }
.assistant-form input { border-color: #3c4768; background: #0b1123; color: #f0f2ff; }
.assistant-form input::placeholder { color: #818cab; }
.assistant-form input:focus { outline-color: #9583ff; border-color: #8e7bea; }
.assistant-form button { background: linear-gradient(110deg, #755ddc, #4c6bce); }
.assistant-form button:hover { background: linear-gradient(110deg, #8b71ef, #5a7cdf); }
.assistant-footnote, .assistant-analytics-note { color: #99a6c4; }

@media (max-width: 900px) {
  .hero { padding: 48px 28px 40px; }
  .workspace { width: calc(100% - 32px); padding-left: 25px; padding-right: 25px; }
}
@media (max-width: 640px) {
  .topbar { background: #090d1cf2; }
  .topnav-link { color: #aeb8d1; }
  .hero { min-height: 0; margin: 12px 12px 0; padding: 34px 18px 22px; border-radius: 23px; }
  .hero .eyebrow { color: #aeb8d0; }
  .hero h1 { color: #f1efff; }
  .hero-text { color: #bbc4dc; }
  .hero-art { display: block; height: 182px; margin-top: 10px; overflow: hidden; }
  .hero-sun { width: 178px; height: 178px; left: 50%; right: auto; top: 2px; transform: translateX(-50%); }
  .hero-paper { width: 118px; height: 151px; padding: 18px 13px; border-radius: 9px; }
  .hero-paper i { height: 4px; margin-top: 10px; }
  .paper-back { right: calc(50% - 81px); top: 15px; transform: rotateY(-12deg) rotate(11deg) translate(12px, 0); }
  .paper-front { right: calc(50% + 5px); top: 13px; padding-top: 43px; transform: rotateY(10deg) rotate(-7deg) translate(-3px, 3px); }
  .paper-front b { font-size: 25px; bottom: 13px; right: 13px; }
  .pdf-chip { top: 11px; left: 11px; font-size: 8px; padding: 3px 5px; }
  .hero-orbit { width: 240px; height: 94px; left: 50%; right: auto; top: 44px; transform: translateX(-50%) rotate(-18deg); }
  .orbit-two { width: 250px; height: 145px; top: 20px; transform: translateX(-50%) rotate(42deg); }
  .spark-a { right: 8%; top: 12px; }
  .spark-b { left: 9%; right: auto; bottom: 17px; }
  .workspace { width: calc(100% - 24px); margin-top: 12px; padding: 29px 14px 40px; border-radius: 22px; }
  .privacy-panel { border-color: #354168; }
  .how-grid article { border-color: #2a3453; }
  .footer { background: #090d1c; }
  .tool-dialog { border-radius: 0; }
}
@media (max-width: 370px) {
  .hero { margin-left: 8px; margin-right: 8px; padding-left: 15px; padding-right: 15px; }
  .workspace { width: calc(100% - 16px); padding-left: 11px; padding-right: 11px; }
  .hero-art { height: 168px; }
  .hero-paper { width: 108px; height: 141px; }
  .paper-back { right: calc(50% - 73px); }
  .paper-front { right: calc(50% + 2px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-paper { animation: none !important; }
}