:root{--bg: #051D11;--surface: rgba(255,255,255,.04);--border: rgba(255,255,255,.1);--text: #eaf2ff;--muted: #a7b4c7;--pine: #2fd07a;--sky: #3F80B1}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:radial-gradient(circle at 20% 10%,#061a10,#04140c 70%);color:var(--text);position:relative}body:before{content:"";position:fixed;inset:0;z-index:-1;background-image:url(/bg/forest.png);background-size:cover;background-position:center top;background-repeat:no-repeat;filter:blur(5px) saturate(1.05);opacity:1.8;transform:scale(1.08);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 70%);mask-image:linear-gradient(to bottom,#000,#0000 70%)}.container{width:min(1100px,92%);margin:0 auto}.nav{z-index:9999;position:sticky;top:0;backdrop-filter:blur(8px);background:#03110a99;border-bottom:1px solid var(--border)}.nav-inner{display:flex;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:10px;align-items:center}.brand-logo{height:40px;width:auto;object-fit:contain}.links{display:flex;gap:16px}.hero{padding:60px 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.hero-card{margin-top:56px}.kicker{text-transform:uppercase;font-size:12px;opacity:.7}.brand-big{display:block;font-size:clamp(32px,4.2vw,48px);font-weight:700;margin-bottom:10px}.typewrap{margin:14px 0 10px}.typewriter{display:inline;position:relative;white-space:pre-wrap}.typewriter:after{content:"";display:inline-block;width:6px;height:1.05em;margin-left:6px;background:#eaf2ffd9;transform:translateY(2px)}.typewriter.done:after{opacity:0!important;animation:none}@media(prefers-reduced-motion:no-preference){.typewriter:after{animation:caret .9s steps(1) infinite}@keyframes caret{50%{opacity:0}}}.accent{background:linear-gradient(135deg,var(--pine),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}.cta{margin-top:20px;display:flex;gap:12px}.btn{padding:10px 16px;border-radius:12px;border:1px solid var(--border);text-decoration:none}.btn.primary{background:linear-gradient(135deg,var(--pine),var(--sky));color:#000}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);transition:all .2s ease}.btn.ghost:hover{background:#ffffff0f;transform:translateY(-2px)}.section{padding:60px 0}.section.alt{background:#ffffff08}.contact-icons{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px}.icon-btn{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 35px #00000059;transition:transform .16s ease,background .16s ease,border-color .16s ease}.icon-btn img{width:28px;height:28px;object-fit:contain;opacity:.95}.icon-btn:hover{transform:translateY(-2px) scale(1.08);background:#ffffff0f;border-color:#ffffff2e}.icon-btn:active{transform:translateY(0) scale(.98)}.icon-btn:focus-visible{outline:2px solid rgba(85,199,255,.55);outline-offset:3px}.icon-btn.copied{border-color:var(--pine);background:#2fd07a26;transform:scale(1.1)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.card{background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:16px}.badge{font-size:12px;opacity:.7}.footer{margin-top:40px;opacity:.6}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}}.card,.tile,.panel{transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover,.tile:hover,.panel:hover{transform:translateY(-3px);background:#ffffff0f;border-color:#ffffff2e;box-shadow:0 18px 60px #00000061}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 30%,#ffffff2e,#fff0);transform:translate(-30%) translateY(-10%) rotate(10deg);opacity:0;transition:opacity .22s ease}.btn:hover:after{opacity:1}@media(prefers-reduced-motion:no-preference){.float{animation:floaty 3.5s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}}@media(max-width:900px){.hero-grid,.grid3{grid-template-columns:1fr}}@media(max-width:700px){.nav-inner{gap:12px}.links a{display:none}.links a.pill{display:inline-flex;align-items:center}}