/* Art direction lock: Word product screen, not generic SaaS marketing. */
:root { --word-blue:#2b74c9; --carbon:#111214; --paper:#fbfbfb; --rule:#d7d7d7; }
body { background:var(--paper); }
.hero { background:var(--carbon); color:#fff; border-bottom:0; padding:76px 0 72px; }
.hero-grid { align-items:end; gap:68px; }
.hero .eyebrow, .hero .lead, .hero-note { color:#d7d7d7; }
.hero .dot { background:var(--word-blue); }
.hero h1 { color:#fff; font-size:clamp(42px,4.2vw,58px); font-weight:500; }
.hero .lead { max-width:490px; font-size:17px; line-height:1.6; }
.hero .button { background:var(--word-blue); border-color:var(--word-blue); border-radius:0; }
.hero .button:hover { background:#1e64b4; }
.hero .button-ghost { color:#fff; background:transparent; border-color:#858585; }
.hero .button-ghost:hover { background:#242527; }
.hero .check { color:#6fbe80; }
.hero-product { max-width:650px; justify-self:end; width:100%; }
.product-window { border:0; border-radius:0; box-shadow:0 16px 0 #2a2b2f; }
.titlebar { background:#e9e9e9; }
.tabs { background:#fff; }
.start-work { background:#fff; padding:76px 0; border-bottom:1px solid var(--rule); }
.start-layout { grid-template-columns:320px 1fr; gap:132px; }
.start-title h2 { font-size:31px; font-weight:500; }
.work-choice { max-width:660px; }
.work-row { min-height:98px; }
.work-row:hover { background:#f5f5f5; }
.editor-section { background:#ededed; padding:86px 0; }
.section-copy h2, .documents-intro h2, .workflow-intro h2 { font-weight:500; }
.upload-panel { background:#fafafa; border:1px dashed #8f8f8f; padding:45px 40px; }
.documents-section { background:#fff; padding:104px 0; }
.documents-layout { grid-template-columns:360px 1fr; gap:118px; }
.documents-intro h2 { font-size:37px; }
.document-list { max-width:690px; }
.document-list > a { min-height:92px; }
.doc-icon { filter:saturate(.68); }
.features { background:#111214; color:#fff; padding:94px 0; }
.workflow-steps { border-top-color:#777; }
.workflow-steps article { border-bottom-color:#404146; }
.workflow-steps article > span { color:#84b9f3; }
.workflow-steps p { color:#b9b9bb; }
.site-footer { background:#090909; }
.footer-rule, .footer-bottom { border-color:#343434; }
@media(max-width:900px){.start-layout,.documents-layout{grid-template-columns:1fr;gap:45px}.hero-product{justify-self:start}.documents-intro{position:static}.document-list{max-width:none}}
@media(max-width:680px){.hero{padding:52px 0}.hero-grid{gap:44px}.hero h1{font-size:42px}.hero-product{width:100%}.product-window{box-shadow:0 10px 0 #2a2b2f}.start-work,.editor-section,.documents-section,.features{padding:60px 0}.start-layout,.documents-layout{gap:32px}.documents-intro h2{font-size:31px}}