/* WRKDOCS V8 — restrained, product-led premium design.
   One coherent visual layer for the public homepage. No web fonts, external images,
   decorative scripts, tracking or changes to the file processing engine. */
:root{
 --ink:#15191f;--sub:#5e6670;--line:#e5e9ee;--mist:#f7f8fa;--blue:#2563eb;
 --deep:#10141c;--radius:16px
}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
.shell{width:min(1180px,calc(100% - 56px));max-width:none;margin-left:auto;margin-right:auto}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
button,a,input{touch-action:manipulation}
:focus-visible{outline:3px solid #5593ff;outline-offset:3px}
.site-head{position:relative;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid #f0f1f3}
.site-head .head-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-head .brand{color:#15191f;text-decoration:none;font-size:27px;letter-spacing:-2.1px;font-weight:800;white-space:nowrap}
.site-head .brand span{color:#15191f}.site-head .brand b{color:var(--blue)}
.site-head nav.home-nav{margin-left:auto;display:flex;align-items:center;gap:30px;flex-wrap:nowrap}
.site-head nav.home-nav>a{color:#505862;text-decoration:none;font-size:12.5px;font-weight:630;white-space:nowrap;transition:color .15s}
.site-head nav.home-nav>a:hover,.site-head .nav-more summary:hover{color:#1266e8}
.site-head nav.home-nav>a.nav-cta{background:#151a22;color:#fff;border:1px solid #151a22;border-radius:999px;padding:11px 19px;box-shadow:none;font-size:12px;font-weight:730}
.site-head nav.home-nav>a.nav-cta:hover{background:#343c47;color:white}
.site-head .nav-more{position:relative;flex-shrink:0}
.site-head .nav-more summary{list-style:none;display:flex;align-items:center;gap:5px;color:#505862;padding:9px 0;cursor:pointer;font-weight:630;font-size:12.5px}
.site-head .nav-more summary::-webkit-details-marker{display:none}
.site-head .nav-more-items{position:absolute;right:-18px;top:calc(100% + 17px);z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:min(350px,88vw);background:#fff;border:1px solid #e9edf1;border-radius:16px;box-shadow:0 24px 74px #1519231d;padding:10px}
.site-head .nav-more-items a{color:#4c5967;font-size:12px;font-weight:580;text-decoration:none;padding:12px 13px;display:flex;align-items:center;border-radius:9px;line-height:1.3}
.site-head .nav-more-items a:hover{background:#f4f6f9;color:#15191f}
/* HERO — one message, one search field, and the product itself */
.hero-v8{background:linear-gradient(180deg,#fff 0%,#fff 78%,#fafbfc 100%);overflow:hidden;border-bottom:1px solid #f2f3f4}
.hero-v8-inner{padding-top:78px;padding-bottom:47px;text-align:center;display:flex;align-items:center;flex-direction:column}
.hero-kicker{display:inline-flex;align-items:center;gap:9px;margin:0 0 24px;color:#737e89;font-size:11px;letter-spacing:.17em;font-weight:700}
.hero-kicker-dot{display:block;height:7px;width:7px;border-radius:100%;background:#3066ee;box-shadow:0 0 0 4px #eef2ff}
.hero-v8 h1{margin:0;color:#111419;font-size:clamp(54px,6.8vw,94px);letter-spacing:-.078em;line-height:1.035;font-weight:740;text-wrap:balance}
.hero-v8 h1 em{font-style:normal;color:#6a717b}
.hero-v8-lead{font-size:clamp(15px,1.5vw,19px);line-height:1.65;font-weight:420;color:#737d87;max-width:720px;margin:26px auto 34px}
.home-search{display:flex;align-items:center;position:relative;z-index:20;width:min(100%,680px);max-width:680px;min-height:67px;box-sizing:border-box;background:#fff;border:1px solid #dbe0e6;border-radius:14px;box-shadow:0 10px 30px #151b2810;padding:7px 8px 7px 18px;transition:border-color .16s,box-shadow .16s}
.home-search:focus-within{border-color:#89a7df;box-shadow:0 14px 45px #1b4a9e1a}
.search-symbol{font-size:31px;line-height:1;color:#8d98a5;display:block;margin-right:11px;transform:translateY(-1px)}
.home-search input{min-width:0;flex:1;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;font-size:15px;font-weight:450;color:#1c2734;padding:8px 2px}
.home-search input::placeholder{color:#99a1ac}
.search-submit{min-height:49px;border:0;background:#151a22;color:#fff;border-radius:9px;padding:0 19px;font-size:12px;font-weight:710;white-space:nowrap}
.search-submit:hover{background:#2b3441}
.home-search-results{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:60;max-height:340px;overflow-y:auto;background:white;border:1px solid #e0e6ed;border-radius:12px;box-shadow:0 20px 60px #15203924;padding:8px;text-align:left}
.search-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;text-align:left;font-weight:650;font-size:13px;color:#303b4b;background:white;border:0;border-radius:9px}
.search-result:hover,.search-result:focus-visible{color:#135ce4;background:#f3f6fd}
.search-result .result-kind{font-weight:680;color:#6781a0;background:#edf2f8;border-radius:6px;padding:5px 8px;font-size:10px}
.search-empty{color:#737f8b;font-size:12px;padding:15px}
.hero-shortcuts{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:17px}
.hero-shortcuts>span{color:#969da6;font-size:11.5px;margin-right:2px}
.hero-shortcuts button{background:none;border:1px solid #e5e8ec;border-radius:999px;padding:7px 13px;color:#707a86;font-size:11px;font-weight:570;white-space:nowrap}
.hero-shortcuts button:hover{background:#f6f8fa;border-color:#cdd5df;color:#1c2836}
.hero-v8-trust{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px;margin-top:27px}
.hero-v8-trust span{color:#99a2ab;font-size:11px;font-weight:550}
.hero-v8-trust i{font-style:normal;font-weight:700;color:#5475d7;margin-right:4px}
/* Actual product visualization constructed from semantic decorative markup */
.v8-product{position:relative;max-width:1080px;margin:12px auto -4px;background:#151a22;border:1px solid #252b35;border-radius:22px 22px 0 0;box-shadow:0 25px 85px #0d142425;overflow:hidden}
.v8-product-top{height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 25px;color:#7d8898;background:#131820;border-bottom:1px solid #2c323a;font-size:9px;letter-spacing:.14em;font-weight:700}
.v8-product-dots{letter-spacing:.3em;color:#53606f;font-size:10px}
.v8-product-title{font-size:10px;color:#a7b1c0}
.v8-product-secure b{color:#4cbd8d;font-size:9px}
.v8-product-inside{position:relative;height:286px;overflow:hidden;background:radial-gradient(ellipse 450px 260px at 56% 64%,#334256 0%,transparent 75%),linear-gradient(112deg,#19212c,#252e3a)}
.v8-product-rail{position:absolute;left:0;top:0;bottom:0;width:70px;border-right:1px solid #ffffff13;background:#13192380;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:21px;color:#9ca8b6;font-size:22px}
.v8-product-rail .v8-app-glyph{font-size:25px;color:#7ba4ff;margin-bottom:4px}
.v8-document{position:relative;width:282px;height:365px;margin:-7px auto 0;padding:32px 29px;background:#fff;border:1px solid #e5e6e8;box-shadow:0 15px 45px #0b142b54;transform:rotate(-3deg);border-radius:3px}
.v8-doc-upper{display:flex;align-items:center;justify-content:space-between;font-size:8px;font-weight:750;letter-spacing:.12em;color:#7f90a4;margin-bottom:23px}
.v8-doc-upper span:last-child{padding:5px 6px;background:#eef3ff;border-radius:3px;color:#4b7be3}
.v8-doc-heading{height:13px;width:68%;background:#22334a;border-radius:3px;margin-bottom:22px}
.v8-doc-rule{height:1px;background:#e4e9ed;margin-bottom:18px}
.v8-doc-line{height:7px;width:92%;background:#e5e9ed;border-radius:8px;margin-bottom:13px}
.v8-doc-line.short{width:53%}.v8-doc-line.medium{width:73%}
.v8-doc-highlight{height:20px;width:89%;background:#e5efff;border-left:3px solid #5489f0;border-radius:2px;margin:17px 0}
.v8-doc-fauxsig{font-family:Georgia,serif;font-style:italic;color:#5e779b;font-size:13px;margin-top:16px}
.v8-action-card{position:absolute;right:clamp(20px,11%,152px);top:111px;display:flex;align-items:center;gap:12px;background:white;border:1px solid #e9ebee;border-radius:12px;padding:15px 20px;box-shadow:0 23px 60px #0b132955}
.v8-action-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;color:#178759;background:#e1f5eb;font-size:20px}
.v8-action-card div{display:grid;gap:3px}
.v8-action-card strong{font-size:12px;color:#1d2a37}
.v8-action-card small{font-size:10px;color:#738090}
.v8-product-caption{position:absolute;right:20px;bottom:14px;color:#92a1b2;letter-spacing:.12em;font-size:9px;font-weight:760}
.v8-product-caption span{color:#66788a;margin:0 6px}
/* Featured tools: quiet unified rail instead of large six promo cards */
.featured-v7{padding:73px 0 71px}
.featured-top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}
.section-eyebrow{font-size:10.5px;letter-spacing:.15em;font-weight:760;color:#737f8d;margin:0 0 9px}
.featured-top h2{font-size:clamp(25px,3vw,37px);font-weight:670;letter-spacing:-.045em;color:#1b222b;line-height:1.2;margin:0}
.featured-all{color:#2866c8;text-decoration:none;font-size:12px;font-weight:610;padding-bottom:3px;white-space:nowrap}
.featured-all:hover{text-decoration:underline}
.featured-strip.featured-icon-row{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;gap:0!important;overflow:visible!important;padding:0!important;margin:0!important;border:1px solid #e7eaee;border-radius:18px;background:white;box-shadow:0 8px 35px #0d18230b}
.featured-icon-row .featured-tile.feature-rail-item{box-sizing:border-box;position:relative;display:flex;align-items:flex-start;flex-direction:column;min-width:0;min-height:159px;height:auto;gap:0;margin:0;padding:23px 18px!important;border:0!important;border-right:1px solid #eef0f2!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:left;cursor:pointer;transition:background .18s}
.featured-icon-row .featured-tile.feature-rail-item:last-child{border-right:0!important}
.featured-icon-row .featured-tile.feature-rail-item:hover{background:#f7f9fb!important;transform:none}
.featured-icon-row .featured-tile.feature-rail-item:focus-visible{outline:3px solid #6594ef;outline-offset:-4px;z-index:1}
.featured-icon-row .feature-icon{margin:0 0 18px;display:grid;place-items:center;width:39px;height:39px;min-height:39px;min-width:39px;border-radius:10px;background:#f4f6f8;color:#2b536b}
.featured-icon-row .feature-icon svg{width:24px;height:24px}
.featured-icon-row .feature-count .feature-icon,.featured-icon-row .feature-pdf .feature-icon,.featured-icon-row .feature-ocr .feature-icon,.featured-icon-row .feature-invoice .feature-icon,.featured-icon-row .feature-qr .feature-icon,.featured-icon-row .feature-compress .feature-icon{background:#f3f6fb;color:#4c6c94}
.featured-icon-row .feature-rail-label{min-width:0;display:block}
.featured-icon-row .feature-rail-label strong{display:block;font-size:12px;font-weight:700;line-height:1.4;color:#222c39;overflow-wrap:anywhere}
.featured-icon-row .feature-rail-label small{display:block;color:#98a1ab;font-size:10px;line-height:1.5;margin-top:4px}
.featured-icon-row .rail-arrow{position:absolute;right:15px;top:17px;color:#aab3bd;font-size:12px}
/* One concise AI Mode invitation within the existing premium hero. */
.hero-ai-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:19px auto 0;padding:11px 16px;border-radius:999px;border:1px solid #d8e2f5;background:linear-gradient(110deg,#f5f7ff,#eef2ff);color:#3455a4;font-size:12px;font-weight:720;box-shadow:0 3px 11px #19346f0b;transition:background .17s,border-color .17s}
.hero-ai-cta:hover{background:#e9efff;border-color:#a9baeb}
.hero-ai-spark{font-size:18px;color:#6d64d8}
.hero-ai-subtext{font-size:11px;font-weight:520;color:#657ca8;padding-left:8px;border-left:1px solid #d4dff1}
.work-launch .mode-tab.ai-mode-tab{display:flex;align-items:center;gap:6px;color:#c4d2ff;border:1px solid #6176b7;background:#34446f;margin-left:3px;padding:9px 12px;box-shadow:0 0 0 1px #889cff15}
.work-launch .mode-tab.ai-mode-tab:hover{background:#415793;color:#fff}
.work-launch .mode-tab.ai-mode-tab.active,.work-launch .mode-tab.ai-mode-tab[aria-pressed=true]{background:linear-gradient(105deg,#4b68d9,#6556c5);color:#fff;border-color:#7181dc;box-shadow:0 5px 18px #1b2d884d}
.ai-tab-hint{color:#dfd9ff;background:#ffffff14;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:740;letter-spacing:.02em}
/* Operational workspace is an intentionally secondary experience */
.work-launch{background:#151a21;color:#fff;border:0;border-radius:18px;margin-bottom:0;padding:34px 37px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.work-launch .section-eyebrow{color:#9aa9bb;margin-bottom:8px}
.work-launch-copy{max-width:480px}
.work-launch h2{color:white;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.046em;font-weight:640;line-height:1.2;margin:0 0 9px}
.work-launch p:not(.section-eyebrow){color:#9daab9;font-size:12px;line-height:1.65;margin:0}
.work-launch-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;justify-content:flex-end}
.launch-button{background:#fdfdfd;color:#1c232c;border:1px solid #fff;border-radius:999px;min-height:46px;padding:12px 18px;font-size:12px;font-weight:720;display:flex;align-items:center;gap:14px;white-space:nowrap}
.launch-button:hover{background:#e5e9f2}
.work-launch .mode-top{margin:0;padding:0;display:flex;background:transparent;border:0}
.work-launch .mode-tabs{display:flex;gap:0;padding:3px;background:#292f39;border:1px solid #3b4350;border-radius:999px}
.work-launch .mode-tab{border:0;background:none;color:#aeb9c8;font-size:10.5px;padding:10px 12px;border-radius:999px;font-weight:680;white-space:nowrap}
.work-launch .mode-tab.active,.work-launch .mode-tab[aria-pressed=true]{background:#484f5a;color:#fff;box-shadow:none}
/* Workspace remains visible by default. AI mode swaps the panes using their native hidden attribute. */
body.home-work-open #workspace:not([hidden]),body.home-work-open #aiExperience:not([hidden]){margin-top:25px;margin-bottom:30px}
.workspace{width:min(1180px,calc(100% - 56px));min-width:0;max-width:none;grid-template-columns:minmax(205px,240px) minmax(0,1fr) minmax(215px,245px);gap:12px;min-height:0}
.workspace .pane{background:#fff;border:1px solid #e5e9ef;border-radius:14px;min-width:0;box-shadow:0 5px 23px #14243e0a}
.workspace .pane-header{border-radius:14px 14px 0 0;background:#fff}
.workspace .pane-title{font-size:16px;color:#27384b}
.workspace .pane-subtitle{font-size:11px;color:#81909e}
.workspace .tool-list{max-height:540px;overscroll-behavior:contain}
.workspace .tool-item.active{background:#f0f5ff;border:1px solid #9ebdf5;color:#1e5db4;border-radius:8px}
.workspace .dropzone{background:#f9fbfd;border:1.5px dashed #cbd6e3;border-radius:12px}
.workspace .action.primary{background:#265cae;border-color:#265cae;color:#fff;border-radius:8px}
.workspace .action.primary:hover{background:#184c9f}
.workspace .center-pane{overflow:hidden}
.workspace .results-pane .pane-content{background:#fff}
.workspace .embedded-panel{min-height:430px}
.ai-experience{background:white;border:1px solid #e7eaee;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #13253e10}
.ai-experience-head{padding:23px 25px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#f8fafc}
.ai-experience-head h2{font-size:23px;letter-spacing:-.04em;color:#1b2733}
.ai-experience-head p{font-size:12px;color:#7a8795}
.ai-experience-head a{font-size:12px;color:#2563eb}
#aiModeFrame{width:100%;display:block;border:0;height:820px;background:#fff}
/* Secondary workspaces: purposeful, noncompetitive grouping */
.explore-v7{padding:105px 0 78px}
.explore-head{margin-bottom:29px}
.explore-head h2{font-size:clamp(30px,3.6vw,45px);font-weight:675;letter-spacing:-.054em;color:#161b22;line-height:1.1;margin:0 0 11px}
.explore-head p:not(.section-eyebrow){font-size:14px;color:#808c96;margin:0}
.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.explore-card{position:relative;background:#f7f8fa;border:1px solid #f3f4f5;border-radius:16px;min-width:0;min-height:220px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-decoration:none;transition:background .16s,transform .16s}
.explore-card:hover{background:#f0f3f7;transform:translateY(-2px);text-decoration:none}
.explore-glyph{font-size:25px;color:#63778d;margin-bottom:13px}
.explore-type{font-size:9px;color:#909ba7;font-weight:780;letter-spacing:.13em}
.explore-card strong{font-size:18px;font-weight:690;letter-spacing:-.032em;color:#253241;line-height:1.28}
.explore-card small{font-size:12px;line-height:1.5;color:#8492a0;max-width:220px}
.explore-arrow{position:absolute;right:23px;top:22px;color:#a1acb8}
.explore-more{display:flex;align-items:center;gap:8px 17px;flex-wrap:wrap;padding:25px 2px 0;font-size:11px}
.explore-more>span{color:#98a2ad;font-weight:710}
.explore-more a{color:#7f8a95;text-decoration:none;font-size:11px}
.explore-more a:hover{color:#2466df;text-decoration:underline}
.home-discovery{padding-bottom:64px}
.developer-note{background:#fafbfc;border:1px solid #e8ebef;border-radius:14px;padding:26px 30px;display:flex;align-items:center;gap:25px}
.developer-note>div{flex:1}
.developer-note strong{font-size:18px;color:#2d3844;font-weight:660;letter-spacing:-.025em}
.developer-note p{font-size:12px;color:#7a8996;line-height:1.5;margin:6px 0 0}
.developer-note>a:not(.developer-more){font-size:11px;font-weight:700;text-decoration:none;background:#fff;border:1px solid #dce3eb;border-radius:999px;padding:11px 17px;color:#34475b;white-space:nowrap}
.developer-note>a:not(.developer-more):hover{background:#f0f4f8}
.developer-more{color:#7c8a99;text-decoration:none;font-size:11px;white-space:nowrap}
.bottom-note{color:#9aa5b0;font-size:11px;line-height:1.7;margin:0 auto;padding:0 0 35px}
.bottom-note a{color:#697b8d;text-decoration:underline}
footer{margin:0;background:#141921;color:#b0bac7}
footer .foot{width:min(1180px,calc(100% - 56px));margin:auto;min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:15px}
footer .foot>span{font-size:11px}
footer .foot>div{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
footer a{color:#b0bac7;font-size:11px;text-decoration:none}
footer a:hover{color:#fff}
/* Responsive layouts */
@media(max-width:1220px){
 .site-head nav.home-nav{gap:19px}
 .featured-strip.featured-icon-row{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .featured-icon-row .featured-tile.feature-rail-item{padding:19px 13px!important;min-height:166px}
 .workspace{grid-template-columns:minmax(200px,220px) minmax(0,1fr) minmax(205px,230px)}
 .work-launch-actions{gap:10px}
}
@media(max-width:970px){
 .site-head nav.home-nav>a[href="/engineers/"],.site-head nav.home-nav>a[href="/ai/"]{display:none}
 .hero-v8-inner{padding-top:65px}
 .hero-v8 h1{font-size:clamp(52px,8.5vw,80px)}
 .featured-strip.featured-icon-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border-radius:14px}
 .featured-icon-row .featured-tile.feature-rail-item{min-height:129px;border-bottom:1px solid #eef0f2!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(3){border-right:0!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(n+4){border-bottom:0!important}
 .featured-icon-row .feature-icon{margin-bottom:10px}
 .work-launch{flex-wrap:wrap;gap:20px}
 .work-launch-actions{justify-content:flex-start}
 .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .workspace{grid-template-columns:minmax(215px,.8fr) minmax(0,1.2fr)}
 .workspace .results-pane{grid-column:1/-1}
}
@media(max-width:680px){
 .hero-ai-cta{margin-top:14px;padding:10px 13px;font-size:11px;flex-wrap:wrap}
 .hero-ai-subtext{font-size:10px}
 .work-launch .mode-tab.ai-mode-tab{margin-left:0}
 .ai-tab-hint{display:none}

 .shell,.site-head .head-inner,.workspace,footer .foot{width:calc(100% - 32px)}
 .site-head .head-inner{min-height:63px;gap:8px 12px;flex-wrap:wrap;padding:8px 0}
 .site-head .brand{font-size:26px}
 .site-head nav.home-nav{gap:11px}
 .site-head nav.home-nav>a{font-size:11px}
 .site-head nav.home-nav>a[href="/office-tools/edit-pdf/"]{display:none}
 .site-head .nav-more summary{font-size:11px}
 .site-head nav.home-nav>a.nav-cta{font-size:10.5px;padding:9px 13px}
 .site-head .nav-more-items{width:min(310px,90vw);right:-70px}
 .hero-v8-inner{padding-top:55px;padding-bottom:38px}
 .hero-kicker{font-size:9.5px;margin-bottom:17px}
 .hero-v8 h1{font-size:clamp(43px,10vw,65px);letter-spacing:-.069em}
 .hero-v8-lead{font-size:14px;line-height:1.6;margin:19px auto 24px}
 .desktop-break{display:none}
 .home-search{height:59px;min-height:59px;padding-left:11px}
 .search-symbol{font-size:27px;margin-right:6px}
 .home-search input{font-size:12.5px}
 .search-submit{min-height:44px;padding:0 12px;font-size:11px}
 .hero-shortcuts{gap:7px;margin-top:12px}
 .hero-shortcuts button{padding:6px 10px;font-size:10.5px}
 .hero-v8-trust{gap:9px 15px;margin-top:21px}
 .hero-v8-trust span{font-size:10px}
 .v8-product{width:calc(100% - 32px);border-radius:14px 14px 0 0}
 .v8-product-top{height:39px;padding:0 13px;font-size:8px}
 .v8-product-secure{display:none}
 .v8-product-inside{height:198px}
 .v8-product-rail{width:40px;gap:12px;font-size:14px;padding-top:15px}
 .v8-product-rail .v8-app-glyph{font-size:18px}
 .v8-document{width:172px;height:245px;padding:19px 15px}
 .v8-doc-upper{font-size:6px;margin-bottom:13px}
 .v8-doc-heading{height:9px;margin-bottom:13px}
 .v8-doc-line{height:5px;margin-bottom:10px}
 .v8-doc-fauxsig{font-size:9px;margin-top:8px}
 .v8-action-card{right:6px;top:78px;padding:8px 10px;gap:6px}
 .v8-action-icon{height:25px;width:25px;font-size:12px}
 .v8-action-card strong{font-size:9px}
 .v8-action-card small{font-size:8px}
 .v8-product-caption{font-size:7px;right:8px}
 .featured-v7{padding:48px 0}
 .featured-top{gap:8px;margin-bottom:17px}
 .featured-top h2{font-size:26px}
 .featured-all{font-size:10.5px;max-width:95px;white-space:normal;text-align:right}
 .featured-strip.featured-icon-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden!important}
 .featured-icon-row .featured-tile.feature-rail-item{min-height:141px;padding:18px 13px!important;border-bottom:1px solid #eef0f2!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(3){border-right:1px solid #eef0f2!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(even){border-right:0!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(n+5){border-bottom:0!important}
 .featured-icon-row .feature-icon{margin-bottom:12px}
 .featured-icon-row .feature-rail-label strong{font-size:11.5px}
 .work-launch{padding:24px 22px;border-radius:14px;gap:16px}
 .work-launch h2{font-size:24px}
 .work-launch-actions{width:100%;gap:10px}
 .launch-button{min-height:44px}
 .work-launch .mode-tabs{max-width:100%}
 .work-launch .mode-tab{font-size:10px;padding:9px 11px}
 .workspace{display:block;min-height:0}
 .workspace .pane{margin-bottom:10px}
 .explore-v7{padding-top:66px;padding-bottom:45px}
 .explore-head h2{font-size:32px}
 .explore-grid{grid-template-columns:1fr;gap:9px}
 .explore-card{min-height:178px;padding:21px}
 .explore-card strong{font-size:17px}
 .explore-glyph{margin-bottom:4px}
 .explore-more{gap:8px 13px}
 .developer-note{padding:21px;flex-wrap:wrap;gap:15px}
 .developer-note>a.developer-more{display:none}
 footer .foot{min-height:0;padding:26px 0;flex-direction:column;align-items:flex-start}
}
@media(max-width:390px){
 .site-head nav.home-nav>a[href="/office-tools/"]{display:none}
 .hero-v8 h1{font-size:43px}
 .v8-action-card{display:none}
 .hero-v8-trust{gap:7px}
 .work-launch-actions{flex-direction:column;align-items:stretch}
 .work-launch .mode-tabs{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *:not(svg),*:before,*:after{animation:none!important;transition:none!important}
}
@media print{.site-head,.hero-v8,.featured-v7,.work-launch,.explore-v7,.home-discovery,footer{display:none!important}}

/* WRKDOCS V8 DARK SYSTEM — screenshot-matched workspace palette, 2 Nov 2026. */
/* Design tokens: charcoal chrome, midnight gradients, ink-blue surfaces and clear text.
   One stylesheet, no external fonts or image requests. */
:root{
 color-scheme:dark;
 --ink:#ecf2fa;--sub:#aab8ca;--line:#2c394b;--mist:#101824;--blue:#79a8ff;--deep:#090e17;
 --v8-night:#0a101a;--v8-slate:#111a27;--v8-panel:#151f2e;--v8-raised:#1b293a;
 --v8-divider:#303e50;--v8-text:#ecf3fc;--v8-secondary:#a8bad0;--v8-sky:#85afff;
}
body{background:radial-gradient(ellipse 1200px 630px at 53% 220px,#1b2b41 0%,transparent 74%),#0a101a;color:var(--v8-text)}
.site-head{background:#101722ed;border-bottom:1px solid #273345;backdrop-filter:blur(18px)}
.site-head .brand,.site-head .brand span{color:#f5f8ff}
.site-head .brand b{color:#85b6ff}
.site-head nav.home-nav>a,.site-head .nav-more summary{color:#c3cedd}
.site-head nav.home-nav>a:hover,.site-head .nav-more summary:hover{color:#fff}
.site-head nav.home-nav>a.nav-cta{color:#eaf2ff;background:#243650;border-color:#405777;box-shadow:0 5px 17px #01071235}
.site-head nav.home-nav>a.nav-cta:hover{background:#304b72}
.site-head .nav-more-items{background:#172334;border:1px solid #39495c;box-shadow:0 25px 62px #0008}
.site-head .nav-more-items a{color:#c7d5e6}
.site-head .nav-more-items a:hover{background:#26374d;color:#fff}
/* Brand story in the same midnight atmosphere as the reference graphic */
.hero-v8{background:radial-gradient(ellipse 840px 420px at 50% 26%,#21344d 0%,#141e2d 49%,#0d1521 93%);border-bottom:1px solid #253446}
.hero-kicker{color:#a8bfe0}
.hero-kicker-dot{background:#85b8ff;box-shadow:0 0 0 5px #5b88d829,0 0 18px #6ca9ff55}
.hero-v8 h1{color:#f7f9ff;text-shadow:0 5px 35px #06101e55}
.hero-v8 h1 em{color:#b7c9e7}
.hero-v8-lead{color:#b8c7d8}
.home-search{background:#1b2a3d;border:1px solid #46617e;box-shadow:0 22px 65px #03081168}
.home-search:focus-within{border-color:#89b5ff;box-shadow:0 20px 65px #030a159c,0 0 0 3px #75aaff22}
.search-symbol{color:#94abc7}
.home-search input{color:#f5f8ff!important;background:transparent!important}
.home-search input::placeholder{color:#a0b2c7}
.search-submit{background:#82b4ff;color:#102039;border:1px solid #9ec8ff;box-shadow:0 4px 18px #264d8d32}
.search-submit:hover{background:#a4cbff;color:#071b35}
.home-search-results{background:#172435;border:1px solid #43556a;box-shadow:0 26px 60px #000a}
.search-result{background:transparent;color:#e3effc}
.search-result:hover,.search-result:focus-visible{background:#273b55;color:#fff}
.search-result .result-kind{background:#2b4162;color:#c8ddff}
.search-empty{color:#adc0d4}
.hero-shortcuts>span{color:#a8b8ca}
.hero-shortcuts button{color:#d6e1ed;background:#1c2a3c;border:1px solid #3b4b60}
.hero-shortcuts button:hover{color:white;border-color:#85b5f7;background:#2a3c54}
.hero-v8-trust span{color:#a7bad0}
.hero-v8-trust i{color:#91c9ff}
.hero-ai-cta{color:#dfddff;background:linear-gradient(110deg,#22335a,#30335a);border-color:#6678b7;box-shadow:0 9px 25px #080a2830}
.hero-ai-cta:hover{background:linear-gradient(110deg,#304774,#3f4277);border-color:#92a3fc}
.hero-ai-spark{color:#c4baff}.hero-ai-subtext{color:#c4d3f8;border-color:#53618c}
/* Reference illustration becomes part of the environment, not an unrelated white block. */
.v8-product{background:#121923;border-color:#455263;box-shadow:0 40px 105px #000a}
.v8-product-top{background:#141b25;color:#aabed4;border-bottom-color:#344154}
.v8-product-dots{color:#758ba2}.v8-product-title{color:#aebfda}
.v8-product-inside{background:radial-gradient(ellipse 480px 280px at 56% 60%,#33465d 0%,transparent 78%),linear-gradient(110deg,#151e2a,#253447)}
.v8-product-rail{background:#101924aa;border-color:#334459;color:#b5cbe5}
.v8-product-rail .v8-app-glyph{color:#8db9ff}
.v8-action-card{background:#f8fafc;border-color:#f1f4fa}
.v8-product-caption{color:#a6bed9}
.v8-product-caption span{color:#738da9}
/* Open workspace: same visual language as the dark preview. */
.work-launch{background:linear-gradient(112deg,#111a28,#1a293b 62%,#152338);border:1px solid #3b4d64;border-bottom:0;border-radius:19px 19px 0 0;box-shadow:0 20px 52px #0003;margin-top:52px;margin-bottom:0}
.work-launch .section-eyebrow{color:#95b5de}
.work-launch h2{color:#f5f8ff}
.work-launch p:not(.section-eyebrow){color:#b6c5d8}
.launch-button{background:#e9f1ff;color:#14253b;border-color:#e9f1ff}
.launch-button:hover{background:#fff;color:#0d2036}
.work-launch .mode-tabs{background:#131f30;border-color:#425572}
.work-launch .mode-tab{color:#bacce0}
.work-launch .mode-tab.active,.work-launch .mode-tab[aria-pressed=true]{background:#344b6b;color:#f7faff}
.work-launch .mode-tab.ai-mode-tab{background:#293960;color:#e0e8ff;border-color:#6d7fbd}
.work-launch .mode-tab.ai-mode-tab.active,.work-launch .mode-tab.ai-mode-tab[aria-pressed=true]{background:linear-gradient(110deg,#5c77dc,#746ac5);color:#fff}
body.home-work-open #workspace:not([hidden]),body.home-work-open #aiExperience:not([hidden]){margin-top:0;margin-bottom:35px}
/* Three carefully-separated working surfaces instead of a white card explosion. */
.workspace{background:#101a28;border:1px solid #36475b;border-top:0;border-radius:0 0 19px 19px;padding:15px;gap:12px;box-shadow:0 30px 70px #0004;margin-top:0}
.workspace .pane{background:#172333;border:1px solid #344459;border-radius:14px;color:#edf2fa;box-shadow:0 8px 24px #0002}
.workspace .pane-header{background:#1c2a3b;border-bottom:1px solid #35465d}
.workspace .pane-title,.workspace .center-heading h2{color:#f2f6fd}
.workspace .pane-subtitle,.workspace .center-heading small{color:#a0b4ce}
.workspace .number{background:#304e74;color:#dbebff}
.workspace .pane-content,.workspace .tool-list-head,.workspace .tools-pane,.workspace .results-pane,.workspace .center-pane{color:#eaf1fc}
.workspace .results-pane .pane-content{background:#172333;color:#eaf1fc}
.workspace .tool-list-head h3,.workspace .tool-config h3,.workspace .section-label{color:#d8e7f9}
.workspace .tool-search,.workspace .tool-config input:not([type=checkbox]),.workspace .tool-config select,.workspace .tool-config textarea{background:#101c2a;color:#ecf3ff;border:1px solid #425975;border-radius:9px}
.workspace .tool-search::placeholder,.workspace .tool-config input::placeholder,.workspace .tool-config textarea::placeholder{color:#9bafc7}
.workspace .category{background:#1b2c3e;color:#b6c8da;border:1px solid #3e536d}
.workspace .category:hover{background:#284059;color:#fff}
.workspace .category.active{background:#3768a4;color:#f5faff;border-color:#6f9bdd}
.workspace .tool-choice{background:transparent}
.workspace .tool-choice>.tool-item,.workspace .tool-item{background:#162231;border:1px solid transparent;color:#d8e6f8}
.workspace .tool-item:hover,.workspace .tool-choice>.tool-item:hover{background:#24364c;border-color:#45617f;color:#fff}
.workspace .tool-item.active,.workspace .tool-choice>.tool-item.active{background:#2a4161;border:1px solid #739bd2;color:#fff}
.workspace .tool-item .tool-emoji{filter:saturate(.83);color:#c0d9f5}
.workspace .tool-choice>a{color:#9fb9d8}
.workspace .tool-choice>a:hover{background:#2c4665;color:#fff}
.workspace .file-entry,.workspace .result-entry{background:#1c2d40;border:1px solid #40526b;color:#f1f6fd}
.workspace .file-entry.selected{background:#2a4161;border-color:#709bda}
.workspace .file-info strong,.workspace .result-row strong{color:#f2f7fe}
.workspace .file-info small,.workspace .result-entry small{color:#b2c5d9}
.workspace .file-entry button.remove-file{color:#c9d9eb}
.workspace .file-icon,.workspace .upload-symbol{background:#2f4563;color:#b7d9ff}
.workspace .center-heading{background:#1c2a3b;border-bottom:1px solid #35465d}
.workspace .workspace-body{background:#172333;color:#e9f2fc}
.workspace .dropzone{background:linear-gradient(145deg,#1b2e44,#18293d);border:1.5px dashed #56738f}
.workspace .dropzone.dragging{background:#283e5a;border-color:#9cc9ff}
.workspace .dropzone h3{color:#edf5ff}
.workspace .dropzone p,.workspace .dropzone .subline,.workspace .workspace-note{color:#b1c4d8}
.workspace .preview-panel{background:#111c2a;border:1px solid #384a60}
.workspace .preview-top{background:#1b2a3b;border-bottom:1px solid #394b60}
.workspace .preview-top strong{color:#eff6ff}
.workspace .preview-top span,.workspace .preview-content p{color:#afc1d5}
.workspace .preview-content{background:#111e2c;color:#dbe7f6}
.workspace .preview-content iframe{background:#fff}
.workspace .preview-content pre{color:#e2ecf8}
.workspace .status{background:#20395a;color:#c9e2ff}
.workspace .status.error{background:#502a38;color:#ffcad3}
.workspace .status.success{background:#183c35;color:#b1f2d8}
.workspace .tool-config{background:#1b2b3e;border-bottom:1px solid #3a4e66}
.workspace .tool-config h3{color:#f3f7fd}
.workspace .tool-config p,.workspace .tool-config label,.workspace .tool-config .help{color:#b8cbdf}
.workspace .tool-config .coming{background:#24384f;border:1px solid #415a74;color:#cadbef}
.workspace .action{background:#263c57;border:1px solid #47607d;color:#e6f1ff}
.workspace .action:hover{background:#314c6e;color:#fff}
.workspace .action.primary{background:#477dd1;border:1px solid #769ee6;color:#fff}
.workspace .action.primary:hover{background:#5b90e4}
.workspace .result-actions button{background:#253c56;border-color:#496482;color:#e0efff}
/* Tool-specific focused editor, optional controls, and AI finder frame. */
.workspace.editor-active{border:1px solid #3b4d63;border-radius:18px}
.workspace.editor-active .tools-pane{background:#172333;border-color:#35475c}
.workspace.editor-active .center-pane{background:#172333;border-color:#35475c}
.workspace.editor-active .embedded-top{background:#1c2b3b;border-bottom:1px solid #384d61;color:#e5f0ff}
.workspace.editor-active .embedded-top p,.workspace.editor-active #embeddedMessage{color:#b4c7dd}
.workspace.editor-active .embedded-canvas{background:#0f1928}
.workspace.editor-active .embedded-controls .action{color:#e1eeff;background:#2b4260;border-color:#55708e}
.workspace.editor-active .embedded-controls .action:hover{background:#355477;color:#fff}
.workspace.editor-active .embedded-controls .embedded-close{background:#263b50;color:#cddff2}
.workspace.editor-active .embedded-controls .embedded-close:hover{background:#3d536b;color:white}
.workspace.editor-active #embeddedToolFrame{background:#fff}
.ai-experience{background:#172333;border:1px solid #35485f;border-radius:0 0 18px 18px;box-shadow:0 25px 65px #0004;margin-top:0}
.ai-experience-head{background:linear-gradient(112deg,#1a2942,#192d45);border-bottom:1px solid #384e68}
.ai-experience-head h2{color:#eef4ff}
.ai-experience-head p{color:#b1c6dd}
.ai-experience-head a{color:#bed8ff}
#aiModeFrame{background:#fff;border-radius:0 0 12px 12px}
/* Language control: the i18n script appends it to the header after page load.
   Respect its accessibility while integrating its controls into dark navigation. */
.site-head #wrkdocs-language-picker.wrkdocs-language-inline{
 background:#1d2d42!important;border-color:#435875!important;
 color:#e2eaf6!important;box-shadow:none!important;max-width:100%;
}
.site-head #wrkdocs-language-picker.wrkdocs-language-inline label{color:#d9e7f7}
.site-head #wrkdocs-language-picker.wrkdocs-language-inline select{
 color:#e9f2ff!important;background:#112238!important;
 border-color:#4a6485!important;max-width:124px!important;
}
.site-head #wrkdocs-language-picker.wrkdocs-language-inline select:focus-visible{outline:3px solid #80afff}
/* Share control is available everywhere but should not dominate the product mockup.
   The global share script injects inline styles at runtime, so use stronger selectors. */
body #wrkdocs-share-launcher{z-index:70;font-size:12px}
body #wrkdocs-share-launcher #wrkdocs-share-toggle{
 background:#1f3045;color:#d7e7f8;border:1px solid #58708b;
 border-radius:999px;box-shadow:0 7px 21px #0005;
 padding:10px 14px;font-size:11px;font-weight:690
}
body #wrkdocs-share-launcher #wrkdocs-share-toggle:hover{background:#2b4462;border-color:#8da9cc}
body #wrkdocs-share-launcher #wrkdocs-share-popup{background:#172638;border:1px solid #455c78;color:#e6f0fc;box-shadow:0 23px 60px #0009}
body #wrkdocs-share-launcher #wrkdocs-share-popup h2{color:#f3f7ff}
body #wrkdocs-share-launcher #wrkdocs-share-popup p{color:#b9cbdf}
body #wrkdocs-share-launcher #wrkdocs-share-grid button{background:#263c54;border-color:#4a627d;color:#e1efff}
body #wrkdocs-share-launcher #wrkdocs-share-grid button:hover{background:#345476}
body #wrkdocs-share-launcher #wrkdocs-share-help{background:#2b4260;color:#d5eaff}
@media(max-width:680px){
 body #wrkdocs-share-launcher #wrkdocs-share-toggle{
  width:44px;height:44px;font-size:0;padding:0;display:grid;place-items:center
 }
 body #wrkdocs-share-launcher #wrkdocs-share-toggle:before{
  content:'↗';font-size:20px;line-height:1;color:#e4f0ff
 }
 body #wrkdocs-share-launcher{right:10px;bottom:12px}
}
/* Specialty studios and the bottom featured rail inherit the same visual system. */
.section-eyebrow{color:#98afd0}
.explore-v7{padding-top:80px;padding-bottom:62px}
.explore-head h2,.featured-top h2{color:#f3f7fd}
.explore-head p:not(.section-eyebrow){color:#abbcd0}
.explore-card{background:linear-gradient(155deg,#192535,#152130);border:1px solid #34445a;box-shadow:0 8px 30px #0002}
.explore-card:hover{background:#22344a;border-color:#627b9c}
.explore-glyph{color:#9ac2fc}
.explore-type{color:#9fb4ce}
.explore-card strong{color:#f0f5fc}
.explore-card small{color:#adbed4}
.explore-arrow{color:#a1b6d2}
.explore-more{border-top:1px solid #253345}
.explore-more>span{color:#a6bad3}
.explore-more a{color:#b5c8dc}
.explore-more a:hover{color:#fff}
.home-discovery{padding-bottom:54px}
.developer-note{background:#142132;border:1px solid #344b66;box-shadow:0 8px 24px #0002}
.developer-note strong{color:#f0f6fe}
.developer-note p{color:#b0c4d9}
.developer-note>a:not(.developer-more){color:#e4efff;background:#263a54;border-color:#58708b}
.developer-note>a:not(.developer-more):hover{background:#355171}
.developer-more{color:#b2c4d9}
.featured-v7{padding:36px 0 72px}
.featured-all{color:#afd0ff}
.featured-strip.featured-icon-row{background:#172333;border:1px solid #3c4e63;box-shadow:0 17px 52px #0003}
.featured-icon-row .featured-tile.feature-rail-item{background:transparent!important;border-right:1px solid #344458!important;color:#e8f2ff}
.featured-icon-row .featured-tile.feature-rail-item:hover{background:#26394e!important}
.featured-icon-row .feature-icon,.featured-icon-row .feature-count .feature-icon,.featured-icon-row .feature-pdf .feature-icon,.featured-icon-row .feature-ocr .feature-icon,.featured-icon-row .feature-invoice .feature-icon,.featured-icon-row .feature-qr .feature-icon,.featured-icon-row .feature-compress .feature-icon{background:#293e57;color:#b8d5ff}
.featured-icon-row .feature-rail-label strong{color:#f1f6ff}
.featured-icon-row .feature-rail-label small{color:#afbed0}
.featured-icon-row .rail-arrow{color:#acc7e1}
.bottom-note,.bottom-note p{color:#9eb1c7}
.bottom-note a{color:#bcd6fa}
footer{background:#070c14;border-top:1px solid #253345}
footer a,footer .foot>span{color:#b4c4d9}
footer a:hover{color:#fff}
@media(max-width:970px){
 .featured-icon-row .featured-tile.feature-rail-item{border-bottom:1px solid #344458!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(n+4){border-bottom:0!important}
}
@media(max-width:680px){
 .site-head nav.home-nav{flex-wrap:wrap;width:100%;min-width:0;max-width:100%;gap:7px 10px;margin-left:0;justify-content:flex-start}
 .site-head #wrkdocs-language-picker.wrkdocs-language-inline{flex:0 1 auto;min-width:0;margin:0!important;padding:2px 5px}
 .site-head #wrkdocs-language-picker.wrkdocs-language-inline label span:last-child{display:none}
 .site-head #wrkdocs-language-picker.wrkdocs-language-inline select{max-width:108px!important}
 .site-head nav.home-nav>a.nav-cta{padding:8px 10px}
 .hero-v8{background:radial-gradient(ellipse 550px 350px at 50% 13%,#243a55 0%,#0d1522 100%)}
 .work-launch{margin-top:27px;border-radius:15px 15px 0 0;padding:24px 18px}
 .workspace{padding:10px;border-radius:0 0 15px 15px}
 .workspace .pane{margin-bottom:9px}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(n+4){border-bottom:1px solid #344458!important}
 .featured-icon-row .featured-tile.feature-rail-item:nth-child(n+5){border-bottom:0!important}
}
@media(max-width:390px){
 .site-head nav.home-nav{gap:6px 8px}
 .site-head nav.home-nav>a.nav-cta{padding:8px 9px;font-size:10px}
 .site-head #wrkdocs-language-picker.wrkdocs-language-inline select{max-width:92px!important}
}
@media(prefers-reduced-motion:reduce){.hero-ai-cta,.search-submit,.featured-tile{transition:none!important}}