/* SYSLUME cross-channel design foundation v1.0 */
@font-face{font-family:Inter;src:local("Inter");font-style:normal;font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
:root{
  --ink:#112d40;--ink2:#1e3a4c;--paper:#fafaf7;--surface:#fff;--muted:#576978;--line:#cfd9de;
  --blue:#245c85;--blue-soft:#eaf1f6;--teal:#006c66;--teal-soft:#e8f2ef;
  --amber:#7a4b00;--amber-soft:#fff4d6;--red:#9b2c2c;--red-soft:#fdebe8;
  --violet:#634c8b;--violet-soft:#f0ecf7;--focus:#006c66;
  --font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;
  --measure:68ch;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;
}
html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.6;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
p,li{max-width:var(--measure)}
button,input,select,textarea{font:inherit}
.container{width:min(73.75rem,calc(100% - 2.5rem));margin:auto}
.skip-link{display:block;position:fixed;z-index:100;left:1rem;top:1rem;padding:.75rem 1rem;background:var(--surface);color:var(--ink);border:2px solid var(--focus);border-radius:.5rem;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:.25rem}

.site-header{position:sticky;top:0;z-index:20;background:#fafaf7ee;backdrop-filter:blur(.875rem);border-bottom:1px solid var(--line)}
.nav{height:4.5rem;display:flex;align-items:center;gap:1.625rem}
.brand{display:flex;align-items:center;gap:.625rem;font-weight:900;letter-spacing:.14em}
.brand-mark{width:1.875rem;height:1.875rem;border:2px solid var(--ink);border-radius:.5rem;position:relative;background:var(--surface);overflow:hidden}
.brand-mark:before,.brand-mark:after{content:"";position:absolute;height:2px;width:1.5rem;background:var(--teal);transform:rotate(-34deg)}
.brand-mark:before{left:-.1875rem;top:.5625rem}.brand-mark:after{right:-.1875rem;bottom:.5rem}
.brand-mark span{position:absolute;left:.5625rem;top:.5625rem;width:.5rem;height:.5rem;border-radius:.1875rem;background:var(--ink)}
.nav-links{margin-left:auto;display:flex;gap:1.25rem;color:var(--muted);font-size:.8125rem}
.nav-links a{padding:.625rem .25rem}.nav-links a:hover{color:var(--ink)}
.nav-actions{display:flex;align-items:center;gap:.5625rem}
.menu-btn{display:none;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:.75rem;background:var(--surface);align-items:center;justify-content:center;flex-direction:column;gap:.25rem;padding:0;cursor:pointer}
.menu-btn span{display:block;width:1.0625rem;height:2px;background:var(--ink);border-radius:2px;transition:.2s ease}
.site-header.menu-open .menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.menu-open .menu-btn span:nth-child(2){opacity:0}
.site-header.menu-open .menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.btn{min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .9375rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:800;font-size:.8125rem;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-blue{background:var(--blue);border-color:var(--blue);color:#fff}.dark-panel>.btn,.cta-panel>.btn{color:var(--ink)}

.hero{padding:5.5rem 0 4.375rem;border-bottom:1px solid var(--line);background-image:linear-gradient(#112d4008 1px,transparent 1px),linear-gradient(90deg,#112d4008 1px,transparent 1px);background-size:3.375rem 3.375rem}
.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:3.75rem;align-items:center}.hero-grid>*{min-width:0}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:.75rem;font-weight:900}
.hero h1,.page-hero h1{font-size:clamp(2.75rem,5.5vw,4.75rem);line-height:1.02;letter-spacing:-.035em;margin:.75rem 0 1.375rem}
.page-hero h1{font-size:clamp(2.5rem,5vw,4rem)}
.lead{font-size:var(--text-lg);line-height:1.55;color:var(--muted);max-width:48.75rem}
.micro{font-size:var(--text-xs);line-height:1.55;color:var(--muted);margin-top:1.125rem}.micro-tight{margin:.125rem 0}
.hero-actions{display:flex;gap:.625rem;flex-wrap:wrap;margin-top:1.75rem}
.system-card,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.375rem;box-shadow:0 .75rem 2.5rem #112d4009}
.system-card .top{display:flex;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}
.flow{display:grid;gap:.5rem}.flow-step{border:1px solid var(--line);border-radius:.6875rem;padding:.75rem .8125rem;display:flex;justify-content:space-between;gap:1rem;background:#fbfcfc}.flow-step b{text-align:right}.flow-step.hot{background:var(--blue-soft);border-color:#9fb3c1}
.badge,.demo,.tag{display:inline-flex;align-items:center;padding:.3125rem .5625rem;border-radius:999px;font-weight:900;font-size:.6875rem}
.badge{background:var(--blue-soft);color:var(--blue)}.demo{background:var(--amber-soft);color:var(--amber);border:1px solid #d9b976}.tag{background:var(--surface);border:1px solid var(--line)}

.section{padding:4.875rem 0}.section-tight{padding:2.625rem 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:1.875rem;margin-bottom:1.75rem}
.section-head h2,.section h2,.page-hero h2{font-size:clamp(1.875rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.03em;margin:0}
.section-head p{max-width:34.375rem;color:var(--muted)}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;background:var(--line);gap:1px}.trust-strip>div{background:var(--surface);padding:1.125rem}.trust-strip span{display:block;color:var(--muted);font-size:.75rem;margin-top:.3125rem}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.pillar{min-height:14.6875rem;display:flex;flex-direction:column}.pillar h3{font-size:1.1875rem;margin:auto 0 .4375rem}.pillar p,.sample-card p,.feature span{color:var(--muted);font-size:.8125rem}.pillar .num{font-weight:900;color:var(--blue);font-size:.75rem}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem}
.dark-panel{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:2.5rem}.dark-panel p,.cta-panel p{color:#c4d0d7}
.feature-list{display:grid;gap:.625rem}.feature{border:1px solid var(--line);background:var(--surface);border-radius:.875rem;padding:1rem}.feature strong,.feature span{display:block}
.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.offer{display:flex;flex-direction:column;min-height:26.25rem}.offer.featured{border:2px solid var(--blue);box-shadow:0 .875rem 2.8125rem #245c8518}.price{font-size:2.125rem;font-weight:900;letter-spacing:-.03em;margin:1rem 0 .5rem}.checklist{padding:0;margin:.75rem 0 1.25rem;list-style:none}.checklist li{position:relative;padding-left:1.375rem;margin:.5rem 0;color:#455269}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.offer .btn{margin-top:auto}.assurance-offer{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr auto;gap:2rem;align-items:center;min-height:0;background:linear-gradient(100deg,var(--surface),var(--violet-soft))}.assurance-offer .price{margin:.5rem 0}.assurance-offer .checklist{margin:0}.assurance-offer .btn{margin:0;white-space:nowrap}
.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.sample-grid-four{grid-template-columns:repeat(2,1fr)}.sample-card{padding:0;overflow:hidden}.sample-visual{height:11.875rem;background:#101827;position:relative;padding:1.125rem;color:#fff}.sample-visual .mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4375rem;margin-top:1.375rem}.sample-visual .mini-grid div{height:2.75rem;border:1px solid #ffffff26;border-radius:.4375rem;background:#ffffff09}.sample-card .body{padding:1.25rem}
.sample-visual-execution{background:#182844}.sample-visual-execution-alt{background:#172a43}.sample-visual-knowledge{background:#132d2c}.sample-visual-assurance{background:#2d2638}.sample-visual-blueprint{background:#193248}.badge-knowledge{background:var(--teal-soft);color:var(--teal)}.badge-assurance{background:var(--violet-soft);color:var(--violet)}

.page-hero{padding:4.5rem 0 3.375rem;border-bottom:1px solid var(--line)}.page-hero .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:3.125rem;align-items:end}
.price-box{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;padding:1.5rem}.price-box strong{font-size:2.875rem}
.prose{max-width:52rem;overflow-wrap:anywhere}.prose h2{font-size:1.9375rem;margin:2.625rem 0 .75rem}.prose h3{font-size:1.25rem;margin:1.75rem 0 .5rem}.prose p,.prose li{color:#455269;line-height:1.65}.prose a:not(.btn){color:var(--blue);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}
.prose table{width:100%;border-collapse:collapse;margin:1.375rem 0;background:var(--surface)}.prose th,.prose td{border:1px solid var(--line);padding:.6875rem;text-align:left;vertical-align:top}.prose th{background:var(--blue-soft)}
.callout{border-left:4px solid var(--blue);background:var(--surface);padding:1.125rem 1.25rem;border-radius:0 .8125rem .8125rem 0;margin:1.375rem 0}.note{background:var(--blue-soft);border:1px solid #aebfcb;padding:1rem;border-radius:.8125rem}.warning{background:var(--amber-soft);border:1px solid #d9b976;padding:1rem;border-radius:.8125rem}
.article-grid{display:grid;grid-template-columns:1fr 19.375rem;gap:2.75rem}.toc{position:sticky;top:5.9375rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.0625rem;height:max-content}.toc a{display:block;color:var(--muted);font-size:.8125rem;padding:.5rem 0}.toc-divider{border:0;border-top:1px solid var(--line)}
.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.875rem}.library-card{min-height:15.3125rem;display:flex;flex-direction:column}.library-card h3{font-size:1.375rem;margin:.875rem 0 .5rem}.library-card p{color:var(--muted)}.library-card .meta{font-size:.75rem;color:var(--muted);margin-top:auto;padding-top:1.125rem}
.cta-panel{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:2.625rem;display:flex;justify-content:space-between;align-items:center;gap:1.875rem}
.preview-gallery{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.preview-gallery img,.diagram-img{width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}.preview-gallery img{box-shadow:0 .625rem 2.1875rem #112d400c}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}.metric{background:var(--surface);border:1px solid var(--line);border-radius:.8125rem;padding:.9375rem}.metric span{display:block;color:var(--muted);font-size:.75rem}.metric strong{font-size:1.125rem}
.assurance-hero{background-image:linear-gradient(#112d4007 1px,transparent 1px),linear-gradient(90deg,#112d4007 1px,transparent 1px);background-size:3.375rem 3.375rem}.gate-card{background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1.25rem 3.75rem #112d4020}.gate-card-head,.evidence-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.gate-card h2{font-size:1.5rem!important;margin:.25rem 0 0}.status-chip{font-size:.6875rem;font-weight:900;padding:.35rem .6rem;border-radius:999px;white-space:nowrap}.status-conditional{background:#f7d77f;color:#543100}.gate-score{display:flex;align-items:baseline;gap:.625rem;padding:1.25rem 0;border-bottom:1px solid #ffffff24}.gate-score strong{font-size:2.5rem;letter-spacing:-.04em}.gate-score span,.assurance-rule small{color:#c4d0d7}.assurance-rule{display:flex;gap:.75rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #ffffff18}.assurance-rule:last-child{border-bottom:0}.assurance-rule b,.assurance-rule small{display:block}.assurance-rule small{font-size:.75rem}.rule-state{width:.625rem;height:.625rem;border-radius:50%;flex:0 0 auto}.state-pass{background:#63c7ad}.state-condition{background:#f7d77f}.state-unknown{background:#a9b5bd}
.assurance-track{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.assurance-stage{position:relative;display:grid;grid-template-columns:2.25rem 1fr;gap:1rem;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:1.25rem;min-height:14rem}.assurance-stage>span{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-weight:900;font-size:.75rem}.assurance-stage.active{border:2px solid var(--blue);box-shadow:0 .875rem 2.8125rem #245c8514}.assurance-stage h3{font-size:1.2rem;line-height:1.25;margin:.35rem 0}.assurance-stage p:last-child{font-size:.8125rem;color:var(--muted)}
.evidence-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.375rem;overflow:hidden}.evidence-panel h3{margin:.25rem 0 1.125rem}.trace-row{display:grid;grid-template-columns:4.25rem 1fr 3.75rem 5.75rem;gap:.5rem;align-items:center;padding:.7rem 0;border-top:1px solid var(--line);font-size:.75rem}.trace-row code{color:var(--violet);font-weight:800}.trace-row b{color:var(--blue)}.trace-row em{font-style:normal;font-weight:800;text-align:right}.status-pass{color:var(--teal)}.status-condition{color:var(--amber)}.status-unknown{color:var(--muted)}
.assurance-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;max-width:51rem}.assurance-note{max-width:51rem}.boundary-grid{display:grid;grid-template-columns:1fr 4rem 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.boundary-column{padding:2rem}.boundary-column h2{font-size:1.75rem}.boundary-column ul{padding-left:1.125rem;color:var(--muted)}.boundary-column li{margin:.5rem 0}.boundary-column.included{box-shadow:inset .25rem 0 var(--teal)}.boundary-column.excluded{box-shadow:inset -.25rem 0 var(--blue)}.boundary-divider{background:var(--ink);color:#fff;display:grid;place-items:center}.boundary-divider span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.legal-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:1.375rem}.tags{display:flex;flex-wrap:wrap;gap:.4375rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field{display:grid;gap:.375rem;color:var(--ink);font-size:var(--text-sm);font-weight:700}.field input,.field select,.field textarea{font-weight:400;color:var(--ink)}.field-wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:2.75rem;padding:.75rem;border:1px solid #94a7b2;border-radius:var(--radius-sm);background:var(--surface)}.form-grid textarea{min-height:9.375rem}.status-message{grid-column:1/-1;color:var(--muted);font-size:var(--text-sm)}
.mono{font-family:var(--font-mono)}.small{font-size:var(--text-sm);color:var(--muted)}
.heading-feature{font-size:clamp(2rem,3.5vw,2.625rem)!important}.heading-panel{font-size:clamp(1.875rem,3vw,2.375rem)!important}.heading-card{font-size:1.875rem!important}.heading-aside{font-size:2rem!important;margin-top:.875rem}.footer-summary{max-width:24.375rem}.eyebrow-on-dark{color:#b8c6ff}.section-offset{margin-top:3.125rem}.eyebrow-offset{margin-top:.9375rem}

.footer{border-top:1px solid var(--line);padding:2.375rem 0;color:var(--muted);font-size:var(--text-xs);line-height:1.55}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:1.875rem}.footer .brand{font-size:1rem;color:var(--ink)}.footer h4{color:var(--ink);margin:0 0 .625rem}.footer a{display:block;padding:.1875rem 0;margin:.1875rem 0}.footer-note{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:1.375rem;margin-top:1.75rem}

@media(max-width:67.5rem){
  .nav-links{display:none}.menu-btn{display:flex;margin-left:auto}.nav-actions{margin-left:0}.nav-actions .btn:first-child{display:none}
  .site-header.menu-open .nav-links{display:flex;position:absolute;top:4.5rem;left:1.25rem;right:1.25rem;margin:0;padding:.875rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 1.125rem 3.125rem #112d401f;flex-direction:column;gap:0;color:var(--ink)}
  .site-header.menu-open .nav-links a{padding:.6875rem .625rem;border-radius:.5625rem}.site-header.menu-open .nav-links a:hover{background:var(--paper)}
  .hero-grid{grid-template-columns:1fr;gap:2.125rem}.hero .system-card{max-width:45rem}.pillar-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:59.375rem){.split,.page-hero .wrap,.article-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr}.offer-grid,.sample-grid{grid-template-columns:1fr 1fr}.assurance-offer{grid-template-columns:1fr 1fr}.assurance-offer .btn{grid-column:1/-1;width:max-content}.assurance-track{grid-template-columns:1fr}.boundary-grid{grid-template-columns:1fr}.boundary-divider{min-height:3rem}.boundary-divider span{writing-mode:horizontal-tb;transform:none}.toc{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:45rem){.preview-gallery{grid-template-columns:1fr}}
@media(max-width:38.75rem){
  .container{width:min(calc(100% - 1.75rem),73.75rem)}.nav{height:4rem;gap:.75rem}.brand{font-size:.875rem}.brand-mark{width:1.75rem;height:1.75rem}.site-header.menu-open .nav-links{top:4rem;left:.875rem;right:.875rem}.nav-actions{display:none}
  .hero{padding:3.5rem 0 3.125rem;background-size:2.625rem 2.625rem}.hero h1,.page-hero h1{font-size:clamp(2.375rem,12vw,3.25rem);line-height:1.03}.lead{font-size:1rem}.system-card,.card{border-radius:var(--radius-md)}
  .system-card .top{align-items:flex-start}.flow-step{align-items:flex-start;flex-direction:column;gap:.125rem}.flow-step b{text-align:left}
  .pillar-grid,.trust-strip,.offer-grid,.sample-grid,.library-grid,.metric-row,.form-grid,.assurance-pricing,.assurance-offer{grid-template-columns:1fr}.field-wide{grid-column:auto}.assurance-offer .btn{grid-column:auto;width:100%}.trace-row{grid-template-columns:3.75rem 1fr 4.75rem}.trace-row b{display:none}.gate-card-head{display:block}.gate-card-head .status-chip{margin-top:.75rem}.boundary-column{padding:1.5rem}
  .section{padding:3.625rem 0}.section-tight{padding:1.875rem 0}.section-head,.cta-panel,.footer-note{display:block}.section-head>p{margin-top:.875rem}.dark-panel{padding:1.625rem}.cta-panel{padding:1.75rem}.cta-panel .btn{margin-top:.75rem}.footer-grid{grid-template-columns:1fr}.footer-note span{display:block;margin-top:.375rem}.hero-actions .btn{width:100%}
  .prose table{display:block;max-width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.menu-btn span{transition:none}.btn:hover{transform:none}}

/* Evidence and editorial surfaces reuse the established semantic tokens. */
.prose pre,pre.field-wide{padding:1rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.875rem;line-height:1.65;max-width:100%;overflow:auto}
.price-label{font-size:1.5rem;font-weight:800;color:var(--blue)}
.prose .btn{margin:.25rem .5rem .25rem 0}.prose h2:first-child{margin-top:0}
.assurance-track>.card{min-width:0}.assurance-track>.card h2{font-size:1.65rem!important}
.editorial-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted);font-size:.875rem;margin:1rem 0}
.prose details{border-top:1px solid var(--line);padding:1rem 0}.prose summary{cursor:pointer;font-weight:700}
.note p{max-width:75ch}.card .price-label{margin:.5rem 0}
button:disabled{opacity:.65;cursor:wait}
[hidden]{display:none!important}
@media(max-width:800px){.prose table{display:block;overflow-x:auto}.assurance-track{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}}
.video-frame{margin:1.5rem 0 2rem}.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:.75rem;background:var(--paper)}.video-frame figcaption{margin-top:.5rem;color:var(--muted);font-size:var(--text-sm)}
.brand-lab{font-weight:400;letter-spacing:.04em;color:var(--blue);margin-left:-.3rem}.page-hero .video-frame{margin:2rem 0 0;max-width:56rem}