@layer reset,base,layout,components;
@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}}
@layer base{:root{--ink:#17191b;--muted:#62676a;--green:#1aa64a;--orange:#f07b22;--paper:#fff;--soft:#f5f7f5;--max:1240px;--pad:clamp(1.25rem,4vw,4rem)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}h1,h2,h3{line-height:.98;letter-spacing:-.045em}p{color:var(--muted)}}
@layer layout{.site-header{height:92px;max-width:var(--max);margin:auto;padding:14px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand img{width:160px}.nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);font-size:.9rem}.nav-contact{border-bottom:2px solid var(--orange)}.nav-toggle{display:none;background:none;border:0;font:inherit}.hero,.story,.system,.pillar-hero{max-width:var(--max);margin:auto;padding:clamp(5rem,12vw,10rem) var(--pad)}.hero{min-height:calc(100svh - 92px);display:grid;align-content:center}.hero-kicker{color:var(--green);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1{font-size:clamp(3.5rem,9vw,8.5rem);max-width:1050px;margin:.5rem 0 2rem}.hero .lead{font-size:clamp(1.1rem,2vw,1.55rem);max-width:700px}.story{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,8vw,8rem)}.story h2,.system h2,.pillar-hero h1{font-size:clamp(2.8rem,6vw,6rem)}.story-copy{display:grid;gap:1.25rem;font-size:1.1rem}.pillars{display:grid;grid-template-columns:repeat(5,1fr);min-height:68vh}.pillar{padding:clamp(2rem,4vw,4rem) 1.5rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #ddd;transition:.25s}.pillar:first-child{border-left:1px solid #ddd}.pillar:hover{background:var(--soft);transform:translateY(-5px)}.pillar small{color:var(--green);font-weight:700}.pillar h3{font-size:clamp(2rem,3vw,3.5rem);writing-mode:vertical-rl;transform:rotate(180deg);margin:2rem 0}.pillar span{font-size:.85rem}.system{min-height:70vh;display:grid;align-content:center}.system p{font-size:clamp(1.15rem,2vw,1.5rem);max-width:800px;margin-top:2rem}.tag{margin-top:3rem;font-size:clamp(1.8rem,4vw,4rem);color:var(--ink);letter-spacing:-.04em}.site-footer{border-top:1px solid #ddd;max-width:var(--max);margin:auto;padding:3rem var(--pad);display:flex;justify-content:space-between;align-items:end}.site-footer img{width:120px;margin-bottom:1rem}.pillar-hero p{max-width:700px;font-size:1.25rem;margin-top:2rem}.capabilities{max-width:var(--max);margin:auto;padding:0 var(--pad) 7rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.capability{background:var(--soft);padding:2rem;min-height:180px}.capability h3{font-size:1.5rem;margin-bottom:.8rem}}
@media(max-width:800px){.nav-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:92px;background:white;padding:2rem var(--pad);flex-direction:column;align-items:flex-start;border-top:1px solid #ddd;z-index:5}.nav.open{display:flex}.story{grid-template-columns:1fr}.pillars{grid-template-columns:1fr;min-height:auto}.pillar{min-height:180px;border-right:0;border-bottom:1px solid #ddd}.pillar:first-child{border-left:0;border-top:1px solid #ddd}.pillar h3{writing-mode:horizontal-tb;transform:none;margin:1rem 0}.capabilities{grid-template-columns:1fr}.site-footer{align-items:flex-start;gap:2rem;flex-direction:column}}