:root{--blue:#f15a38;--paper:#f5f2eb;--lime:#dfff43;--ink:#151513}
.site-header{background:#151513;border-bottom:1px solid #ffffff38}
.site-header .brand-dot{color:var(--lime)}
.hero-v2{background:#151513;color:#f8f5eb}
.hero-v2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 127px,#ffffff13 128px 129px),repeating-linear-gradient(90deg,transparent 0 127px,#ffffff0d 128px 129px)}
.hero-v2::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f15a38;clip-path:polygon(74% 0,100% 0,100% 100%,56% 100%)}
.hero-topline{font-family:'IBM Plex Mono',monospace;color:#f8f5eb}
.hero-topline .live-dot{background:var(--lime)}
.hero-kicker{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--lime)}
.hero-v2 h1{font-family:'Anton',Impact,sans-serif;font-weight:400;font-size:clamp(78px,8.7vw,138px);line-height:.95;letter-spacing:.005em;text-transform:uppercase;margin-bottom:46px}
.hero-v2 h1 .hero-you{font-size:.78em;letter-spacing:.005em;color:#151513;background:var(--lime);padding:.02em .13em .08em .07em;margin:.13em 0 .04em;transform:rotate(-1.3deg);box-shadow:10px 10px 0 #f15a38}
.hero-v2 h1 .hero-last{font-size:.62em;letter-spacing:.01em}
.hero-v2 .hero-v2-bottom p{font-size:18px;line-height:1.5;color:#f8f5eb}
.hero-v2-bottom strong{color:var(--lime)}
.hero-v2-demo{position:relative;box-shadow:17px 17px 0 #dfff43;transform:rotate(2.5deg)}
.mini-label,.hero-input-label{font-family:'IBM Plex Mono',monospace}
.hero-v2-demo .hero-side-note{color:#d1d1c9}
.preview.is-accent{background:#f15a38;color:#151513}
.preview.is-accent .preview-top-dot{color:#151513}
.hero-v2-rail{background:var(--lime);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:0}
.hero-v2-rail div span{color:#f15a38}
.intro{background:#f5f2eb}
.work{background:#ebe7df}
.demo-section{background:#151513}
.about{background:#dfff43}
.contact{background:#151513}
footer{background:#151513}
@media(max-width:1200px){.hero-v2 h1{font-size:clamp(71px,8.4vw,112px)}.hero-v2 h1 .hero-you{font-size:.76em}.hero-v2 h1 .hero-last{font-size:.61em}}
@media(max-width:760px){.hero-v2::after{clip-path:polygon(0 62%,100% 53%,100% 100%,0 100%)}.hero-v2 h1{font-size:clamp(56px,10.8vw,78px);line-height:.98}.hero-v2 h1 .hero-you{box-shadow:7px 7px 0 #f15a38}.hero-v2 h1 .hero-last{font-size:.62em}.hero-v2 .hero-v2-bottom p{font-size:16px}.hero-v2-demo{box-shadow:10px 10px 0 #dfff43}}
@media(max-width:520px){.hero-v2 h1{font-size:clamp(49px,10.5vw,59px)}.hero-v2 h1 .hero-last{font-size:.61em}.hero-v2::after{clip-path:polygon(0 65%,100% 57%,100% 100%,0 100%)}}