:root{--ink:#10242d;--muted:#5c6b70;--cream:#f5f3ed;--paper:#fffefb;--line:#dce4df;--teal:#087c73;--teal-dark:#05675f;--teal-light:#d7f1e9;--navy:#0d1720;--gold:#deaa68;--rose:#a75641;--shadow:0 24px 75px rgba(8,35,39,.14);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6ebec1;outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:10px}.skip-link:focus{left:8px}.site-header{position:relative;z-index:5;background:var(--navy);color:#f2faf6;border-bottom:1px solid rgba(255,255,255,.1)}.site-header-inner{max-width:1400px;margin:auto;min-height:68px;padding:0 32px;display:flex;align-items:center;gap:40px}.site-brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.site-brand small{font-weight:400;color:#97b3b5;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-left:5px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;color:#172e2b;background:#a8e2d0;border-radius:9px;font-size:23px}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav a{font-size:13px;text-decoration:none;color:#bbcbcd}.site-header nav a:hover,.header-demo-link:hover{color:#fff}.header-demo-link{font-size:13px;font-weight:700;text-decoration:none;color:#a9e3d2;white-space:nowrap}.header-demo-link span{margin-left:5px}.hero{overflow:hidden;color:white;background:radial-gradient(circle at 83% 25%,rgba(42,139,124,.28),transparent 36%),linear-gradient(132deg,#0c1720 14%,#102831 70%,#143b3c)}.hero-grid{max-width:1400px;margin:auto;padding:100px 32px 116px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:6vw}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:var(--teal)}.hero .eyebrow{color:#ace8d7;display:flex;gap:10px;align-items:center}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72d8bc;box-shadow:0 0 0 4px rgba(114,216,188,.14)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(49px,5.2vw,82px);font-weight:400;line-height:1.08;letter-spacing:-.055em;max-width:710px;margin:25px 0}.hero h1 em{color:#addfc9;font-weight:400}.hero-copy>p{max-width:550px;color:#b9cbcb;line-height:1.7;font-size:17px}.hero-actions{display:flex;align-items:center;gap:19px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;border-radius:9px;padding:13px 18px;font-size:13px;font-weight:750;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#b5e7d0;color:#12352e}.button-primary:hover{background:#d4f6e3}.button-text{color:#d0e2df}.hero-note{margin-top:37px;font-size:12px;color:#99afb0;display:flex;gap:8px;align-items:center}.hero-note span{color:#b5e7d0;font-size:18px}.hero-preview{transform:rotate(1.5deg);border:1px solid rgba(230,255,246,.22);border-radius:14px;overflow:hidden;background:#edf3f0;box-shadow:0 35px 100px rgba(0,0,0,.4);color:#163038;min-width:0}.preview-bar{height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;background:#132a31;color:#dff2e9;font-size:10px}.preview-bar b{color:#99e5c8;border:1px solid rgba(153,229,200,.4);padding:2px 5px;border-radius:3px;font-size:8px;letter-spacing:.12em;margin-left:6px}.preview-brand{font-size:12px;font-weight:700}.preview-body{display:grid;grid-template-columns:105px 1fr;min-height:330px}.preview-rail{padding:28px 13px;background:#e5eeea;border-right:1px solid #d3e1d9;display:flex;flex-direction:column;gap:17px;color:#607873;font-size:9px}.preview-rail span:first-child{color:#087c73;font-weight:800}.preview-main{padding:30px 28px 26px;min-width:0}.preview-kicker{font-size:9px;letter-spacing:.15em;color:#058176;font-weight:800}.preview-heading{font-family:Georgia,serif;font-size:24px;margin-top:8px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.preview-stats>div{background:#fff;border:1px solid #dce7df;border-radius:7px;padding:12px}.preview-stats strong,.preview-stats small{display:block}.preview-stats strong{font-size:19px;font-family:Georgia,serif}.preview-stats small{color:#748784;font-size:9px;margin-top:5px}.preview-path{display:flex;align-items:center;gap:5px;margin-top:23px;overflow:hidden}.preview-path span{background:#dcf2e8;padding:7px;border-radius:5px;font-size:9px;font-weight:700;white-space:nowrap}.preview-path i{font-style:normal;color:#729489}.preview-insight{display:flex;gap:10px;margin-top:22px;border:1px solid #e7d1b4;background:#fff8ec;border-radius:7px;padding:11px;color:#735335;font-size:10px}.preview-insight>span{font-size:16px}.preview-insight b,.preview-insight small{display:block}.preview-insight small{line-height:1.4;margin-top:3px;color:#8d7357}.value-section,.demo-section{max-width:1400px;margin:auto;padding:88px 32px}.section-intro{max-width:700px}.section-intro h2,.demo-intro h2,.closing-section h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,3.2vw,48px);letter-spacing:-.04em;line-height:1.1;margin:13px 0}.section-intro p,.demo-intro p,.closing-section p{color:var(--muted);line-height:1.65;font-size:15px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.value-grid article{padding:25px;background:#fffdfa;border:1px solid var(--line);border-radius:11px;min-height:175px}.value-icon{font-size:12px;color:var(--teal);font-weight:800}.value-grid h3{margin:23px 0 8px;font-size:18px}.value-grid p{margin:0;color:var(--muted);line-height:1.55;font-size:13px}.demo-section{padding-top:55px}.demo-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:26px}.demo-intro p{margin-bottom:0}.demo-data-pill{display:flex;gap:8px;align-items:center;white-space:nowrap;background:#e0f2e9;border:1px solid #b8dccb;border-radius:30px;color:#225e4d;padding:8px 12px;font-weight:700;font-size:11px}.demo-data-pill .eyebrow-dot{width:6px;height:6px}.app-frame{background:#f8faf8;border:1px solid #cbd8d2;border-radius:14px;box-shadow:var(--shadow);overflow:hidden;min-height:690px}.app-topbar{height:62px;background:#132831;color:#e8f4ef;display:flex;justify-content:space-between;align-items:center;padding:0 22px;gap:15px}.app-identity{display:flex;align-items:center;gap:11px}.app-symbol{font-size:23px;color:#a8e2d0}.app-identity strong,.app-identity small{display:block}.app-identity strong{font-size:13px}.app-identity small{font-size:10px;color:#a5bab8;margin-top:2px}.app-top-right{display:flex;align-items:center;gap:12px}.app-readonly{font-size:10px;color:#b5d3c9}.tour-button{border:1px solid rgba(181,231,208,.35);background:#254b4a;color:#d4f5e5;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700}.tour-button:hover{background:#2e605b}.app-body{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:590px}.app-nav{background:#f0f5f1;border-right:1px solid #d9e5dd;padding:18px 10px;display:flex;flex-direction:column;gap:3px}.app-nav>button{border:0;border-radius:6px;background:transparent;padding:10px 12px;display:flex;gap:10px;align-items:center;text-align:left;color:#536a67;font-size:11px;font-weight:700}.app-nav>button:hover{background:#e5efe8}.app-nav>button.active{background:#d6ebe0;color:#096b60}.app-nav>button span{font-size:15px;width:16px;text-align:center}.app-nav-foot{margin-top:auto;border-top:1px solid #d8e6dc;padding:16px 7px 0;display:flex;gap:8px;color:#879d94;font-size:9px;line-height:1.5}.nav-foot-icon{flex:0 0 auto;width:16px;height:16px;border:1px solid #adc7ba;border-radius:50%;text-align:center;line-height:14px}.app-content{padding:29px 33px 39px;min-width:0;min-height:590px;background:#fbfcfa}.app-status{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #dfe8e0;background:#f8fbf8;padding:10px 17px;color:#799087;font-size:9px}.app-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fbfa2;margin-right:5px}.demo-caption{text-align:center;margin-top:16px;color:#83918c;font-size:11px}.closing-section{max-width:1336px;margin:10px auto 95px;padding:47px 50px;border-radius:18px;background:var(--navy);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing-section>div{max-width:680px}.closing-section .eyebrow{color:#a8e2d0}.closing-section p{color:#b0c6c3;margin-bottom:0}.site-footer{background:#0d1720;color:#a9bbba;padding:25px max(32px,calc((100vw - 1336px)/2));display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px}.site-footer a{color:#bfe8d9;text-decoration:none}
/* Demo content */
.demo-kicker{color:#198475;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.demo-head{display:flex;justify-content:space-between;align-items:start;gap:15px}.demo-head h3{font-family:Georgia,serif;font-size:31px;letter-spacing:-.035em;font-weight:400;margin:8px 0 7px}.demo-head p{color:#667c77;font-size:12px;line-height:1.55;max-width:640px;margin:0}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:750;white-space:nowrap}.pill.good{background:#def2e9;color:#087c68}.pill.review{background:#fff0df;color:#925b26}.pill.neutral{background:#e8efed;color:#56716c}.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:22px 0}.stat-card{background:#fff;border:1px solid #e1e9e3;border-radius:8px;padding:15px}.stat-card strong,.stat-card span{display:block}.stat-card strong{font-family:Georgia,serif;font-size:26px;font-weight:400}.stat-card span{font-size:10px;color:#7b9289;margin-top:5px}.demo-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(215px,.75fr);gap:12px;margin-top:12px}.panel{border:1px solid #dfe8e0;background:#fff;border-radius:9px;padding:17px;min-width:0}.panel-title{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h4{margin:0;font-size:13px}.panel-title p{font-size:10px;color:#82968f;margin:4px 0 0}.panel-link,.text-link{border:0;background:transparent;color:#087c73;font-size:10px;font-weight:750;text-decoration:none}.panel-link:hover,.text-link:hover{text-decoration:underline}.path-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:20px 3px}.path-row button,.node-chip{border:1px solid #b6d9ca;background:#e5f4ed;color:#1b6358;padding:8px 10px;border-radius:6px;font-size:10px;font-weight:700}.path-row button:hover,.node-chip:hover{background:#c8e9d8}.path-row i{color:#8aa89b;font-style:normal}.scenario-list{display:grid;gap:7px}.scenario-list button{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;text-align:left;border:1px solid #e0e9e2;background:#fbfdfb;border-radius:7px;padding:10px;color:#24413c;font-size:11px;font-weight:650}.scenario-list button:hover{border-color:#7dbbac;background:#edf7ef}.scenario-list button span{color:#2d8c7a}.activity-list{display:grid;gap:8px}.activity-item{display:flex;gap:10px;align-items:start;padding:10px;background:#f7faf7;border-radius:7px;font-size:10px;color:#607670;line-height:1.5}.activity-item b{display:block;color:#1a3b35;font-size:10px}.activity-mark{width:6px;height:6px;border-radius:50%;background:#65bd9b;flex:0 0 auto;margin-top:5px}.activity-mark.amber{background:#d9a358}.split-layout{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.45fr);gap:12px;margin-top:19px}.list-panel{background:#fff;border:1px solid #dfe8e0;border-radius:9px;padding:10px;max-height:490px;overflow:auto}.search-box{width:100%;padding:10px 11px;border:1px solid #d4e3d9;border-radius:6px;background:#f9fbf9;font-size:11px;color:#1b3b37;outline:0}.asset-list{display:grid;gap:4px;margin-top:9px}.asset-list button,.metric-list button{width:100%;border:1px solid transparent;background:transparent;border-radius:6px;padding:10px;text-align:left}.asset-list button:hover,.metric-list button:hover{background:#f0f7f2}.asset-list button.active,.metric-list button.active{background:#e2f2e8;border-color:#b3ddc7}.asset-list strong,.asset-list small,.metric-list strong,.metric-list small{display:block}.asset-list strong,.metric-list strong{font-size:11px;color:#23443d}.asset-list small,.metric-list small{font-size:9px;color:#82958d;margin-top:3px}.detail-panel{background:#fff;border:1px solid #dfe8e0;border-radius:9px;padding:20px;min-width:0}.detail-panel h4{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:8px 0}.detail-panel p{color:#61766e;line-height:1.55;font-size:11px}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:16px 0}.detail-meta div{background:#f5f9f5;padding:9px;border-radius:5px;min-width:0}.detail-meta span,.detail-meta b{display:block}.detail-meta span{color:#91a198;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.detail-meta b{font-size:10px;margin-top:4px;overflow-wrap:anywhere}.mini-heading{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#7d978a;font-weight:800;margin:18px 0 8px}.field-list,.consumer-list{display:grid;gap:4px}.field-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,1.4fr);gap:8px;padding:7px;border-bottom:1px solid #eef2ee;font-size:10px}.field-row code{color:#347a6c;font-size:9px;overflow-wrap:anywhere}.field-row span{color:#789088}.consumer-list button{border:1px solid #e1ebe3;background:#fbfdfb;text-align:left;border-radius:6px;padding:8px;font-size:10px;color:#315f53}.consumer-list button:hover{background:#e5f4ec}.flow-grid{display:grid;grid-template-columns:1fr minmax(135px,.75fr) 1fr;gap:10px;align-items:center;margin:20px 0}.flow-col{border:1px solid #e0e9e1;border-radius:8px;padding:12px;min-height:190px;background:#fff}.flow-col h5{font-size:9px;color:#7b9188;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px}.flow-col button{display:block;width:100%;text-align:left;border:1px solid #d9e9df;background:#f5fbf6;border-radius:5px;margin:5px 0;padding:9px;color:#245d4f;font-size:10px}.flow-col button:hover{background:#d8eee0}.flow-center{border-radius:9px;padding:18px 10px;text-align:center;background:#dff1e7;border:1px solid #a4d2bc;color:#165548;font-size:11px;font-weight:800}.flow-center small{display:block;margin-top:5px;font-weight:400;font-size:8px}.impact-list{display:grid;gap:6px}.impact-list div{padding:9px;border:1px solid #e1eae3;border-radius:6px;color:#456b5d;font-size:10px}.impact-list b{color:#2b4f42}.metric-value{font-family:Georgia,serif;font-size:38px;color:#17493e;margin:8px 0}.formula{background:#eff7f0;color:#245c4e;padding:12px;border-radius:6px;font-size:10px;line-height:1.5}.lineage-steps{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.lineage-steps span{background:#e6f2e9;padding:6px;border-radius:4px;font-size:9px;color:#336154}.warning-note{display:flex;gap:8px;background:#fff7eb;border:1px solid #e7d2ac;border-radius:7px;padding:10px;color:#8b602d;font-size:10px;line-height:1.45}.trust-summary{padding:18px;border:1px solid #bfdccc;border-radius:9px;background:#eaf7ed;display:flex;gap:14px;align-items:start;margin-top:20px}.trust-summary span{font-size:24px;color:#187d65}.trust-summary h4{margin:0;font-size:15px}.trust-summary p{margin:5px 0 0;color:#547366;font-size:11px;line-height:1.5}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.check-card{background:white;border:1px solid #dfe8e0;border-radius:7px;padding:12px}.check-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.check-card h5{margin:0;font-size:11px}.check-card p{margin:8px 0 0;font-size:10px;color:#70877b;line-height:1.45}.tour-card{background:#153138;color:#e7f6ee;border-radius:8px;padding:16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tour-card b{font-size:12px}.tour-card p{margin:5px 0 0;color:#a8c4bc;font-size:10px;line-height:1.5}.tour-card button{border:1px solid #6fb7a4;background:#23514e;color:#e8fff2;border-radius:5px;padding:8px;font-size:10px;white-space:nowrap}.tour-card button:hover{background:#2c6760}.tour-actions{display:flex;gap:6px}.tour-card .tour-exit{border-color:#5d7773;background:transparent}.empty-state{padding:20px;color:#72897d;font-size:11px;text-align:center}
@media(max-width:1100px){.hero-grid{gap:36px}.hero h1{font-size:clamp(43px,5vw,64px)}.site-header-inner{padding:0 24px}.value-grid{grid-template-columns:repeat(2,1fr)}.preview-main{padding:24px 18px}.app-content{padding:23px}.demo-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header nav{display:none}.hero-grid{grid-template-columns:1fr;padding-top:70px;padding-bottom:75px}.hero-preview{max-width:650px;transform:none}.hero h1{max-width:650px}.demo-intro{align-items:start}.app-body{grid-template-columns:1fr}.app-nav{border-right:0;border-bottom:1px solid #d9e5dd;flex-direction:row;overflow:auto;padding:8px}.app-nav>button{white-space:nowrap;flex:0 0 auto}.app-nav-foot{display:none}.app-content{min-height:600px}.closing-section{margin-left:24px;margin-right:24px}.split-layout{grid-template-columns:1fr}.list-panel{max-height:220px}.asset-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.site-header-inner{padding:0 18px}.site-header nav,.header-demo-link{display:none}.hero-grid,.value-section,.demo-section{padding-left:18px;padding-right:18px}.hero-grid{padding-top:60px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.preview-body{grid-template-columns:1fr}.preview-rail{display:none}.preview-main{padding:23px 18px}.preview-heading{font-size:20px}.preview-path{flex-wrap:wrap}.value-grid{grid-template-columns:1fr}.value-grid article{min-height:0}.value-section{padding-top:65px;padding-bottom:40px}.demo-intro{display:block}.demo-data-pill{width:max-content;margin-top:15px}.app-topbar{padding:0 12px}.app-readonly{display:none}.app-identity small{font-size:9px}.tour-button{font-size:9px}.app-content{padding:20px 14px}.app-status span:last-child{display:none}.demo-columns,.flow-grid,.check-grid{grid-template-columns:1fr}.flow-col{min-height:0}.demo-head h3{font-size:27px}.demo-stats{gap:6px}.stat-card{padding:12px}.detail-meta{grid-template-columns:repeat(2,1fr)}.asset-list{grid-template-columns:1fr}.tour-card{align-items:start;flex-direction:column}.closing-section{margin:0 18px 60px;padding:32px 23px;display:block}.closing-section .button{margin-top:20px}.site-footer{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Workspace features mirror the shape of the private Observatory without its data. */
.map-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:20px 0 10px;padding:10px;background:#f2f7f3;border:1px solid #dbe8df;border-radius:9px}
.map-controls input[type=search],.map-controls select{border:1px solid #cbded1;border-radius:6px;background:white;color:#24433d;font-size:10px;padding:8px 10px;min-width:120px}
.map-controls input[type=search]{flex:1 1 160px}
.map-controls label{display:flex;gap:4px;align-items:center;font-size:10px;color:#496f60;white-space:nowrap}
.map-controls button,.change-panel button,.story-banner button{border:1px solid #afd3bd;border-radius:6px;background:#e4f3e9;color:#236b55;padding:8px 10px;font-size:10px;font-weight:700}
.map-controls button:hover,.change-panel button:hover,.story-banner button:hover{background:#d2ebdc}
.map-sync-label{font-size:9px;color:#7a9387;white-space:nowrap}
.change-panel{padding:14px;margin-bottom:10px;border:1px solid #edcea0;border-radius:8px;background:#fff8ea;color:#79542b;font-size:10px;line-height:1.5}
.change-panel p{margin:6px 0 10px}.change-panel code{overflow-wrap:anywhere}
.story-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;margin-bottom:10px;background:#16363b;color:#ebfff2;border-radius:8px;font-size:11px}
.story-banner p{margin:5px 0 0;font-size:10px;line-height:1.45;color:#b9d9d0}.story-banner>div:last-child{display:flex;gap:5px;flex-shrink:0}
.schema-workspace{display:grid;grid-template-columns:150px minmax(0,1fr) 235px;min-height:560px;border:1px solid #d9e6dd;border-radius:9px;overflow:hidden;background:#f7faf7}
.schema-list{padding:12px 8px;background:#fff;border-right:1px solid #d9e6dd;display:flex;flex-direction:column;gap:3px}
.schema-list>b{display:flex;justify-content:space-between;padding:5px 7px 10px;font-size:11px;color:#1d4138}.schema-list small{color:#839d90}
.schema-list button{display:flex;align-items:center;gap:6px;padding:8px 7px;border:0;background:transparent;border-radius:5px;text-align:left;color:#506e61;font-size:10px}
.schema-list button:hover,.schema-list button.active{background:#e0f1e7;color:#175b47}.schema-list p{padding:7px;font-size:10px;color:#789084}
.domain-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:0 0 auto;background:#55ab8c}
.domain-catalog{background:#8e7bc3}.domain-finance{background:#d59b54}.domain-fulfillment{background:#64a4c2}.domain-service{background:#c87c9c}.domain-marketing{background:#bcad60}
.schema-viewport{overflow:auto;background:radial-gradient(#dce8dd 1px,transparent 1px) 0 0/19px 19px}
.schema-graph{position:relative;display:grid;grid-template-columns:repeat(3,180px);gap:46px 35px;align-content:start;min-width:640px;min-height:560px;padding:36px 25px}
#schema-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
#schema-edges line{stroke:#afc6b5;stroke-width:2;opacity:.75}#schema-edges line.edge-active{stroke:#419477;stroke-width:3;opacity:1}
.schema-node{z-index:1;align-self:start;display:block;width:180px;padding:0;text-align:left;background:#fff;border:1px solid #b8d4c1;border-top:3px solid #63b28f;border-radius:8px;box-shadow:0 5px 14px #163b2612;color:#23483c;overflow:hidden}
.schema-node:hover,.schema-node.selected{border-color:#379476;box-shadow:0 0 0 3px #6cc19a55,0 7px 15px #1b56321a}
.schema-node.story-active{box-shadow:0 0 0 4px #f3b45e88,0 7px 15px #1b56321a}.schema-node.story-muted{opacity:.38}
.node-top{display:flex;align-items:center;gap:6px;padding:10px 9px}.node-top strong{font-size:10px;overflow-wrap:anywhere}.node-top small{margin-left:auto;color:#6a9d82}
.node-fields{display:block;padding:0 9px 7px}.node-fields>span{display:flex;gap:3px;align-items:center;border-top:1px solid #edf2ed;padding:5px 0;color:#4b7061;font:9px ui-monospace,monospace}.node-fields i{font-style:normal;color:#c39148}.node-fields em{margin-left:auto;color:#9caa9e;font-style:normal;font-size:8px}
.node-bottom{display:block;background:#f3f8f3;padding:6px 9px;color:#82998a;font-size:8px}
.schema-inspector{padding:16px;background:#fff;border-left:1px solid #d9e6dd;max-height:650px;overflow:auto}
.schema-inspector h4{font:24px Georgia,serif;margin:8px 0}.schema-inspector>p{font-size:10px;line-height:1.5;color:#687e71}
.inspector-meta{display:grid;gap:6px;margin:13px 0}.inspector-meta span{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#829689}.inspector-meta b{color:#294e3c;text-align:right}
.inspector-field{display:grid;grid-template-columns:1fr auto;gap:2px 4px;padding:7px 0;border-top:1px solid #edf2ed}.inspector-field code{font-size:9px;color:#237d64}.inspector-field small{color:#94a99a;font-size:8px}.inspector-field span{grid-column:1/-1;color:#667f70;font-size:9px}
.inspector-link{display:block;width:100%;margin:4px 0;padding:8px;border:1px solid #e0ece3;border-radius:6px;text-align:left;background:#fbfdfb;color:#327458;font-size:10px}.inspector-link:hover{background:#e7f5eb}
.schema-inspector>.text-link{margin-top:13px;padding:0}
.question-layout{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:12px;margin-top:19px}.question-choices{display:grid;gap:7px}.question-choices button{display:flex;justify-content:space-between;gap:8px;width:100%;padding:10px;text-align:left;border:1px solid #deebe1;border-radius:6px;background:#fbfdfb;color:#365c4b;font-size:10px}.question-choices button:hover,.question-choices button.active{border-color:#76b795;background:#e3f3e9}
@media(max-width:1180px){.schema-workspace{grid-template-columns:130px minmax(0,1fr)}.schema-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #d9e6dd;max-height:none}.schema-list{border-right:1px solid #d9e6dd}}
@media(max-width:700px){.schema-workspace{grid-template-columns:1fr}.schema-list{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #d9e6dd}.schema-list>b{width:100%}.schema-list button{padding:6px}.schema-viewport{max-height:500px}.schema-graph{min-height:530px}.question-layout{grid-template-columns:1fr}.story-banner{align-items:start;flex-direction:column}}

/* Keep the demonstration a stable workspace as visitors change sections. */
.app-frame{display:flex;flex-direction:column;height:820px;min-height:0}
.app-topbar,.app-status{flex:0 0 auto}
.app-body{flex:1 1 auto;height:auto;min-height:0}
.app-nav{min-height:0}
.app-content{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}
.app-content>*{min-width:0}
.demo-head,.panel-title,.check-card>div{flex-wrap:wrap}
.demo-head>div,.panel-title>div{min-width:0}
.detail-panel,.panel,.flow-col,.check-card,.trust-summary{overflow-wrap:anywhere}
.split-layout,.question-layout,.demo-columns,.flow-grid,.check-grid{min-width:0}
.split-layout>* ,.question-layout>* ,.demo-columns>* ,.flow-grid>* ,.check-grid>*{min-width:0}

/* The diagram adapts to its panel; it never requires sideways scrolling. */
.schema-workspace{min-width:0;grid-template-columns:140px minmax(0,1fr) 230px}
.schema-list,.schema-inspector,.schema-viewport{min-width:0}
.schema-viewport{overflow-x:hidden;overflow-y:auto;max-height:590px}
.schema-graph{width:100%;min-width:0;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px;padding:24px 16px}
.schema-node{width:100%;min-width:0}
.node-top strong,.node-fields>span{min-width:0;overflow-wrap:anywhere}
.node-fields>span{display:grid;grid-template-columns:auto minmax(0,1fr) auto}
.node-fields em{max-width:65px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1200px){.schema-workspace{grid-template-columns:135px minmax(0,1fr)}.schema-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #d9e6dd;max-height:none}.schema-graph{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.app-body{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.app-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible;padding:9px}.app-nav>button{white-space:normal;min-width:0;padding:8px;line-height:1.2}.app-content{min-height:0}.schema-workspace{grid-template-columns:1fr}.schema-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;border-right:0;border-bottom:1px solid #d9e6dd}.schema-list>b{width:100%}.schema-list button{padding:6px 8px}.schema-inspector{grid-column:1}.schema-viewport{max-height:510px}.schema-graph{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.app-frame{height:800px}.app-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-nav>button{font-size:10px;gap:6px}.app-content{padding:18px 14px}.schema-graph{grid-template-columns:minmax(0,1fr);gap:15px;padding:16px}.schema-viewport{max-height:460px}#schema-edges{display:none}.map-controls{gap:6px}.map-controls input[type=search],.map-controls select{flex:1 1 100%;width:100%;min-width:0}.map-controls button{flex:1 1 auto}.map-sync-label{width:100%;white-space:normal}.split-layout,.question-layout,.demo-columns,.flow-grid,.check-grid{grid-template-columns:minmax(0,1fr)}.flow-col{min-height:0}.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{grid-template-columns:minmax(0,1fr)}.check-card>div{align-items:flex-start}.tour-card{flex-direction:column;align-items:flex-start}}

/* Standalone, full-window demo: no marketing-page wrapper. */
html:has(.workspace-only),.workspace-only{height:100%;overflow:hidden}
.workspace-only main{height:100dvh;min-height:0}
.workspace-only .app-frame{width:100%;height:100%;min-height:0;border:0;border-radius:0;box-shadow:none}
.workspace-only .app-topbar{min-height:68px;height:68px}
.workspace-only .app-identity h1{margin:0;font-size:15px;font-weight:750;line-height:1.2}
.workspace-only .app-identity small{display:block;margin-top:3px}
.workspace-only .app-body{min-height:0}
.workspace-only .app-content{background:#fbfcfa}
.workspace-only .app-status{min-height:36px}
@media(max-width:580px){.workspace-only .app-topbar{height:62px;min-height:62px}.workspace-only .app-identity h1{font-size:12px}.workspace-only .app-identity small{font-size:8px}.workspace-only .app-symbol{font-size:19px}.workspace-only .tour-button{padding:7px;font-size:9px}.workspace-only .app-status{min-height:32px}}

/* Guided stories use an immersive map, with the same interaction model as the private tool. */
.story-picker{width:min(560px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 28px));padding:0;border:1px solid #bcd5c7;border-radius:12px;background:#fbfcfa;color:#17372e;box-shadow:0 25px 80px #071b1c55}
.story-picker::backdrop{background:#091d2380;backdrop-filter:blur(5px)}
.story-picker-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding:22px 24px 10px}.story-picker-head h2{font:30px Georgia,serif;margin:5px 0}.story-picker-head p{margin:0;color:#638075;font-size:12px;line-height:1.5}.story-picker-head>button,.story-step-top button,.story-inspector-close{width:30px;height:30px;border:1px solid #d5e6db;border-radius:7px;background:white;color:#376858;font-size:20px;line-height:1}
.story-picker-list{display:grid;gap:8px;padding:14px 20px 22px;overflow-y:auto}.story-choice{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:13px;border:1px solid #dce9e0;border-radius:9px;background:#fff;text-align:left;color:#173b2e}.story-choice:hover{border-color:#69b395;background:#f1faf4}.story-choice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#dbf0e2;color:#20785d;font-weight:800}.story-choice strong,.story-choice small,.story-choice em{display:block}.story-choice strong{font-size:13px}.story-choice small{margin-top:4px;color:#688477;font-size:11px;line-height:1.4}.story-choice em{margin-top:7px;color:#2d886a;font-size:10px;font-style:normal}
.app-frame.story-mode .app-topbar,.app-frame.story-mode .app-nav,.app-frame.story-mode .app-status{display:none}
.app-frame.story-mode .app-body{display:block}.app-frame.story-mode .app-content{height:100%;padding:0;overflow:hidden}
.story-workspace{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-height:0;background:#f4f8f5}.story-workspace.inspecting{grid-template-columns:minmax(0,1fr) 285px}
.story-stage{position:relative;min-width:0;min-height:0;overflow:hidden}
.story-map-scroll{height:100%;overflow-x:hidden;overflow-y:auto;background:radial-gradient(#dce8dd 1px,transparent 1px) 0 0/19px 19px;scrollbar-width:thin}
.story-graph{min-width:0;min-height:100%;grid-template-columns:repeat(var(--story-columns,3),minmax(0,230px));justify-content:center;align-content:start;gap:48px;padding:clamp(150px,24vh,230px) 42px 340px}
.story-node{transition:opacity .25s,box-shadow .25s,transform .4s}.story-node.story-lit{box-shadow:0 0 0 3px #61bd94,0 0 0 8px #bce8c9,0 14px 24px #315d4030;transform:translateY(-3px)}.story-node.story-dim{opacity:.17}.story-node .story-field-lit{background:#d5f5e1;box-shadow:inset 3px 0 #31a779;color:#16543e;font-weight:800;padding-left:4px}
#schema-edges line.story-edge-dim{opacity:.06}
.story-step-card{position:absolute;z-index:4;left:50%;top:52%;transform:translateX(-50%);display:flex;flex-direction:column;width:min(570px,calc(100% - 36px));height:220px;max-height:45%;overflow-y:auto;padding:17px 20px 16px;border:1px solid #b6daca;border-left:4px solid #55b990;border-radius:10px;background:#fff;box-shadow:0 20px 55px #17382c32;color:#17392e}
.story-step-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#20795c;font-size:10px;font-weight:800;letter-spacing:.04em}.story-step-card h3{font:25px Georgia,serif;margin:5px 0 7px}.story-step-card p{font-size:12px;line-height:1.55;color:#486b5b;margin:0}.story-access{margin-top:10px;padding:9px;background:#eaf8ee;border-left:2px solid #64b991;border-radius:3px;color:#346e54;font-size:11px;line-height:1.45}
.story-step-nav{display:flex;align-items:center;gap:7px;margin-top:14px}.story-step-nav>button{border:1px solid #91bea5;border-radius:6px;background:#e5f5e9;color:#206c50;padding:7px 10px;font-size:10px;font-weight:750;white-space:nowrap}.story-step-nav>button:last-child{background:#226c55;color:white}.story-step-nav>button:disabled{opacity:.4;cursor:not-allowed}.story-dots{flex:1;display:flex;flex-wrap:wrap;gap:2px}.story-dot{width:18px;height:20px;padding:0;border:0;background:transparent;display:grid;place-items:center}.story-dot::before{content:"";width:7px;height:7px;border-radius:50%;background:#c6d9ca}.story-dot.done::before{background:#8cbda1}.story-dot[aria-current=step]::before{width:17px;border-radius:5px;background:#45a97c}
.story-step-nav{margin-top:auto;padding-top:12px;flex:0 0 auto}
.story-inspector{position:relative;grid-column:2;height:100%;max-height:none;overflow-y:auto;box-shadow:-8px 0 30px #183b2219}.story-inspector-close{position:absolute;right:10px;top:10px}
@media(max-width:900px){.story-graph{grid-template-columns:repeat(2,minmax(0,230px));padding:110px 24px 330px;gap:34px}.story-workspace.inspecting{grid-template-columns:minmax(0,1fr)}.story-inspector{position:absolute;z-index:6;right:0;top:0;bottom:0;width:min(310px,88vw);box-shadow:-18px 0 55px #0f352d55}}
@media(max-width:580px){.story-graph{grid-template-columns:minmax(0,240px);padding:55px 18px 360px;gap:26px}.story-node.story-lit{order:1}.story-node.story-dim{order:2}.story-step-card{top:66%;width:calc(100% - 20px);max-height:32%;padding:13px}.story-step-card h3{font-size:21px}.story-step-card p{font-size:11px}.story-step-nav{flex-wrap:wrap}.story-dots{flex-basis:100%}.story-choice{grid-template-columns:34px minmax(0,1fr) auto;padding:10px}.story-picker-head{padding:18px 16px 8px}.story-picker-list{padding:10px 14px 16px}}

/* Mirror the real map's quiet, unselected inspector state. */
@media(min-width:1201px){.schema-workspace{grid-template-columns:140px minmax(0,1fr) 250px}}
.schema-inspector-empty{display:flex;align-items:center;justify-content:center;background:#f9fcf9;border-color:#d9e6dd;color:#315c4c}
.empty-inspector-inner{width:100%;text-align:center}
.empty-inspector-icon{display:block;margin:0 auto 10px;color:#8aa99a;font-size:26px;line-height:1}
.empty-inspector-inner strong{display:block;color:#386d58;font-size:14px;font-weight:700}
.schema-inspector-empty .empty-inspector-inner p{max-width:195px;margin:5px auto 15px;color:#7f9589;font-size:11px;line-height:1.5}
.empty-inspector-inner button{display:inline-flex;align-items:center;justify-content:center;gap:5px;max-width:100%;padding:8px 9px;border:1px solid #b6dac4;border-radius:6px;background:#e7f4e9;color:#217357;font-size:10px;font-weight:750;line-height:1.25}
.empty-inspector-inner button:hover{background:#d8eddf}.empty-inspector-inner button span{font-size:16px;line-height:.7}
@media(max-width:1200px){.schema-inspector-empty{min-height:180px}}

/* Direct asset picker for Impact & lineage. */
.lineage-picker{margin-top:20px;padding:16px;border:1px solid #cfe4d6;border-radius:10px;background:#f2f8f3}
.lineage-picker-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.lineage-picker-head strong,.lineage-picker-head span{display:block}.lineage-picker-head strong{font-size:13px;color:#214e3a}.lineage-picker-head span{margin-top:4px;font-size:10px;color:#6e8b79}
.lineage-picker-head input{width:min(230px,100%);padding:9px 11px;border:1px solid #c5dfcf;border-radius:6px;background:white;color:#1e4637;font-size:11px}
.lineage-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}
.lineage-options button{min-width:0;padding:9px 10px;border:1px solid #d6e7da;border-radius:7px;background:white;text-align:left;color:#315d46}
.lineage-options button:hover{border-color:#7dbd98;background:#f9fdfa}.lineage-options button.active{border-color:#66b88c;background:#dff2e6;box-shadow:inset 3px 0 #44a976}
.lineage-options strong,.lineage-options small{display:block}.lineage-options strong{font-size:10px;line-height:1.3}.lineage-options small{margin-top:3px;color:#789482;font-size:9px}
.lineage-options p{margin:4px;color:#6f8878;font-size:11px}
@media(max-width:580px){.lineage-picker{padding:12px}.lineage-picker-head label,.lineage-picker-head input{width:100%}.lineage-options{grid-template-columns:repeat(2,minmax(0,1fr))}}