@tailwind base;@tailwind components;@tailwind utilities;:root{--forest:#0B2E22;--emerald:#14573A;--fresh:#38A169;--mint:#E8F4EE;--offwhite:#FAFCFB;--sage:#DCE8E1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;background:var(--offwhite);color:var(--forest)}h1,h2,h3,h4{font-family:Inter,sans-serif;font-weight:800;letter-spacing:-.04em}.iphone-frame{position:relative;display:inline-block;overflow:hidden;border:8px solid #1c1c1e;border-radius:2.8rem;background:#1c1c1e;box-shadow:0 25px 60px #0b2e2233}.iphone-frame .screen{width:100%;aspect-ratio:9/19.5;overflow:hidden;background:#fff}.iphone-frame .screen img{width:100%;height:100%;object-fit:cover}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#38a169}.gradient-hero{background:linear-gradient(135deg,#0b2e22,#14573a 60%,#1e6b44)}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-fadeSlideUp{animation:fadeSlideUp .7s ease both}button,a{transition:all .2s ease}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #38A169;outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e8f4ee}::-webkit-scrollbar-thumb{background:#38a169;border-radius:99px}