/* Public marketplace landing and tenant selector */
.marketing{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#181b26;background:#fafbfc;min-height:100vh}
.marketing *{box-sizing:border-box}
.marketing button{cursor:pointer;font:inherit}
.marketing-head{height:88px;max-width:1240px;margin:0 auto;padding:0 30px;display:flex;justify-content:space-between;align-items:center}
.marketing-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#131824;font-size:20px;font-weight:800;letter-spacing:-.04em}
.marketing-head nav{display:flex;align-items:center;gap:17px}
.marketing-link{border:0;background:transparent;color:#3e4656;padding:13px 12px;font-size:14px;font-weight:600}
.marketing-primary{border:0;color:white;background:#096dff;display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:14px;padding:17px 24px;min-height:53px;font-size:15px;font-weight:700;box-shadow:0 10px 22px #096dff22;transition:transform .2s,background .2s}
.marketing-primary:hover{background:#0057d4;transform:translateY(-2px)}
.marketing-primary.compact{padding:10px 17px;min-height:42px;border-radius:11px}
.marketing-hero{min-height:calc(100vh - 88px);max-width:1240px;margin:0 auto;padding:80px 30px 100px;display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.marketing-kicker{color:#0869e8;letter-spacing:.12em;font-weight:800;font-size:12px}
.marketing-hero h1{font-size:clamp(49px,5.2vw,80px);line-height:1.04;letter-spacing:-.075em;max-width:680px;margin:25px 0 27px}
.marketing-hero h1 span{display:block;color:#0a6bf5}
.marketing-hero-copy>p{max-width:580px;color:#5d6879;font-size:19px;line-height:1.7;margin:0 0 33px}
.marketing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.marketing-secondary{min-height:53px;padding:14px 21px;border-radius:14px;background:#fff;border:1px solid #e3e7ef;color:#2b3342;font-size:14px;font-weight:700}
.marketing-trust{font-size:12px;color:#788596;margin-top:24px;line-height:1.55}
.marketing-mock{background:#fff;border:1px solid #e4eaf2;box-shadow:0 32px 90px #1e314a17;border-radius:24px;padding:22px;transform:rotate(-2deg);position:relative;max-width:510px;min-height:350px}
.marketing-mock:after{position:absolute;content:"";width:80%;height:60%;right:-35px;bottom:-30px;border-radius:25px;background:#2579ff0e;z-index:-1}
.marketing-mock-top{display:flex;align-items:center;justify-content:space-between;padding:7px 3px 25px;border-bottom:1px solid #edf0f5;font-size:15px}
.marketing-mock-top b span{font-weight:600;color:#9ba5b3;margin-left:10px}
.marketing-mock-top small{color:#407ad5;background:#eff5ff;border-radius:30px;padding:8px 11px;font-weight:700}
.marketing-mock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}
.marketing-mock-grid>div{min-height:112px;padding:17px 14px;border:1px solid #edf0f7;border-radius:15px;background:#fcfdff;display:flex;flex-direction:column;gap:10px}
.marketing-mock-grid small{color:#8a96a7;font-size:12px}.marketing-mock-grid b{font-size:15px;font-weight:750}
.marketing-mock-grid i{display:block;height:7px;width:78%;border-radius:30px;background:linear-gradient(90deg,#1478ff,#b8d8ff)}
.marketing-mock-grid .second{width:55%;background:linear-gradient(90deg,#8c75eb,#d2caff)}.marketing-mock-grid .third{width:67%;background:linear-gradient(90deg,#67bd9e,#c0e8db)}.marketing-mock-grid .fourth{width:86%}
.marketing-mock>footer{text-align:center;color:#a4acb8;padding-top:23px;font-size:12px}
.marketing-features{background:white;border-top:1px solid #edf0f6;padding:92px max(26px,calc((100vw - 1180px)/2)) 75px;min-height:90vh}
.marketing-features>header{text-align:center;max-width:630px;margin:0 auto 47px}
.marketing-features h2{font-size:clamp(35px,3.8vw,54px);letter-spacing:-.065em;line-height:1.1;margin:18px 0}
.marketing-features>header p{font-size:16px;line-height:1.6;color:#728093}
.marketing-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.marketing-features-grid article{border:1px solid #e7ebf2;border-radius:22px;padding:30px;min-height:230px}
.marketing-features-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#eef5ff;color:#0874ff;font-size:28px;font-weight:700}
.marketing-features-grid h3{font-size:19px;margin:23px 0 8px;letter-spacing:-.035em}
.marketing-features-grid p{color:#788597;font-size:14px;line-height:1.6;margin:0}
.marketing-bottom{margin-top:30px;padding:27px 30px;background:#f4f7fb;border:1px solid #e9eef6;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.marketing-bottom>div{display:flex;flex-direction:column;gap:6px}.marketing-bottom b{font-size:18px}.marketing-bottom small{color:#6b778b;font-size:13px;line-height:1.5}
.marketing-footer{text-align:center;background:white;color:#a6b0be;padding:10px 25px 38px;font-size:12px}
.marketing-dialog{border:1px solid #e2e8f2;border-radius:26px;padding:34px;width:min(430px,calc(100vw - 25px));max-height:min(90vh,780px);box-shadow:0 35px 100px #111c3344;overflow:auto;color:#1a2030}
.marketing-dialog::backdrop{background:#1017268a;backdrop-filter:blur(8px)}
.marketing-dialog[open]{display:block;position:fixed;inset:0;margin:auto}
.marketing-dismiss{position:absolute;right:17px;top:16px;background:#f3f5f9;border:0;border-radius:10px;width:36px;height:36px;font-size:25px;color:#647187}
.marketing-dialog h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:21px 0 9px}
.marketing-dialog>p{font-size:13px;line-height:1.6;color:#7d8899;margin:0 0 21px}
.marketing-form{display:flex;flex-direction:column;gap:15px}
.marketing-form label{font-size:13px;font-weight:650;color:#3b4657}
.marketing-form input{font-size:16px!important;font-weight:500;display:block;width:100%;border:1px solid #dce2eb;border-radius:12px;outline:none;padding:12px 13px;margin-top:7px;min-height:47px;background:#fff;color:#181f2a}
.marketing-form input:focus{border-color:#1675fb;box-shadow:0 0 0 3px #1675fb1c}
.marketing-form .marketing-primary{width:100%;margin-top:3px}
.marketing-form .form-error{font-size:12px;color:#be3d35;min-height:0;line-height:1.45}
.marketing-form-foot{text-align:center;font-size:13px;color:#8190a1;margin-top:20px}
.marketing-form-foot button{border:0;background:transparent;color:#006ae8;font-weight:700}
.marketing-invite{border:1px solid #b2d3ff;background:#eff6ff;color:#2565ab;padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:20px;line-height:1.5}
.workspace-header{position:relative;max-width:320px;min-width:120px}
.workspace-current{display:flex;align-items:center;gap:8px;max-width:300px;min-height:39px;background:#f3f6fb;border:1px solid #e3e8f1;border-radius:11px;padding:7px 12px;color:#303c4b;font-size:13px;font-weight:700;cursor:pointer}
.workspace-current>span:first-of-type{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-caret{font-size:20px;color:#8490a2}
.workspace-menu{position:absolute;top:calc(100% + 9px);right:0;z-index:350;min-width:min(300px,90vw);padding:10px;background:#fff;border:1px solid #e1e6ef;border-radius:16px;box-shadow:0 18px 45px #111b3026}
.workspace-menu[hidden]{display:none}
.workspace-menu>small{display:block;font-size:11px;color:#8995a5;padding:10px}
.workspace-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent;border:0;border-radius:10px;padding:11px;cursor:pointer;text-align:left}
.workspace-menu button.current,.workspace-menu button:hover{background:#eef5ff}
.workspace-menu button span{display:flex;flex-direction:column;gap:4px}
.workspace-menu b{font-size:13px}.workspace-menu button small{font-size:11px;color:#8793a6}
.workspace-menu>a{display:block;color:#0a69ea;text-decoration:none;font-size:12px;padding:12px;border-top:1px solid #eef0f5}
.workspace-settings>p{color:#68768a;margin:0 0 18px;line-height:1.55}
.workspace-settings form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0 19px}
.workspace-settings form label{flex:1;min-width:190px;font-size:13px;color:#596678}
.workspace-settings input{display:block;margin-top:8px;width:100%;min-height:44px;padding:10px 12px;font-size:16px;border:1px solid #dce2ed;border-radius:11px;background:white;color:#222}
.workspace-settings form button{min-height:44px}
#workspaceInviteResult{font-size:13px;color:#596678;margin-top:9px}
.workspace-invite-link{display:flex;gap:8px;flex-wrap:wrap}
.workspace-invite-link input{flex:1;min-width:150px;font-size:12px}
body.workspace-viewer .keys-form,body.workspace-viewer .settings-security button[data-action="logout"]{display:none}
@media(max-width:850px){
 .marketing-hero{min-height:auto;padding-top:65px;grid-template-columns:1fr;gap:45px}
 .marketing-hero h1{font-size:clamp(46px,10vw,66px)}
 .marketing-mock{transform:none;max-width:600px}
 .marketing-features{padding:65px 26px}
 .marketing-features-grid{grid-template-columns:1fr}
 .marketing-features-grid article{min-height:0}
}
@media(max-width:550px){
 .marketing-head{height:74px;padding:0 18px}
 .marketing-head nav{gap:3px}.marketing-link{font-size:13px;padding:10px}.marketing-primary.compact{font-size:12px;padding:9px 11px}
 .marketing-hero{padding:40px 20px 55px}
 .marketing-hero-copy>p{font-size:16px}.marketing-hero h1{font-size:49px;margin:20px 0}
 .marketing-mock{padding:15px;min-height:0}
 .marketing-mock-grid>div{padding:12px;min-height:105px}
 .marketing-mock-grid b{font-size:12px}
 .marketing-features{padding:55px 20px}
 .marketing-features h2{font-size:36px}
 .marketing-bottom{flex-direction:column;align-items:stretch;padding:22px}
 .marketing-bottom .marketing-primary{width:100%}
 .workspace-current{padding:6px 9px;font-size:12px}
 .workspace-current>span:first-of-type{max-width:132px}
 .workspace-header{min-width:0}
}

/* Prevent offscreen pseudo-decoration and crowded header on narrow phones. */
@media(max-width:550px){.marketing-mock:after{right:0;bottom:0}.marketing-head{gap:8px}.marketing-brand{font-size:16px}.marketing-head nav{flex-shrink:0}}
@media(max-width:420px){.marketing-brand{font-size:0;gap:0}.marketing-head nav .marketing-primary.compact{padding:9px 10px}.marketing-hero h1{font-size:clamp(39px,12vw,49px)}}

.workspace-members{border-top:1px solid #e8ebf2;padding-top:15px;margin-top:15px}
.workspace-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef1f5}
.workspace-member>span{min-width:0;display:flex;flex-direction:column;gap:5px}
.workspace-member b{font-size:13px}.workspace-member small{color:#8390a4;font-size:12px;overflow-wrap:anywhere}
.workspace-member button{white-space:nowrap;color:#b32624}
@media(max-width:480px){.workspace-member{align-items:start}.workspace-member button{font-size:11px;min-height:38px;padding:7px}}
.workspace-grants{display:flex;gap:12px;border:0;min-width:220px;padding:0;align-items:center;flex-wrap:wrap}
.workspace-grants legend{font-size:13px;color:#596678;margin-bottom:7px}
.workspace-grants label,.workspace-member-access label{display:inline-flex;align-items:center;gap:7px;min-width:auto;flex:none;color:#34445a}
.workspace-settings .workspace-grants input,.workspace-member-access input{width:17px;height:17px;margin:0;min-height:0;accent-color:#096dff}
.workspace-success{color:#167448}.workspace-member-access{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.workspace-member-access label{font-size:12px}
.workspace-onboarding{max-width:1160px;margin:0 auto;padding:12px 0 48px}.workspace-onboarding-intro{padding:18px 3px 26px}.workspace-onboarding-intro>small{font-size:12px;color:#096dff;font-weight:750;letter-spacing:.09em}.workspace-onboarding-intro h1{font-size:clamp(27px,4vw,43px);letter-spacing:-.045em;line-height:1.17;margin:13px 0;color:#1a263a}.workspace-onboarding-intro p{max-width:740px;color:#607084;line-height:1.65;font-size:15px;margin:0}.workspace-onboarding-steps{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.workspace-onboarding-steps span{padding:9px 13px;background:#f4f6fa;color:#59687e;border:1px solid #e4e9f1;border-radius:999px;font-size:12px}.workspace-onboarding-steps span:first-child{background:#eaf3ff;border-color:#bfdafa;color:#065ab9}.workspace-onboarding-markets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.workspace-onboarding-markets .panel{margin:0}.workspace-onboarding-footnote{font-size:13px;color:#6b788c;line-height:1.6;margin:21px 2px}.workspace-waiting{max-width:720px;margin:20px auto;padding:35px}
@media(max-width:780px){.workspace-onboarding-markets{grid-template-columns:1fr}.workspace-onboarding{padding-top:0}}
.workspace-invite-notices{display:grid;gap:12px;margin:18px 28px 0}
.workspace-invite-notices[hidden],.workspace-invite-notices:empty{display:none}
.workspace-invite-card{display:flex;gap:17px;align-items:center;padding:20px;border:1px solid #c8dcf5;border-radius:18px;background:#f5f9ff;box-shadow:0 6px 22px #24446e0a}
.workspace-invite-symbol{display:flex;justify-content:center;align-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#e5f0ff;color:#096dff}
.workspace-invite-description{min-width:0;flex:1}.workspace-invite-description>small{display:block;color:#346cae;font-size:11px;font-weight:750;letter-spacing:.07em;margin-bottom:5px}
.workspace-invite-description>b{display:block;color:#1e3450;font-size:16px;line-height:1.4}.workspace-invite-description>p{margin:6px 0 0;color:#596d85;font-size:13px;line-height:1.5}
.workspace-invite-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-invite-actions button{min-height:44px;padding:10px 17px}
.workspace-pending-team{margin-top:20px}.workspace-pending-team h3{font-size:15px;margin:0 0 8px;color:#33435a}
@media(max-width:740px){.workspace-invite-notices{margin:12px 14px 0}.workspace-invite-card{padding:16px;gap:10px;flex-wrap:wrap}.workspace-invite-symbol{width:38px;height:38px}.workspace-invite-description{flex-basis:calc(100% - 50px)}.workspace-invite-actions{width:100%;padding-top:8px}.workspace-invite-actions button{flex:1}}

.workspace-onboarding-markets .integration-card:last-child{grid-column:auto}
.workspace-onboarding-markets .integration-card{min-width:0;height:100%}
.workspace-onboarding-markets .keys-form{align-content:start}
/* Employee mode: owner data is visible, mutations stay owner-only. */
body.workspace-viewer [data-action="wb-supply-new"],
body.workspace-viewer [data-action="wb-draft-edit"],
body.workspace-viewer [data-action="wb-draft-delete"],
body.workspace-viewer [data-action="wb-rule-start"],
body.workspace-viewer [data-action="wb-rule-manual-open"],
body.workspace-viewer [data-action="wb-rule-pause"],
body.workspace-viewer [data-action="wb-rule-delete"],
body.workspace-viewer [data-action="ab-create"],
body.workspace-viewer [data-action="ab-start"],
body.workspace-viewer [data-action="ab-pause"],
body.workspace-viewer [data-action="ab-resume"],
body.workspace-viewer [data-action="ab-stop"],
body.workspace-viewer [data-action^="ad-campaign-"],
body.workspace-viewer [data-action="ad-keyword-edit-bid"],
body.workspace-viewer [data-action="ad-keyword-bulk-exclude"],
body.workspace-viewer [data-action="ad-keyword-bulk-return"]{display:none!important}
body.workspace-viewer .ad-campaign-power,
body.workspace-viewer .ad-keyword-check,
body.workspace-viewer .ad-keyword-bulk-bar,
body.workspace-viewer .ad-learning-start,
body.workspace-viewer .ad-learning-stop,
body.workspace-viewer [data-action="ab-exclude"]{display:none!important}
body.workspace-viewer .ad-bidder-form{pointer-events:none}
body.workspace-viewer .ad-bidder-form button[type="submit"]{display:none!important}