/* Webyar: shared public, account and customer workspace styles. */
:root { --w-ink:#193e37; --w-green:#235e4e; --w-cream:#f7f7f0; --w-muted:#68766d; --w-line:#e2e7de; --w-orange:#aa603e; }
html { scroll-behavior:smooth; scroll-padding-top:24px; }
body { text-rendering:optimizeLegibility; }
button, input, select, textarea { font-family:inherit; }
.w-container { width:min(1280px,100%); padding-inline:56px; margin-inline:auto; }
.w-public { background:var(--w-cream); }
.w-header { min-height:110px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.w-brand { display:inline-flex; align-items:center; gap:11px; flex-shrink:0; }
.w-logo { display:flex; align-items:center; justify-content:center; width:46px; height:46px; border-radius:14px; color:#fff; background:var(--w-ink); }
.w-logo svg { width:31px; height:31px; }
.w-brand-name { font-size:25px; font-weight:700; line-height:1.25; color:var(--w-ink); letter-spacing:-.8px; }
.w-brand-name small { display:block; font-size:8px; font-weight:600; letter-spacing:3.6px; margin-top:7px; color:var(--w-muted); direction:ltr; }
.login-story .w-brand-name { color:#edf1df; }
.login-story .w-brand-name small { color:#b0c4a4; }
.login-story .w-logo { background:#365f4b; }
.w-main-nav { display:flex; gap:31px; font-size:12px; color:#5e6b61; }
.w-main-nav a:hover, .w-footer a:hover { color:var(--w-orange); }
.w-header-action { display:flex; gap:24px; align-items:center; }
.w-login-link { font-size:12px; }
.w-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:14px 24px; min-height:52px; border-radius:10px; font-size:13px; line-height:1.8; font-weight:600; border:1px solid transparent; transition:background .18s, transform .18s; }
.w-button:hover { transform:translateY(-1px); }
.w-button-primary { color:#fff; background:var(--w-green); }
.w-button-primary:hover { background:#194b3f; }
.w-button-primary span { color:#bad1ba; font-size:19px; }
.w-button-outline { background:transparent; border-color:#cdd7ca; color:var(--w-ink); }
.w-button-outline:hover { background:#edf1e7; }
.w-button-small { font-size:11px; min-height:43px; padding:10px 18px; gap:18px; }
.w-button-cream { color:var(--w-ink); background:#f0f1df; }
.w-button-quiet { color:#5b7160; background:transparent; padding-inline:8px; }
.w-text-link { display:inline-flex; align-items:center; gap:17px; font-size:12px; font-weight:600; color:var(--w-green); }
.w-text-link span { font-size:20px; font-weight:400; }
.w-eyebrow { font-size:11px; color:var(--w-orange); margin-bottom:18px; display:flex; align-items:center; gap:10px; font-weight:500; }
.w-eyebrow>span { width:7px; height:7px; background:#b57550; border-radius:50%; }
.w-hero { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; padding-top:73px; padding-bottom:90px; }
.w-hero h1 { font-size:51px; letter-spacing:-2px; line-height:1.75; margin-bottom:23px; }
.w-title-accent { position:relative; z-index:0; white-space:nowrap; }
.w-title-accent:after { content:""; position:absolute; z-index:-1; right:0; left:-6px; bottom:5px; height:12px; border-radius:50%; background:#e6d7b9; transform:rotate(-2deg); }
.w-hero-description { font-size:13px; line-height:2.6; max-width:470px; color:#687267; }
.w-hero-actions { margin-top:31px; display:flex; align-items:center; gap:29px; }
.w-hero-notes { display:flex; gap:24px; font-size:10px; color:#687968; margin-top:27px; }
.w-hero-notes i { margin-left:5px; font-style:normal; color:#708b63; }
.w-hero-art { height:429px; position:relative; display:flex; align-items:center; justify-content:center; margin-left:-11px; }
.w-art-grid { position:absolute; width:93%; height:90%; background-image:linear-gradient(#becbb92b 1px,transparent 1px),linear-gradient(90deg,#becbb92b 1px,transparent 1px); background-size:30px 30px; mask-image:radial-gradient(ellipse,#000 35%,transparent 73%); }
.w-art-orbit { position:absolute; width:335px; height:335px; border:1px solid #dce4cf; border-radius:50%; left:6%; top:12%; }
.w-art-caption { position:absolute; right:29px; top:7px; display:flex; align-items:center; gap:7px; font-size:9px; color:#7b8974; }
.w-mini-dot { display:block; width:5px; height:5px; background:#adbc95; border-radius:50%; }
.w-site-preview { width:93%; max-width:470px; border:1px solid #d7ddcc; border-radius:14px; background:#fffefa; box-shadow:0 19px 50px #3a543915; transform:rotate(-3deg); overflow:hidden; z-index:1; }
.w-preview-chrome { display:flex; align-items:center; justify-content:space-between; padding:11px 15px; border-bottom:1px solid #e4e7dd; background:#f5f6ee; direction:ltr; font-size:9px; color:#8b977e; }
.w-preview-chrome>div { display:flex; gap:4px; }
.w-preview-chrome i { width:5px; height:5px; background:#cfd7c4; border-radius:50%; }
.w-preview-chrome i:first-child { background:#d3ae8a; }
.w-preview-top { padding:23px 24px 4px; display:flex; align-items:center; justify-content:space-between; }
.w-preview-brand { font-size:13px; font-weight:bold; display:flex; gap:7px; flex-direction:row-reverse; }
.w-preview-brand>span { color:#b0c29d; font-size:12px; }
.w-preview-top>div { display:flex; gap:11px; }
.w-preview-top i { width:21px; height:3px; border-radius:3px; background:#e0e5d7; }
.w-preview-menu { font-size:13px; color:#829274; }
.w-preview-body { display:grid; grid-template-columns:55% 45%; padding:29px 24px 22px; align-items:center; min-height:197px; }
.w-preview-tag { font-size:7px; color:#ab7859; }
.w-preview-body strong { display:block; font-size:25px; line-height:1.7; margin-top:7px; letter-spacing:-1px; }
.w-wire-lines { display:grid; gap:6px; margin:15px 0; }
.w-wire-lines i { width:90%; height:3px; border-radius:3px; background:#e8ebdf; }
.w-wire-lines i:last-child { width:65%; }
.w-preview-cta { display:inline-flex; gap:25px; background:#23584b; color:#eef4e6; padding:6px 11px; font-size:7px; border-radius:4px; }
.w-preview-cta b { font-weight:normal; }
.w-preview-sculpture { position:relative; height:170px; display:block; }
.w-sculpture-back { position:absolute; width:103px; height:139px; border-radius:65px 65px 14px 14px; top:7px; left:5px; background:linear-gradient(145deg,#dae2c6,#a8c3a3); transform:rotate(-10deg); }
.w-sculpture-front { position:absolute; width:78px; height:115px; border-radius:48px 48px 9px 9px; top:56px; right:0; background:linear-gradient(145deg,#e4c9a9,#c88f64); transform:rotate(13deg); box-shadow:-7px -6px 18px #a9814513; }
.w-sculpture-dot { position:absolute; width:37px; height:37px; border-radius:50%; top:12px; right:9px; background:#567d60; box-shadow:inset 5px 5px 8px #ffffff22; }
.w-preview-tiles { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; padding:9px 24px 22px; }
.w-preview-tiles>span { padding:12px 8px 10px; border:1px solid #e7eadd; border-radius:6px; background:#fafbf4; }
.w-preview-tiles i { font-style:normal; display:block; color:#7b956d; font-size:16px; }
.w-preview-tiles b { font-size:7px; font-weight:400; display:block; margin-top:4px; }
.w-preview-tiles em { width:80%; height:3px; background:#e7ebdd; display:block; margin-top:6px; }
.w-floating-note { position:absolute; z-index:3; background:#fffffd; border:1px solid #e2e5d8; display:flex; align-items:center; gap:12px; box-shadow:0 10px 30px #536b4410; padding:15px 17px; border-radius:11px; }
.w-floating-note strong { display:block; font-size:10px; font-weight:500; }
.w-floating-note small { display:block; font-size:8px; color:#7c8871; margin-top:3px; }
.w-note-design { top:37px; left:-18px; transform:rotate(3deg); }
.w-note-icon { width:32px; height:32px; color:#ab8057; background:#f4eee0; border-radius:8px; display:grid; place-content:center; font-size:24px; }
.w-note-progress { bottom:1px; right:32px; min-width:260px; transform:rotate(2deg); }
.w-note-check { width:33px; height:33px; border-radius:50%; background:#e9f0df; color:#658251; display:grid; place-content:center; }
.w-note-progress small { margin-top:0; }
.w-tiny-progress { display:flex; gap:3px; align-self:flex-end; margin-right:auto; margin-bottom:4px; }
.w-tiny-progress i { width:13px; height:4px; border-radius:3px; background:#e5eada; }
.w-tiny-progress i:first-child { background:#819c66; }
.w-art-footnote { font-size:8px; position:absolute; bottom:-26px; left:21px; color:#89947e; }
.w-business-strip { display:flex; align-items:center; gap:38px; padding-block:29px; position:relative; }
.w-business-strip:before, .w-business-strip:after { content:""; position:absolute; left:56px; right:56px; height:1px; background:var(--w-line); top:0; }
.w-business-strip:after { bottom:0; top:auto; }
.w-business-strip>span { font-size:12px; color:#687768; min-width:140px; line-height:2; }
.w-business-strip strong { color:#405943; font-weight:500; }
.w-business-types { display:flex; justify-content:space-between; flex:1; gap:25px; color:#5f735e; font-size:12px; align-items:center; flex-wrap:wrap; }
.w-business-types>span { display:flex; align-items:center; gap:11px; }
.w-business-types>span:before { content:"✦"; color:#a0ae8a; font-size:11px; }
.w-section { padding-block:90px; }
.w-section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:44px; gap:40px; }
.w-section h2, .w-care-section h2 { font-size:32px; line-height:1.8; letter-spacing:-1px; }
.w-section-heading>p { font-size:12px; color:#73806b; line-height:2.5; margin-bottom:10px; }
.w-journey-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.w-journey-grid article { position:relative; border-top:1px solid #d5dfca; padding-top:25px; }
.w-step-index { position:absolute; top:23px; left:3px; color:#b1baa3; font-size:12px; font-family:Georgia,serif; letter-spacing:1px; }
.w-line-icon { font-size:31px; height:55px; color:#6b855e; line-height:1.4; }
.w-journey-grid h3 { font-size:14px; margin-bottom:10px; }
.w-journey-grid p { font-size:11px; line-height:2.5; color:#6d7a64; max-width:245px; }
.w-care-section { background:#edf1e4; padding-block:68px; }
.w-care-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:95px; align-items:center; }
.w-care-layout h2 span { color:#738855; }
.w-care-layout>div>p:not(.w-eyebrow) { color:#6c7b63; font-size:12px; line-height:2.6; margin-top:20px; margin-bottom:24px; }
.w-benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px 35px; }
.w-benefit-grid article>span { width:36px; height:36px; display:grid; place-content:center; background:#e1e9d5; border-radius:10px; color:#648058; font-size:21px; margin-bottom:14px; }
.w-benefit-grid h3 { font-size:13px; margin-bottom:7px; }
.w-benefit-grid p { color:#6d7c63; font-size:11px; line-height:2.5; }
.w-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.w-faq-layout .w-muted { margin-top:22px; font-size:12px; }
.w-muted { color:var(--w-muted); }
.w-faq-list details { border-bottom:1px solid var(--w-line); padding-block:19px; }
.w-faq-list details:first-child { padding-top:3px; }
.w-faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:22px; cursor:pointer; font-size:13px; color:#385b42; }
.w-faq-list summary::-webkit-details-marker { display:none; }
.w-faq-list summary span { color:#8b9c79; font-size:21px; font-family:Arial,sans-serif; }
.w-faq-list details[open] summary span { transform:rotate(45deg); }
.w-faq-list p { font-size:11px; line-height:2.7; color:#6c7a61; padding:13px 0 0 25px; }
.w-start-banner { position:relative; display:flex; align-items:center; justify-content:space-between; gap:35px; background:#244e40; border-radius:19px; padding:40px 44px; overflow:hidden; }
.w-start-banner:after { content:""; position:absolute; width:330px; height:330px; border:1px solid #e6ecd40b; border-radius:50%; left:-80px; top:-60px; pointer-events:none; }
.w-start-banner .w-eyebrow { color:#b1c099; margin-bottom:9px; }
.w-start-banner h2 { color:#f0f3e5; font-size:25px; font-weight:500; }
.w-start-banner p:not(.w-eyebrow) { font-size:11px; color:#b3c4a5; margin-top:10px; }
.w-start-banner .w-button { flex-shrink:0; }
.w-footer { display:flex; align-items:center; gap:24px; padding-top:36px; padding-bottom:35px; color:#738069; }
.w-footer .w-logo { width:35px; height:35px; border-radius:10px; }
.w-footer .w-logo svg { width:25px; height:25px; }
.w-footer .w-brand-name { font-size:19px; }
.w-footer .w-brand-name small { font-size:6px; margin-top:4px; letter-spacing:2.5px; }
.w-footer p { font-size:10px; margin-right:7px; }
.w-footer>a:last-child { margin-right:auto; font-size:10px; }
/* Accounts */
.w-auth-layout { min-height:100vh; display:grid; grid-template-columns:45% 55%; }
.w-auth-story { min-height:100%; background:#214a3e; padding:42px 64px 35px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; }
.w-auth-story:after { content:""; position:absolute; left:-90px; top:25%; width:540px; height:540px; border:1px solid #829f7021; border-radius:50%; pointer-events:none; }
.w-auth-story .w-brand-name { color:#edf1df; }
.w-auth-story .w-brand-name small { color:#b0c4a4; }
.w-auth-story .w-logo { background:#365f4b; }
.w-auth-story-copy { position:relative; z-index:1; padding-block:75px; }
.w-auth-story-copy .w-eyebrow { color:#b6c49c; }
.w-auth-story h1 { color:#f2f3e5; font-size:41px; line-height:1.85; letter-spacing:-1.6px; }
.w-auth-story h1 span { color:#bbcba5; }
.w-auth-story-copy>p:not(.w-eyebrow) { color:#afc3a4; line-height:2.6; font-size:12px; margin-top:22px; max-width:355px; }
.w-auth-story>small { color:#aac09d; font-size:10px; }
.w-auth-route { display:flex; align-items:flex-start; gap:9px; max-width:350px; margin-top:56px; }
.w-auth-route>span { width:31px; height:31px; display:grid; align-items:center; justify-items:center; border:1px solid #668765; border-radius:50%; flex-shrink:0; color:#b4c6a4; font-size:11px; position:relative; }
.w-auth-route>span.is-active { color:#244e3a; background:#c4d2ac; border-color:#c4d2ac; }
.w-auth-route>span b { position:absolute; top:39px; width:75px; text-align:center; font-size:9px; font-weight:400; color:#bdcfa9; }
.w-auth-route>i { width:100%; height:1px; background:#5d7c59; margin-top:15px; }
.w-auth-side { background:#fafbf5; display:flex; align-items:center; justify-content:center; padding:48px 55px; }
.w-auth-form-wrap { width:100%; max-width:400px; }
.w-back-link { color:#69795e; font-size:11px; display:inline-flex; gap:10px; margin-bottom:45px; }
.w-auth-form-wrap>.w-eyebrow { margin-bottom:8px; }
.w-auth-form-wrap h2 { font-size:27px; }
.w-auth-description { font-size:12px; line-height:2.4; color:#6e7b65; margin-top:9px; margin-bottom:26px; }
.w-field { margin-bottom:19px; }
.w-field>label { display:block; font-size:12px; font-weight:500; color:#385741; margin-bottom:7px; }
.w-field input, .w-field select { font-size:14px; min-height:49px; border-color:#d9e1d0; background:#fff; }
.w-field-help { font-size:10px; color:#68785f; line-height:2.1; margin-top:7px; }
.w-field-help ul { padding-right:18px; margin:5px 0; }
.w-field .field-error { font-size:11px; }
.w-field .errorlist { font-size:11px; color:#a63f37; }
.w-forgot-link { font-size:11px; color:#567544; display:block; width:fit-content; margin-top:-2px; margin-bottom:24px; }
.w-auth-switch { font-size:12px; color:#728166; text-align:center; padding-top:23px; }
.w-auth-switch a { color:#2f604b; font-weight:600; margin-right:5px; }
.w-auth-hint { font-size:10px; color:#738166; text-align:center; border-top:1px solid #e5eadb; margin-top:27px; padding-top:19px; line-height:2.2; }
.w-state-icon { width:52px; height:52px; display:grid; place-content:center; background:#e7eedc; color:#617f4e; border-radius:15px; font-size:27px; margin-bottom:25px; }
/* Customer workspace */
.w-workspace { background:#f5f7f0; }
.w-workspace-shell { display:grid; grid-template-columns:235px minmax(0,1fr); min-height:100vh; }
.w-workspace-sidebar { background:#fbfcf7; border-left:1px solid #e3e8dc; padding:30px 21px 22px; position:sticky; top:0; height:100vh; display:flex; flex-direction:column; }
.w-workspace-sidebar>.w-brand { padding-inline:7px; }
.w-sidebar-caption { font-size:10px; color:#879275; margin:49px 13px 12px; }
.w-workspace-nav { display:flex; flex-direction:column; gap:6px; }
.w-workspace-nav a { display:flex; gap:12px; align-items:center; padding:12px 14px; border-radius:9px; font-size:12px; color:#65765a; }
.w-workspace-nav a>span { font-size:19px; line-height:1; color:#819b6c; min-width:21px; text-align:center; }
.w-workspace-nav a.active { background:#eaf0e0; color:#294f38; font-weight:600; }
.w-sidebar-tip { background:#f0f4e8; border:1px solid #e3e9d9; border-radius:13px; margin-top:40px; padding:18px; }
.w-sidebar-tip>span { display:block; font-size:24px; color:#849b65; margin-bottom:7px; }
.w-sidebar-tip strong { font-size:12px; font-weight:500; color:#46633a; }
.w-sidebar-tip p { font-size:10px; color:#718062; line-height:2.3; margin-top:7px; }
.w-workspace-user { display:flex; align-items:center; gap:9px; margin-top:auto; padding-top:27px; }
.w-user-avatar { width:32px; height:32px; display:grid; place-content:center; border-radius:50%; background:#e4ead6; color:#5c7946; font-size:13px; flex-shrink:0; }
.w-workspace-user>div:nth-child(2) { min-width:0; flex:1; }
.w-workspace-user strong { display:block; font-size:10px; color:#4f6840; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:105px; }
.w-workspace-user small { display:block; font-size:9px; color:#788868; }
.w-logout { background:transparent; color:#81976b; padding:10px 5px; font-size:20px; }
.w-workspace-content { min-width:0; }
.w-workspace-topbar { height:77px; padding:0 42px; border-bottom:1px solid #e3e8dc; background:#fafbf6; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:11px; color:#758266; }
.w-breadcrumb { display:flex; align-items:center; gap:10px; }
.w-breadcrumb>span { color:#a0ae8c; }
.w-topbar-note { display:flex; gap:8px; align-items:center; font-size:10px; }
.w-topbar-note i { width:6px; height:6px; background:#91a97b; border-radius:50%; }
.w-workspace-main { max-width:1420px; margin:0 auto; padding:36px 42px 48px; }
.w-workspace-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:28px; }
.w-workspace-heading h1 { font-size:28px; line-height:1.8; }
.w-workspace-heading .w-eyebrow { margin-bottom:6px; font-size:10px; }
.w-workspace-heading p:not(.w-eyebrow) { font-size:12px; color:#748365; margin-top:5px; }
.w-workspace-heading .w-button { min-height:46px; font-size:11px; padding:11px 18px; gap:17px; }
.w-welcome { display:grid; grid-template-columns:1fr auto; gap:25px; align-items:center; background:#284f3e; padding:31px 33px; border-radius:16px; position:relative; margin-bottom:27px; overflow:hidden; }
.w-welcome:after { content:""; position:absolute; width:250px; height:250px; border:1px solid #aec1941a; border-radius:50%; left:-45px; top:-85px; pointer-events:none; }
.w-welcome h2 { color:#f1f4e6; font-size:23px; margin-bottom:7px; }
.w-welcome p { color:#b8c8a7; font-size:11px; line-height:2.4; max-width:575px; }
.w-welcome-icon { color:#b0c799; font-size:63px; line-height:1; padding-left:14px; }
.w-account-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:31px; }
.w-account-stats article { padding:20px 22px; background:#fffefb; border:1px solid #e3e8d9; border-radius:12px; display:grid; grid-template-columns:1fr auto; align-items:center; }
.w-account-stats span { font-size:11px; color:#7b876c; }
.w-account-stats strong { font:30px Georgia,serif; color:#416638; grid-column:2; grid-row:1/3; }
.w-account-stats small { font-size:9px; color:#899679; margin-top:4px; }
.w-panel { background:#fffefa; border:1px solid #e2e7d8; border-radius:14px; padding:26px; margin-bottom:24px; }
.w-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:22px; }
.w-panel-heading h2 { font-size:17px; }
.w-panel-heading p { font-size:11px; color:#77866a; margin-top:3px; }
.w-count { color:#6e8653; font-size:10px; background:#eef2e4; padding:4px 9px; border-radius:6px; }
.w-draft-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.w-draft-card { border:1px solid #e0e7d4; border-radius:11px; padding:21px; background:#fafcf4; min-width:0; }
.w-draft-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.w-draft-icon { display:grid; place-content:center; width:37px; height:37px; border:1px solid #dce5cd; background:#eff4e2; color:#7b935f; border-radius:10px; font-size:21px; }
.w-status { display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:6px; background:#eaf0e2; color:#5a743f; font-size:10px; white-space:nowrap; }
.w-status:before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.w-status-draft,.w-status-needs_info { background:#f5ecdc; color:#936a2e; }
.w-status-rejected,.w-status-paused { background:#f3e7df; color:#975f47; }
.w-status-building,.w-status-designing,.w-status-testing { background:#e3efec; color:#3c7868; }
.w-draft-card h3 { font-size:14px; overflow-wrap:anywhere; }
.w-draft-card>p { font-size:10px; color:#7d8b6d; margin-top:5px; }
.w-draft-meter { height:5px; border-radius:5px; background:#e9eedf; margin-top:19px; display:flex; overflow:hidden; }
.w-draft-meter>span { background:#97b478; height:100%; display:block; border-radius:5px; }
/* Percentage is rendered as a native progress element to respect the strict CSP. */
progress.w-progress { display:block; width:100%; height:5px; border:0; background:#e9eedf; border-radius:5px; overflow:hidden; appearance:none; }
progress.w-progress::-webkit-progress-bar { background:#e9eedf; }
progress.w-progress::-webkit-progress-value { background:#88a568; border-radius:5px; }
progress.w-progress::-moz-progress-bar { background:#88a568; border-radius:5px; }
.w-draft-card>.w-progress { margin-top:18px; }
.w-draft-bottom { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; }
.w-draft-bottom>span { font-size:10px; color:#778965; }
.w-draft-bottom a { font-size:11px; }
.w-project-list { display:grid; gap:11px; }
.w-project-row { display:flex; align-items:center; gap:16px; border:1px solid #e4e9db; border-radius:11px; padding:19px 20px; }
.w-project-row:hover { background:#f7faef; border-color:#cad8b9; }
.w-project-row .w-draft-icon { flex-shrink:0; }
.w-project-row>div:nth-child(2) { min-width:0; flex:1; }
.w-project-row h3 { font-size:13px; overflow-wrap:anywhere; }
.w-project-row p { font-size:10px; color:#7a8869; margin-top:4px; }
.w-project-arrow { color:#91a47d; font-size:21px; margin-right:13px; }
.w-empty { text-align:center; padding:30px 22px; }
.w-empty>span { display:grid; place-content:center; width:60px; height:60px; border-radius:18px; background:#eef3e3; color:#8ea274; font-size:29px; margin:0 auto 19px; }
.w-empty h3 { font-size:16px; margin-bottom:9px; }
.w-empty p { color:#7a886c; font-size:11px; line-height:2.4; max-width:440px; margin:0 auto; }
.w-empty .w-button { margin-top:21px; font-size:11px; }
.w-workspace-footer { text-align:center; color:#829171; font-size:10px; padding:0 24px 26px; }
.w-profile-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:22px; max-width:950px; }
.w-profile-grid .w-panel { margin-bottom:0; }
.w-account-info { margin:0 0 20px; padding:15px 17px; background:#f2f5e9; border-radius:10px; font-size:11px; }
.w-account-info dt { color:#7e8c6e; font-size:10px; margin-bottom:4px; }
.w-account-info dd { margin:0; color:#48683a; overflow-wrap:anywhere; }
.w-profile-note h3 { font-size:15px; margin-bottom:12px; }
.w-profile-note p { font-size:11px; color:#738263; line-height:2.5; }
/* Form wizard */
.w-wizard-layout { display:grid; grid-template-columns:206px minmax(0,1fr); gap:25px; align-items:start; }
.w-wizard-sidebar { position:sticky; top:25px; }
.w-wizard-label { font-size:11px; color:#667f54; display:flex; justify-content:space-between; margin:2px 6px 19px; }
.w-wizard-label span { font-size:9px; color:#879877; }
.w-wizard-steps { list-style:none; padding:0; margin:0; display:grid; gap:5px; }
.w-wizard-steps a { display:flex; align-items:center; gap:10px; font-size:11px; color:#7a8b6b; min-height:47px; padding:8px 11px; border-radius:9px; }
.w-wizard-steps a>span { width:27px; height:27px; border:1px solid #dfe7d4; border-radius:8px; display:grid; place-content:center; font-size:11px; flex-shrink:0; background:#fafbf6; }
.w-wizard-steps a.current { background:#e8efdc; color:#30532f; font-weight:500; }
.w-wizard-steps a.current>span { color:#fff; background:#567d48; border-color:#567d48; }
.w-wizard-steps a.complete>span { background:#eaf2e0; color:#729558; }
.w-wizard-tip { border-top:1px solid #dfe7d3; padding:22px 8px 0; margin-top:22px; }
.w-wizard-tip strong { font-size:11px; font-weight:500; color:#627b4c; }
.w-wizard-tip p { font-size:10px; line-height:2.5; color:#7a8a69; margin-top:7px; }
.w-wizard-column { min-width:0; }
.w-save-state { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; font-size:10px; color:#7c8b6d; }
.w-save-state>span:first-child { display:flex; gap:7px; align-items:center; }
.w-save-state i { width:5px; height:5px; background:#84a76a; border-radius:50%; }
.w-save-state a { color:#637f4b; }
.w-wizard-card { background:#fffefa; border:1px solid #e0e7d5; border-radius:15px; overflow:hidden; }
.w-wizard-progress { display:flex; align-items:center; gap:24px; padding:18px 29px; border-bottom:1px solid #e7ecdf; background:#fbfcf7; }
.w-wizard-progress span { font-size:10px; color:#7e8d6d; white-space:nowrap; }
.w-wizard-progress progress { flex:1; }
.w-wizard-section { padding:28px 30px 30px; }
.w-wizard-section .section-heading { margin-bottom:28px; }
.w-wizard-section .section-kicker { font-size:10px; color:#a57a4e; margin-bottom:7px; display:block; }
.w-wizard-section h2 { font-size:25px; }
.w-wizard-section .section-heading p { font-size:11px; line-height:2.5; margin-top:8px; color:#728364; }
.w-wizard-section .fields-grid { column-gap:23px; row-gap:25px; }
.w-wizard-section .field-label { font-size:12px; color:#48613a; line-height:2; }
.w-wizard-section .optional { color:#879771; font-size:9px; }
.w-wizard-section .field input,.w-wizard-section .field select,.w-wizard-section .field textarea { font-size:13px; }
.w-wizard-section .field-help { color:#728463; font-size:10px; line-height:2.3; }
.w-wizard-section .choice-widget label { font-size:11px; line-height:2; padding:12px; border-color:#e0e7d5; }
.w-wizard-section .choice-widget label:has(input:checked) { background:#eef5e4; border-color:#9fba84; color:#3d6030; }
.w-wizard-section .consent-field { background:#f2f6e9; border:1px solid #dee7d1; }
.w-wizard-section .consent-field label { color:#536f40; font-size:12px; }
.w-wizard-section input:disabled { background:#f0f3e8; color:#6c7c5d; }
.w-wizard-actions { display:flex; align-items:center; gap:13px; padding:22px 30px; border-top:1px solid #e5ebdc; background:#fdfef9; flex-wrap:wrap; }
.w-wizard-actions .w-button { font-size:11px; padding:11px 17px; min-height:45px; gap:13px; }
.w-wizard-actions .w-next { margin-right:auto; }
.w-wizard-footnote { color:#7c8d69; font-size:10px; margin-top:15px; display:flex; align-items:flex-start; gap:7px; }
.w-saved-files { margin:23px 0 0; padding-top:21px; border-top:1px solid #e2e9d8; }
.w-saved-files h3 { font-size:12px; margin-bottom:12px; }
.w-saved-file { display:flex; align-items:center; gap:11px; padding:12px 0; border-bottom:1px solid #edf1e5; }
.w-saved-file>a { flex:1; min-width:0; overflow-wrap:anywhere; font-size:11px; color:#557744; }
.w-saved-file small { display:block; color:#849570; font-size:9px; }
.w-file-remove { background:transparent; color:#a46f4c; font-size:10px; padding:7px 11px; border:1px solid #e4d8c7; border-radius:6px; }
.w-review-summary { border:1px solid #e0e7d4; border-radius:10px; background:#f8faf2; padding:18px; margin-top:25px; }
.w-review-summary h3 { font-size:13px; margin-bottom:10px; }
.w-review-summary .answer-section dd { font-size:11px; }
/* Project status and customer messages */
.w-project-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; align-items:start; }
.w-project-layout>* { min-width:0; }
.w-current-stage { display:flex; align-items:center; gap:16px; background:#eef4e4; border:1px solid #dce7cf; padding:21px 23px; border-radius:12px; margin-bottom:25px; }
.w-current-stage>span { display:grid; place-content:center; flex-shrink:0; width:44px; height:44px; background:#e0ebd2; border-radius:13px; color:#75965a; font-size:24px; }
.w-current-stage small { color:#7b8d68; font-size:10px; }
.w-current-stage h3 { color:#466535; font-size:17px; margin-top:3px; }
.w-current-stage p { font-size:11px; color:#6d825b; line-height:2.2; margin-top:6px; }
.w-timeline { list-style:none; padding:0; margin:0; }
.w-timeline li { position:relative; display:flex; align-items:flex-start; gap:15px; padding-bottom:25px; }
.w-timeline li:not(:last-child):before { content:""; position:absolute; right:15px; top:32px; bottom:0; border-right:1px solid #e1e8d6; }
.w-timeline li:last-child { padding-bottom:0; }
.w-timeline li>span { width:32px; height:32px; flex-shrink:0; border:1px solid #dfe7d3; border-radius:50%; display:grid; place-content:center; color:#94a47f; font-size:11px; background:#f7faf1; }
.w-timeline li.done>span { background:#eaf2df; color:#719050; border-color:#d5e4c2; }
.w-timeline li.current>span { background:#547849; border-color:#547849; color:#fff; box-shadow:0 0 0 4px #edf3e3; }
.w-timeline li>div { padding-top:3px; }
.w-timeline h3 { font-size:12px; color:#7f8e6d; font-weight:400; }
.w-timeline li.done h3 { color:#68864d; }
.w-timeline li.current h3 { color:#3e6330; font-weight:600; }
.w-timeline p { font-size:10px; color:#829570; margin-top:4px; }
.w-update { padding:20px 0; border-bottom:1px solid #e7ecde; }
.w-update:first-child { padding-top:0; }
.w-update:last-child { padding-bottom:0; border-bottom:0; }
.w-update-top { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.w-update h3 { font-size:12px; font-weight:500; }
.w-update time { font-size:9px; color:#82936e; white-space:nowrap; }
.w-update p { font-size:12px; line-height:2.5; color:#657e51; margin-top:9px; overflow-wrap:anywhere; }
.w-project-data { margin:0; }
.w-project-data>div { margin-bottom:18px; }
.w-project-data>div:last-child { margin-bottom:0; }
.w-project-data dt { color:#829570; font-size:10px; margin-bottom:5px; }
.w-project-data dd { margin:0; color:#587743; font-size:12px; overflow-wrap:anywhere; }
.w-project-layout .attachment strong { font-size:11px; }
.w-project-layout .attachment small { font-size:9px; }
.w-project-live { background:#284f3e; border-radius:14px; padding:24px; margin-bottom:23px; }
.w-project-live h2 { color:#f0f2e4; font-size:17px; margin-bottom:10px; }
.w-project-live p { font-size:11px; color:#bbcca7; margin-bottom:20px; }
.w-project-live .w-button { font-size:11px; min-height:44px; }
.w-customer-stage-panel .compact-form label { margin-top:14px; }
.w-customer-stage-panel .compact-form input,.w-customer-stage-panel .compact-form textarea { font-size:12px; }
.w-internal-label { font-size:10px; color:#987245; margin-top:12px; }
.w-workspace-heading>div, .w-workspace-heading>form, .w-panel-heading>div { min-width:0; }
.w-workspace-heading h1, .w-panel-heading h2, .w-profile-note p { overflow-wrap:anywhere; }
.w-workspace-heading>.w-button, .w-workspace-heading>form { flex-shrink:0; }
.w-context-note { color:#60744e; background:#f0f5e6; padding:12px 15px; margin:0 0 25px; border-right:3px solid #a3b88b; border-radius:7px; font-size:11px; line-height:2.4; }
/* Secondary information remains readable on pale cards; decoration keeps its softer palette. */
.w-workspace-heading p:not(.w-eyebrow), .w-panel-heading p, .w-account-stats span,
.w-account-stats small, .w-draft-card>p, .w-draft-bottom>span, .w-project-row p,
.w-empty p, .w-project-data dt, .w-save-state, .w-wizard-progress span,
.w-sidebar-caption, .w-workspace-user small, .w-workspace-topbar, .w-wizard-tip p,
.w-sidebar-tip p, .w-workspace-footer, .w-update time, .w-saved-file small,
.w-wizard-footnote, .w-wizard-section .optional, .w-timeline p, .w-account-info dt {
  color:#657459;
}
.w-wizard-section .field-help, .w-field-help, .w-auth-hint, .w-auth-switch,
.w-hero-notes, .w-footer, .w-faq-list p, .w-journey-grid p, .w-benefit-grid p {
  color:#657258;
}
.w-workspace .answer-section>summary { font-size:12px; }
.w-workspace .answer-section dd { font-size:12px; }
.w-workspace .answer-section dt { font-size:10px; }
@media(min-width:1600px) { .w-container { max-width:1400px; } .w-hero h1 { font-size:58px; } .w-hero-description { font-size:14px; } .w-hero-art { height:470px; } .w-site-preview { max-width:500px; } }
@media(max-width:1200px) { .w-container { padding-inline:35px; } .w-header { gap:20px; } .w-main-nav { gap:21px; font-size:11px; } .w-header-action { gap:16px; } .w-hero { gap:20px; padding-top:50px; } .w-hero h1 { font-size:44px; } .w-hero-art { transform:scale(.95); transform-origin:left center; } .w-note-design { left:-11px; } .w-business-strip:before,.w-business-strip:after { left:35px; right:35px; } .w-business-strip { gap:20px; } .w-business-types { gap:14px; font-size:11px; } .w-care-layout { gap:55px; } .w-workspace-shell { grid-template-columns:208px minmax(0,1fr); } .w-workspace-sidebar { padding-inline:15px; } .w-workspace-topbar { padding-inline:28px; } .w-workspace-main { padding:30px 28px 40px; } .w-account-stats { gap:12px; } .w-account-stats article { padding:17px; } .w-wizard-layout { grid-template-columns:180px minmax(0,1fr); gap:19px; } .w-wizard-steps a { padding-inline:8px; gap:8px; font-size:10px; } .w-project-layout { grid-template-columns:minmax(0,1fr) 260px; gap:19px; } .w-auth-story { padding-inline:43px; } .w-auth-story h1 { font-size:37px; } }
@media(max-width:1000px) { .w-main-nav { gap:18px; font-size:10px; } .w-header-action { gap:14px; } .w-hero h1 { font-size:39px; } .w-hero-description { font-size:12px; } .w-hero-art { height:365px; } .w-preview-body { padding:22px 20px 15px; grid-template-columns:58% 42%; } .w-preview-body strong { font-size:20px; } .w-preview-sculpture { transform:scale(.8); transform-origin:left center; } .w-preview-top { padding:18px 20px 0; } .w-preview-tiles { padding-inline:20px; } .w-note-design { top:11px; padding:12px; } .w-note-progress { right:12px; bottom:-2px; } .w-art-caption { display:none; } .w-hero-notes { font-size:9px; gap:14px; } .w-hero-actions { gap:20px; } .w-hero-actions .w-button { padding-inline:20px; font-size:12px; } .w-hero-actions .w-text-link { font-size:11px; gap:9px; } .w-business-types { justify-content:flex-start; gap:15px 25px; } .w-journey-grid { gap:22px; } .w-journey-grid h3 { font-size:12px; } .w-journey-grid p { font-size:10px; } .w-section h2,.w-care-section h2 { font-size:29px; } .w-care-layout { gap:35px; } .w-benefit-grid { gap:27px; } .w-faq-layout { gap:40px; } .w-workspace-shell { grid-template-columns:190px minmax(0,1fr); } .w-workspace-main { padding-inline:22px; } .w-workspace-topbar { padding-inline:22px; } .w-account-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .w-account-stats article { padding:18px 22px; } .w-draft-grid { grid-template-columns:1fr; } .w-project-layout { grid-template-columns:1fr; } .w-project-side { display:grid; grid-template-columns:1fr 1fr; gap:20px; } .w-project-side .w-panel { margin-bottom:0; } .w-wizard-layout { grid-template-columns:1fr; } .w-wizard-sidebar { position:static; } .w-wizard-label,.w-wizard-tip { display:none; } .w-wizard-steps { display:flex; overflow:auto; padding-bottom:7px; gap:5px; scrollbar-width:thin; } .w-wizard-steps>li { flex:0 0 auto; } .w-wizard-steps a { white-space:nowrap; padding:7px 11px; font-size:10px; } .w-auth-story { padding-inline:34px; } .w-auth-story h1 { font-size:32px; } .w-auth-side { padding:40px 36px; } .w-auth-route { gap:6px; } }
@media(max-width:760px) { .w-container { padding-inline:24px; } .w-header { min-height:88px; gap:12px; } .w-brand-name { font-size:22px; } .w-logo { width:40px; height:40px; border-radius:12px; } .w-logo svg { width:28px; height:28px; } .w-brand-name small { font-size:7px; letter-spacing:3px; } .w-main-nav { display:none; } .w-header-action { gap:19px; } .w-button-small { font-size:10px; gap:10px; padding:9px 13px; min-height:39px; } .w-login-link { font-size:11px; } .w-hero { grid-template-columns:1fr; gap:40px; padding-top:42px; padding-bottom:57px; } .w-hero h1 { font-size:43px; } .w-hero-description { max-width:560px; font-size:13px; } .w-hero-copy { max-width:560px; } .w-hero-art { width:100%; max-width:520px; margin:0 auto; height:415px; transform:none; } .w-site-preview { width:91%; } .w-preview-body strong { font-size:25px; } .w-preview-body { padding:26px 25px 20px; grid-template-columns:55% 45%; } .w-preview-sculpture { transform:none; } .w-preview-tiles { padding-inline:25px; } .w-note-design { top:23px; left:0; } .w-note-progress { bottom:0; right:20px; } .w-art-footnote { bottom:-22px; left:25px; } .w-business-strip { align-items:flex-start; gap:20px; padding-block:23px; } .w-business-strip>span { font-size:10px; min-width:105px; } .w-business-strip:before,.w-business-strip:after { left:24px; right:24px; } .w-business-types { font-size:10px; gap:10px 22px; } .w-business-types>span { gap:7px; } .w-section { padding-block:58px; } .w-section-heading { align-items:flex-start; gap:24px; margin-bottom:32px; } .w-section-heading>p { font-size:10px; max-width:220px; margin-top:10px; } .w-section h2,.w-care-section h2 { font-size:26px; } .w-section-heading .w-eyebrow { font-size:10px; margin-bottom:13px; } .w-journey-grid { grid-template-columns:repeat(2,1fr); gap:31px 23px; } .w-journey-grid h3 { font-size:13px; } .w-journey-grid p { font-size:11px; max-width:none; } .w-care-section { padding-block:46px; } .w-care-layout { grid-template-columns:1fr; gap:31px; } .w-care-layout>div>p:not(.w-eyebrow) { max-width:530px; } .w-benefit-grid { gap:27px 35px; } .w-faq-layout { grid-template-columns:1fr; gap:30px; } .w-faq-layout h2 br { display:none; } .w-faq-layout .w-muted { margin-top:9px; font-size:11px; } .w-faq-list summary { font-size:12px; } .w-faq-list p { font-size:11px; } .w-start-banner { display:block; padding:29px; } .w-start-banner h2 { font-size:23px; } .w-start-banner .w-button { margin-top:23px; font-size:12px; min-height:47px; } .w-footer { padding-block:28px; gap:17px; } .w-footer p { font-size:9px; margin:0; } .w-footer>a:last-child { font-size:9px; } .w-auth-layout { grid-template-columns:1fr; } .w-auth-story { padding:25px 28px 32px; } .w-auth-story-copy { padding:35px 0 0; } .w-auth-story .w-eyebrow { font-size:10px; margin-bottom:8px; } .w-auth-story h1 { font-size:27px; line-height:1.7; } .w-auth-story h1 br { display:none; } .w-auth-story-copy>p:not(.w-eyebrow) { font-size:11px; max-width:500px; margin-top:9px; } .w-auth-route,.w-auth-story>small { display:none; } .w-auth-side { padding:27px 28px 38px; align-items:flex-start; } .w-auth-form-wrap { max-width:490px; } .w-back-link { font-size:10px; margin-bottom:27px; } .w-auth-form-wrap h2 { font-size:24px; } .w-auth-description { font-size:11px; margin-bottom:23px; } .w-workspace-shell { display:block; } .w-workspace-sidebar { position:relative; height:auto; border-left:0; border-bottom:1px solid #e1e8d6; padding:20px 23px 13px; } .w-workspace-sidebar>.w-brand { padding:0; } .w-workspace-sidebar .w-brand-name { font-size:21px; } .w-workspace-sidebar .w-logo { width:36px; height:36px; } .w-sidebar-caption,.w-sidebar-tip { display:none; } .w-workspace-nav { flex-direction:row; gap:7px; margin-top:20px; overflow:auto; scrollbar-width:thin; padding-bottom:3px; } .w-workspace-nav a { font-size:11px; padding:9px 13px; gap:8px; white-space:nowrap; flex-shrink:0; } .w-workspace-nav a>span { font-size:17px; min-width:17px; } .w-workspace-user { position:absolute; left:23px; top:18px; padding:0; margin:0; } .w-workspace-user strong { max-width:105px; font-size:10px; } .w-workspace-user small { font-size:8px; } .w-user-avatar { width:29px; height:29px; font-size:11px; } .w-logout { font-size:18px; } .w-workspace-topbar { height:51px; padding-inline:23px; font-size:10px; } .w-topbar-note { font-size:9px; } .w-workspace-main { padding:27px 23px 36px; } .w-workspace-heading { margin-bottom:23px; gap:18px; } .w-workspace-heading h1 { font-size:25px; } .w-workspace-heading p:not(.w-eyebrow) { font-size:11px; } .w-workspace-heading .w-button { min-height:42px; font-size:10px; gap:10px; padding:10px 13px; } .w-welcome { padding:25px; } .w-welcome h2 { font-size:21px; } .w-welcome p { font-size:10px; } .w-welcome-icon { font-size:50px; padding:0; } .w-account-stats { margin-bottom:25px; } .w-draft-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .w-panel { padding:23px; } .w-profile-grid { grid-template-columns:1fr; } .w-workspace-footer { font-size:9px; } .w-wizard-section { padding:27px; } .w-wizard-progress { padding-inline:27px; } .w-wizard-actions { padding:20px 27px; } .w-wizard-sidebar { overflow:hidden; } .w-wizard-steps { max-width:100%; } .w-project-layout { gap:0; } .w-current-stage { padding:19px; } .w-project-side { gap:20px; } }
@media(max-width:480px) { .w-container { padding-inline:21px; } .w-header { min-height:82px; } .w-header-action { gap:14px; } .w-brand { gap:9px; } .w-brand-name { font-size:21px; } .w-logo { width:37px; height:37px; border-radius:11px; } .w-logo svg { width:26px; height:26px; } .w-brand-name small { font-size:6px; margin-top:5px; letter-spacing:2.6px; } .w-login-link { font-size:10px; } .w-header-action .w-button { font-size:9px; min-height:36px; padding:8px 10px; gap:9px; border-radius:8px; } .w-hero { padding-top:33px; gap:32px; padding-bottom:46px; } .w-hero h1 { font-size:35px; line-height:1.9; margin-bottom:19px; letter-spacing:-1.6px; } .w-hero .w-eyebrow { font-size:9px; gap:8px; margin-bottom:13px; } .w-title-accent:after { height:9px; bottom:4px; } .w-hero-description { font-size:11px; line-height:2.7; } .w-hero-actions { margin-top:26px; gap:23px; } .w-hero-actions .w-button { font-size:11px; padding:12px 18px; min-height:48px; gap:23px; } .w-hero-actions .w-text-link { font-size:10px; gap:9px; } .w-hero-notes { gap:16px; font-size:8px; margin-top:20px; } .w-hero-art { height:337px; } .w-site-preview { width:92%; } .w-preview-chrome { padding:9px 12px; font-size:8px; } .w-preview-top { padding:18px 19px 0; } .w-preview-brand { font-size:11px; } .w-preview-body { padding:19px 19px 10px; min-height:160px; grid-template-columns:57% 43%; } .w-preview-body strong { font-size:21px; } .w-preview-sculpture { height:140px; transform:scale(.77); transform-origin:left center; } .w-preview-tag { font-size:6px; } .w-wire-lines { margin:12px 0; gap:5px; } .w-preview-tiles { padding:6px 18px 17px; gap:6px; } .w-preview-tiles>span { padding:8px 7px; } .w-preview-tiles b { font-size:6px; } .w-preview-tiles i { font-size:14px; } .w-floating-note { padding:10px 11px; gap:9px; border-radius:8px; } .w-floating-note strong { font-size:8px; } .w-floating-note small { font-size:6px; } .w-note-icon { width:27px; height:27px; font-size:20px; border-radius:7px; } .w-note-design { top:10px; left:-3px; } .w-note-progress { bottom:-1px; right:9px; min-width:208px; } .w-note-check { width:28px; height:28px; font-size:11px; } .w-tiny-progress i { width:10px; height:3px; } .w-art-footnote { font-size:6px; left:9px; bottom:-23px; } .w-art-orbit { width:270px; height:270px; } .w-business-strip { display:block; padding-block:24px; } .w-business-strip>span { display:block; font-size:10px; margin-bottom:15px; } .w-business-strip>span br { display:none; } .w-business-strip strong { margin-right:5px; } .w-business-types { gap:11px 17px; font-size:9px; } .w-business-types>span:before { font-size:8px; } .w-business-strip:before,.w-business-strip:after { left:21px; right:21px; } .w-section { padding-block:46px; } .w-section-heading { display:block; margin-bottom:27px; } .w-section-heading>p { font-size:10px; max-width:none; margin:15px 0 0; } .w-section-heading>p br { display:none; } .w-section h2,.w-care-section h2 { font-size:25px; } .w-eyebrow { font-size:10px; margin-bottom:13px; } .w-journey-grid { gap:25px 20px; } .w-journey-grid article { padding-top:19px; } .w-step-index { top:20px; font-size:10px; } .w-line-icon { font-size:26px; height:48px; } .w-journey-grid h3 { font-size:11px; } .w-journey-grid p { font-size:10px; line-height:2.5; } .w-care-section { padding-block:39px; } .w-care-layout>div>p:not(.w-eyebrow) { font-size:11px; margin-top:17px; } .w-benefit-grid { gap:24px 22px; } .w-benefit-grid article>span { width:32px; height:32px; font-size:19px; margin-bottom:12px; } .w-benefit-grid h3 { font-size:11px; } .w-benefit-grid p { font-size:10px; } .w-faq-layout { gap:25px; } .w-faq-list summary { font-size:11px; } .w-faq-list p { font-size:10px; padding-left:5px; } .w-start-banner { border-radius:14px; padding:26px 24px; } .w-start-banner h2 { font-size:22px; line-height:1.9; } .w-start-banner p:not(.w-eyebrow) { font-size:10px; } .w-start-banner .w-button { font-size:10px; min-height:44px; padding:11px 17px; } .w-footer { gap:12px; flex-wrap:wrap; padding-block:25px; } .w-footer .w-brand-name { font-size:17px; } .w-footer .w-logo { width:30px; height:30px; border-radius:9px; } .w-footer .w-logo svg { width:22px; height:22px; } .w-footer p { font-size:8px; } .w-footer>a:last-child { font-size:8px; margin-right:auto; } .w-auth-story { padding:23px 24px 29px; } .w-auth-story-copy { padding-top:28px; } .w-auth-story h1 { font-size:24px; letter-spacing:-1px; } .w-auth-story-copy>p:not(.w-eyebrow) { font-size:10px; line-height:2.4; } .w-auth-side { padding:26px 24px 36px; } .w-auth-form-wrap h2 { font-size:23px; } .w-field>label { font-size:11px; } .w-field-help { font-size:9px; } .w-auth-switch { font-size:11px; } .w-auth-hint { font-size:9px; } .w-account-form .w-button { font-size:12px; min-height:49px; } .w-workspace-sidebar { padding:18px 18px 10px; } .w-workspace-user { top:16px; left:18px; gap:7px; } .w-workspace-user .w-user-avatar { display:none; } .w-workspace-user strong { max-width:100px; font-size:9px; } .w-workspace-user small { font-size:8px; } .w-workspace-nav { margin-top:18px; gap:3px; } .w-workspace-nav a { font-size:10px; padding:8px 10px; gap:7px; } .w-workspace-nav a>span { font-size:16px; } .w-workspace-topbar { padding-inline:18px; height:47px; } .w-topbar-note { font-size:8px; gap:5px; } .w-workspace-main { padding:23px 18px 33px; } .w-workspace-heading { gap:13px; align-items:flex-start; } .w-workspace-heading h1 { font-size:23px; } .w-workspace-heading .w-eyebrow { font-size:9px; } .w-workspace-heading p:not(.w-eyebrow) { font-size:10px; } .w-workspace-heading .w-button { font-size:9px; padding:9px 11px; gap:8px; min-height:38px; margin-top:8px; white-space:nowrap; } .w-welcome { padding:24px 22px; grid-template-columns:1fr; } .w-welcome h2 { font-size:20px; } .w-welcome-icon { display:none; } .w-account-stats { gap:10px; } .w-account-stats article { padding:16px 17px; } .w-account-stats span { font-size:10px; } .w-account-stats small { font-size:8px; } .w-account-stats strong { font-size:28px; } .w-panel { padding:21px 18px; margin-bottom:20px; border-radius:12px; } .w-panel-heading { margin-bottom:19px; } .w-panel-heading h2 { font-size:15px; } .w-panel-heading p { font-size:10px; } .w-count { font-size:9px; } .w-draft-grid { grid-template-columns:1fr; } .w-draft-card { padding:18px; } .w-project-row { padding:16px 14px; gap:11px; flex-wrap:wrap; } .w-project-row .w-draft-icon { width:31px; height:31px; font-size:17px; } .w-project-row h3 { font-size:12px; } .w-project-row p { font-size:9px; } .w-project-row .w-status { font-size:8px; padding:4px 7px; } .w-project-arrow { margin-right:0; font-size:18px; } .w-project-row>div:nth-child(2) { min-width:110px; } .w-empty { padding:27px 10px; } .w-empty p { font-size:10px; } .w-empty h3 { font-size:14px; } .w-profile-note p { font-size:10px; } .w-wizard-layout { gap:14px; } .w-save-state { font-size:9px; align-items:flex-start; } .w-save-state>span { max-width:230px; } .w-save-state a { white-space:nowrap; } .w-wizard-section { padding:23px 19px; } .w-wizard-section .section-kicker { font-size:9px; } .w-wizard-section h2 { font-size:23px; } .w-wizard-section .section-heading p { font-size:10px; } .w-wizard-section .field-label { font-size:11px; } .w-wizard-section .field-help { font-size:9px; } .w-wizard-section .choice-widget label { font-size:10px; padding:11px 9px; } .w-wizard-section .field input,.w-wizard-section .field select,.w-wizard-section .field textarea { font-size:12px; } .w-wizard-section .fields-grid { gap:23px; } .w-wizard-progress { padding:14px 19px; gap:17px; } .w-wizard-progress span { font-size:9px; } .w-wizard-actions { padding:18px 19px; gap:8px; } .w-wizard-actions .w-button { font-size:9px; padding:10px 12px; min-height:42px; gap:8px; } .w-wizard-actions .w-button-quiet { padding-inline:5px; } .w-wizard-footnote { font-size:9px; line-height:2.3; } .w-review-summary { padding:14px; } .w-project-side { grid-template-columns:1fr; gap:0; } .w-project-side .w-panel { margin-bottom:20px; } .w-current-stage { padding:17px; gap:12px; } .w-current-stage h3 { font-size:15px; } .w-current-stage>span { width:38px; height:38px; font-size:22px; } .w-current-stage p { font-size:10px; } .w-update p { font-size:11px; } .w-update time { font-size:8px; } .w-update-top { flex-wrap:wrap; gap:5px; } .w-timeline h3 { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .w-button { transition:none; } }