@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);background:transparent;border:1px solid var(--border);color:var(--text-2);transition:color var(--t-fast),border-color var(--t-fast);cursor:pointer}.theme-toggle:hover{color:var(--text-1);border-color:var(--border-2)}.theme-icon{width:16px;height:16px}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:58px;background:#09090fd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}[data-theme=light] .header{background:#f3f5fbe0}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{font-family:var(--font-display);font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--text-1);display:flex;align-items:center;gap:7px;transition:opacity var(--t-fast)}.logo:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.logo:hover{opacity:.75}.header-actions{display:flex;align-items:center;gap:1.5rem}.nav-list{display:flex;gap:1.75rem;list-style:none}.nav-list a{font-size:.85rem;color:var(--text-2);transition:color var(--t-fast);letter-spacing:.01em}.nav-list a:hover{color:var(--text-1)}.menu-toggle{display:none;color:var(--text-2);padding:4px;transition:color var(--t-fast)}.menu-toggle:hover{color:var(--text-1)}@media(max-width:640px){.menu-toggle{display:flex}.nav{position:fixed;top:58px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--t-mid) var(--ease-out),opacity var(--t-mid)}.nav.nav-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-list{flex-direction:column;gap:0;padding:.5rem 0}.nav-list li{width:100%}.nav-list a{display:block;padding:.85rem 2rem;font-size:.95rem}}.hero{padding-top:140px;padding-bottom:0;position:relative}.hero-inner{max-width:720px;padding-bottom:80px}.hero-eyebrow{display:flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-bottom:1.75rem}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.hero-headline{font-family:var(--font-display);font-size:clamp(2.8rem,3.5vw + 1.2rem,4.6rem);font-weight:700;line-height:1.04;letter-spacing:-.035em;color:var(--text-1);margin-bottom:1.75rem}.hero-headline-em{color:var(--accent)}.hero-desc{font-size:1.05rem;color:var(--text-2);line-height:1.7;max-width:500px;margin-bottom:2.5rem}.hero-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.hero-cta-primary{display:inline-flex;align-items:center;gap:6px;padding:.65rem 1.4rem;background:var(--accent);color:#052018;font-weight:600;font-size:.9rem;border-radius:var(--r-full);transition:opacity var(--t-fast),transform var(--t-fast)}.hero-cta-primary:hover{opacity:.88;transform:translateY(-1px)}.hero-cta-ghost{display:inline-flex;align-items:center;padding:.65rem 1.4rem;border:1px solid var(--border-2);color:var(--text-2);font-size:.9rem;border-radius:var(--r-full);transition:color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.hero-cta-ghost:hover{color:var(--text-1);border-color:var(--text-3);transform:translateY(-1px)}.hero-divider{border-top:1px solid var(--border)}.hero-services{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0}.hero-services li{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:1rem 2rem 1rem 0;margin-right:2rem;border-right:1px solid var(--border);white-space:nowrap}.hero-services li:last-child{border-right:none}@media(max-width:768px){.hero{padding-top:110px}.hero-inner{padding-bottom:60px}.hero-headline{font-size:clamp(2.4rem,8vw,3.4rem)}.hero-services{gap:1rem}.hero-services li{border-right:none;padding:.6rem 0;margin-right:0}.hero-divider{padding:1.25rem 0}}.project-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;transition:border-color var(--t-mid),transform var(--t-mid) var(--ease-out);text-decoration:none;color:inherit}.project-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.project-img-wrap{overflow:hidden;aspect-ratio:16 / 9;background:var(--surface-2);border-bottom:1px solid var(--border)}.project-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--t-slow) var(--ease-out)}.project-card:hover .project-img{transform:scale(1.04)}.project-body{padding:1.25rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.5rem}.project-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-name{font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--text-1)}.project-arrow{color:var(--text-3);transition:color var(--t-fast),transform var(--t-fast);flex-shrink:0}.project-card:hover .project-arrow{color:var(--accent);transform:translate(2px,-2px)}.project-desc{font-size:.875rem;color:var(--text-2);line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin-top:.2rem}.project-tag{font-size:.72rem;letter-spacing:.04em;color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);padding:.2rem .6rem;border-radius:var(--r-full)}.portfolio{padding:100px 0 120px}.portfolio-header{margin-bottom:3rem}.portfolio-kicker{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:.6rem}.portfolio-title{font-family:var(--font-display);font-size:clamp(1.75rem,2vw + 1rem,2.4rem);font-weight:600;letter-spacing:-.025em;color:var(--text-1)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.portfolio{padding:72px 0 96px}.portfolio-grid{grid-template-columns:1fr}}.footer{border-top:1px solid var(--border);padding:2.5rem 0 2rem}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.footer-logo{font-family:var(--font-display);font-weight:600;font-size:.95rem;color:var(--text-1);letter-spacing:-.01em;display:flex;align-items:center;gap:7px;margin-bottom:.4rem}.footer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.footer-tagline{font-size:.82rem;color:var(--text-3);padding-left:13px}.footer-links{display:flex;gap:1rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-md);border:1px solid var(--border);color:var(--text-3);transition:color var(--t-fast),border-color var(--t-fast)}.footer-social-link:hover{color:var(--text-1);border-color:var(--border-2)}.footer-bottom{padding-top:1.5rem;border-top:1px solid var(--border);font-size:.78rem;color:var(--text-3)}@media(max-width:640px){.footer-inner{flex-direction:column;align-items:flex-start}}:root{--bg: #09090f;--surface: #0d0e15;--surface-2: #12141d;--surface-3: #191c27;--border: rgba(255, 255, 255, .07);--border-2: rgba(255, 255, 255, .12);--text-1: #edf1f9;--text-2: #7c8796;--text-3: #444e5c;--accent: #2dd4a6;--accent-dim: rgba(45, 212, 166, .1);--accent-glow: rgba(45, 212, 166, .25);--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", monospace;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-xl: 18px;--r-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .15s;--t-mid: .26s;--t-slow: .48s}[data-theme=light]{--bg: #f3f5fb;--surface: #ffffff;--surface-2: #eaecf4;--surface-3: #e1e4ef;--border: rgba(0, 8, 30, .07);--border-2: rgba(0, 8, 30, .12);--text-1: #0d0f18;--text-2: #5a6474;--text-3: #9aa2b0;--accent: #18c99c;--accent-dim: rgba(24, 201, 156, .08);--accent-glow: rgba(24, 201, 156, .2)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{display:block;max-width:100%}.container{max-width:1120px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}