:root{--color-bg: #ffffff;--color-primary: #1e4620;--color-primary-hover: #143016;--color-subtle-bg: #f5f5f7;--color-border: #d2d2d7;--color-muted: #86868b;--color-green: #37a344;--font-base: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Merriweather", serif;--font-hand: "Caveat", cursive;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 8rem;--header-height: 80px}body{margin:0;font-family:var(--font-base);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:900;line-height:1.1;color:var(--color-primary);margin-bottom:.5em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}a{color:var(--color-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}a:hover{color:#444}.container{width:90%;max-width:1100px;margin:0 auto}.btn{display:inline-block;background:var(--color-primary);color:#fff;padding:.8em 1.5em;border-radius:9999px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;font-family:var(--font-base)}.btn:hover{transform:translateY(-2px);background:var(--color-primary-hover);color:#fff}.highlight{background-color:var(--color-highlight);padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight-text{background:linear-gradient(120deg,#ffe01b00,#ffe01b 30%,#ffe01b66);padding:0 .2em}.text-center{text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.handwritten{font-family:var(--font-hand);color:#555;font-size:1.5rem;line-height:1}.tilted{display:inline-block;transform:rotate(-3deg)}.tilted-right{display:inline-block;transform:rotate(2deg)}.arrow-drawn{position:relative}.arrow-drawn:after{content:"➔";font-family:var(--font-hand);position:absolute;top:-20px;right:-30px;font-size:2rem;transform:rotate(-15deg)}.two-col-hero{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;padding:4rem 0}@media(min-width:768px){.two-col-hero{grid-template-columns:1.2fr .8fr;text-align:left}}