:root{--base-100:#e8f4fc;--base-200:#d0e8f8;--base-300:#a8d4f0;--base-400:#7ab5d8;--base-500:#5a9bc4;--base-600:#1f1f1f;--base-700:#0f0f0f;--font-koulen:"Koulen",sans-serif;--font-host-grotesk:"Host Grotesk",sans-serif;--font-dm-mono:"DM Mono",monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{background-color:var(--base-100);color:var(--base-700);width:100%;font-family:var(--font-host-grotesk),sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5{text-transform:uppercase;font-family:var(--font-koulen),sans-serif;font-weight:400;line-height:1.2}h1{letter-spacing:clamp(-.1rem,-.5vw,-.15rem);font-size:clamp(2.5rem,4vw,4rem)}h2{letter-spacing:clamp(-.05rem,-.3vw,-.1rem);font-size:clamp(2rem,3vw,3rem)}h3{letter-spacing:clamp(-.03rem,-.2vw,-.05rem);font-size:clamp(1.5rem,2.5vw,2.5rem)}h4{letter-spacing:clamp(0rem,-.1vw,-.03rem);font-size:clamp(1.25rem,2vw,2rem)}h5{letter-spacing:clamp(0rem,-.05vw,-.02rem);font-size:clamp(1rem,1.5vw,1.5rem)}a,p,span{color:var(--base-700);font-family:var(--font-dm-mono),monospace;font-size:clamp(.8rem,.75vw,.9rem);font-weight:500;line-height:1.4;text-decoration:none}p.bodyCopy{text-transform:none;font-family:var(--font-host-grotesk),sans-serif;letter-spacing:-.01rem;font-size:clamp(.9rem,.8vw,1rem);font-weight:400;line-height:1.6}button{text-transform:uppercase;color:var(--base-700);font-family:var(--font-dm-mono),monospace;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:.5rem;outline:none;padding:.875rem 1.5rem;font-size:clamp(.8rem,.75vw,.85rem);font-weight:500;line-height:1;text-decoration:none;transition:all .3s ease-in-out}button:active{transform:scale(.95)}button.primary{background:var(--base-700);color:var(--base-100)}button.primary:hover{background:var(--base-600)}button.secondary{background:var(--base-400);color:var(--base-100)}button.secondary:hover{background:var(--base-500)}button.danger{color:var(--base-100);background:#dc2626}button.danger:hover{background:#b91c1c}.container{box-sizing:border-box;width:100%;max-width:2000px;margin:0 auto;padding:2rem}@media (max-width:1000px){.container{padding:1.5rem}}