@font-face{font-family:Manrope;src:url('assets/fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/IBMPlexMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#152D32;--paper:#F5F3EB;--mint:#BCE5D6;--orange:#F16B3A;--slate:#446268;--line:#D0D9D3;--white:#fff}
*{box-sizing:border-box}
html{scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 Manrope,Arial,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:5px}
a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--paper)}
.pilot-section a:focus-visible,.pilot-section summary:focus-visible{outline-color:var(--mint);box-shadow:0 0 0 3px var(--ink)}
main:focus{outline:none}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.04em}
:where(h1,h2,h3,p,dt,dd,a,summary,span){overflow-wrap:anywhere}
.hero>*,.services>*,.approach>*,.service>*,.capability-grid>*,.contact>*{min-width:0}
h1{font-size:clamp(48px,5.8vw,80px)}
h2{font-size:clamp(32px,3.2vw,44px)}
h3{font-size:21px;letter-spacing:-.02em;line-height:1.3}
.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.mono{font:400 12px/1.5 'IBM Plex Mono',Consolas,monospace;letter-spacing:.035em}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}
.skip-link{position:fixed;z-index:20;left:16px;top:12px;transform:translateY(-150%);padding:16px 24px;background:var(--ink);color:var(--paper);border:3px solid var(--mint);border-radius:8px}
.skip-link:focus{transform:none}
.preview-note{background:var(--ink);color:var(--paper);font-size:12px;text-align:center;padding:8px 16px;letter-spacing:.015em}
.preview-note span{padding-inline:12px;color:var(--mint)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:16px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;min-height:56px;width:246px;flex-shrink:0}
.brand img{width:246px}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
nav a{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;min-width:48px;padding:12px;text-decoration:none;font-size:14px;font-weight:600;border-radius:8px}
nav a:last-child{border:1px solid var(--ink);padding-inline:20px}
nav a:hover{background:var(--mint)}
.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding-block:72px 80px}
.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.orange-bit{display:inline-block;width:10px;height:10px;background:var(--orange);flex-shrink:0}
.quiet-heading{color:var(--slate)}
.lead{font-size:20px;line-height:1.5;max-width:38ch;margin-top:28px}
.hero-detail{color:var(--slate);max-width:47ch;margin-top:16px}
.hero-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:32px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;min-height:56px;border:1px solid var(--ink);border-radius:8px;padding:14px 20px;text-decoration:none;font-size:14px;font-weight:700;line-height:1.5}
.primary{background:var(--ink);color:var(--paper)}
.primary:hover{background:#24454B}
.text-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:14px;font-weight:700}
.work-illustration{margin:0;background:var(--ink);border-radius:16px;padding:28px;align-self:center;position:relative}
.illustration-top{display:flex;justify-content:space-between;align-items:center;color:var(--mint);margin-bottom:20px}
.illustration-top img{width:48px;height:48px}
.sample-sheet{background:var(--paper);padding:28px 24px;border-radius:4px;box-shadow:8px 8px 0 #BCE5D62B}
.sheet-head{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.sheet-head .eyebrow{font-size:10px;margin:0;letter-spacing:.07em}
.sample-tag{background:var(--mint);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}
.record-id{color:var(--slate);font-size:10px;margin-block:28px 12px}
.sample-sheet h2{font-size:28px;line-height:1.2;letter-spacing:-.035em}
.sheet-rule{height:3px;background:var(--ink);margin-top:24px;position:relative}
.sheet-rule::after{content:'';height:3px;width:32px;background:var(--orange);position:absolute;right:0}
.sample-record{margin:16px 0 20px}
.sample-record div{display:grid;grid-template-columns:85px 1fr;gap:12px;padding-block:12px;border-bottom:1px solid var(--line)}
dt{font-size:12px;font-weight:600;color:var(--slate)}
dd{margin:0;font-size:13px;font-weight:600;line-height:1.5}
.sheet-foot{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600}
.line-icon{font-size:26px;line-height:1}
figcaption{color:var(--mint);font-size:11px;line-height:1.6;margin-top:20px}
.principle-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.principle-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px}
.principle-band p:first-child{font-size:18px;font-weight:700;letter-spacing:-.02em}
.principle-band p:last-child{font-size:14px;color:var(--slate)}
.section-space{padding-block:88px}
.services,.approach{display:grid;grid-template-columns:.95fr 1.15fr;gap:80px}
.section-intro .eyebrow{margin-bottom:20px;color:var(--slate)}
.section-intro>p:last-child{color:var(--slate);margin-top:24px;max-width:38ch}
.service{display:grid;grid-template-columns:36px 1fr;gap:16px;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.service:last-child{margin:0}
.service-number{color:var(--slate);padding-top:6px}
.service p{color:var(--slate);margin-top:12px;max-width:46ch}
.service a{margin-top:8px}
.pilot-section{background:var(--ink);color:var(--paper)}
.pilot-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.pilot-heading .eyebrow{color:var(--mint);margin-bottom:20px}
.pilot-badge{border:1px solid var(--mint);color:var(--mint);padding:8px 16px;border-radius:24px;font-size:12px;font-weight:600;white-space:nowrap}
.pilot-lead{font-size:18px;max-width:65ch;margin-top:24px}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.capability-grid article{border-top:1px solid var(--mint);padding-top:20px}
.capability-grid .mono{color:var(--mint);font-size:11px}
.capability-grid h3{margin-top:16px;font-size:19px}
.capability-grid p{font-size:14px;margin-top:12px;line-height:1.7}
.pilot-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;border-top:1px solid #547375;padding-top:24px;font-size:14px}
.pilot-details strong{color:var(--mint)}
.scope-details{margin-top:24px;border-top:1px solid #547375;border-bottom:1px solid #547375}
.scope-details summary{display:flex;justify-content:space-between;align-items:center;gap:24px;list-style:none;min-height:56px;padding-block:16px;font-size:14px;font-weight:600;cursor:pointer}
.scope-details summary::-webkit-details-marker{display:none}
.scope-details summary span{font-size:24px;color:var(--mint);line-height:1}
.scope-details[open] summary span{transform:rotate(45deg)}
.scope-details>div{padding:0 0 24px;max-width:72ch;font-size:14px}
.scope-details p+p{margin-top:12px}
.approach-steps{list-style:none;margin:0;padding:0}
.approach-steps li{display:flex;gap:24px;padding-bottom:32px}
.approach-steps li:last-child{padding-bottom:0}
.step-dot{display:flex;justify-content:center;align-items:center;min-width:40px;height:40px;background:var(--mint);border-radius:50%;font-size:13px;font-weight:700}
.approach-steps p{margin-top:10px;color:var(--slate);max-width:45ch}
.contact{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;background:var(--mint);border-radius:16px;padding:48px}
.contact .eyebrow{margin-bottom:20px}
.contact>div>p:last-child{margin-top:24px;max-width:39ch}
.contact-placeholder{border-left:1px solid var(--slate);padding-left:40px}
.contact-placeholder .mono{font-size:10px}
.contact-placeholder h3{margin-top:16px;font-size:23px}
.contact-placeholder p{font-size:14px;line-height:1.7;margin-top:16px}
.contact-email{display:inline-flex;align-items:center;min-height:52px;max-width:100%;margin-top:12px;font-size:20px;font-weight:700;letter-spacing:-.025em}
.contact-note{padding-top:16px;border-top:1px solid var(--slate)}
.site-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-block:48px 32px}
.site-footer img{width:208px}
.site-footer p{font-size:12px;color:var(--slate);margin-top:8px}
.footer-meta{text-align:right}
.owner-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 0;font-size:14px;font-weight:600}
@media(min-width:1500px){.hero{gap:88px}}
@media(max-width:1000px){.hero{gap:32px;padding-block:56px}.hero h1{font-size:60px}.hero-actions{gap:8px 20px}.work-illustration{padding:20px}.sample-sheet{padding:24px 20px}.sample-sheet h2{font-size:25px}.services,.approach{gap:48px}.capability-grid{grid-template-columns:1fr 1fr;gap:32px}.contact{gap:32px;padding:32px}.contact-placeholder{padding-left:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{flex-wrap:wrap;gap:4px;padding-block:12px}.brand{width:224px;min-height:52px}.brand img{width:224px}nav{width:100%;justify-content:space-between;gap:8px}nav a{font-size:13px;padding:12px 8px}nav a:last-child{padding-inline:16px}.hero{grid-template-columns:1fr;gap:40px;padding-block:40px 48px}.hero h1{font-size:clamp(48px,10vw,64px)}.hero .eyebrow{font-size:11px;margin-bottom:20px}.lead{font-size:19px;max-width:35ch}.hero-detail{max-width:45ch}.hero-actions{margin-top:24px}.work-illustration{max-width:480px;width:100%;padding:24px}.sheet-head .eyebrow{font-size:10px;margin:0}.sample-sheet h2{font-size:28px}.principle-band .wrap{align-items:flex-start;flex-direction:column;gap:4px}.principle-band p:first-child{font-size:17px}.section-space{padding-block:56px}.services,.approach{grid-template-columns:1fr;gap:32px}.section-intro>p:last-child{max-width:48ch}.service p{max-width:55ch}.pilot-heading{flex-direction:column;gap:20px}.pilot-badge{align-self:flex-start}.pilot-lead{font-size:16px;margin-top:24px}.capability-grid{margin-top:32px;gap:28px 20px}.capability-grid h3{font-size:18px}.pilot-details{grid-template-columns:1fr;gap:16px;margin-top:32px}.approach-steps p{max-width:50ch}.contact{grid-template-columns:1fr;gap:32px;padding:32px 24px}.contact-placeholder{border-left:0;border-top:1px solid var(--slate);padding:24px 0 0}.contact-placeholder h3{font-size:21px}.site-footer{flex-direction:column;align-items:flex-start;gap:24px;padding-block:40px 24px}.footer-meta{text-align:left}.preview-note{font-size:10px}.preview-note span{padding-inline:6px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.button{width:100%;font-size:13px;padding-inline:12px;gap:10px}.work-illustration{padding:20px 16px}.sample-sheet{padding:24px 16px}.sample-record div{grid-template-columns:70px 1fr;gap:8px}.sample-sheet h2{font-size:24px}.capability-grid{grid-template-columns:1fr}.capability-grid h3{font-size:20px}.preview-note span{display:none}.preview-note{max-width:100%;padding-inline:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.preview-note,.hero-actions,nav,.owner-link{display:none}.wrap{width:100%}.section-space{padding-block:32px}.pilot-section{color:var(--ink);background:var(--paper)}.pilot-heading .eyebrow,.pilot-badge,.capability-grid .mono,.pilot-details strong{color:var(--ink)}.scope-details>div{display:block}.scope-details{break-inside:avoid}.work-illustration{break-inside:avoid}.contact{break-inside:avoid}}
