/* Public product explanation. The working account surface keeps its own layout. */
body[data-page=home]{background:var(--paper)}
:root{--bg:#f7f9fc;--border:#e2e8f2;--accent:#2b5de2;--soft:#eff4ff}
.header{padding-top:1.25rem;padding-bottom:1.25rem}.brand-mark{background:var(--accent)}
.header-access{display:inline-flex;align-items:center;gap:.55rem;justify-content:center;background:var(--ink);color:var(--paper);padding:.65rem 1.2rem;border-radius:999px;min-height:44px}
.button{border-radius:999px;padding:.75rem 1.25rem}.hero-value{max-width:590px;color:var(--muted);font-size:1rem}
.header{flex-wrap:wrap}.header nav{min-width:0;max-width:100%;flex-wrap:wrap}
[data-view=home],.architecture-page{overflow-wrap:anywhere}
.assignment-tabs button{min-width:0;overflow-wrap:anywhere}
.product-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:3rem;padding:3rem 0 4rem}
.product-hero h1{font-size:clamp(2.6rem,4.4vw,4.15rem);max-width:900px}
.product-hero h1>span{color:var(--accent)}
.product-hero .hero-description{max-width:660px;font-size:1.18rem}
.release-note{border-left:2px solid var(--border);padding-left:1.5rem;margin-bottom:1.75rem}
.release-note>p{font-size:.95rem;color:var(--muted)}
.release-note>.caption{font-size:.875rem}
.solution-preview{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:1.6rem;box-shadow:var(--shadow);min-width:0}
.preview-label{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;font-size:.875rem;color:var(--muted);margin-bottom:1.2rem}
.solution-preview h2{font-size:1.35rem;line-height:1.3}.solution-preview ol{list-style:none;padding:0;margin:1rem 0}
.solution-preview li{display:flex;gap:.9rem;align-items:start;border-top:1px solid var(--border);padding:1rem 0}
.preview-step{font: .875rem ui-monospace,monospace;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:var(--soft);color:var(--accent);border-radius:8px}
.solution-preview li strong{font-size:.95rem}.solution-preview li p{font-size:.875rem;color:var(--muted);margin:.25rem 0 0}
.preview-result{background:var(--soft);padding:1rem;border-radius:8px;border-left:3px solid var(--accent)}.preview-result strong,.preview-result span{display:block;font-size:.95rem}.preview-result span{font-size:.875rem;color:var(--muted);margin-top:.3rem}.solution-preview>.caption{margin-bottom:0}
.friction-section{padding:2.5rem 0 3.5rem;border-top:1px solid var(--border)}
.friction-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.friction-grid article{grid-column:span 2;display:flex;flex-direction:column;padding:1.5rem;background:var(--paper);border:1px solid var(--border);border-radius:12px;min-width:0}
.friction-grid article:nth-child(n+4){grid-column:span 3}.friction-label{font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:650}
.friction-grid h3{font-size:1.15rem;line-height:1.35;margin:1rem 0 .6rem}.friction-grid p{font-size:.95rem;color:var(--muted);margin:0 0 1.2rem}.friction-benefit{color:var(--accent);font-size:.875rem;font-weight:600;margin-top:auto}
.optimization-callout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:3rem;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:2rem}
.optimization-callout h2{font-size:1.75rem;line-height:1.3}.optimization-callout p{color:var(--muted)}.optimization-priorities{border-left:1px solid var(--border);padding-left:2rem;align-self:center}.optimization-priorities>strong{font-size:1.05rem}
.reuse-summary{border-left:2px solid var(--border);padding-left:1.5rem}.reuse-summary h2{font-size:1.4rem;line-height:1.3}.reuse-summary ul{list-style:none;margin:1.2rem 0 0;padding:0}.reuse-summary li{padding:1rem 0;border-top:1px solid var(--border)}.reuse-summary strong{display:block;font-size:.95rem}.reuse-summary li span{display:block;color:var(--muted);font-size:.875rem;margin-top:.35rem}.benefit-limits{margin-top:1.2rem;max-width:850px}
.benefit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.6rem;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.benefit-strip article>span{font: .875rem ui-monospace,monospace;color:var(--accent)}
.benefit-strip h2{margin:.6rem 0;font-size:1.1rem}
.benefit-strip p{color:var(--muted);margin-bottom:0}
.boundary-section{padding:3.5rem 0 1rem}
.boundary-figure{margin:2rem 0 0}
.boundary-zones{display:grid;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);align-items:stretch}
.boundary-zone{border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0}
.zone-heading{padding:1.8rem 1.7rem 1.4rem}
.zone-location{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:.8125rem;font-weight:700;color:var(--accent);margin-bottom:.8rem}
.zone-heading h3{font-size:1.55rem;line-height:1.3;margin:0;max-width:320px}
.component-rows{padding:0 1.7rem;list-style:none;margin:0}
.component-rows li{padding:1.2rem 0;border-top:1px solid var(--border)}
.component-rows strong{display:block;font-size:1rem;margin-bottom:.35rem}
.component-rows span{color:var(--muted);font-size:.95rem;display:block}
.zone-footer{padding:1.2rem 1.7rem;font-size:.875rem;border-top:1px solid var(--border);color:var(--muted);margin:0;background:var(--bg)}
.client-zone{background:var(--soft);color:var(--ink);border-color:var(--border)}
.client-zone .zone-location{color:var(--accent)}
.client-zone .component-rows li,.client-zone .zone-footer{border-color:var(--border)}
.client-zone .component-rows span,.client-zone .zone-footer{color:var(--muted)}
.client-zone .zone-footer{background:transparent}
.boundary-exchange{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.7rem;text-align:center;padding:1rem;color:var(--muted)}
.boundary-exchange>div{width:100%}
.exchange-arrow{display:block;color:var(--accent);font-size:2rem;line-height:1;position:relative;margin-bottom:.4rem}
.boundary-exchange strong{display:block;color:var(--ink);font-size:.95rem;margin-bottom:.25rem}
.boundary-exchange div>span:last-child{font-size:.875rem;display:block}
.boundary-exchange>p{font-size:.8125rem;line-height:1.6;margin:0}
.provider-lane{margin:1.3rem 0 0 auto;max-width:calc(50% - 85px);padding:1.15rem 1.3rem;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.provider-lane>span{display:block;font-size:.8125rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--accent);margin-bottom:.5rem}
.provider-lane>strong{display:block;font-size:.95rem}
.provider-lane>p{font-size:.875rem;color:var(--muted);margin:.6rem 0 0}
.boundary-figure figcaption{font-size:.875rem;color:var(--muted);margin-top:1.5rem;max-width:950px}
.intelligence-section{padding-top:3.5rem}
.layer-card{background:var(--bg);border-radius:10px}
.scoping-callout{background:var(--bg);border:0;padding:2.5rem}
.pilot-callout{margin-top:3rem;background:var(--soft);color:var(--ink);border:1px solid var(--border)}
.pilot-callout .eyebrow{color:var(--accent)}
.pilot-callout p:last-child{color:var(--muted)}
.pilot-callout .primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}
@media(max-width:1050px){
  .product-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:2rem}
  .friction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friction-grid article{grid-column:span 1}.friction-grid article:nth-child(4){grid-column:span 1}.friction-grid article:last-child{grid-column:span 2}
  .boundary-zones{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr)}
  .zone-heading{padding:1.4rem 1.3rem}.zone-heading h3{font-size:1.35rem}
  .component-rows{padding:0 1.3rem}.zone-footer{padding:1rem 1.3rem}
  .provider-lane{max-width:calc(50% - 72.5px)}.benefit-strip{gap:1.5rem}
}
@media(max-width:800px){
  .product-hero{grid-template-columns:1fr;padding:1.5rem 0 2rem;gap:1rem}
  .solution-preview{max-width:600px;padding:1.25rem;margin-top:1.5rem}.optimization-callout{grid-template-columns:1fr;gap:1.3rem;padding:1.4rem}.optimization-priorities{padding:1rem 0 0;border-left:0;border-top:1px solid var(--border)}.optimization-callout h2{font-size:1.4rem}
  .reuse-summary{border-left:0;border-top:1px solid var(--border);padding:1.5rem 0 0;margin-top:1rem}
  .product-hero h1{font-size:clamp(2.6rem,7vw,3.9rem)}
  .release-note{border-left:0;border-top:1px solid var(--border);padding:1rem 0 0;margin:0;max-width:600px}
  .release-note>p{display:inline;margin:.2rem .4rem 0 0}.release-note>.badge{display:block;width:fit-content;margin-bottom:.6rem}
  .benefit-strip{grid-template-columns:1fr;gap:1.6rem}.benefit-strip p{margin-top:.35rem}
  .boundary-zones{grid-template-columns:1fr}.boundary-exchange{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem}
  .boundary-exchange>p{grid-column:1/-1}.exchange-arrow{transform:rotate(90deg);font-size:1.6rem}
  .provider-lane{max-width:none}.boundary-section{padding-top:2.5rem}.zone-heading h3{max-width:none}
  .scoping-callout{padding:1.4rem}.product-hero .hero-description{font-size:1.07rem}
}
@media(max-width:600px){.friction-grid{grid-template-columns:1fr}.friction-grid article,.friction-grid article:nth-child(4),.friction-grid article:last-child{grid-column:span 1}.friction-grid article{padding:1.3rem}.friction-section{padding-top:2rem}}