/* StableSteps visual system: midnight, electric violet, and forward momentum. */
:root{--navy:#11152d;--navy2:#1c2041;--ink:#1b2140;--blue:#6046dc;--sky:#b3a4ff;--green:#147963;--green2:#e2f5ed;--muted:#626b83;--line:#e1e4f0;--bg:#f5f5fc;--card:#fff;--blue2:#efecff}
html,body{background:var(--bg);color:var(--ink);font-family:Inter,'Segoe UI',system-ui,sans-serif;line-height:1.55}
body{background-image:radial-gradient(ellipse at 95% 0,#e8e2ff 0,transparent 38%);background-attachment:fixed}
h1,h2,h3,h4,.brand,.logo{font-family:Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:-.045em}
h1{font-weight:800}h2,h3{font-weight:750}a{color:#563ac9}
button,.btn,.button{font-family:inherit;transition:background .18s,box-shadow .18s,transform .18s}
button:not(:disabled):hover,.btn:not(:disabled):hover,.button:hover{transform:translateY(-1px);box-shadow:0 5px 18px #3f2a9c20;filter:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7959ec;outline-offset:4px}
button,.btn,.button{border-radius:13px;background:var(--blue);color:#fff;font-weight:700}
.check-page .choices button{color:#18243d;min-height:48px;font-size:16px}
.check-page .choices button.on{color:#35216d}
.workspace-path{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px;padding:25px 28px;background:#f0edf8;border:1px solid #ded6ed;border-radius:17px}.workspace-path h2{font-size:25px;margin:10px 0}.workspace-path p{font-size:13px;color:#63718a;margin:0}.workspace-path>a{white-space:nowrap;font-size:13px;text-decoration:none}.owner-client-path>img{width:100%;height:130px;object-fit:cover;border-radius:10px;margin-bottom:12px}.owner-client-path>a{font-size:12px;text-decoration:none}
.quiet,.btn.sec,.btn.lt{background:#efecff;color:#4630a3;border:1px solid #e1dafd}
input,select,textarea,.i{background:#fff;border:1px solid #d8dced;border-radius:12px;color:var(--ink);font-family:inherit;min-height:46px}
input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--blue)}
.card{border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 7px 25px #23244a04}
.card h2{font-size:23px}.card h3{font-size:19px}.muted,p{color:var(--muted)}
.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:#6950bf}
/* Workspace */
body.workspace-page header{background:#ffffffdb;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding:18px max(24px,5vw)}
.workspace-page header a{color:var(--ink)}.workspace-page .brand{font-size:23px;letter-spacing:-.055em}.brand img{border-radius:12px;box-shadow:0 4px 12px #1d17441a}
.workspace-page header nav a{font-size:13px;font-weight:700}.workspace-page #logout{background:#efecff;color:#5135b3;padding:10px 15px}
.workspace-page main{max-width:1200px;padding-top:32px}.workspace-page .intro{padding:22px 0;max-width:780px}.workspace-page .intro:before{display:none}.workspace-page .intro h1{font-family:inherit;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.04;max-width:780px}.workspace-page .intro p{font-size:19px;max-width:620px}
.workspace-page .narrow{border-top:1px solid var(--line);max-width:550px}.workspace-page .toolbar h1{font:800 34px/1.15 Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:-.045em;margin:8px 0}.workspace-page .toolbar label{font-size:12px;color:var(--muted)}
.workspace-page .tabs{border-bottom:1px solid var(--line);padding-bottom:18px;gap:7px;margin-top:18px}.workspace-page .tabs button{background:transparent;color:#646c84;font-size:13px;padding:11px 15px;border:1px solid transparent}.workspace-page .tabs button:hover{background:#efecff}.workspace-page .tabs button.active{background:#eae4ff;color:#4d31b4;border-color:#dcd2ff;box-shadow:none}
.workspace-page .grid{gap:18px}.workspace-page .card{padding:26px}.workspace-page footer{border-color:var(--line);max-width:1152px}.workspace-page .badge{background:#ece6ff;color:#5136b0}.workspace-page .row{border-color:var(--line)}
.workspace-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#171831,#30205e 62%,#5940a3);border-radius:27px;padding:38px 42px;margin:0 0 30px;min-height:255px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 16px 42px #2c20551a}
.workspace-hero:after{content:'';position:absolute;z-index:-1;width:400px;height:400px;right:-130px;top:-230px;border:60px solid #b5a2ff12;border-radius:50%}
.workspace-hero .eyebrow{color:#c4b4ff;display:flex;align-items:center;gap:9px}.workspace-hero .eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#c8f184;box-shadow:0 0 14px #c8f18555}
.workspace-hero h2{color:white;font-size:clamp(30px,4vw,46px);line-height:1.07;margin:14px 0;letter-spacing:-.05em;max-width:570px}.workspace-hero h2 span{color:#c9b5ff}.workspace-hero p{color:#d1cce5;max-width:440px;font-size:15px;margin:0 0 22px}.workspace-hero .button{background:#c9f18b;color:#202c22;box-shadow:none;font-size:14px;padding:12px 18px}.hero-sub{color:#d3caed!important;display:inline-block;margin-left:18px;font-size:13px;text-decoration:none}
.step-art{width:220px;flex-shrink:0;align-self:center;position:relative}.step-art svg{width:100%;height:auto;filter:drop-shadow(0 15px 22px #0a09254d)}.art-caption{display:flex;align-items:center;gap:8px;color:#ded6f4;font-size:11px;letter-spacing:.09em;text-transform:uppercase;justify-content:center}.art-caption i{display:block;width:20px;height:2px;background:#c9f18b}
/* Shared Address Check and demo surfaces */
.check-page .top{background:#15172f;border-bottom:1px solid #ffffff12;padding:18px max(20px,calc((100vw - 760px)/2));gap:12px}.check-page .top small{color:#b8b1d2}.check-page main{max-width:720px;padding-top:28px}.check-page .card{padding:24px}.check-page h1{font-size:34px;line-height:1.12}.check-page .note{background:#eee9ff;border:1px solid #e0d6ff;color:#463475;border-radius:14px}.check-page .choices button.on{background:#f0ecff;border-color:#7153dc}.check-page .choices button{border-radius:15px;background:#fff}.check-page .verdict{border-radius:18px}.check-page .ft{font-variant-numeric:tabular-nums}.check-page .btn.w{padding:15px}.check-page footer{color:var(--muted)}
.landing-page header{background:radial-gradient(ellipse at 85% 70%,#53368b,transparent 60%),#13162e;position:relative;overflow:hidden}.landing-page .bar nav a{color:#d4cdeb}.landing-page .hero{padding-top:80px;padding-bottom:90px}.landing-page .hero h1{font-size:clamp(44px,5.4vw,67px);font-weight:800;line-height:1.03;letter-spacing:-.055em}.landing-page .hero h1 span{color:#c8ee8d}.landing-page .hero p{color:#ccc7df}.landing-page .hero .eyebrow{color:#bca7ff}.landing-page .hero .btn{background:#c8ee8d;color:#212d23}.landing-page .hero .btn.ghost{background:transparent;border-color:#74628c;color:#fff}.landing-page .path{background:#ffffff09;border-color:#ffffff1c;backdrop-filter:blur(12px);border-radius:25px;transform:rotate(2deg);box-shadow:0 25px 70px #07071d30}.landing-page .path .s{border-color:#ffffff16;padding:17px 0}.landing-page .path .n{background:#b49eff1a;color:#d0bdff;border-radius:12px}.landing-page .path b{color:#fff}.landing-page .path small{color:#c3b9d8}.landing-page .card{border-radius:23px}.landing-page .ic{background:#eee8ff;color:#6242cb}.landing-page section.alt{background:#f4f2fc}.landing-page footer p{color:inherit}
.demo-page .card{border-radius:19px}.demo-page .btn{border-radius:12px}.demo-page a{color:inherit}
@media(max-width:760px){.workspace-hero{padding:28px;min-height:auto;gap:12px}.step-art{width:145px}.workspace-hero h2{font-size:34px}.workspace-page main{padding:24px 18px 60px}.workspace-page header nav{gap:12px}.workspace-page .grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.hero-sub{margin-left:0;margin-top:13px;display:block}.landing-page .hero{padding-top:42px;padding-bottom:55px}.landing-page .path{transform:none}.check-page .card{padding:20px}}
@media(max-width:480px){.workspace-hero{padding:26px 22px}.step-art{display:none}.workspace-hero h2{font-size:35px}.workspace-page .tabs{gap:3px}.workspace-page .tabs button{padding:9px 10px;font-size:12px}.workspace-page .grid{grid-template-columns:1fr}.workspace-page header{padding:16px 18px}.workspace-page .brand{font-size:22px}.check-page main{padding-left:14px;padding-right:14px}.workspace-page .intro h1{font-size:45px}.landing-page .hero h1{font-size:43px}}
@media(prefers-reduced-motion:reduce){button,.btn,.button{transition:none}button:not(:disabled):hover,.btn:not(:disabled):hover,.button:hover{transform:none}}
@media print{html,body{background:#fff!important}.workspace-hero{background:#fff!important;color:#111;box-shadow:none;border:1px solid #ccc}.workspace-hero h2,.workspace-hero p,.workspace-hero span{color:#111!important}.step-art{display:none}}

.workspace-page main>.card[role=status]{display:grid;grid-template-columns:110px 1fr;gap:2px 14px;padding:16px 22px;background:#eeeaff;border-color:#dfd6fa;border-radius:16px;margin-bottom:24px}.workspace-page main>.card[role=status] h2{font-size:14px;margin:0;grid-row:1/3;color:#50359c}.workspace-page main>.card[role=status] p{font-size:12px;line-height:1.5;margin:0;color:#62537e}@media(max-width:480px){.workspace-page main>.card[role=status]{grid-template-columns:1fr;gap:5px}.workspace-page main>.card[role=status] h2{grid-row:auto}}

.landing-page header>.in{padding-left:24px;padding-right:24px}.landing-page header .logo{color:#fff}@media(max-width:480px){.landing-page header>.in{padding-left:20px;padding-right:20px}}

.workspace-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:4px 0 28px}.workspace-stat{background:#fff;border:1px solid var(--line);border-radius:19px;padding:23px;display:flex;flex-direction:column;gap:5px}.workspace-stat strong{font-size:36px;letter-spacing:-.06em;color:#5037b2}.workspace-stat span{font-size:13px;color:var(--muted)}.workspace-section-title{margin:24px 0 18px}.workspace-action{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.workspace-action h3{min-height:44px;line-height:1.25}.workspace-action button{margin-top:auto}body[data-workspace=client] .workspace-hero{background:linear-gradient(115deg,#172a39,#204e63 65%,#316f73)}body[data-workspace=client] .workspace-hero h2{color:#e0f7e9}body[data-workspace=partner] .workspace-hero,body[data-workspace=agency] .workspace-hero{background:linear-gradient(115deg,#20203c,#43335a 60%,#835273)}

/* Role workspaces: application navigation and an editorial data hierarchy. */
.workspace-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 0 22px;font-size:12px;color:#747a91}.context-pill{padding:7px 12px;border:1px solid #dfd9f1;border-radius:99px;background:#f0ecfb;color:#6245a6;font-weight:700}.workspace-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eee9fd;color:#694cc6}.workspace-icon svg{width:23px;height:23px}.workspace-action:nth-child(3n+2) .workspace-icon{background:#e3f4ef;color:#237e70}.workspace-action:nth-child(3n+3) .workspace-icon{background:#fff0dc;color:#9b6b28}.workspace-action{position:relative;overflow:hidden;padding:26px!important;gap:13px}.workspace-action .eyebrow{font-size:10px;letter-spacing:.12em}.workspace-action h3{font-size:21px;letter-spacing:-.035em;min-height:54px}.workspace-action button{background:transparent;color:#6045b7;border:0;padding:7px 0;font-size:13px;box-shadow:none!important}.workspace-stat{position:relative;overflow:hidden;padding:25px 25px 22px}.workspace-stat:before{content:'';position:absolute;left:0;top:24px;width:3px;height:35px;border-radius:0 3px 3px 0;background:#8165d8}.workspace-stat:nth-child(2):before{background:#45aa92}.workspace-stat:nth-child(3):before{background:#d5a264}.workspace-stat strong{font-size:43px;font-weight:800;line-height:1.1}.workspace-stat span{margin-top:6px;font-size:12px}.workspace-page .workspace-hero{min-height:230px}.workspace-page[data-workspace=client] .context-pill{background:#e6f3f1;border-color:#cae3df;color:#246b68}.workspace-page[data-workspace=partner] .context-pill{background:#f7ecf1;border-color:#e9d5e0;color:#8a526e}
@media(min-width:1000px){#workspace{display:grid;grid-template-columns:185px minmax(0,1fr);column-gap:30px;align-items:start}#workspace>.workspace-hero{grid-column:1/-1}#workspace>.toolbar{grid-column:2;grid-row:2;margin-bottom:24px}#workspace>.tabs{grid-column:1;grid-row:2/4;display:flex;flex-direction:column;gap:5px;border:0;margin:0;padding:8px 12px 18px 0;position:sticky;top:24px;align-self:start}#workspace>.tabs button{text-align:left;border-radius:11px;padding:13px 14px;width:100%;font-size:12px}#workspace>#content{grid-column:2;grid-row:3;min-width:0}.workspace-page .toolbar h1{font-size:29px}.workspace-page .workspace-hero h2{font-size:43px;max-width:650px}.workspace-action h3{font-size:19px}}
@media(max-width:600px){.workspace-context{font-size:11px;align-items:flex-start}.workspace-context>span:last-child{max-width:100px;text-align:right}.workspace-stats{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.workspace-stat{padding:18px}.workspace-stat strong{font-size:32px}.workspace-page .workspace-hero h2{font-size:32px}}

/* Adapted from the StableSteps Floot design studio. Real app roles remain server-defined. */
:root{--bg:#f5f4f9;--ink:#202139;--navy:#17172d;--blue:#6245cf;--line:#e2dfec;--muted:#66677d;--display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif}
body{background-color:var(--bg);background-image:none}h1,h2,h3,h4,.brand,.logo{font-family:var(--display)}.workspace-page .intro h1,.workspace-page .toolbar h1,.workspace-page .workspace-hero h2{font-family:var(--display)}.workspace-page main{padding-top:28px}.workspace-page .workspace-hero,body[data-workspace=client] .workspace-hero,body[data-workspace=partner] .workspace-hero,body[data-workspace=agency] .workspace-hero{background:linear-gradient(110deg,#eee8fa,#f9f7fd);border:1px solid #e3dcef;box-shadow:none;color:var(--ink);min-height:220px;padding:32px 36px}.workspace-page .workspace-hero h2,body[data-workspace=client] .workspace-hero h2{color:#292139;font-size:clamp(31px,3.5vw,45px);letter-spacing:-.045em;max-width:650px}.workspace-page .workspace-hero p{color:#6a607d;font-size:14px}.workspace-page .workspace-hero .eyebrow{color:#6c4da4}.workspace-page .workspace-hero .eyebrow:before{background:#7752ba;box-shadow:none}.workspace-page .workspace-hero .button{background:var(--blue);color:#fff}.workspace-page .workspace-hero .hero-sub{color:#695387!important;font-size:12px}.workspace-page .workspace-hero:after{border-color:#b5a2ff0e}.workspace-page .art-caption{color:#88759d}.workspace-page .step-art svg{filter:drop-shadow(0 12px 14px #6e428a10)}.workspace-page .workspace-stat strong{font-family:var(--display);color:#2c2440}.workspace-page .card{box-shadow:0 3px 16px #29233c03;border-radius:18px}.workspace-page .workspace-action h3{font-family:var(--display);font-weight:650;font-size:22px}.workspace-page .workspace-action .eyebrow{color:#7b6e90}.workspace-page .workspace-context{margin-top:0}.workspace-page .toolbar h1{font-size:29px}.workspace-page .workspace-stat{border-radius:17px}.workspace-page header{background:#faf9fddd}.check-page h1,.check-page h2,.landing-page h1,.landing-page h2{font-family:var(--display)}
@media(min-width:1000px){#workspace{grid-template-columns:198px minmax(0,1fr);column-gap:26px}#workspace>.tabs{background:#1c1930;border-radius:18px;padding:16px 10px;gap:5px;box-shadow:0 10px 28px #29233c08}#workspace>.tabs button{color:#c9c0db;font-size:12px;padding:12px 13px}#workspace>.tabs button:hover{background:#ffffff09;color:#fff}#workspace>.tabs button.active{background:#ffffff10;border-color:#ffffff12;color:#fff}#workspace>.tabs button.active:after{content:'';display:inline-block;float:right;width:5px;height:5px;background:#c9eaa2;border-radius:50%;margin-top:7px}.workspace-page .workspace-action h3{font-size:21px}.workspace-page .workspace-hero h2{font-size:43px}.workspace-page .workspace-hero{margin-bottom:26px}}
@media(max-width:600px){.workspace-page .workspace-hero{padding:27px 23px;min-height:0}.workspace-page .workspace-hero h2{font-size:34px}.workspace-page .workspace-hero p{font-size:13px}.workspace-page .toolbar h1{font-size:28px}}

/* Owner console: restrained administrative styling, separate from client branding. */
body[data-workspace=owner]{--blue:#245776;--line:#dfe5eb;--bg:#f5f7fa;--ink:#213142;--muted:#748291;background:#f5f7fa}.workspace-page[data-workspace=owner] .workspace-hero{display:none}.workspace-page[data-workspace=owner] header{background:#fff}.workspace-page[data-workspace=owner] main{padding-top:24px}.workspace-page[data-workspace=owner] main>.card[role=status]{background:#edf2f7;border-color:#dbe4ed;border-radius:9px}.workspace-page[data-workspace=owner] main>.card[role=status] h2{color:#36536b}.workspace-page[data-workspace=owner] main>.card[role=status] p{color:#687c8e}.workspace-page[data-workspace=owner] .toolbar h1{font:650 29px/1.2 'Segoe UI',system-ui,sans-serif;letter-spacing:-.8px}.workspace-page[data-workspace=owner] .toolbar .eyebrow{color:#6d8497}.workspace-page[data-workspace=owner] .card{border-radius:11px;box-shadow:none}.workspace-page[data-workspace=owner] .card h2,.workspace-page[data-workspace=owner] .card h3{font-family:'Segoe UI',system-ui,sans-serif}.workspace-page[data-workspace=owner] .quiet{background:#edf2f7;border:1px solid #d9e3ec;color:#345871}.owner-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 25px}.owner-heading .eyebrow{font-size:9px;letter-spacing:1.2px;color:#7890a2}.owner-heading h2{font:650 23px 'Segoe UI',system-ui,sans-serif;letter-spacing:-.6px;margin:10px 0}.owner-heading p{font-size:12px;margin:0}.owner-environment{border:1px solid #d7e0e8;border-radius:6px;padding:7px 11px;background:#fff;font-size:10px;color:#5e7588;white-space:nowrap}.owner-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.owner-metric{background:#fff;border:1px solid #dfe5eb;border-radius:10px;padding:20px;min-width:0}.owner-metric>span{display:block;font-size:11px;color:#6e7f8c}.owner-metric strong{display:block;font:600 34px 'Segoe UI',system-ui,sans-serif;margin:12px 0 10px;letter-spacing:-1px}.owner-metric small{display:block;font-size:9px;line-height:1.6;color:#8b98a4}.owner-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:21px}.workspace-page .owner-panel{padding:0;overflow:hidden}.owner-panel-title{padding:22px;border-bottom:1px solid #e5eaf0}.owner-panel-title h3{font-size:15px!important;margin:0}.owner-panel-title p{font-size:10px;margin:7px 0 0}.owner-service{padding:20px 22px;border-bottom:1px solid #edf0f3;display:flex;justify-content:space-between;align-items:center;gap:15px}.owner-service:last-child{border:0}.owner-service b{font-size:12px;font-weight:600}.owner-service p{font-size:10px;margin:6px 0 0}.owner-status{font-size:9px;border:1px solid #dfe5eb;padding:5px 8px;border-radius:5px;color:#7d8791;background:#f8fafc;white-space:nowrap}.owner-status.configured{border-color:#d7e5e1;background:#f1f7f4;color:#53796d}.owner-tools{display:flex;flex-direction:column;gap:18px}.owner-tools .card{margin:0;padding:23px}.owner-tools h3{font-size:14px!important;letter-spacing:-.2px;margin:14px 0 9px}.owner-tools p{font-size:11px;line-height:1.8;margin:0 0 18px}.owner-tools button{font-size:10px;border-radius:7px;padding:10px 12px}.owner-tool-icon{color:#7890a3}.owner-tool-icon svg{width:22px;height:22px}
@media(min-width:1000px){.workspace-page[data-workspace=owner] #workspace>.toolbar{grid-row:1;grid-column:2}.workspace-page[data-workspace=owner] #workspace>.tabs{grid-row:1/3;background:#172e42;border-radius:10px;top:20px}.workspace-page[data-workspace=owner] #workspace>#content{grid-row:2;grid-column:2}.workspace-page[data-workspace=owner] #workspace>.tabs button{border-radius:7px;font-size:11px}.workspace-page[data-workspace=owner] #workspace>.tabs button.active:after{background:#98bdcf}.workspace-page[data-workspace=owner] main{max-width:1340px}}
@media(max-width:1150px){.owner-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-columns{grid-template-columns:1fr}.owner-tools{display:grid;grid-template-columns:1fr 1fr}.owner-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.owner-metrics{gap:10px}.owner-metric{padding:17px}.owner-tools{display:flex}.owner-service{padding:18px;flex-wrap:wrap}.owner-heading h2{font-size:23px}.owner-environment{font-size:9px}.owner-heading .eyebrow{font-size:8px}}

.workspace-page[data-workspace=owner] #logout{background:#edf2f7;color:#35516c}
body.workspace-page:not([data-workspace=owner]) .workspace-hero{position:relative;display:block;overflow:hidden;background:#faf7f0;min-height:335px;padding:40px;border:1px solid #e6e3dc;color:#19263a}
body.workspace-page:not([data-workspace=owner]) .workspace-hero>div:first-child{position:relative;z-index:1;max-width:470px;padding-right:30px;background:linear-gradient(90deg,#faf7f0 78%,transparent)}
body.workspace-page:not([data-workspace=owner]) .workspace-hero h2{color:#19263a;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:43px;line-height:1.08;letter-spacing:-1.7px}
body.workspace-page:not([data-workspace=owner]) .workspace-hero h2 span{color:#5e43b4}body.workspace-page:not([data-workspace=owner]) .workspace-hero p{color:#5a687a;max-width:350px}
body.workspace-page:not([data-workspace=owner]) .workspace-hero .eyebrow{color:#6044ba}body.workspace-page:not([data-workspace=owner]) .workspace-hero .button{background:#6044c7;color:#fff}
body.workspace-page:not([data-workspace=owner]) .workspace-hero .hero-sub{color:#554474!important;display:block;margin:12px 0 0}.workspace-art{position:absolute;inset:0 0 0 auto;width:55%;height:100%;pointer-events:none}.workspace-art img{width:100%;height:100%;object-fit:cover;object-position:75% center}
@media(max-width:760px){body.workspace-page:not([data-workspace=owner]) .workspace-hero{padding:27px;min-height:490px}body.workspace-page:not([data-workspace=owner]) .workspace-hero>div:first-child{max-width:none;background:linear-gradient(#faf7f0 80%,transparent);padding:0 0 40px}body.workspace-page:not([data-workspace=owner]) .workspace-hero h2{font-size:36px}.workspace-art{top:auto;bottom:0;width:100%;height:210px}.workspace-path{flex-direction:column;align-items:flex-start;padding:23px}.workspace-page header nav{flex-wrap:wrap;gap:10px}.workspace-page header nav a{font-size:12px}}