
/* WRKDOCS — clean, editorial, accessible homepage. No remote font assets. */
:root{
  --wrk-ink:#101d38;--wrk-muted:#64728d;--wrk-accent:#375de4;
  --wrk-line:#e3eaf4;--wrk-soft:#f8faff;--wrk-card:#ffffff;
}
body{background:#fff;color:var(--wrk-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-head{
  position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);
  border-bottom:1px solid #e8ecf4;box-shadow:0 1px 0 rgba(20,38,80,.03);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.site-head .head-inner{min-height:72px}
.site-head .brand{font-size:29px;color:#15203e;letter-spacing:-2px}
.site-head .brand span{color:#4568e3}
.site-head .brand b{color:#43c7bd}
.site-head nav.home-nav{gap:24px}
.site-head nav.home-nav>a{font-size:12px;font-weight:720;color:#596880}
.site-head nav.home-nav>a:hover{color:#3359dc}
.site-head nav.home-nav .nav-cta{
  color:#fff;background:#1d315f;border:1px solid #1d315f;
  border-radius:11px;padding:11px 16px;font-weight:790;
  box-shadow:none;transition:background .2s,transform .2s
}
.site-head nav.home-nav .nav-cta:hover{background:#2a4aa0;border-color:#2a4aa0;transform:translateY(-1px)}
.site-head .nav-more summary{color:#596880;font-size:12px}
.site-head .nav-more-items{border:1px solid #e4eaf4;box-shadow:0 20px 54px rgba(20,38,73,.14);border-radius:16px}
.site-head .nav-more-items a:hover{background:#f0f4ff;color:#3458cf}
.hero-v7.wrk-hero{
  background:radial-gradient(ellipse 500px 330px at 85% 20%,rgba(197,211,255,.34),transparent 82%),
  radial-gradient(ellipse 380px 330px at 10% 90%,rgba(224,246,246,.4),transparent 80%),
  linear-gradient(115deg,#ffffff 0%,#fbfcff 62%,#f5f8ff 100%);
  border-bottom:1px solid #edf1f7;overflow:visible
}
.wrk-hero .hero-v7-grid{
  grid-template-columns:minmax(0,1.17fr) minmax(300px,.83fr);align-items:center;
  gap:clamp(38px,5.4vw,84px);padding-top:58px;padding-bottom:56px;max-width:1210px
}
.wrk-hero .hero-kicker{color:#536ddd;font-size:10px;letter-spacing:.15em;margin-bottom:18px}
.wrk-hero .hero-kicker-dot{background:#5d77ed;box-shadow:0 0 0 4px #e9efff}
.wrk-hero h1{
  color:#101e3e;letter-spacing:-.058em;font-size:clamp(48px,5.2vw,74px);
  line-height:1.055;font-weight:850;margin:0 0 18px
}
.wrk-hero h1 em{color:#4666e5}
.wrk-hero .hero-v7-lead{max-width:490px;font-size:15px;line-height:1.75;color:#65748d;margin-bottom:24px}
.wrk-hero .home-search{
  height:65px;border:1px solid #d9e1f0;background:#fff;border-radius:15px;
  box-shadow:0 14px 40px rgba(41,61,102,.09);padding:6px 7px 6px 18px;
  max-width:595px
}
.wrk-hero .home-search:focus-within{border-color:#8198f5;box-shadow:0 0 0 4px rgba(101,135,255,.13),0 14px 40px rgba(41,61,102,.09)}
.wrk-hero .home-search input{font-size:14px;color:#142448;min-width:0}
.wrk-hero .search-symbol{color:#8c9bb9;font-size:31px}
.wrk-hero .search-submit{min-height:50px;background:#375bdc;border-radius:11px;color:#fff;font-weight:770;font-size:12px;padding:0 18px}
.wrk-hero .search-submit:hover{background:#2848bc}
.wrk-hero .hero-shortcuts{gap:7px;margin-top:16px}
.wrk-hero .hero-shortcuts>span{color:#7888a0;font-size:11px}
.wrk-hero .hero-shortcuts button{
  color:#50627f;background:#fff;border:1px solid #e0e7f3;
  border-radius:20px;padding:7px 11px;font-size:10.5px
}
.wrk-hero .hero-shortcuts button:hover{border-color:#aebcf5;color:#355bd5;background:#f3f6ff}
.wrk-hero .hero-v7-trust{gap:16px;margin-top:20px}
.wrk-hero .hero-v7-trust span{color:#8491a7;font-size:10.5px;font-weight:620}
.wrk-stage{
  position:relative;max-width:435px;width:100%;margin:auto;
  background:rgba(255,255,255,.95);border:1px solid #e0e7f3;
  border-radius:23px;box-shadow:0 28px 70px rgba(43,66,112,.13);
  overflow:hidden;transform:rotate(1deg)
}
.wrk-stage-top{
  min-height:53px;border-bottom:1px solid #edf1f7;display:flex;align-items:center;
  gap:9px;padding:0 19px;color:#677894;font-size:10px;font-weight:820;letter-spacing:.1em
}
.wrk-stage-dot{height:10px;width:10px;border-radius:50%;background:#56cbbd;box-shadow:0 0 0 4px #e8f8f4}
.wrk-stage-top-right{margin-left:auto;color:#a4afc1;letter-spacing:.07em;font-size:9px}
.wrk-stage-content{
  position:relative;min-height:275px;display:grid;place-items:center;
  background:radial-gradient(ellipse 270px 200px at 50% 45%,#e3eaff,#f4f7ff 75%)
}
.wrk-stage-paper{
  width:187px;height:235px;background:#fff;border-radius:9px;
  padding:23px 22px;box-shadow:0 18px 46px rgba(43,57,111,.15);
  border:1px solid #e0e7f1;transform:rotate(-4deg)
}
.wrk-stage-paper-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#9daac0;letter-spacing:.08em;margin-bottom:25px}
.wrk-stage-paper-top strong{background:#e9efff;color:#4768de;border-radius:5px;padding:5px 7px;font-size:8px}
.wrk-stage-line{display:block;width:78%;height:6px;border-radius:8px;background:#edf0f7;margin:12px 0 0}
.wrk-stage-line.xl{width:95%;height:9px;background:#dae3f4}
.wrk-stage-line.long{width:88%}.wrk-stage-line.short{width:54%}
.wrk-stage-highlight{width:96%;height:26px;background:#e7f4f4;border-left:3px solid #46bdb0;border-radius:3px;margin-top:14px}
.wrk-stage-action{
  position:absolute;right:15px;bottom:37px;display:flex;align-items:center;gap:11px;
  background:#fff;padding:12px 14px;border:1px solid #e1eaf4;border-radius:12px;
  box-shadow:0 14px 32px rgba(28,50,98,.14)
}
.wrk-stage-action-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#138d7d;background:#e5f7f2;font-size:15px}
.wrk-stage-action strong{display:block;color:#22395d;font-size:11px}
.wrk-stage-action small{display:block;color:#8a98ad;font-size:9px;margin-top:2px}
.wrk-stage-bottom{min-height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8796ac}
.wrk-stage-ready{color:#35796c;font-weight:730}
.wrk-stage-ready i{display:inline-block;width:7px;height:7px;background:#38ba9d;border-radius:50%;margin-right:5px}
.featured-v7{padding-top:34px;padding-bottom:27px}
.featured-top{margin-bottom:16px}
.featured-top h2{font-size:25px;color:#152444;letter-spacing:-.04em}
.featured-all{font-size:11px;color:#4465d3}
.featured-icon-row{gap:11px;grid-template-columns:repeat(6,minmax(0,1fr))}
.featured-icon-row .feature-rail-item{
  min-height:125px;padding:15px 14px;border-radius:15px;background:#fff;
  border:1px solid #e2e9f3;box-shadow:0 6px 20px rgba(21,46,94,.035);
  transition:transform .2s,box-shadow .2s,border-color .2s
}
.featured-icon-row .feature-rail-item:hover{transform:translateY(-3px);border-color:#aebef1;box-shadow:0 12px 30px rgba(36,70,130,.11)}
.featured-icon-row .feature-icon{width:38px;height:38px;min-width:38px;background:#eff3ff;color:#4263db;border-radius:11px}
.featured-icon-row .feature-rail-label strong{font-size:12px;color:#283956}
.featured-icon-row .feature-rail-label small{font-size:10px;color:#8b97a8}
.featured-icon-row .rail-arrow{color:#94a3be}
.work-launch{
  padding:23px 25px;border:1px solid #e0e7f2;border-radius:17px;
  background:linear-gradient(105deg,#f9fbff,#f4f7ff);box-shadow:none;
  margin-bottom:24px
}
.work-launch h2{font-size:22px;color:#1b2b4f}
.work-launch p:not(.section-eyebrow){font-size:12px;color:#75839c}
.work-launch .launch-button{
  background:#1d315f;border:1px solid #1d315f;min-height:44px;border-radius:11px;
  color:#fff;padding:10px 16px;box-shadow:none
}
.work-launch .launch-button:hover{background:#2b4b9d;border-color:#2b4b9d}
.work-launch .refined-mode-top{display:none!important}
body.home-work-open #workspace:not([hidden]){margin-top:18px}
.workspace .pane{border:1px solid #e0e7f3;box-shadow:0 8px 30px rgba(25,46,90,.05);border-radius:16px}
.workspace .number{background:#eef2ff;color:#4263d6}
.workspace .tool-item.active{background:#edf2ff;color:#2f54cc;border-color:#c5d3ff}
.workspace .dropzone{background:#f9fbff;border-color:#c9d6f1}
.workspace .action.primary{background:#3157d8;border-color:#3157d8}
.workspace .action.primary:hover{background:#2644b6}
.workspace .category.active{background:#3157d8}
.wrk-compact-info{
  padding-top:37px;padding-bottom:46px;border-top:1px solid #ecf0f7;
  margin-top:26px
}
.wrk-compact-info .wrk-editorial-grid{grid-template-columns:1.2fr 1fr;gap:52px}
.wrk-compact-info .section-eyebrow{color:#5775da}
.wrk-compact-info h2{font-size:clamp(24px,2.6vw,31px)}
.wrk-compact-info p{font-size:13px;line-height:1.72;color:#65738c}
.wrk-compact-info .wrk-privacy-note{font-size:11px;color:#8390a6;margin-top:18px;max-width:580px}
.wrk-compact-info .wrk-links{gap:6px}
.wrk-compact-info .wrk-links a{padding:12px 14px;border-radius:10px;border:1px solid #e4eaf4;font-size:12px;color:#4a61b1;box-shadow:none}
.wrk-compact-info .wrk-links a:hover{border-color:#c6d3f8;background:#f7f9ff}
.home-discovery,.explore-v7.home-hubs,.bottom-note{display:none!important}
footer{background:#101d37;color:#bfcde1}
footer .foot{min-height:70px}
footer .foot>div a{font-size:11px;color:#c4cee2}
@media(max-width:1200px){
 .site-head nav.home-nav{gap:15px}
 .wrk-hero .hero-v7-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:30px}
 .featured-icon-row{grid-template-columns:repeat(6,minmax(165px,1fr));overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
}
@media(max-width:960px){
 .wrk-hero .hero-v7-grid{grid-template-columns:1fr;padding-top:46px;padding-bottom:40px}
 .wrk-stage{display:none}
 .wrk-hero h1{font-size:clamp(46px,6.5vw,64px)}
 .wrk-compact-info .wrk-editorial-grid{grid-template-columns:1fr 1fr;gap:25px}
 .featured-icon-row{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
}
@media(max-width:700px){
 .site-head{position:relative;backdrop-filter:none}
 .site-head .head-inner{min-height:65px}
 .site-head .brand{font-size:26px}
 .site-head nav.home-nav{gap:9px}
 .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 10px}
 .wrk-hero .hero-v7-grid{padding-top:45px;padding-bottom:43px}
 .wrk-hero h1{font-size:clamp(41px,9vw,58px)}
 .wrk-hero .hero-v7-lead{font-size:14px}
 .wrk-hero .home-search{height:60px;padding-left:13px}
 .wrk-hero .search-submit{min-height:47px;font-size:11px;padding:0 13px}
 .wrk-hero .hero-shortcuts button{font-size:10px}
 .wrk-hero .hero-v7-trust{gap:8px 14px}
 .featured-v7{padding-top:27px}
 .featured-icon-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .featured-icon-row .feature-rail-item{min-height:125px;padding:13px}
 .work-launch{padding:19px;border-radius:15px}
 .work-launch h2{font-size:20px}
 .wrk-compact-info{padding-top:28px;padding-bottom:32px}
 .wrk-compact-info .wrk-editorial-grid{grid-template-columns:1fr;gap:16px}
}
@media(max-width:430px){
 .wrk-hero h1{font-size:40px}
 .site-head nav.home-nav>a[href="/office-tools/"]{display:none}
 .featured-icon-row{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
 .wrk-hero .home-search input{font-size:12px}
 .wrk-hero .search-symbol{font-size:24px}
 .featured-top h2{font-size:23px}
 .wrk-compact-info .wrk-links a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .wrk-stage,.featured-icon-row .feature-rail-item:hover{transform:none!important}
}


/* Compact product-release row: accessible without adding homepage clutter. */
.wrk-new-tools{padding-top:7px;padding-bottom:29px}
.wrk-new-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}
.wrk-new-head .section-eyebrow{font-size:10px;margin-bottom:3px}
.wrk-new-head h2{font-size:22px;letter-spacing:-.04em;color:#1b2e53;margin:0}
.wrk-new-head>a{font-size:11px;text-decoration:none;font-weight:750;color:#4563c9}
.wrk-new-head>a:hover{text-decoration:underline}
.wrk-new-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wrk-new-link{display:flex;align-items:center;gap:10px;padding:14px 13px;background:#f8faff;border:1px solid #e4e9f3;border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s,background .2s}
.wrk-new-link:hover{border-color:#b5c6f7;background:#f2f6ff;transform:translateY(-2px);text-decoration:none}
.wrk-new-link>span{font-size:18px;flex-shrink:0}
.wrk-new-link strong{font-size:12px;color:#34486c;font-weight:760}
.wrk-new-link small{margin-left:auto;color:#7083b3}
@media(max-width:920px){.wrk-new-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.wrk-new-tools{padding-bottom:21px}.wrk-new-head h2{font-size:19px}.wrk-new-grid{gap:8px}.wrk-new-link{padding:11px}.wrk-new-link strong{font-size:11px}}
