/* 01 Tokens & Reset */
:root{--color-ink:#171c20;--color-deep:#253038;--color-ocean:#3b6370;--color-forest:#586b61;--color-brick:#9c604b;--color-ochre:#b4874e;--color-stone:#d3ccc0;--color-paper:#f3efe7;--color-surface:#fcfaf6;--color-line:#c5cdcb;--color-muted:#687178;--color-mist:#e4e8e6;--color-white:#fff;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--container:min(1200px,calc(100% - 3rem));--space:clamp(4rem,8vw,8rem);--radius:3px;--shadow:0 18px 50px rgba(23,28,32,.08);--transition:180ms ease}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-surface);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:1.65}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1{font-size:clamp(2.65rem,6vw,5.7rem);max-width:1050px;letter-spacing:-.055em;margin-bottom:1.5rem}h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.04em;margin-bottom:1rem}h3{font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.025em}.container{width:var(--container);margin-inline:auto}.narrow{max-width:900px}.section{padding-block:var(--space)}section[id],#top{scroll-margin-top:105px}.section-intro{max-width:790px;margin-bottom:clamp(2rem,5vw,4rem)}.section-intro>p:last-child{font-size:1.1rem;color:var(--color-muted)}.eyebrow,.role,.index{font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:var(--color-ocean)}.tags{display:flex;gap:.5rem;flex-wrap:wrap}.tags span{border:1px solid var(--color-line);padding:.22rem .55rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
/* 03 Accessibility */
.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;background:var(--color-white);padding:.7rem 1rem;transform:translateY(-180%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--color-ochre);outline-offset:3px}.copy-field{position:fixed;left:-9999px}
/* 05 Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(252,250,246,.96);border-bottom:1px solid var(--color-line);backdrop-filter:blur(10px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{width:min(315px,42vw)}.site-header nav{display:flex;align-items:center;gap:clamp(.8rem,1.5vw,1.5rem)}.site-header nav a,.footer-grid nav a{text-decoration:none;font-size:.78rem;font-weight:700}.site-header nav a:hover{color:var(--color-ocean)}.menu-button{display:none;border:1px solid var(--color-line);background:transparent;width:46px;height:42px;padding:10px}.menu-button span{display:block;height:2px;background:var(--color-deep);margin:4px}
/* 06 Hero */
.hero{background:var(--color-paper);padding:clamp(4rem,8vw,7.5rem) 0 0}.hero-copy{padding-bottom:clamp(4rem,7vw,6rem)}.lede{max-width:760px;font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-muted)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.15rem;border:1px solid var(--color-deep);text-decoration:none;font-weight:750}.button.primary{background:var(--color-deep);color:var(--color-white)}.button.secondary{background:transparent}.button:hover{background:var(--color-ocean);border-color:var(--color-ocean);color:white}.scope{display:flex;gap:.65rem;align-items:center;font-size:.8rem;color:var(--color-muted)}.beacon{width:9px;height:9px;background:var(--color-ochre)}
/* 07 Execution Map */
.execution-map{background:var(--color-deep);color:white;padding:clamp(1.5rem,4vw,3rem)}.map-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:2rem;align-items:end;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:1.5rem}.map-heading h2{font-size:clamp(1.8rem,3vw,3rem)}.map-heading>p:last-child{color:var(--color-stone)}.map-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:rgba(255,255,255,.15)}.lane{min-width:0;height:auto;padding:1.5rem;background:var(--color-deep);border-top:5px solid}.lane.ocean{border-color:var(--color-ocean)}.lane.deep{border-color:var(--color-stone)}.lane.forest{border-color:#7f998b}.lane.brick{border-color:var(--color-brick)}.lane span,.lane i{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.lane h3{margin:2rem 0 .5rem}.lane p{color:var(--color-stone)}.lane i{display:block;border-top:1px solid rgba(255,255,255,.25);padding-top:.7rem;font-style:normal;color:var(--color-ochre)}
/* 08 Reliability in Practice */
.practice-strip{background:var(--color-white);padding-block:clamp(3rem,6vw,5rem)}.strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-line)}.strip-grid article{min-width:0;height:auto;padding:1.5rem;border-right:1px solid var(--color-line)}.strip-grid article:last-child{border-right:0}.strip-grid b{color:var(--color-ocean)}.strip-grid p{margin:.8rem 0 0}
/* 09 Reliability Domains */
.domains-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;gap:clamp(1rem,2vw,2rem);align-items:start}.domain{height:auto;min-width:0;padding:clamp(1.5rem,3vw,2.5rem);background:var(--color-white);border-top:5px solid var(--color-ocean);box-shadow:var(--shadow)}.d1{grid-column:1/8}.d2{grid-column:8/13;border-color:var(--color-deep)}.d3{grid-column:1/6;grid-row:2;border-color:var(--color-forest)}.d4{grid-column:6/13;grid-row:2;border-color:var(--color-brick)}.index{color:var(--color-muted);margin-bottom:2.5rem}.boundary{font-family:var(--font-serif);border-left:3px solid var(--color-ochre);padding-left:1rem;color:#3e474c}
/* 10 Reliability Connections */
.connection{background:var(--color-mist)}.connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--color-line)}.connection-grid p{padding:1.5rem;margin:0;border-right:1px solid var(--color-line)}.connection-grid p:last-child{border:0}.connection blockquote{font-family:var(--font-serif);font-size:clamp(1.3rem,2.5vw,2rem);max-width:960px;margin:3rem 0 0;padding-left:1.5rem;border-left:4px solid var(--color-brick)}
/* 11 Operating Handoff Check */
.handoff{background:var(--color-deep);color:white}.handoff .section-intro>p:last-child{color:var(--color-stone)}.handoff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.handoff-grid article{height:auto;min-width:0;padding:1.6rem;border:1px solid rgba(255,255,255,.2);border-top:4px solid var(--color-ochre)}.handoff-grid span{color:var(--color-ochre);font-size:.75rem;font-weight:bold}.handoff-grid h3{margin-top:2rem}.handoff-grid p{color:var(--color-stone)}
/* 12 Reference Profiles */
.profiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.profile{height:auto;min-width:0;padding:clamp(1.4rem,2.5vw,2rem);background:white;border-top:5px solid}.profile.contact{border-color:var(--color-brick)}.profile.research{border-color:var(--color-ocean);background:var(--color-paper)}.avatar{width:48px;height:48px;display:grid;place-items:center;background:var(--color-deep);color:white;font-weight:800;margin-bottom:1.5rem}.contact .avatar{background:var(--color-brick)}.role{color:var(--color-muted)}.title{border-bottom:1px solid var(--color-line);padding-bottom:1rem}.credentials{font-size:.84rem;color:var(--color-muted)}.email-row{border-top:1px solid var(--color-line);padding-top:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.email-row a{font-size:.88rem;overflow-wrap:anywhere;word-break:break-word}.copy-email,#clear-search{border:1px solid var(--color-deep);background:transparent;padding:.55rem .8rem;cursor:pointer;font-weight:700}.contact-notice{margin-top:2rem;padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--color-stone);border-left:6px solid var(--color-ochre);background:var(--color-paper)}
/* 13 Independence */
.independence{background:var(--color-forest);color:white}.independence .eyebrow{color:#e7c99e}.independence p{color:#eef0ed}
/* 14 Practice Notes */
.notes{background:var(--color-paper)}.notes-list{border-top:1px solid var(--color-line)}.note{height:auto;min-width:0;border-bottom:1px solid var(--color-line)}.note[hidden]{display:none}.note details{height:auto}.note summary{cursor:pointer;padding:1.5rem .5rem;list-style:none}.note summary::-webkit-details-marker{display:none}.note summary span{display:grid;grid-template-columns:150px 1.3fr 1fr;gap:2rem;align-items:center}.note summary i{font-style:normal;color:var(--color-ocean);font-size:.75rem;font-weight:800;text-transform:uppercase}.note summary b{font-size:1.2rem}.note summary small{color:var(--color-muted)}.note summary span::after{content:"+";font-size:1.5rem;grid-column:4}.note details[open] summary span::after{content:"−"}.note-content{height:auto;padding:0 clamp(.5rem,15vw,10rem) 2rem}.note-content .tags{font-size:.75rem;color:var(--color-ocean);text-transform:uppercase;letter-spacing:.08em}.no-results{padding:2rem;border:1px solid var(--color-brick);background:white}
/* 15 Search */
.search-panel{padding:1.5rem;background:white;margin-bottom:2rem;border-left:5px solid var(--color-ocean)}.search-panel label{display:block;font-weight:800;margin-bottom:.6rem}.search-row{display:flex;gap:.7rem}.search-row input{min-width:0;flex:1;padding:.8rem;border:1px solid var(--color-line);background:var(--color-surface)}.search-panel>p{margin:.7rem 0 0;color:var(--color-muted);font-size:.8rem}
/* 16 About */
.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(2rem,8vw,8rem)}.about-grid>div:last-child{font-size:1.1rem}
/* 17 Reliability Principles */
.principles{padding-top:0}.principle-list{border-top:1px solid var(--color-line)}.principle-list article{display:grid;grid-template-columns:80px 1fr 1.4fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--color-line);align-items:baseline}.principle-list span{color:var(--color-brick);font-weight:800}.principle-list h3,.principle-list p{margin:0}
/* 18 Final CTA */
.final-cta{background:var(--color-deep);padding:clamp(2rem,5vw,5rem)}.cta-inset{background:var(--color-paper);padding:clamp(2rem,6vw,5rem);border-left:7px solid var(--color-brick);position:relative}.cta-inset h2{max-width:820px}.cta-inset>p:not(.eyebrow){max-width:760px}.cta-beacons{display:flex;gap:8px;margin-bottom:2rem}.cta-beacons i{width:9px;height:9px;background:var(--color-ochre)}
/* 19 Footer */
footer{background:var(--color-ink);color:white;padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr auto;gap:3rem}.footer-grid h2{font-size:1.3rem;margin-top:1rem}.footer-grid p{color:var(--color-stone);max-width:550px}.footer-grid nav{display:flex;flex-direction:column;gap:.7rem}.back-top{align-self:start}.copyright{border-top:1px solid #3e474c;padding-top:1.5rem;margin-top:3rem;color:var(--color-stone);font-size:.78rem}
/* 20 Reveal */
.js-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity 500ms ease,transform 500ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 21 Responsive */
@media(max-width:1365px){.map-grid,.strip-grid,.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-grid article:nth-child(2),.connection-grid p:nth-child(2){border-right:0}.strip-grid article,.connection-grid p{border-bottom:1px solid var(--color-line)}}
@media(max-width:1023px){:root{--container:min(100% - 2rem,900px)}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--color-surface);padding:1rem;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--color-line)}.site-header nav.is-open{display:flex}.site-header nav a{padding:.7rem}.menu-button{display:block}.brand{width:min(290px,65vw)}.map-heading{grid-template-columns:1fr}.map-heading>p:last-child{display:none}.domains-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.d1,.d2,.d3,.d4{grid-column:auto;grid-row:auto}.handoff-grid,.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note summary span{grid-template-columns:120px 1fr}.note summary small{grid-column:2}.note summary span::after{grid-column:3;grid-row:1}.footer-grid{grid-template-columns:1fr 1fr}.back-top{grid-column:2}}
@media(max-width:767px){:root{--container:calc(100% - 2rem)}h1{font-size:clamp(2.45rem,13vw,4rem)}.header-inner{min-height:70px}.hero{padding-top:3rem}.map-grid,.strip-grid,.connection-grid,.domains-grid,.handoff-grid,.profiles-grid,.about-grid{grid-template-columns:1fr}.strip-grid article,.connection-grid p{border-right:0}.note summary span{display:grid;grid-template-columns:1fr auto;gap:.5rem}.note summary i,.note summary b,.note summary small{grid-column:1}.note summary span::after{grid-column:2;grid-row:1/4}.note-content{padding:0 .5rem 1.5rem}.principle-list article{grid-template-columns:48px 1fr}.principle-list p{grid-column:2}.footer-grid{grid-template-columns:1fr}.back-top{grid-column:auto}.actions,.search-row{align-items:stretch;flex-direction:column}.button{width:100%}.final-cta{padding:1rem}.cta-inset{padding:2rem 1.25rem}.profile{padding:1.3rem}}
@media(max-width:374px){:root{--container:calc(100% - 1.25rem)}.brand{width:220px}.execution-map{padding:1.2rem}.lane{padding:1.2rem}}
/* 22 Reduced Motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}}