:root{--paper:#f4f1ea;--ink:#181817;--muted:#77736c;--line:#d8d3c9;--accent:#c85a0a;--soft:#e8e2d7;--sans:"Inter","Helvetica Neue",Arial,sans-serif;--mono:"DM Mono",monospace;--shell:1240px;--header:68px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:300 18px/1.55 var(--sans);letter-spacing:-.015em;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.shell,.page-header-inner{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.onval-word{font-family:"Arial Black","Helvetica Neue",Arial,sans-serif;font-weight:900;font-style:normal;letter-spacing:-.055em}.page-header{position:fixed;inset:0 0 auto;z-index:20;height:var(--header);background:rgb(244 241 234/.92);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.page-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:.65rem;font:500 15px var(--mono);letter-spacing:.15em}.brand small{font:9px var(--mono);letter-spacing:.17em;color:var(--accent)}.page-nav{display:flex;gap:1.6rem}.page-nav a{font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.page-nav a:hover,.page-nav a[aria-current="page"]{color:var(--accent)}.menu-toggle{display:none;width:38px;height:38px;padding:9px;border:0;background:none}.menu-toggle span:not(.sr-only){display:block;height:1px;margin:5px 0;background:var(--ink)}.page-hero{min-height:82svh;padding:calc(var(--header) + 7rem) 0 6rem;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:var(--header) 0 0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgb(24 24 23/.05) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgb(24 24 23/.05) 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.page-hero .shell{position:relative}.eyebrow,.section-index,.feature-index,.profile-role{font:9px/1.5 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.signal{display:inline-block;width:7px;height:7px;margin-right:.65rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgb(200 90 10/.09)}.page-title{max-width:1100px;margin:2.5rem 0;font:300 clamp(4.5rem,10vw,9rem)/.82 var(--sans);letter-spacing:-.07em}.page-lede{max-width:800px;margin:0;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.16;letter-spacing:-.03em}.page-section{padding:7rem 0;border-bottom:1px solid var(--line)}.section-grid{display:grid;grid-template-columns:1fr 2fr;gap:7vw}.section-title{margin:1rem 0;font:300 clamp(3rem,6vw,5.5rem)/.9 var(--sans);letter-spacing:-.055em}.large-copy{margin:0 0 2rem;font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.12;letter-spacing:-.03em}.body-copy{max-width:720px;color:var(--muted);line-height:1.7}.principle-panel{margin-top:3rem;padding:2rem;background:var(--ink);color:var(--paper)}.principle-panel p{max-width:760px;margin:0;font-size:clamp(1.4rem,2.5vw,2.2rem);line-height:1.3}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin-top:3rem}.feature-card{grid-column:span 4;min-height:230px;padding:1.25rem;border-top:1px solid var(--ink);background:var(--soft);display:flex;flex-direction:column;justify-content:space-between}.feature-card h3{margin:2.5rem 0 1rem;font:400 1.35rem var(--sans)}.feature-card p{margin:0;color:var(--muted);font-size:.95rem}.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 6}.protocol-list{border-top:1px solid var(--line)}.protocol-row{display:grid;grid-template-columns:70px 1fr 1.5fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--line);align-items:start}.protocol-row h3{margin:0;font:400 1.25rem var(--sans)}.protocol-row p{margin:0;color:var(--muted)}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}.creator-card{min-height:240px;padding:1.25rem;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.creator-card.placeholder{border-style:dashed;color:var(--muted)}.creator-card h3{margin:1rem 0 .4rem;font:500 1.2rem var(--sans)}.creator-card p{margin:0;color:var(--muted);font-size:.9rem}.creator-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font:10px var(--mono);color:var(--accent)}.page-cta{padding:6rem 0;background:var(--ink);color:var(--paper)}.cta-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:end}.page-cta h2{max-width:850px;margin:0;font:300 clamp(2.5rem,5vw,5rem)/.95 var(--sans);letter-spacing:-.05em}.button{display:flex;justify-content:space-between;gap:2rem;padding:1rem;border:1px solid currentColor;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.button:hover{color:var(--accent)}.page-footer{padding:3rem 0;background:var(--ink);color:var(--paper);border-top:1px solid #333}.footer-inner{display:flex;justify-content:space-between;gap:2rem}.page-footer p{margin:0;color:#aaa69e;font:9px/1.7 var(--mono);letter-spacing:.08em;text-transform:uppercase}
@media(max-width:850px){:root{--header:58px}.shell,.page-header-inner{width:min(calc(100% - 36px),var(--shell))}.menu-toggle{display:block}.page-nav{display:none;position:fixed;inset:var(--header) 0 auto;padding:2rem 18px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:1.5rem}.page-nav.open{display:flex}.page-nav a{font-size:12px}.page-hero{min-height:72svh;padding-top:calc(var(--header) + 5rem)}.section-grid,.cta-grid{grid-template-columns:1fr;gap:2rem}.feature-card,.feature-card:nth-child(4),.feature-card:nth-child(5){grid-column:span 6}.creator-grid{grid-template-columns:repeat(2,1fr)}.protocol-row{grid-template-columns:50px 1fr}.protocol-row p{grid-column:2}}
@media(max-width:520px){.shell,.page-header-inner{width:min(calc(100% - 28px),var(--shell))}.page-title{font-size:15vw}.page-section{padding:5rem 0}.feature-card,.feature-card:nth-child(n){grid-column:1/-1;min-height:190px}.creator-grid{grid-template-columns:1fr}.protocol-row{grid-template-columns:1fr;gap:.5rem}.protocol-row p{grid-column:auto}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
