:root{--bg:#0d0d0d;--bg-2:#141414;--fg:#f0f0f0;--fg-muted:#777;--accent:#e8ff47;--purple:#6b5ce7;--border:#ffffff12;--nav-h:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;overflow-x:hidden}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}#root{width:100%}h1,h2,h3{letter-spacing:-.03em;font-family:Syne,sans-serif;line-height:1.1}a{color:inherit;text-decoration:none}ul{list-style:none}.nav{z-index:100;height:var(--nav-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0dd9;justify-content:space-between;align-items:center;padding:0 48px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--accent);letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:22px;font-weight:800}.nav-links{gap:40px;display:flex}.nav-links a{color:var(--fg-muted);font-size:15px;transition:color .2s}.nav-links a:hover{color:var(--fg)}.nav-cta{border:1px solid var(--border);color:var(--fg);border-radius:100px;padding:10px 22px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,color .2s}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#0d0d0d}.hero-wrap{background-image:url(https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1920&q=80);background-position:50%;background-size:cover;position:relative}.hero-wrap:before{content:"";z-index:0;background:#0000009e;position:absolute;inset:0}.hero{z-index:1;min-height:100svh;padding:calc(var(--nav-h) + 60px) 48px 80px;flex-direction:column;justify-content:center;max-width:1200px;margin:0 auto;display:flex;position:relative}.hero-label{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:32px;font-size:13px;font-weight:500;display:inline-block}.hero-title{color:var(--fg);max-width:14ch;margin-bottom:32px;font-size:clamp(52px,7vw,96px);font-weight:800}.hero-title em{color:var(--accent);font-style:normal}.hero-sub{color:var(--fg-muted);max-width:52ch;margin-bottom:48px;font-size:18px;line-height:1.7}.hero-actions{align-items:center;gap:16px;display:flex}.btn-primary{background:var(--accent);color:#0d0d0d;border-radius:100px;align-items:center;gap:8px;padding:14px 28px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;transition:opacity .2s,transform .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary.btn-large{padding:18px 40px;font-size:17px}.btn-ghost{color:var(--fg-muted);align-items:center;gap:6px;font-size:15px;transition:color .2s;display:inline-flex}.btn-ghost:after{content:"→"}.btn-ghost:hover{color:var(--fg)}.hero-scroll{flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;bottom:48px;left:48px}.hero-scroll span{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);font-size:12px}.hero-scroll-line{background:linear-gradient(to bottom, var(--fg-muted), transparent);width:1px;height:48px}.section-head{margin-bottom:64px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:12px;font-weight:500;display:inline-block}.section-head h2{color:var(--fg);font-size:clamp(36px,4vw,56px);font-weight:800}.services{max-width:1200px;margin:0 auto;padding:120px 48px}.services-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.service-card{background:var(--bg-2);border:1px solid var(--border);padding:40px 36px;transition:border-color .3s}.service-card:hover{border-color:var(--purple)}.service-card:hover .service-num{color:var(--accent)}.service-num{color:var(--purple);margin-bottom:24px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;transition:color .3s;display:block}.service-card h3{color:var(--fg);margin-bottom:12px;font-size:22px;font-weight:700}.service-card p{color:var(--fg-muted);font-size:15px;line-height:1.65}.stats{background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 48px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:0;max-width:1200px;margin:0 auto;display:grid}.stat{border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding:40px 24px;display:flex;overflow:hidden}.stat:last-child{border-right:none}.stat-num{color:var(--accent);font-family:Syne,sans-serif;font-size:clamp(52px,6vw,80px);font-weight:800;line-height:1}.stat-label{color:var(--fg-muted);text-align:center;font-size:14px}.case-studies{max-width:1200px;margin:0 auto;padding:120px 48px}.cs-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.cs-card{background:var(--bg-2);border:1px solid var(--border);cursor:pointer;border-radius:4px;transition:border-color .3s,transform .3s;overflow:hidden}.cs-card:hover{border-color:#ffffff26;transform:translateY(-4px)}.cs-thumb{background:#1a1a2e 50%/cover;height:240px;position:relative}.cs-thumb:after{content:"";background:#00000073;position:absolute;inset:0}.cs-body{padding:28px 32px 32px}.cs-client{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:8px;font-size:12px;display:block}.cs-card h3{color:var(--fg);margin-bottom:16px;font-size:22px;font-weight:700}.cs-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--border);color:var(--fg-muted);border-radius:100px;padding:4px 12px;font-size:12px}.awards{max-width:1200px;margin:0 auto;padding:120px 48px}.awards-list{border-top:1px solid var(--border)}.award-item{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr auto;align-items:center;gap:32px;padding:28px 0;transition:background .2s;display:grid}.award-item:hover .award-title{color:var(--accent)}.award-year{color:var(--fg-muted);font-family:Syne,sans-serif;font-size:14px;font-weight:700}.award-title{color:var(--fg);font-family:Syne,sans-serif;font-size:18px;font-weight:700;transition:color .2s}.award-body{color:var(--fg-muted);text-align:right;font-size:14px}.projects{background:var(--bg);padding:120px 48px}.projects-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:64px;display:grid}.project-card{border:1px solid var(--border);background:var(--bg-2);border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-4px)}.project-thumb{aspect-ratio:16/9;background:var(--bg-3,#1a1a1a);width:100%;position:relative;overflow:hidden}.project-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-thumb img{transform:scale(1.03)}.project-thumb-overlay{opacity:0;background:#0d0d0d8c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.project-card:hover .project-thumb-overlay{opacity:1}.project-visit{font-family:var(--font-body);letter-spacing:.05em;color:var(--accent);border:1px solid var(--accent);border-radius:100px;padding:8px 20px;font-size:14px;font-weight:600}.project-body{flex-direction:column;gap:12px;padding:28px 32px 32px;display:flex}.project-body h3{color:var(--fg);font-size:22px;font-weight:700}.project-body p{color:var(--fg-muted);font-size:15px;line-height:1.6}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;background-image:url(https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=1920&q=80);background-position:50%;background-size:cover;flex-direction:column;align-items:center;gap:40px;padding:140px 48px;display:flex;position:relative;overflow:hidden}.cta:before{content:"";z-index:0;background:linear-gradient(#0d0d0dd1 0%,#0d0d0db8 50%,#0d0d0dd1 100%);position:absolute;inset:0}.cta>*{z-index:1;position:relative}.cta h2{color:var(--fg);max-width:16ch;font-size:clamp(40px,5vw,72px);font-weight:800}.footer{border-top:1px solid var(--border);width:100%;max-width:1200px;margin:0 auto;padding:48px}.footer-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:32px;display:flex}.footer-nav{gap:32px;display:flex}.footer-nav a{color:var(--fg-muted);font-size:14px;transition:color .2s}.footer-nav a:hover{color:var(--fg)}.footer-bottom{color:var(--fg-muted);justify-content:space-between;font-size:13px;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-label,.hero-title,.hero-sub,.hero-actions,.hero-scroll{opacity:0;animation:.75s forwards fadeUp}.hero-label{animation-delay:0s}.hero-title{animation-delay:.15s}.hero-sub{animation-delay:.3s}.hero-actions{animation-delay:.45s}.hero-scroll{animation-delay:.6s}.animate-on-scroll{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.nav.scrolled{background:#0d0d0df7;border-bottom-color:#ffffff24}.logos{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);padding:20px 0;overflow:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.logos-track{width:max-content;animation:30s linear infinite marquee;display:flex}.logo-item{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;border-right:1px solid var(--border);padding:0 40px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}@media (width<=900px){.nav{padding:0 24px}.nav-links{display:none}.hero{padding:120px 5vw 60px;overflow-x:hidden}.hero-title{max-width:100%;font-size:clamp(2.2rem,8vw,5.5rem)}.hero-sub{max-width:100%;font-size:16px}.hero-scroll{left:5vw}.services,.case-studies,.awards,.projects{padding:60px 5vw}.cta{padding:80px 5vw}.services-grid{grid-template-columns:1fr}.stats{padding:60px 5vw}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat{border-right:none;border-bottom:1px solid var(--border);padding:32px 16px}.stat:nth-child(odd){border-right:1px solid var(--border)}.stat:nth-last-child(-n+2){border-bottom:none}.stat-num{font-size:clamp(2.5rem,12vw,4rem)}.cs-grid,.projects-grid{grid-template-columns:1fr}.award-item{grid-template-columns:60px 1fr}.award-body{display:none}.footer{padding:40px 5vw}.footer-bottom{flex-direction:column;gap:8px}}@media (width<=600px){.hero-title{font-size:clamp(2.2rem,8vw,5.5rem)}.section-head h2{font-size:clamp(1.8rem,7vw,2.8rem)}.services,.case-studies,.awards,.projects{padding:60px 5vw}.services-grid,.cs-grid,.projects-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-num{font-size:clamp(2.5rem,12vw,4rem)}.cta h2{font-size:clamp(2rem,7vw,3rem)}.footer-top{flex-direction:column;align-items:flex-start;gap:24px}.footer-nav{flex-wrap:wrap;gap:20px}}