/* WRKDOCS signature design: deliberately isolated to the WRKDOCS deployment branch.
   No third-party fonts or image services, preserving fast initial render. */
:root {
  --wrk-ink:#0c1833;
  --wrk-navy:#0b1531;
  --wrk-primary:#4f6ff6;
  --wrk-strong:#274bd7;
  --wrk-aqua:#1acbbd;
  --wrk-body:#52617b;
  --wrk-border:#dce5f1;
  --wrk-elev:0 20px 48px rgba(20,39,79,.08);
  --v7-ink:#122342;
  --v7-muted:#5c6981;
  --v7-blue:#315de8;
  --v7-teal:#3359ee;
  --v7-line:#dfe7f3;
  --v7-soft:#f7f9ff;
  --blue:#315de8;
  --green:#186a71;
  --line:#e0e7f2;
}
html {scroll-padding-top:100px}
body {background:#f8faff;color:var(--wrk-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:focus-visible {outline:3px solid #6d8fff;outline-offset:3px}
.site-head {
  position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);
  border-bottom:1px solid #e5eaf4;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 5px 23px rgba(26,45,88,.045)
}
.site-head .head-inner{min-height:78px}
.site-head .brand {color:#101e43;letter-spacing:-2.3px;font-size:31px;font-weight:900}
.site-head .brand span {color:#3a63e9}
.site-head .brand b {color:#11b9ac}
.site-head nav.home-nav>a {color:#52617d;font-size:12px}
.site-head nav.home-nav>a:hover,.site-head .nav-more summary:hover {color:#315de8}
.site-head nav.home-nav .nav-cta {
 background:#315ae4;color:#fff;border:1px solid #315ae4;
 padding:12px 17px;border-radius:12px;
 box-shadow:0 8px 22px rgba(57,99,234,.20);
}
.site-head nav.home-nav .nav-cta:hover{background:#1f45c8;border-color:#1f45c8}
.site-head .nav-more-items {border-color:#dde5f4;box-shadow:0 20px 65px rgba(14,27,62,.16)}
.site-head .nav-more-items a:hover{background:#eef3ff;color:#2d51c6}

.hero-v7 {
 background: radial-gradient(ellipse 580px 400px at 88% 15%,rgba(66,96,235,.25),transparent 77%),
             radial-gradient(ellipse 540px 410px at 19% 85%,rgba(17,182,173,.10),transparent 70%),
             linear-gradient(112deg,#08112b 0%,#111e42 55%,#132454 100%);
 border-bottom:0;isolation:isolate
}
.hero-v7-grid {padding-top:90px;padding-bottom:89px;gap:clamp(26px,5vw,82px)}
.hero-v7 h1 {color:#fff;font-size:clamp(46px,5.1vw,75px);line-height:1.06;letter-spacing:-.06em;text-wrap:balance}
.hero-v7 h1 em {color:#81e6da}
.hero-kicker {color:#91e5dc;font-size:11px;letter-spacing:.17em}
.hero-kicker-dot {background:#33d4bc;box-shadow:0 0 0 5px rgba(39,202,185,.17)}
.hero-v7-lead {color:#ccd7ef;font-size:16px;line-height:1.75;max-width:575px}
.home-search {
 height:72px;border-radius:17px;padding:7px 8px 7px 22px;border:1px solid #e1e8fa;
 box-shadow:0 15px 45px rgba(0,0,0,.20);max-width:670px
}
.home-search:focus-within {border-color:#4b7bfd;box-shadow:0 0 0 4px rgba(71,111,249,.22),0 19px 48px rgba(0,0,0,.20)}
.home-search input {font-size:15px;color:#14254b}
.search-submit{min-height:54px;border-radius:12px;background:#345ef0;font-size:12px;padding:0 20px}
.search-submit:hover{background:#2349ce}
.hero-shortcuts {margin-top:19px}
.hero-shortcuts>span {color:#92a7c7;font-size:12px}
.hero-shortcuts button {
 background:rgba(255,255,255,.08);border:1px solid rgba(216,229,255,.27);
 color:#e2e9fb;border-radius:99px;font-size:11px;padding:8px 13px
}
.hero-shortcuts button:hover{color:#fff;background:rgba(84,114,234,.28);border-color:#8aa3ff}
.hero-v7-trust{gap:20px;margin-top:28px}
.hero-v7-trust span {color:#b5c6e4;font-size:11px}
.hero-showcase {
 border-radius:26px;border:1px solid rgba(255,255,255,.23);background:#fff;
 box-shadow:0 34px 85px rgba(0,0,0,.30);transform:rotate(1deg);
 width:min(100%,480px)
}
.showcase-top {background:#f8fbff;border-color:#e9eef8}
.showcase-mark{background:#eaf0ff;color:#315de8}
.showcase-main {
 min-height:351px;background:radial-gradient(ellipse 350px 170px at 50% 70%,#d1dcfa,transparent 83%),
 linear-gradient(135deg,#f6f8ff,#e4ebfb);
}
.showcase-doc{box-shadow:0 22px 50px rgba(39,57,107,.18);border-color:#e0e5f1}
.showcase-doc-band span:last-child {background:#e7efff;color:#315de8}
.showcase-float {border-color:#dbe5fb;box-shadow:0 17px 33px rgba(23,52,106,.19)}
.showcase-float-icon {background:#e3eeff;color:#345de1}
.showcase-check{color:#079e91}
.showcase-toolstrip>span{color:#315de8;border-color:#d9e3f6}
.showcase-bottom span:first-child{color:#31645e}

.featured-v7 {padding-top:48px;padding-bottom:41px}
.section-eyebrow {color:#315de8;font-size:11px}
.featured-top h2,.explore-head h2,.work-launch h2 {color:#112248;letter-spacing:-.04em}
.featured-top h2{font-size:clamp(25px,2.5vw,31px)}
.featured-all{font-size:12px;color:#315de8}
.featured-icon-row{gap:13px}
.featured-icon-row .feature-rail-item {
 min-height:151px;border-radius:18px;border:1px solid #e1e7f3;
 box-shadow:0 9px 30px rgba(17,43,88,.05);padding:18px 15px;
}
.featured-icon-row .feature-rail-item:hover{transform:translateY(-4px);border-color:#a9bbff;box-shadow:0 19px 39px rgba(41,72,144,.14)}
.featured-icon-row .feature-rail-item:focus-visible{outline-color:#496ef0}
.featured-icon-row .feature-icon{background:#ebf1ff;color:#3159da;border-radius:12px}
.featured-icon-row .feature-rail-label strong{color:#172a53}
.featured-icon-row .feature-rail-label small{color:#72809a}
.work-launch{border-color:#dce6f3;border-radius:22px;background:linear-gradient(118deg,#fff,#f2f6ff);box-shadow:var(--wrk-elev)}
.work-launch .launch-button{background:#315be8;border-color:#315be8;box-shadow:0 9px 24px rgba(53,86,215,.19)}
.work-launch .launch-button:hover{background:#2346c6}
.workspace{scroll-margin-top:104px}
.workspace .pane {border-color:#dfe7f3;border-radius:18px;box-shadow:0 8px 28px rgba(17,40,83,.05)}
.pane-header{background:linear-gradient(180deg,#fff,#fbfcff)}
.pane-title{color:#16264a}
.tool-item:hover,.tool-item[aria-pressed="true"]{accent-color:#315be8}
.action.primary{background:#315be8;color:#fff}
.action.primary:hover{background:#254acc}
.explore-v7 .explore-card{border-color:#e2e8f3;border-radius:20px;box-shadow:0 8px 26px rgba(20,44,92,.05)}
.explore-v7 .explore-card:hover{box-shadow:0 18px 40px rgba(31,56,116,.12);border-color:#c5d2fa}
.home-discovery .developer-note{border-radius:20px}
footer{background:#111d3b;color:#c4d1e8}
footer a,footer .foot a {color:#d9e4fa}
footer a:hover{color:#fff}

/* New original, search-visible WRKDOCS information */
.wrk-process,.wrk-editorial{padding-top:48px;padding-bottom:52px}
.wrk-section-top {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}
.wrk-process h2,.wrk-editorial h2,.wrk-tool-guide h2{font-size:clamp(27px,3vw,38px);line-height:1.14;letter-spacing:-.045em;color:#112249;margin:6px 0 0;text-wrap:balance}
.wrk-section-top p{max-width:450px;color:#64728c;font-size:14px;line-height:1.65;margin:0}
.wrk-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.wrk-process-item {
 background:#fff;border:1px solid #e0e7f3;border-radius:20px;
 padding:27px 25px 25px;box-shadow:0 11px 29px rgba(20,43,89,.045)
}
.wrk-num{display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;
  background:#eaf0ff;border-radius:12px;color:#3155d5;font-size:13px;font-weight:850;margin-bottom:18px}
.wrk-process-item h3{font-size:17px;font-weight:820;margin:0 0 9px;letter-spacing:-.02em;color:#142951}
.wrk-process-item p{font-size:13px;line-height:1.75;color:#61708b;margin:0}
.wrk-editorial{border-top:1px solid #e4eaf5}
.wrk-editorial-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:start}
.wrk-editorial p{color:#5d6e88;font-size:14px;line-height:1.8;max-width:670px}
.wrk-links{display:grid;gap:9px}
.wrk-links a{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #dfe6f3;border-radius:13px;padding:15px 17px;background:#fff;color:#2549bd;font-weight:750;font-size:13px;text-decoration:none}
.wrk-links a:hover{background:#eef3ff;border-color:#a5b9f8}
.wrk-disclaimer {padding:16px 19px;border:1px solid #d8e6f5;border-left:4px solid #476ef0;background:#f0f5ff;border-radius:12px;color:#42597d;font-size:12px;line-height:1.7;margin-top:20px}
.wrk-tool-guide{border:1px solid #e0e8f5;border-radius:20px;padding:24px 27px;background:#f7faff;max-width:1100px;margin:35px auto;box-shadow:0 6px 28px rgba(34,60,101,.04)}
.wrk-tool-guide h2{font-size:27px}
.wrk-tool-guide p,.wrk-tool-guide li{font-size:14px;line-height:1.8;color:#556784}
.wrk-tool-guide ol{padding-left:23px}
.wrk-tool-guide a{font-weight:750;color:#3159db}
@media (max-width:1000px){
 .hero-v7-grid{gap:25px;padding-top:68px;padding-bottom:64px}
 .hero-v7 h1{font-size:clamp(41px,5.6vw,61px)}
 .featured-icon-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .wrk-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
 html{scroll-padding-top:20px}
 .site-head{position:relative;backdrop-filter:none}
 .hero-v7-grid{padding-top:50px;padding-bottom:52px}
 .hero-v7 h1{font-size:clamp(41px,9vw,59px)}
 .hero-v7-lead{font-size:14px}
 .home-search{height:64px;padding:5px 6px 5px 14px}
 .search-submit{min-height:50px;padding:0 13px}
 .hero-showcase{transform:none;width:min(100%,430px);margin:24px auto 0}
 .featured-icon-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wrk-process-grid,.wrk-editorial-grid{grid-template-columns:1fr}
 .wrk-process,.wrk-editorial{padding-top:37px;padding-bottom:38px}
 .wrk-section-top{display:block}
 .wrk-section-top p{margin-top:12px}
 .wrk-tool-guide{padding:21px 19px;margin:22px 12px}
}
@media (max-width:480px){
 .hero-v7 h1{font-size:40px}
 .hero-v7-trust{gap:9px 14px}
 .feature-icon-row .feature-rail-item,.featured-icon-row .feature-rail-item{min-height:139px}
 .wrk-process-item{padding:20px 19px}
}
@media (prefers-reduced-motion:reduce){
 .hero-showcase,.featured-icon-row .feature-rail-item,.featured-icon-row .feature-rail-item:hover{transform:none!important}
 *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
}
