*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--amber:#f7b324;--amber-dark:#c58b1b;--amber-light:#fef7e6;--charcoal:#1a1a1a;--charcoal-mid:#2c2c2c;--gray-50:#fafaf8;--gray-100:#f3f2ef;--gray-200:#e5e4e0;--gray-300:#d0cfcb;--gray-400:#9c9a93;--gray-500:#6b6960;--gray-700:#3d3b36;--white:#fff;--font-display:"Montserrat",sans-serif;--font-body:"DM Sans",sans-serif;--container:1080px}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--charcoal);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:hsla(0,0%,100%,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--gray-200)}.nav .container{justify-content:space-between;height:64px}.nav .container,.nav-brand{display:flex;align-items:center}.nav-brand{gap:10px;font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--charcoal);letter-spacing:-.02em}.nav-brand-dot{width:8px;height:8px;background:var(--amber);border-radius:2px}.nav-brand span{font-weight:500;color:var(--gray-400);margin-left:2px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);transition:color .2s}.nav-links a:hover{color:var(--charcoal)}.nav-cta{display:inline-block;background:var(--charcoal);color:var(--white);padding:10px 22px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;transition:all .3s}.nav-cta:hover{background:var(--amber);color:var(--charcoal)}.hero{margin-top:64px;padding:120px 0 100px;background:var(--gray-50);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--gray-200) 1px,transparent 1px),linear-gradient(90deg,var(--gray-200) 1px,transparent 1px);background-size:60px 60px;opacity:.4}.hero .container{position:relative;z-index:1;max-width:800px;text-align:center}.hero-kicker{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-dark);margin-bottom:20px;display:inline-flex;align-items:center;gap:8px}.hero-kicker:after,.hero-kicker:before{content:"";width:16px;height:1px;background:var(--amber)}.hero-title{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:var(--charcoal);margin-bottom:20px}.hero-title span{color:var(--amber-dark)}.hero-desc{font-size:17px;color:var(--gray-500);line-height:1.7;max-width:540px;margin:0 auto 36px}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-dark{display:inline-block;background:var(--charcoal);color:var(--white);padding:14px 32px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;transition:all .3s}.btn-dark:hover{background:var(--amber);color:var(--charcoal);transform:translateY(-1px)}.btn-ghost{display:inline-block;background:transparent;color:var(--gray-500);padding:14px 32px;font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;border-radius:4px;border:1px solid var(--gray-300);transition:all .3s}.btn-ghost:hover{border-color:var(--charcoal);color:var(--charcoal)}.stats{padding:48px 0;border-bottom:1px solid var(--gray-200)}.stats .container{display:flex;justify-content:center;gap:64px}.stat{text-align:center}.stat-number{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--charcoal);letter-spacing:-.02em}.stat-number span{color:var(--amber-dark)}.stat-label{font-size:12px;font-weight:600;color:var(--gray-400);letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-family:var(--font-display)}.services{padding:100px 0}.section-kicker{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--amber-dark);margin-bottom:12px}.section-kicker,.section-title{font-family:var(--font-display)}.section-title{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;color:var(--charcoal)}.section-desc{font-size:15px;color:var(--gray-500);max-width:480px;line-height:1.7;margin-bottom:48px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gray-200);border:1px solid var(--gray-200);border-radius:6px;overflow:hidden}.service-card{background:var(--white);padding:40px 32px;transition:background .3s}.service-card:hover{background:var(--gray-50)}.service-icon{width:40px;height:40px;background:var(--amber-light);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:18px}.service-title{font-family:var(--font-display);font-size:16px;font-weight:800;margin-bottom:10px;letter-spacing:-.01em}.service-desc{font-size:14px;color:var(--gray-500);line-height:1.65}.process{padding:100px 0;background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.process-step{position:relative}.process-number{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--gray-200);line-height:1;margin-bottom:16px;letter-spacing:-.03em}.process-step-title{font-family:var(--font-display);font-size:15px;font-weight:800;margin-bottom:8px;letter-spacing:-.01em}.process-step-desc{font-size:13px;color:var(--gray-500);line-height:1.6}.process-step:not(:last-child):after{content:"";position:absolute;top:28px;right:-16px;width:32px;height:1px;background:var(--gray-300)}.portfolio{padding:100px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.portfolio-card{border:1px solid var(--gray-200);border-radius:6px;overflow:hidden;transition:all .3s}.portfolio-card:hover{border-color:var(--amber);box-shadow:0 8px 32px rgba(0,0,0,.06);transform:translateY(-3px)}.portfolio-card-img{height:180px;background:var(--gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.portfolio-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio-card-badge{position:absolute;top:12px;left:12px;background:var(--charcoal);color:var(--white);font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:3px}.portfolio-card-body{padding:24px}.portfolio-card-title{font-family:var(--font-display);font-size:16px;font-weight:800;margin-bottom:6px;letter-spacing:-.01em}.portfolio-card-desc{font-size:13px;color:var(--gray-500);line-height:1.6;margin-bottom:14px}.portfolio-card-tags{display:flex;gap:6px;flex-wrap:wrap}.portfolio-tag{font-family:var(--font-display);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:3px;background:var(--gray-100);color:var(--gray-500)}.stack{padding:80px 0;background:var(--gray-50);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.stack .container{text-align:center}.stack-logos{justify-content:center;gap:48px;margin-top:36px;flex-wrap:wrap}.stack-item,.stack-logos{display:flex;align-items:center}.stack-item{flex-direction:column;gap:8px;color:var(--gray-400);font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.stack-item:hover{color:var(--charcoal)}.stack-icon{width:44px;height:44px;background:var(--white);border:1px solid var(--gray-200);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:20px;transition:border-color .2s}.stack-item:hover .stack-icon{border-color:var(--amber)}.cta-section{padding:100px 0}.cta-box{background:var(--charcoal);border-radius:8px;padding:64px;text-align:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px}.cta-box>*{position:relative;z-index:1}.cta-title{font-family:var(--font-display);font-size:clamp(26px,3vw,36px);font-weight:900;color:var(--white);margin-bottom:14px;letter-spacing:-.02em}.cta-desc{font-size:15px;color:hsla(0,0%,100%,.5);max-width:440px;margin:0 auto 32px;line-height:1.7}.btn-amber{display:inline-flex;align-items:center;gap:8px;background:var(--amber);color:var(--charcoal);padding:15px 36px;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;transition:all .3s}.btn-amber:hover{background:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.btn-amber svg{width:16px;height:16px;transition:transform .3s}.btn-amber:hover svg{transform:translateX(3px)}.cta-note{font-size:12px;color:hsla(0,0%,100%,.3);margin-top:16px}.footer{padding:48px 0;border-top:1px solid var(--gray-200)}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer-left{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--gray-400)}.footer-dot{width:6px;height:6px;background:var(--amber);border-radius:2px}.footer-links{display:flex;gap:24px}.footer-links a{font-size:13px;color:var(--gray-400);transition:color .2s}.footer-links a:hover{color:var(--charcoal)}@media (max-width:900px){.services-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.process-step:after{display:none}.portfolio-grid{grid-template-columns:1fr}.stats .container{gap:32px;flex-wrap:wrap}.cta-box{padding:48px 32px}.nav-links{display:none}}@media (max-width:600px){.hero{padding:80px 0 60px}.hero-title{font-size:32px}.process-grid{grid-template-columns:1fr}.stack-logos{gap:24px}.footer .container{flex-direction:column;gap:16px;text-align:center}}