/* Browser360 R3 — sellable features, workflows and governed data positioning.
   All selectors scoped to Browser360's own page. */
body[data-page-key="product-browser360"] .b360-page .b360-sell {
  background:radial-gradient(circle at 95% 4%,rgba(255,0,102,.17),transparent 37%),
             linear-gradient(126deg,#071728,#112847 68%,#172339);
  color:#f8fbff;
  padding:clamp(58px,7vw,94px) 0;
  position:relative;
  overflow:hidden;
  scroll-margin-top:76px;
}
.b360-page .b360-sell-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);gap:clamp(30px,5vw,76px);align-items:center;margin-bottom:32px}
.b360-page .b360-sell-heading h2{font-size:clamp(2.15rem,3.5vw,3.65rem);color:#fff;line-height:1.07;letter-spacing:-.05em;margin:12px 0 22px}
.b360-page .b360-sell-heading h2 span{color:#ff5b9c}
.b360-page .b360-sell-heading>div:first-child>p:not(.b360-eyebrow){color:#cbd9e9;line-height:1.78;font-size:clamp(.95rem,1.3vw,1.1rem);max-width:650px;margin-bottom:0}
.b360-page .b360-id-preview{padding:27px;background:linear-gradient(145deg,#eff4fb,#fff);color:#1b2c46;border:1px solid #cdd7e6;border-radius:19px;box-shadow:0 24px 70px #020c1c57;min-width:0;transform:rotate(1deg)}
.b360-page .b360-id-preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#bd0055;font-size:.72rem;font-weight:900;letter-spacing:.07em}
.b360-page .b360-id-illustrative{font-size:.56rem;color:#667a91;background:#dce5ef;border-radius:50px;padding:6px 8px;white-space:nowrap;letter-spacing:.02em}
.b360-page .b360-id-preview-number{font-size:clamp(1.37rem,2.2vw,2rem);letter-spacing:.01em;font-weight:900;margin:25px 0 14px;overflow-wrap:anywhere;line-height:1.25}
.b360-page .b360-id-preview p{color:#50647d;line-height:1.65;font-size:.82rem;margin:0 0 20px}
.b360-page .b360-id-preview-pills{display:flex;gap:7px;flex-wrap:wrap}
.b360-page .b360-id-preview-pills span{border-radius:40px;padding:7px 10px;background:#eaf0f7;color:#264563;font-size:.63rem;font-weight:800}
.b360-page .b360-sell-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.b360-page .b360-sell-card{display:flex;flex-direction:column;min-width:0;padding:25px 22px;background:#fff;color:#10243b;border:1px solid #dfe6f0;border-radius:16px;box-shadow:0 12px 30px #040e2016}
.b360-page .b360-sell-icon{display:flex;align-items:center;justify-content:space-between;color:#a4b4c7;font-size:.74rem;letter-spacing:.08em;font-weight:900;margin-bottom:21px}
.b360-page .b360-sell-icon span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff0f7;color:#cc0056;font-size:1.6rem}
.b360-page .b360-sell-card h3{font-size:1.14rem;margin:0 0 11px;min-height:58px;color:#12253d}
.b360-page .b360-sell-card>p:not(.b360-sell-micro){font-size:.81rem;line-height:1.72;color:#576a83;margin:0}
.b360-page .b360-sell-micro{margin:16px 0 0;padding-top:14px;border-top:1px solid #e4eaf1;color:#4d5e75;font-size:.75rem;line-height:1.55}
.b360-page .b360-sell-micro strong{color:#be0053}
.b360-page .b360-sell-card>a{display:inline-flex;gap:5px;margin-top:auto;padding-top:22px;font-weight:900;font-size:.75rem;color:#bd0054!important;text-decoration:none}
.b360-page .b360-sell-card>a:hover{text-decoration:underline}
.b360-page .b360-sell-card-privacy{border-color:#ff86bc}
.b360-page .b360-sell-status{font-size:.79rem;line-height:1.7;color:#bbcce1;margin:20px 0 0}
.b360-page .b360-sell-status strong{color:#fff}
/* Full user journeys */
.b360-page .b360-process{scroll-margin-top:76px}
.b360-page .b360-process-intro{display:flex;align-items:end;justify-content:space-between;gap:44px;margin-bottom:32px}
.b360-page .b360-process-intro>div{max-width:780px}
.b360-page .b360-process-intro h2{margin:10px 0 0;max-width:730px}
.b360-page .b360-process-intro>p{max-width:350px;color:var(--b360-muted);font-size:.92rem;line-height:1.68;margin:0 0 6px}
.b360-page .b360-process-layout{display:grid;grid-template-columns:minmax(225px,.38fr) minmax(0,1fr);gap:21px;align-items:start}
.b360-page .b360-process-tabs{display:grid;gap:9px}
.b360-page .b360-process-tab{display:grid;grid-template-columns:36px minmax(0,1fr) 20px;grid-template-rows:1fr 1fr;align-items:center;gap:2px 10px;padding:16px 14px;border:1px solid var(--b360-line);border-radius:11px;background:var(--b360-surface);color:var(--b360-ink)!important;min-height:79px;text-decoration:none}
.b360-page .b360-process-tab:hover,.b360-page .b360-process-tab:focus-visible{border-color:#f767a3;box-shadow:0 5px 16px #e7005a12}
.b360-page .b360-process-tab>span:first-child{grid-row:1/-1;font-size:.69rem;font-weight:900;color:#c60056;background:rgba(255,0,102,.08);display:grid;place-items:center;border-radius:10px;width:36px;height:36px}
.b360-page .b360-process-tab strong{font-size:.88rem;line-height:1.3;grid-column:2}
.b360-page .b360-process-tab small{font-size:.71rem;color:var(--b360-muted);grid-column:2;grid-row:2}
.b360-page .b360-process-tab>span:last-child{grid-column:3;grid-row:1/-1;color:#bd0054}
.b360-page .b360-process-panels{display:grid;gap:15px;min-width:0}
.b360-page .b360-process-card{border:1px solid var(--b360-line);border-radius:17px;background:var(--b360-surface);padding:26px;scroll-margin-top:90px}
.b360-page .b360-process-card:target{border-color:#ff0066;box-shadow:0 0 0 3px rgba(255,0,102,.12)}
.b360-page .b360-process-card-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#bf0055;font-size:.69rem;font-weight:900;letter-spacing:.09em;margin-bottom:15px}
.b360-page .b360-process-card-top span:last-child{color:var(--b360-muted);font-size:.64rem}
.b360-page .b360-process-card h3{font-size:clamp(1.2rem,2vw,1.55rem);margin:0 0 8px}
.b360-page .b360-process-card>p:not(.b360-process-assurance){color:var(--b360-muted);line-height:1.7;font-size:.84rem;margin:0 0 23px}
.b360-page .b360-flow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:flow;margin:0;padding:0;list-style:none}
.b360-page .b360-flow-steps>li{position:relative;padding:17px 15px 17px 52px;background:var(--b360-soft);border:1px solid var(--b360-line);border-radius:11px;min-height:105px;counter-increment:flow}
.b360-page .b360-flow-steps>li:before{content:counter(flow,decimal-leading-zero);position:absolute;left:15px;top:17px;color:#c40055;font-size:.73rem;font-weight:900}
.b360-page .b360-flow-steps strong{display:block;font-size:.86rem;line-height:1.35;margin-bottom:8px}
.b360-page .b360-flow-steps span{display:block;font-size:.76rem;line-height:1.55;color:var(--b360-muted)}
.b360-page .b360-process-assurance{margin:19px 0 0!important;padding:12px 15px;background:rgba(255,0,102,.055);border-left:3px solid #ff0066;border-radius:0 8px 8px 0;color:var(--b360-muted);font-size:.76rem;line-height:1.65}
/* Commercial modular catalogue */
.b360-page .b360-catalog{scroll-margin-top:76px}
.b360-page .b360-catalog-head{margin-bottom:28px}
.b360-page .b360-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.b360-page .b360-module-grid>article{background:var(--b360-surface);border:1px solid var(--b360-line);border-radius:13px;padding:22px;min-width:0}
.b360-page .b360-module-grid>article>span{display:block;color:#c00055;font-size:.66rem;font-weight:900;letter-spacing:.09em;margin-bottom:22px}
.b360-page .b360-module-grid h3{font-size:1.05rem;margin:0 0 9px}
.b360-page .b360-module-grid p{margin:0;color:var(--b360-muted);font-size:.8rem;line-height:1.68}
.b360-page .b360-catalog-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--b360-line);background:var(--b360-surface);border-radius:13px;padding:23px;margin-top:21px}
.b360-page .b360-catalog-footer strong{font-size:.86rem}
.b360-page .b360-catalog-footer p{font-size:.77rem;line-height:1.62;color:var(--b360-muted);max-width:740px;margin:8px 0 0}
.b360-page .b360-catalog-footer .b360-btn{flex:0 0 auto}
/* Practical no-local-save explanation */
.b360-page .b360-local-truth{background:#eef3f9;color:#142740;padding:clamp(56px,6vw,82px) 0;scroll-margin-top:75px}
.b360-page .b360-local-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(24px,5vw,70px);align-items:center}
.b360-page .b360-local-layout h2{font-size:clamp(2rem,3.25vw,3.3rem);margin:12px 0 18px}
.b360-page .b360-local-layout h2 span{color:#ba0052}
.b360-page .b360-local-layout>div>p:not(.b360-eyebrow){color:#52647d;font-size:.9rem;line-height:1.78;margin-bottom:0}
.b360-page .b360-local-checklist{display:grid;gap:9px}
.b360-page .b360-local-checklist>div{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #d9e3ed;padding:16px;border-radius:11px}
.b360-page .b360-local-checklist>div>span{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#e4f6ef;color:#147d56;font-weight:900}
.b360-page .b360-local-checklist>div:last-child>span{background:#fff2e5;color:#976016}
.b360-page .b360-local-checklist p{margin:0!important}
.b360-page .b360-local-checklist strong{display:block;font-size:.84rem;line-height:1.35}
.b360-page .b360-local-checklist small{display:block;color:#63758d;font-size:.76rem;line-height:1.6;margin-top:5px}
/* Dark mode refinement */
html[data-theme="dark"] .b360-page .b360-sell-card{background:#192a40;border-color:#40536a;color:#f1f5fb}
html[data-theme="dark"] .b360-page .b360-sell-card h3{color:#f1f5fb}
html[data-theme="dark"] .b360-page .b360-sell-card>p:not(.b360-sell-micro){color:#c0d0e3}
html[data-theme="dark"] .b360-page .b360-sell-micro{color:#c1d0e2;border-top-color:#40536a}
html[data-theme="dark"] .b360-page .b360-sell-micro strong,html[data-theme="dark"] .b360-page .b360-sell-card>a{color:#ff87b5!important}
html[data-theme="dark"] .b360-page .b360-sell-icon span{background:#4b2843;color:#ff91b8}
html[data-theme="dark"] .b360-page .b360-module-grid>article>span,html[data-theme="dark"] .b360-page .b360-process-card-top,html[data-theme="dark"] .b360-page .b360-process-tab>span:first-child{color:#ff89b2}
html[data-theme="dark"] .b360-page .b360-process-card:target{border-color:#ff6e9f}
html[data-theme="dark"] .b360-page .b360-local-truth{background:#19283f;color:#eef5ff}
html[data-theme="dark"] .b360-page .b360-local-layout>div>p:not(.b360-eyebrow){color:#c7d4e7}
html[data-theme="dark"] .b360-page .b360-local-layout h2 span{color:#ff88b1}
html[data-theme="dark"] .b360-page .b360-local-checklist>div{background:#263954;border-color:#435875}
html[data-theme="dark"] .b360-page .b360-local-checklist small{color:#c1cee1}
@media(max-width:1120px){
 .b360-page .b360-sell-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b360-page .b360-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b360-page .b360-sell-card h3{min-height:0}
}
@media(max-width:860px){
 .b360-page .b360-sell-heading,.b360-page .b360-local-layout{grid-template-columns:1fr}
 .b360-page .b360-id-preview{max-width:600px;transform:none}
 .b360-page .b360-process-intro{display:block}
 .b360-page .b360-process-intro>p{max-width:650px;margin-top:15px}
 .b360-page .b360-process-layout{grid-template-columns:1fr}
 .b360-page .b360-process-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .b360-page .b360-catalog-footer{flex-direction:column;align-items:stretch}
 .b360-page .b360-catalog-footer .b360-btn{width:100%}
}
@media(max-width:560px){
 .b360-page .b360-sell{padding:58px 0}
 .b360-page .b360-sell-grid,.b360-page .b360-module-grid,.b360-page .b360-flow-steps{grid-template-columns:1fr}
 .b360-page .b360-sell-card{padding:21px}
 .b360-page .b360-sell-card h3{min-height:0}
 .b360-page .b360-id-preview{padding:21px}
 .b360-page .b360-id-preview-number{font-size:1.35rem}
 .b360-page .b360-id-preview-top{flex-wrap:wrap}
 .b360-page .b360-process-tabs{grid-template-columns:1fr}
 .b360-page .b360-process-card{padding:19px}
 .b360-page .b360-process-tab{min-height:70px}
 .b360-page .b360-module-grid>article{padding:19px}
 .b360-page .b360-catalog-footer{padding:18px}
}