*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0a0a0a;--white:#fafafa;--gray-100:#f5f5f5;--gray-200:#e8e8e8;--gray-400:#999;--gray-600:#555;--gray-800:#222;--accent:#0a0a0a;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}ul{list-style:none}img{max-width:100%;display:block}.navbar{z-index:100;padding:20px 0;transition:background .3s,padding .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--gray-200);background:#fafafaf2;padding:14px 0}.navbar__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 32px;display:flex}.navbar__logo{letter-spacing:-.5px;align-items:baseline;gap:0;font-size:22px;font-weight:800;display:flex}.navbar__logo-mark{font-size:26px;font-weight:900}.navbar__logo-text{font-weight:700}.navbar__nav{align-items:center;gap:36px;display:flex}.navbar__link{color:var(--gray-600);font-size:15px;font-weight:500;transition:color .2s}.navbar__link:hover{color:var(--black)}.navbar__cta{background:var(--black);color:var(--white);letter-spacing:.2px;border-radius:100px;padding:10px 22px;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s}.navbar__cta:hover{opacity:.85;transform:translateY(-1px)}.navbar__burger{flex-direction:column;gap:5px;padding:4px;display:none}.navbar__burger span{background:var(--black);transform-origin:50%;width:24px;height:2px;transition:transform .3s,opacity .3s;display:block}.navbar__burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__burger--open span:nth-child(2){opacity:0}.navbar__burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=768px){.navbar__burger{display:flex}.navbar__nav{background:var(--white);z-index:-1;flex-direction:column;justify-content:center;align-items:center;gap:40px;display:none;position:fixed;inset:0}.navbar__nav--open{display:flex}.navbar__link{color:var(--black);font-size:28px;font-weight:600}.navbar__cta{padding:14px 36px;font-size:18px}}.hero{align-items:center;gap:80px;max-width:1200px;min-height:100vh;margin:0 auto;padding:120px 32px 80px;display:flex;position:relative}.hero__inner{flex:1;max-width:620px}.hero__tag{color:var(--gray-600);letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--gray-200);border-radius:100px;align-items:center;margin-bottom:28px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.hero__title{letter-spacing:-3px;margin-bottom:28px;font-size:clamp(52px,7vw,88px);font-weight:900;line-height:1}.hero__title-outline{-webkit-text-stroke:2px var(--black);color:#0000}.hero__desc{color:var(--gray-600);max-width:480px;margin-bottom:40px;font-size:18px;line-height:1.7}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:64px;display:flex}.hero__btn{letter-spacing:.1px;border-radius:100px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s}.hero__btn--primary{background:var(--black);color:var(--white)}.hero__btn--primary:hover{opacity:.85;transform:translateY(-2px)}.hero__btn--ghost{border:1.5px solid var(--gray-200);color:var(--black)}.hero__btn--ghost:hover{border-color:var(--black);background:var(--black);color:var(--white)}.hero__stats{align-items:center;gap:32px;display:flex}.hero__stat{flex-direction:column;gap:4px;display:flex}.hero__stat-num{letter-spacing:-1px;font-size:28px;font-weight:800}.hero__stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.hero__stat-divider{background:var(--gray-200);width:1px;height:40px}.hero__visual{aspect-ratio:1;flex:1;justify-content:center;align-items:center;max-width:480px;display:flex;position:relative}.hero__grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.hero__grid-cell{aspect-ratio:1;background:var(--gray-100);border-radius:16px;transition:all .6s}.hero__grid-cell--0{background:var(--black);border-radius:50%}.hero__grid-cell--1{background:#e8e8e8}.hero__grid-cell--2{background:var(--black);border-radius:50% 0 50% 50%}.hero__grid-cell--3{background:#d0d0d0;border-radius:0 50% 50%}.hero__grid-cell--4{background:var(--gray-100);border:2px solid var(--gray-200)}.hero__grid-cell--5{background:#1a1a1a}.hero__grid-cell--6{background:#e0e0e0;border-radius:50% 50% 0}.hero__grid-cell--7{background:var(--black);border-radius:16px 16px 50%}.hero__grid-cell--8{background:var(--gray-100);border-radius:50%}.hero__circle,.hero__line{display:none}@media (width<=900px){.hero{flex-direction:column;gap:48px;min-height:auto;padding-top:100px}.hero__visual{align-self:center;max-width:280px}}@media (width<=480px){.hero{padding:100px 20px 60px}.hero__stats{gap:20px}.hero__stat-num{font-size:22px}.hero__visual{max-width:220px}}.services{background:var(--black);color:var(--white);padding:120px 32px}.services__inner{max-width:1200px;margin:0 auto}.section-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px;font-size:12px;font-weight:600;display:inline-block}.services__head{margin-bottom:72px}.services__title{letter-spacing:-2px;margin-bottom:16px;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.05}.services__subtitle{color:var(--gray-400);max-width:400px;font-size:18px}.services__grid{background:#1a1a1a;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.service-card{background:var(--black);flex-direction:column;gap:16px;padding:40px 36px;transition:background .2s;display:flex}.service-card:hover{background:#111}.service-card__num{letter-spacing:2px;color:var(--gray-600);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.service-card__title{letter-spacing:-.5px;font-size:20px;font-weight:700;line-height:1.3}.service-card__desc{color:var(--gray-400);flex:1;font-size:14px;line-height:1.7}.service-card__tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.service-card__tag{letter-spacing:.5px;color:var(--gray-600);border:1px solid #2a2a2a;border-radius:100px;padding:5px 10px;font-size:11px;font-weight:600}@media (width<=900px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.services{padding:80px 20px}.services__grid{grid-template-columns:1fr}.service-card{padding:32px 24px}}.about{padding:120px 0 0;overflow:hidden}.about__inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1200px;margin:0 auto 80px;padding:0 32px;display:grid}.about__title{letter-spacing:-2px;margin-top:12px;font-size:clamp(32px,4.5vw,58px);font-weight:900;line-height:1.1}.about__title em{font-style:italic;font-weight:300}.about__right{flex-direction:column;gap:20px;padding-top:32px;display:flex}.about__text{color:var(--gray-600);font-size:16px;line-height:1.8}.about__values{flex-wrap:wrap;gap:32px;margin-top:24px;display:flex}.about__value{align-items:center;gap:10px;display:flex}.about__value-icon{color:var(--black);font-size:10px}.about__value-label{letter-spacing:.3px;font-size:14px;font-weight:600}.about__marquee-wrap{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:20px 0;overflow:hidden}.about__marquee{gap:24px;width:max-content;animation:20s linear infinite marquee;display:flex}.about__marquee-word{letter-spacing:2px;text-transform:uppercase;color:var(--gray-400);white-space:nowrap;font-size:13px;font-weight:600}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){.about__inner{grid-template-columns:1fr;gap:32px;margin-bottom:56px}.about__right{padding-top:0}}@media (width<=480px){.about{padding-top:80px}}.works{background:var(--gray-100);padding:120px 32px}.works__inner{max-width:1200px;margin:0 auto}.works__head{margin-bottom:64px}.works__title{letter-spacing:-2px;margin-bottom:12px;font-size:clamp(36px,5vw,64px);font-weight:900}.works__subtitle{color:var(--gray-600);font-size:16px}.works__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.work-card{background:var(--card-bg,var(--white));border-radius:20px;flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.work-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.work-card--dark{color:var(--white)}.work-card__visual{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-card__shape{opacity:.3;width:80px;height:80px}.work-card--dark .work-card__shape{opacity:.15}.work-card__shape--circle{background:var(--black);border-radius:50%;width:120px;height:120px}.work-card__shape--square{background:var(--black);border-radius:12px;transform:rotate(15deg)}.work-card__shape--diamond{background:var(--white);border-radius:8px;transform:rotate(45deg)}.work-card__shape--triangle{border-left:60px solid #0000;border-right:60px solid #0000;border-bottom:100px solid var(--black);opacity:.2;background:0 0;border-radius:0;width:0;height:0}.work-card__body{flex-direction:column;gap:8px;padding:28px 32px;display:flex}.work-card__category{letter-spacing:1.5px;text-transform:uppercase;opacity:.5;font-size:11px;font-weight:700}.work-card__title{letter-spacing:-.5px;font-size:22px;font-weight:800}.work-card__desc{opacity:.6;font-size:14px;line-height:1.6}.works__note{text-align:center;color:var(--gray-600);margin-top:48px;font-size:15px}.works__note a{color:var(--black);text-underline-offset:3px;font-weight:600;text-decoration:underline}@media (width<=768px){.works{padding:80px 20px}.works__grid{grid-template-columns:1fr}}.process{padding:120px 32px}.process__inner{max-width:1200px;margin:0 auto}.process__head{margin-bottom:72px}.process__title{letter-spacing:-2px;margin-top:12px;font-size:clamp(36px,5vw,64px);font-weight:900}.process__steps{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.process__step{padding:0 32px 0 0;position:relative}.process__step:last-child{padding-right:0}.process__step-num{letter-spacing:-2px;color:var(--gray-200);margin-bottom:20px;font-size:48px;font-weight:900;line-height:1}.process__step-title{letter-spacing:-.5px;margin-bottom:12px;font-size:20px;font-weight:800}.process__step-desc{color:var(--gray-600);font-size:14px;line-height:1.7}.process__connector{background:var(--gray-200);width:32px;height:1px;position:absolute;top:24px;right:-1px}@media (width<=900px){.process__steps{grid-template-columns:repeat(2,1fr);gap:48px}.process__connector{display:none}.process__step{padding-right:0}}@media (width<=480px){.process{padding:80px 20px}.process__steps{grid-template-columns:1fr;gap:40px}}.contact{background:var(--black);color:var(--white);padding:120px 32px}.contact__inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;max-width:1200px;margin:0 auto;display:grid}.contact__title{letter-spacing:-3px;margin:16px 0 24px;font-size:clamp(40px,5.5vw,72px);font-weight:900;line-height:1}.contact__subtitle{color:var(--gray-400);max-width:360px;margin-bottom:48px;font-size:15px;line-height:1.7}.contact__info{flex-direction:column;gap:24px;display:flex}.contact__info-item{flex-direction:column;gap:4px;display:flex}.contact__info-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-600);font-size:11px;font-weight:700}.contact__info-value{color:var(--white);font-size:16px;font-weight:500;transition:opacity .2s}a.contact__info-value:hover{opacity:.7}.contact__form{flex-direction:column;gap:20px;display:flex}.form__row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form__field{flex-direction:column;gap:8px;display:flex}.form__field label{letter-spacing:.5px;text-transform:uppercase;color:var(--gray-400);font-size:12px;font-weight:600}.form__field input,.form__field select,.form__field textarea{font-family:var(--font);color:var(--white);appearance:none;resize:none;background:#111;border:1px solid #2a2a2a;border-radius:10px;outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s}.form__field input::placeholder,.form__field textarea::placeholder{color:var(--gray-600)}.form__field input:focus,.form__field select:focus,.form__field textarea:focus{border-color:var(--white)}.form__field select option{color:var(--white);background:#111}.form__submit{font-family:var(--font);background:var(--white);color:var(--black);cursor:pointer;letter-spacing:-.3px;border-radius:100px;align-self:flex-start;padding:16px 32px;font-size:16px;font-weight:700;transition:opacity .2s,transform .2s}.form__submit:hover{opacity:.9;transform:translateY(-2px)}.contact__success{flex-direction:column;align-items:flex-start;gap:16px;padding:48px 0;display:flex}.contact__success-icon{background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex}.contact__success h3{letter-spacing:-1px;font-size:28px;font-weight:800}.contact__success p{color:var(--gray-400);font-size:15px}@media (width<=900px){.contact__inner{grid-template-columns:1fr;gap:56px}.contact__subtitle{max-width:100%}}@media (width<=600px){.contact{padding:80px 20px}.form__row{grid-template-columns:1fr}}.footer{background:var(--gray-100);padding:80px 32px 32px}.footer__inner{max-width:1200px;margin:0 auto}.footer__top{border-bottom:1px solid var(--gray-200);grid-template-columns:1fr 2fr;gap:80px;margin-bottom:32px;padding-bottom:64px;display:grid}.footer__logo{letter-spacing:-.5px;margin-bottom:12px;font-size:20px;font-weight:800;display:block}.footer__logo-mark{font-size:24px;font-weight:900}.footer__tagline{color:var(--gray-600);max-width:200px;font-size:14px;line-height:1.6}.footer__links{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.footer__col-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px;font-size:11px;font-weight:700;display:block}.footer__col ul{flex-direction:column;gap:12px;display:flex}.footer__col a{color:var(--gray-600);font-size:14px;transition:color .2s}.footer__col a:hover{color:var(--black)}.footer__bottom{color:var(--gray-400);justify-content:space-between;align-items:center;font-size:13px;display:flex}@media (width<=768px){.footer__top{grid-template-columns:1fr;gap:48px}.footer__tagline{max-width:100%}}@media (width<=480px){.footer{padding:60px 20px 24px}.footer__links{grid-template-columns:repeat(2,1fr)}.footer__bottom{text-align:center;flex-direction:column;gap:8px}}.app{min-height:100vh}