:root{--surface: #faf8ff;--surface-low: #f2f3ff;--surface-container: #eaedff;--surface-highest: #dae2fd;--on-surface: #131b2e;--on-surface-variant: #3d4a41;--primary: #006c46;--primary-container: #26b97e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--surface);color:var(--on-surface);line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 3rem));margin-inline:auto}.topbar{position:sticky;top:0;z-index:20;background:#faf8ffcc;backdrop-filter:blur(18px)}.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-size:.92rem;letter-spacing:.04em;font-weight:700;display:inline-flex;align-items:center;gap:.55rem}.brand-logo{width:1.85rem;height:1.85rem;border-radius:.4rem;object-fit:cover}.nav-links{display:flex;align-items:center;gap:1.25rem}.nav-links a,.small-link{font-size:.84rem;color:var(--on-surface-variant);transition:color .18s ease}.nav-links a:hover,.small-link:hover{color:var(--primary)}.section{padding:6.5rem 0}.section-muted{background:var(--surface-low)}.section-accent{background:var(--surface-container)}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:start}.eyebrow{margin:0 0 1rem;display:inline-block;padding:.35rem .65rem;border-radius:.35rem;background:var(--surface-container);color:var(--primary);text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.25rem,6vw,4.9rem);line-height:.98;letter-spacing:-.02em}h2{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.015em}h3{font-size:1.2rem;letter-spacing:-.01em}.lead{margin-top:1.4rem;max-width:62ch;color:var(--on-surface-variant);font-size:1.08rem}.button-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}.btn{padding:.8rem 1.2rem;border-radius:.4rem;font-size:.92rem;font-weight:600;transition:transform .18s ease,filter .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--primary),var(--primary-container))}.btn-secondary{background:var(--surface-highest)}.hero-panel{padding:1.2rem 1.3rem;border-radius:.7rem;background:linear-gradient(155deg,#ffffff,var(--surface-low))}.panel-label{margin-bottom:.9rem;color:var(--primary);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.hero-panel p,.hero-panel li{color:var(--on-surface-variant)}.hero-panel ul{margin:1rem 0 0;padding-left:1rem;display:grid;gap:.45rem}.section-heading{max-width:720px}.section-heading p{margin-top:1rem;color:var(--on-surface-variant)}.card-grid,.portfolio-grid{margin-top:2.3rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card,.project-card,.contact-card{padding:1.25rem;border-radius:.7rem;background:#fff;transition:transform .22s ease,background .22s ease}.feature-card:hover,.project-card:hover{transform:translateY(-4px);background:var(--surface-container)}.feature-card p,.project-card p,.contact-card p{margin-top:.75rem;color:var(--on-surface-variant)}.project-card-link{display:block;text-decoration:none;color:inherit}.project-visual{aspect-ratio:16 / 10;border-radius:.55rem;margin-bottom:1rem;background:radial-gradient(circle at 10% 20%,rgba(38,185,126,.22),transparent 35%),radial-gradient(circle at 90% 80%,rgba(0,108,70,.22),transparent 35%),var(--surface-low)}.tags{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}.contact-card a{color:var(--primary)}.site-footer{padding:1.5rem 0 2rem;background:var(--surface-low)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-inner p{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.footer-links{display:flex;align-items:center;gap:1rem}.footer-links a{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.footer-links a:hover{color:var(--primary)}.reveal{opacity:0;transform:translateY(26px) scale(.99);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}.reveal-delay-1{transition-delay:90ms}.reveal-delay-2{transition-delay:.18s}@media(max-width:980px){.hero-grid,.contact-grid,.card-grid,.portfolio-grid{grid-template-columns:1fr}.nav-links,.small-link{display:none}.footer-inner{flex-direction:column;align-items:flex-start}.section{padding:5rem 0}}