/* WRKDOCS homepage V7 — one coherent design system.
 * Workspace implementation remains in workspace.css and workspace-focus.css.
 * No third-party font, CSS framework, images, or network assets.
 */
:root{--v7-ink:#142b3f;--v7-muted:#667c8b;--v7-blue:#175e91;--v7-teal:#138e78;--v7-line:#dfebf0;--v7-surface:#fff;--v7-soft:#f6fafb;--v7-shadow:0 12px 30px #1c3e5811}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{background:#fff;color:var(--v7-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.shell{width:min(1280px,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}
.site-head{position:relative;z-index:35;background:#fff;border-bottom:1px solid #e5edf2;box-shadow:none}
.site-head .head-inner{width:min(1280px,calc(100% - 56px));max-width:none;min-height:74px;display:flex;align-items:center;gap:32px;justify-content:space-between}
.site-head .brand{color:#123249;letter-spacing:-2px;font-weight:900;font-size:30px;text-decoration:none;white-space:nowrap}
.site-head .brand span{color:#168e77}.site-head .brand b{color:#eb7083}
.site-head nav.home-nav{margin-left:auto;display:flex;align-items:center;gap:22px;flex-wrap:nowrap}
.site-head nav.home-nav>a{font-size:12px;color:#526b7d;text-decoration:none;font-weight:720;white-space:nowrap;transition:color .16s}
.site-head nav.home-nav>a:hover{color:#117b76}
.site-head nav.home-nav .nav-cta{color:#fff;font-size:12px;font-weight:790;padding:11px 15px;background:#122f46;border-radius:10px;box-shadow:0 5px 17px #17334c22}
.site-head nav.home-nav .nav-cta:hover{color:#fff;background:#215877}
.site-head .nav-more{position:relative;flex-shrink:0}
.site-head .nav-more summary{list-style:none;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:720;color:#526b7d;cursor:pointer;padding:8px 0}
.site-head .nav-more summary::-webkit-details-marker{display:none}
.site-head .nav-more summary:hover,.site-head .nav-more[open] summary{color:#138c77}
.site-head .nav-more-items{position:absolute;right:-15px;top:calc(100% + 14px);width:min(350px,88vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;background:white;padding:12px;border:1px solid #e0e9ee;border-radius:16px;box-shadow:0 25px 65px #173d5a2b;z-index:80}
.site-head .nav-more-items a{color:#42647b;text-decoration:none;font-size:11px;font-weight:700;line-height:1.35;display:flex;align-items:center;border-radius:9px;padding:12px 11px}
.site-head .nav-more-items a:hover{color:#0b7569;background:#edf7f4}
/* Hero: one statement, one discovery action, light editorial visual */
.hero-v7{background:radial-gradient(ellipse 550px 430px at 89% 24%,#e4f5f3 0%,transparent 72%),linear-gradient(160deg,#fff 0%,#fafdff 76%,#f6fafc 100%);border-bottom:1px solid #e9f1f4;overflow:visible}
.hero-v7-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);gap:clamp(28px,4.5vw,68px);align-items:center;padding-top:76px;padding-bottom:73px}
.hero-v7-copy{min-width:0}
.hero-kicker{display:flex;align-items:center;gap:9px;color:#168677;font-size:10.5px;letter-spacing:.16em;font-weight:820;margin:0 0 19px}
.hero-kicker-dot{display:inline-block;width:8px;height:8px;background:#1cc89e;border-radius:50%;box-shadow:0 0 0 4px #e5f8f0}
.hero-v7 h1{font-size:clamp(48px,5.1vw,74px);color:#123148;letter-spacing:-.069em;line-height:1.055;font-weight:830;margin:0 0 20px;text-wrap:balance}
.hero-v7 h1 em{font-style:normal;color:#138d7d}
.hero-v7-lead{font-size:15px;color:#647b8d;line-height:1.85;max-width:550px;margin:0 0 28px}
.home-search{display:flex;align-items:center;position:relative;height:64px;border:1px solid #cbdce6;box-shadow:0 13px 35px #153c5814;background:white;border-radius:15px;padding:6px 7px 6px 20px;max-width:660px;transition:border-color .2s,box-shadow .2s}
.home-search:focus-within{border-color:#63bcae;box-shadow:0 14px 39px #138a7620}
.search-symbol{font-size:34px;color:#8ba4b3;line-height:1;margin-right:10px}
.home-search input{border:0;outline:0!important;background:transparent;font-size:14px;color:#173a52;min-width:0;flex:1;box-shadow:none!important}
.home-search input::placeholder{color:#90a3b0}
.search-submit{flex-shrink:0;min-height:48px;padding:0 19px;background:#158a78;color:white;border:0;border-radius:10px;font-size:12px;font-weight:800}
.search-submit:hover{background:#0b7467}
.home-search-results{position:absolute;top:calc(100% + 8px);left:0;width:100%;z-index:65;background:white;box-shadow:0 24px 49px #143b552c;border:1px solid #d9e8ec;border-radius:14px;max-height:330px;overflow-y:auto;padding:7px}
.search-result{width:100%;display:flex;gap:13px;align-items:center;justify-content:space-between;background:#fff;border:0;color:#25455e;padding:12px 14px;font-size:12px;font-weight:720;text-align:left;border-radius:9px}
.search-result:hover,.search-result:focus-visible{background:#e9f7f3;color:#11776e}
.search-result .result-kind{font-size:10px;font-weight:800;color:#188a7b;background:#ecf7f4;padding:5px 8px;border-radius:8px}
.search-empty{padding:15px;color:#7b8c9b;font-size:12px}
.search-empty a{color:#116e76}
.hero-shortcuts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px;max-width:640px}
.hero-shortcuts>span{font-size:11px;font-weight:730;color:#8da2ad}
.hero-shortcuts button{background:#fff;border:1px solid #dfeaf0;color:#5e7788;border-radius:100px;padding:6px 11px;font-size:10.5px;font-weight:710;white-space:nowrap}
.hero-shortcuts button:hover{border-color:#8ecdbf;color:#138778;background:#eef9f5}
.hero-v7-trust{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.hero-v7-trust span{font-size:10.5px;color:#78939e;font-weight:660}
.hero-showcase{position:relative;margin-left:auto;width:min(100%,450px);border:1px solid #d4e5e9;border-radius:23px;background:#fff;box-shadow:0 30px 78px #153b5220;overflow:hidden;transform:rotate(-1deg)}
.showcase-top{display:flex;align-items:center;gap:10px;padding:17px 20px;background:#fff;border-bottom:1px solid #e9f1f3;color:#587182;font-size:10px;font-weight:850;letter-spacing:.13em}
.showcase-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e3f8ef;color:#128872;font-size:23px}
.showcase-window{margin-left:auto;color:#c4d1da;letter-spacing:.3em}
.showcase-main{position:relative;min-height:330px;background:radial-gradient(ellipse 300px 150px at 50% 72%,#deefeb,transparent 82%),linear-gradient(145deg,#f4f8fa,#eaf2f5);padding:30px}
.showcase-doc{height:264px;width:204px;margin:0 auto;border-radius:7px;background:#fff;box-shadow:0 13px 39px #15374e2b;border:1px solid #d8e7eb;padding:23px 20px}
.showcase-doc-band{display:flex;justify-content:space-between;color:#8aa4ad;font-size:8px;font-weight:850;letter-spacing:.13em;margin-bottom:26px}
.showcase-doc-band span:last-child{color:#158b78;background:#e9f7ef;padding:4px 6px;border-radius:4px;letter-spacing:.05em}
.doc-stroke{width:80%;height:7px;margin-top:12px;border-radius:10px;background:#e4edf0}
.doc-stroke.wide{width:94%;height:9px;background:#c7dbe1}.doc-stroke.short{width:52%}.doc-stroke.medium{width:68%}
.showcase-highlight{margin:16px 0 0;width:90%;height:18px;background:#daf5da;border-radius:4px;opacity:.8}
.showcase-float{position:absolute;right:6px;top:119px;display:flex;align-items:center;gap:11px;padding:12px 14px;background:#fff;border:1px solid #d8e8e8;border-radius:12px;box-shadow:0 12px 25px #0d44532a;transform:rotate(1deg)}
.showcase-float-icon{display:grid;place-items:center;background:#d6f8ed;border-radius:10px;color:#138e77;width:37px;height:37px;font-size:23px}
.showcase-float div{display:grid;gap:2px}.showcase-float strong{font-size:12px;color:#1b4057}.showcase-float small{font-size:10px;color:#7a949f}.showcase-check{margin-left:8px;color:#0d9e72}
.showcase-toolstrip{position:absolute;bottom:17px;left:18px;display:flex;align-items:center;gap:9px}
.showcase-toolstrip>span{background:#fff;border:1px solid #dce9ec;border-radius:9px;padding:8px;color:#2c8a81;font-size:16px;box-shadow:0 3px 14px #235b6510;display:flex;align-items:center;gap:5px}
.showcase-toolstrip small{font-size:9px;color:#688294;font-weight:760}
.showcase-bottom{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;color:#98aab3;font-size:9px;font-weight:820;letter-spacing:.05em}
.showcase-bottom span:first-child{letter-spacing:0;color:#557e7b}.showcase-bottom i{display:inline-block;width:7px;height:7px;background:#27bd8d;border-radius:50%;margin-right:6px}
/* Six real tool buttons, no duplicate marketing cards */
.section-eyebrow{font-size:10px;color:#188e7c;font-weight:850;letter-spacing:.16em;margin:0 0 6px}
.featured-v7{padding:39px 0 33px}
.featured-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.featured-top h2{margin:0;color:#15364e;font-size:25px;font-weight:830;letter-spacing:-.04em}
.featured-all{color:#4b7081;font-size:11px;font-weight:760;text-decoration:none;padding-bottom:3px}
.featured-all:hover{color:#128676;text-decoration:underline}
.featured-icon-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:0;overflow:visible}
.featured-icon-row .feature-rail-item{min-width:0;display:flex;align-items:flex-start;flex-direction:column;text-align:left;position:relative;padding:16px 14px 14px;min-height:140px;border:1px solid #dee9ef;border-radius:14px;background:#fff;box-shadow:0 6px 20px #21465e0b;transition:transform .2s,border-color .2s,box-shadow .2s;cursor:pointer}
.featured-icon-row .feature-rail-item:hover{border-color:#92cfc3;box-shadow:0 13px 29px #114e5820;transform:translateY(-2px)}
.featured-icon-row .feature-rail-item:focus-visible{outline:3px solid #73cebc;outline-offset:2px}
.featured-icon-row .feature-icon{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:11px;background:#ebf5f7;color:#2d778e;margin:0 0 13px}
.featured-icon-row .feature-icon svg{width:26px;height:26px}
.featured-icon-row .feature-rail-label{min-width:0;display:block;max-width:100%;line-height:1.3}
.featured-icon-row .feature-rail-label strong{display:block;font-size:11.6px;line-height:1.38;color:#29475d;font-weight:800}
.featured-icon-row .feature-rail-label small{display:block;font-size:10px;line-height:1.4;color:#8296a5;margin-top:4px}
.featured-icon-row .rail-arrow{position:absolute;right:13px;top:14px;color:#a5b4be}
.featured-icon-row .feature-count .feature-icon{background:#e8f7ed;color:#228e6e}
.featured-icon-row .feature-pdf .feature-icon{background:#edf0ff;color:#6679af}
.featured-icon-row .feature-invoice .feature-icon{background:#fff3e7;color:#b6864e}
.featured-icon-row .feature-qr .feature-icon{background:#f1edff;color:#8071b9}
.featured-icon-row .feature-compress .feature-icon{background:#e6f8f3;color:#258b79}
/* Workspace stays functional but is not overwhelming visitors at first paint */
.work-launch{border-top:1px solid #e6eff1;border-bottom:1px solid #e6eff1;padding:24px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}
.work-launch h2{font-size:23px;color:#18374f;letter-spacing:-.045em;line-height:1.3;margin:0 0 6px}
.work-launch p:not(.section-eyebrow){font-size:12px;color:#7b91a0;line-height:1.6;margin:0}
.work-launch-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.launch-button{min-height:44px;padding:11px 19px;border-radius:10px;border:1px solid #122f46;background:#122f46;color:#fff;font-size:12px;font-weight:790;white-space:nowrap;display:flex;align-items:center;gap:14px}
.launch-button:hover{background:#205977}
.work-launch .mode-top{margin:0;padding:0;border:0;display:block}
.work-launch .mode-tabs{display:flex;align-items:center;padding:4px;border:1px solid #deeaee;border-radius:10px;background:#f2f7f9;gap:3px}
.work-launch .mode-tab{background:none;color:#758d9d;padding:9px 10px;border-radius:7px;font-size:10px;font-weight:800;border:0;white-space:nowrap}
.work-launch .mode-tab.active,.work-launch .mode-tab[aria-pressed=true]{background:#fff;color:#187f77;box-shadow:0 2px 8px #1d45551b}
body.home-v7-ready:not(.home-work-open) #workspace,body.home-v7-ready:not(.home-work-open) #aiExperience{display:none!important}
body.home-work-open #workspace:not([hidden]),body.home-work-open #aiExperience:not([hidden]){margin-top:26px;margin-bottom:28px}
body.home-work-open .work-launch{border-bottom:0}
.workspace{max-width:1280px;grid-template-columns:minmax(210px,250px) minmax(0,1fr) minmax(230px,265px);gap:13px;padding:0;min-height:0}
.workspace .pane{background:#fff;border:1px solid #e0eaf0;border-radius:16px;box-shadow:0 8px 31px #143b5b0d;min-width:0}
.workspace .pane-header{background:#fff;border-radius:16px 16px 0 0}
.workspace .pane-title{font-size:16px;color:#18384e;letter-spacing:-.03em}
.workspace .pane-subtitle{color:#7c91a2;font-size:11px}
.workspace .number{background:#e4f6f1;color:#13846f;border-radius:7px}
.workspace .tool-item.active{border:1px solid #9cdccf;background:#e9f8f3;color:#147967;border-radius:9px}
.workspace .tool-list{max-height:580px;overscroll-behavior:contain}
.workspace .dropzone{background:linear-gradient(145deg,#f9fcfd,#f1f8f9);border:1.5px dashed #bad9dd;border-radius:14px}
.workspace .action.primary{background:#147e7a;color:white;border-color:#147e7a;border-radius:9px}
.workspace .action.primary:hover{background:#116b6b}
.workspace .center-pane{overflow:hidden}
.workspace .embedded-panel{min-height:430px}
.workspace .center-heading h2{color:#163951}
.workspace .tool-search{border-color:#dae8ef}
.workspace .category.active{background:#176c83}
.ai-experience{border:1px solid #e0e9ee;border-radius:16px;padding:22px;background:#fff;box-shadow:var(--v7-shadow)}
.ai-experience-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.ai-experience-head h2{font-size:22px;letter-spacing:-.035em}
.ai-experience-head p{color:#69879a;font-size:12px}
.ai-experience iframe{border:1px solid #e0e9ee;border-radius:10px;width:100%;min-height:710px}
/* One curated collection instead of six promotion banners */
.explore-v7{padding:67px 0 35px}
.explore-head{margin:0 0 22px}
.explore-head h2{font-size:32px;font-weight:840;color:#18384e;letter-spacing:-.048em;margin:0 0 4px}
.explore-head p:not(.section-eyebrow){font-size:13px;color:#7b90a0;margin:0}
.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.explore-card{position:relative;min-height:205px;background:#f8fbfc;border:1px solid #e3edf0;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:9px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s}
.explore-card:hover{transform:translateY(-3px);border-color:#a9d8cf;box-shadow:0 14px 31px #173e5b13;text-decoration:none}
.explore-glyph{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#e6f5f1;color:#1c8878;font-size:23px}
.explore-type{letter-spacing:.13em;font-size:9px;color:#8295a4;font-weight:900;margin-top:8px}
.explore-card strong{font-size:16px;font-weight:830;line-height:1.25;letter-spacing:-.027em;color:#224258}
.explore-card small{font-size:11px;line-height:1.6;color:#738b9a;max-width:260px}
.explore-arrow{position:absolute;top:19px;right:19px;color:#9eb2bd}
.explore-more{display:flex;align-items:center;flex-wrap:wrap;gap:10px 15px;margin-top:19px;font-size:10.5px;color:#8fa2ad}
.explore-more span{font-weight:780;color:#688293}
.explore-more a{color:#638295;text-decoration:none;font-size:10.5px}
.explore-more a:hover{color:#138e76;text-decoration:underline}
.home-discovery{padding:18px 0 45px}
.developer-note{background:#f1f7f8;border:1px solid #dbe9ed;border-radius:15px;padding:21px 26px;display:flex;align-items:center;gap:25px}
.developer-note div{flex:1}
.developer-note strong{display:block;color:#23475d;font-size:16px;letter-spacing:-.03em}
.developer-note p{font-size:11px;color:#7790a0;margin:4px 0 0}
.developer-note>a:not(.developer-more){background:#fff;border:1px solid #d3e2e8;border-radius:9px;color:#235b6e;text-decoration:none;font-size:11px;padding:11px 14px;font-weight:810;white-space:nowrap}
.developer-note .developer-more{font-size:10px;color:#668496;text-decoration:none;white-space:nowrap}
.bottom-note{padding:0 0 30px;margin:0 auto;color:#9badb8;font-size:11px}
.bottom-note a{color:#5c8c98}
footer{background:#102a3d;color:#b2c5d1;margin-top:0}
footer .foot{width:min(1280px,calc(100% - 56px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;min-height:89px;gap:12px}
footer a{color:#b6cedc;text-decoration:none;font-size:11px}
footer a:hover{color:#fff}
footer .foot>div{display:flex;align-items:center;gap:16px}
@media(max-width:1190px){
 .site-head nav.home-nav{gap:13px}
 .hero-v7-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:25px}
 .hero-v7 h1{font-size:clamp(42px,5.2vw,63px)}
 .featured-icon-row{grid-template-columns:repeat(6,minmax(175px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:9px;scrollbar-width:thin}
 .featured-icon-row .feature-rail-item{scroll-snap-align:start}
 .workspace{grid-template-columns:220px minmax(0,1fr) 235px}
 .work-launch{align-items:flex-start}
 .work-launch-actions{max-width:335px}
}
@media(max-width:960px){
 .site-head .head-inner{gap:20px}
 .site-head nav.home-nav>a[href="/engineers/"],.site-head nav.home-nav>a[href="/ai/"]{display:none}
 .hero-v7-grid{grid-template-columns:1fr;padding-top:54px;padding-bottom:50px}
 .hero-showcase{display:none}
 .hero-v7 h1{font-size:clamp(44px,6.6vw,67px)}
 .featured-v7{padding:28px 0}
 .explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .work-launch{flex-wrap:wrap}
 .work-launch-actions{max-width:none;justify-content:flex-start}
 .workspace{grid-template-columns:210px minmax(0,1fr)}
 .workspace .results-pane{grid-column:1/-1}
}
@media(max-width:700px){
 .shell,.site-head .head-inner,footer .foot{width:calc(100% - 32px)}
 .site-head .head-inner{min-height:64px;gap:8px;flex-wrap:wrap;padding:12px 0}
 .site-head .brand{font-size:26px}
 .site-head nav.home-nav{gap:9px}
 .site-head nav.home-nav>a{font-size:10.5px}
 .site-head nav.home-nav>a[href="/office-tools/edit-pdf/"]{display:none}
 .site-head nav.home-nav .nav-cta{font-size:10px;padding:9px 11px}
 .site-head .nav-more summary{font-size:10.5px}
 .site-head .nav-more-items{right:-6px;width:min(320px,88vw)}
 .hero-v7-grid{padding-top:48px;padding-bottom:45px}
 .hero-v7 h1{font-size:clamp(38px,8.2vw,53px)}
 .hero-v7-lead{font-size:13px;line-height:1.75}
 .hero-kicker{font-size:9.5px}
 .home-search{height:58px;padding-left:13px}
 .home-search input{font-size:12px}
 .search-symbol{font-size:27px;margin-right:6px}
 .search-submit{min-height:44px;padding:0 13px;font-size:11px}
 .hero-v7-trust{gap:9px 16px;margin-top:19px}
 .featured-v7{padding-top:26px}
 .featured-top h2{font-size:22px}
 .featured-icon-row{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:162px;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory}
 .featured-icon-row .feature-rail-item{min-height:132px;padding:13px}
 .work-launch{padding:22px 0;gap:17px}
 .work-launch h2{font-size:20px}
 .work-launch-actions{width:100%}
 .launch-button{min-height:43px}
 .work-launch .mode-top{max-width:100%}
 .workspace{display:block;min-height:0;margin-top:14px}
 .workspace .pane{margin-bottom:11px}
 .explore-v7{padding-top:48px}
 .explore-head h2{font-size:26px}
 .explore-grid{grid-template-columns:1fr 1fr;gap:9px}
 .explore-card{padding:15px;min-height:184px}
 .explore-card strong{font-size:13px}
 .explore-card small{font-size:10px}
 .developer-note{padding:18px;flex-wrap:wrap;gap:14px}
 footer .foot{flex-wrap:wrap;padding:24px 0;min-height:0}
}
@media(max-width:430px){
 .site-head nav.home-nav>a[href="/office-tools/"]{display:none}
 .hero-v7-grid{padding-top:36px}
 .hero-v7 h1{font-size:40px}
 .hero-shortcuts{gap:6px}
 .hero-shortcuts button{font-size:10px}
 .work-launch-actions{display:grid;grid-template-columns:1fr;justify-items:start}
 .featured-top{align-items:center}
 .featured-all{font-size:10px}
 .explore-grid{grid-template-columns:1fr}
 .explore-card{min-height:155px}
 .developer-note>a.developer-more{display:none}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{transition:none!important;animation:none!important}
}
@media print{.site-head,.hero-v7,.featured-v7,.work-launch,.explore-v7,.home-discovery,footer{display:none!important}}