@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #757575;--color-accent: #29d6c2;--color-accent-hover: #1fc4b1;--color-accent-text: #0a6e63;--color-border: rgba(0, 0, 0, .08);--color-footer-bg: #1a1a1a;--color-footer-text: #ffffff;--color-footer-muted: rgba(255, 255, 255, .5);--color-overlay: rgba(255, 255, 255, .97);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--font-size-hero: clamp(2.5rem, 4vw + 1rem, 4.5rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 8rem;--container-max: 1200px;--container-padding: 2rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--header-height: 72px;--section-gap: clamp(5rem, 8vw, 8rem);--section-padding-y: clamp(4.5rem, 7vw, 7rem);--section-header-gap: clamp(2rem, 3vw, 3rem);--card-gap: 1.875rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}ul,ol{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),backdrop-filter var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.header--scrolled{background-color:#fafafad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--color-border);border-bottom-color:var(--color-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.header__logo{display:flex;align-items:center;gap:var(--space-xs);transition:opacity var(--duration-fast) var(--ease-out)}.header__logo:hover{opacity:.7}.header__logo svg{height:36px;width:auto}.header__nav{display:flex;align-items:center;gap:var(--space-lg)}.header__nav-link{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.01em;transition:color var(--duration-fast) var(--ease-out);position:relative}.header__nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--color-accent);transition:width var(--duration-normal) var(--ease-out)}.header__nav-link:hover:after{width:100%}.header__nav-link:hover{color:var(--color-accent)}.header__lang{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;padding:6px 12px;border:1.5px solid var(--color-border);border-radius:100px;transition:all var(--duration-fast) var(--ease-out);text-transform:uppercase}.header__lang:hover{border-color:var(--color-accent);color:var(--color-accent)}.header__burger{display:none;width:44px;height:44px;position:relative;z-index:101;margin:-10px -10px -10px 0;padding:10px;box-sizing:border-box}.header__burger span{position:absolute;width:24px;height:2px;background:var(--color-text);left:10px;transition:all var(--duration-fast) var(--ease-out);border-radius:2px}.header__burger span:nth-child(1){top:14px}.header__burger span:nth-child(2){top:21px}.header__burger span:nth-child(3){bottom:14px}.header__burger--active span:nth-child(1){top:21px;transform:rotate(45deg)}.header__burger--active span:nth-child(2){opacity:0}.header__burger--active span:nth-child(3){bottom:8px;transform:rotate(-45deg)}.hero{min-height:100vh;min-height:100svh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;position:relative;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);margin:0}.hero__inner{flex:1;width:100%;box-sizing:border-box;display:flex;align-items:center;min-height:100%;padding-top:var(--header-height)}.hero__content{position:relative;z-index:1;max-width:52rem;width:100%}.hero__overline{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs);letter-spacing:.01em}.hero__title{font-size:2.75rem;font-weight:800;line-height:.98;letter-spacing:-.03em;color:var(--color-text)}.hero__intro{font-size:var(--font-size-base);font-weight:400;color:var(--color-text-secondary);margin-top:var(--space-sm);max-width:36rem;line-height:1.5}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:44px;padding:.75rem 1.5rem;border-radius:100px;font-size:var(--font-size-base);font-weight:600;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.hero__btn--primary{background:var(--color-text);color:var(--color-bg)}.hero__btn--primary:hover{background:#333;transform:translateY(-1px)}html.js-ready .hero:not(.hero--loaded) .hero__overline,html.js-ready .hero:not(.hero--loaded) .hero__title,html.js-ready .hero:not(.hero--loaded) .hero__intro,html.js-ready .hero:not(.hero--loaded) .hero__actions{opacity:0;transform:translateY(20px)}.hero__overline,.hero__title,.hero__intro,.hero__actions{transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.hero--loaded .hero__overline,.hero--loaded .hero__title,.hero--loaded .hero__intro,.hero--loaded .hero__actions{opacity:1;transform:translateY(0)}.hero--loaded .hero__title{transition-delay:.05s}.hero--loaded .hero__intro{transition-delay:.12s}.hero--loaded .hero__actions{transition-delay:.2s}.portfolio-section{padding:var(--section-gap) 0 0}.portfolio-section__header{margin-bottom:var(--section-header-gap);max-width:52rem}.portfolio-section__title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-xs)}.portfolio-section__lead{font-size:var(--font-size-base);font-weight:400;color:var(--color-text-secondary);line-height:1.5}.portfolio-showcase{display:flex;flex-direction:column;gap:var(--card-gap)}.portfolio-showcase__compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}.portfolio-card{background:var(--card-bg, var(--color-surface));color:var(--card-text, var(--color-text));border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.portfolio-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #00000014}.portfolio-card__main{display:flex;flex-direction:column;flex:1;color:inherit;border-radius:inherit;transition:outline-offset var(--duration-fast) var(--ease-out)}.portfolio-card__main:hover{color:inherit}.portfolio-card__main:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.portfolio-card__screen-media{position:relative;width:100%;height:100%;background:#ffffff0f}.portfolio-card__screen-media.is-error:after{content:attr(aria-label);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:.75rem;font-size:var(--font-size-xs);line-height:1.4;text-align:center;opacity:.55;pointer-events:none}.portfolio-card[style*="--card-text: #1a1a1a"] .portfolio-card__screen-media,.portfolio-card[style*="--card-text:#1a1a1a"] .portfolio-card__screen-media{background:#0000000d}.portfolio-card__screen-media.is-error{background:linear-gradient(145deg,#ffffff1a,#ffffff08)}.portfolio-card[style*="--card-text: #1a1a1a"] .portfolio-card__screen-media.is-error,.portfolio-card[style*="--card-text:#1a1a1a"] .portfolio-card__screen-media.is-error{background:linear-gradient(145deg,#ececec,#e2e2e2)}.portfolio-card__screen-media.is-error img{opacity:0}.portfolio-card--crm .portfolio-card__screens{grid-template-columns:1.5fr 72px}.portfolio-card--crm .portfolio-card__screen--detail{display:none}.portfolio-card--crm .portfolio-card__screen--mobile{width:72px;opacity:.85}.portfolio-card--crm .browser-frame{background:#ffffff24;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 36px #00000047}.portfolio-card--crm .browser-frame__bar{background:#00000059}.portfolio-card--crm .browser-frame__viewport{aspect-ratio:16 / 9}.portfolio-card--crm .browser-frame__viewport img{object-position:center center;transform:scale(1.08);transform-origin:center center}@media(hover:hover)and (prefers-reduced-motion:no-preference){.portfolio-card--crm:hover .browser-frame__viewport--scroll img{transform:scale(1.08) translateY(-8%)}}.portfolio-card__screens{display:grid;grid-template-columns:1fr auto;gap:var(--space-sm);padding:var(--space-md);padding-bottom:0;align-items:end}.portfolio-card--featured .portfolio-card__screens{grid-template-columns:1.4fr auto auto;padding:var(--space-lg);padding-bottom:0}.portfolio-card--wide .portfolio-card__screens{grid-template-columns:1.2fr auto auto}.portfolio-card--compact .portfolio-card__screens{grid-template-columns:1fr}.portfolio-card--compact .portfolio-card__screen--mobile,.portfolio-card--compact .portfolio-card__screen--detail{display:none}.portfolio-card__screen--desktop{min-width:0}.portfolio-card__screen--mobile{width:88px;flex-shrink:0}.portfolio-card--featured .portfolio-card__screen--mobile{width:110px}.portfolio-card__screen--detail{width:140px;display:none}.portfolio-card--featured .portfolio-card__screen--detail,.portfolio-card--wide .portfolio-card__screen--detail{display:block}.browser-frame{background:#ffffff14;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.12)}.portfolio-card[style*="--card-text: #1a1a1a"] .browser-frame,.portfolio-card[style*="--card-text:#1a1a1a"] .browser-frame{background:#0000000a;border-color:#00000014}.browser-frame__bar{display:flex;gap:5px;padding:8px 10px;background:#00000026}.portfolio-card[style*="--card-text: #1a1a1a"] .browser-frame__bar,.portfolio-card[style*="--card-text:#1a1a1a"] .browser-frame__bar{background:#0000000f}.browser-frame__bar span{width:8px;height:8px;border-radius:50%;background:#ffffff40}.portfolio-card[style*="--card-text: #1a1a1a"] .browser-frame__bar span,.portfolio-card[style*="--card-text:#1a1a1a"] .browser-frame__bar span{background:#0000001f}.browser-frame--small .browser-frame__bar{padding:5px 8px}.browser-frame--small .browser-frame__bar span{width:6px;height:6px}.browser-frame__viewport{position:relative;overflow:hidden;aspect-ratio:16 / 10}.browser-frame__viewport--scroll{aspect-ratio:16 / 11}.browser-frame__viewport img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease-out)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.portfolio-card:hover .browser-frame__viewport--scroll img,.portfolio-card:hover .device-frame__viewport img{transform:translateY(-18%)}}.device-frame{background:#111;border-radius:14px;padding:6px;border:2px solid rgba(255,255,255,.15)}.device-frame__viewport{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:9 / 19}.device-frame__viewport img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease-out)}.portfolio-card__body{padding:var(--space-md) var(--space-lg) var(--space-xs);display:flex;flex-direction:column;flex:1}.portfolio-card--compact .portfolio-card__body{padding:var(--space-md)}.portfolio-card__type{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:.35rem}.portfolio-card__title{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;line-height:1.15}.portfolio-card--compact .portfolio-card__title{font-size:var(--font-size-xl)}.portfolio-card__desc{font-size:var(--font-size-sm);line-height:1.55;opacity:.85;margin-top:var(--space-xs)}.portfolio-card__metrics{margin-top:.625rem;display:flex;flex-wrap:wrap;gap:.35rem}.portfolio-card__metrics li{font-size:var(--font-size-xs);font-weight:600;line-height:1.3;padding:4px 10px;border-radius:100px;background:#ffffff2e}.portfolio-card[style*="--card-text: #1a1a1a"] .portfolio-card__metrics li,.portfolio-card[style*="--card-text:#1a1a1a"] .portfolio-card__metrics li{background:#0000000f}.portfolio-card__features{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:.3rem}.portfolio-card__features li{font-size:var(--font-size-sm);line-height:1.4;opacity:.8;padding-left:1rem;position:relative}.portfolio-card__features li:before{content:"—";position:absolute;left:0;opacity:.5}.portfolio-card__tech{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.75rem}.portfolio-card__tech-tag{font-size:.6875rem;font-weight:500;padding:2px 7px;border-radius:100px;background:#ffffff14;opacity:.8}.portfolio-card[style*="--card-text: #1a1a1a"] .portfolio-card__tech-tag,.portfolio-card[style*="--card-text:#1a1a1a"] .portfolio-card__tech-tag{background:#0000000f}.portfolio-card[style*="--card-text: #1a1a1a"] .portfolio-card__metrics li,.portfolio-card[style*="--card-text:#1a1a1a"] .portfolio-card__metrics li{background:#00000012}.portfolio-card[style*="--card-text: #1a1a1a"] .portfolio-card__tech-tag,.portfolio-card[style*="--card-text:#1a1a1a"] .portfolio-card__tech-tag{background:#0000000a;opacity:.7}.portfolio-card__cta{display:inline-flex;align-items:center;gap:.35rem;min-height:44px;padding:.25rem 0;font-size:var(--font-size-sm);font-weight:700;opacity:.95;transition:gap var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.portfolio-card__cta svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out)}.portfolio-card__cta:hover,.portfolio-card__cta:focus-visible{opacity:1}.portfolio-card__cta:hover svg,.portfolio-card__cta:focus-visible svg{transform:translate(4px)}.portfolio-card__cta:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.portfolio-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm) var(--space-md);padding:0 var(--space-lg) var(--space-md);margin-top:auto}.portfolio-card--compact .portfolio-card__actions{padding:0 var(--space-md) var(--space-md)}.portfolio-card__live{font-size:var(--font-size-sm);font-weight:500;opacity:.55;min-height:44px;display:inline-flex;align-items:center;padding:.25rem 0;transition:opacity var(--duration-fast) var(--ease-out)}.portfolio-card__live:hover{opacity:.85}.portfolio-card__live:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;opacity:.85}.portfolio-card__private{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6;padding:.35rem 0}.portfolio-card--catalog{min-height:auto}.portfolio-card--catalog .portfolio-card__screens--catalog{padding:var(--space-md);padding-bottom:0}.approach{padding:var(--section-padding-y) 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.approach__inner{max-width:800px}.approach__title{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-sm)}.approach__text{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--section-header-gap)}.approach__steps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap);counter-reset:approach}.approach__step{display:flex;gap:var(--space-sm);align-items:flex-start;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);min-height:100%}.approach__step-num{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:800;color:#1ab8a6;background:#29d6c233;border-radius:50%}.approach__step-title{font-size:var(--font-size-base);font-weight:700;margin-bottom:.25rem}.approach__step-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.contact-section{position:relative;padding:var(--section-gap) 0 var(--section-padding-y);background-color:var(--color-footer-bg);color:var(--color-footer-text);overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/pattern_monochrome.svg);background-size:600px;background-repeat:repeat;opacity:.1;pointer-events:none;z-index:0}.contact-section__inner{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr 1fr;gap:var(--space-2xl);align-items:start}.contact-section__title{font-size:clamp(1.75rem,2.5vw,var(--font-size-3xl));font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-sm);hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}.contact-section__text{font-size:var(--font-size-lg);opacity:.8;line-height:1.6}.contact-section__hint{font-size:var(--font-size-sm);opacity:.65;margin-bottom:var(--space-sm)}.contact-form{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-form__honeypot{position:absolute;left:-9999px;opacity:0;pointer-events:none;height:0;overflow:hidden}.contact-form__field{display:flex;flex-direction:column;gap:.35rem}.contact-form__label{font-size:var(--font-size-sm);font-weight:600;opacity:.85}.contact-form__input{padding:.75rem 1rem;min-height:48px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:var(--color-footer-text);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.contact-form__input::placeholder{color:#ffffff80}.contact-form__input:focus{border-color:var(--color-accent);outline:none}.contact-form__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.contact-form__textarea{resize:vertical;min-height:88px}.contact-form__submit{margin-top:var(--space-xs);padding:.875rem 1.5rem;border-radius:100px;background:var(--color-accent);color:var(--color-text);font-weight:700;font-size:var(--font-size-base);transition:background-color var(--duration-fast) var(--ease-out);align-self:flex-start}.contact-form__submit:hover:not(:disabled){background:var(--color-accent-hover)}.contact-form__submit:focus-visible{outline:2px solid var(--color-footer-text);outline-offset:3px}.contact-form__submit:disabled{opacity:.6;cursor:not-allowed}.contact-form__status{font-size:var(--font-size-sm);min-height:1.25rem}.contact-form__status--success{color:var(--color-accent)}.contact-form__status--error{color:#ff8a8a}.contact-section__alt{grid-column:2;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:var(--font-size-sm);opacity:.7;margin-top:var(--space-xs)}.contact-section__telegram{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;opacity:1;transition:color var(--duration-fast) var(--ease-out)}.contact-section__telegram:hover{color:var(--color-accent)}.contact-section__telegram svg{width:18px;height:18px}.portfolio{padding:var(--space-4xl) 0}.portfolio__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-3xl);letter-spacing:-.02em}.portfolio__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.portfolio__card{border-radius:var(--radius-lg);overflow:hidden;position:relative;display:flex;flex-direction:column;padding:var(--space-xl);min-height:420px;cursor:pointer;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);will-change:transform}.portfolio__card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000001a}.portfolio__card--wide{grid-column:span 2;min-height:480px}.portfolio__grid--quad{margin-top:var(--space-lg)}.portfolio__card-type{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:var(--space-xs)}.portfolio__card-tagline{font-size:var(--font-size-sm);line-height:1.5;margin-top:var(--space-sm);opacity:.85;max-width:90%}.portfolio__card-metrics{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.portfolio__card-metric{font-size:var(--font-size-xs);font-weight:600;padding:4px 10px;border-radius:100px;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.portfolio__card--catalog{min-height:70vh}.portfolio__card-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);border-radius:var(--radius-sm)}.portfolio__card:hover .portfolio__card-video{opacity:1}.portfolio__more{margin-top:var(--space-2xl);text-align:center}.portfolio__more-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-lg);font-weight:700;transition:color var(--duration-fast) var(--ease-out)}.portfolio__more-link:hover{color:var(--color-accent)}.portfolio__more-link svg{width:20px;height:20px}.header__nav-link--active{color:var(--color-accent)}.header__nav-link--active:after{width:100%}.home-cta{padding:var(--space-4xl) 0;background:var(--color-text);color:var(--color-bg)}.home-cta__inner{text-align:center;max-width:600px;margin:0 auto}.home-cta__title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-md)}.home-cta__text{font-size:var(--font-size-lg);opacity:.8;margin-bottom:var(--space-xl)}.home-cta__btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-base);font-weight:700;padding:14px 28px;border-radius:100px;background:var(--color-accent);color:var(--color-text);transition:transform var(--duration-fast) var(--ease-out)}.home-cta__btn:hover{transform:translateY(-2px)}.home-cta__btn svg{width:18px;height:18px}.projects-page{padding:calc(var(--header-height) + var(--space-3xl)) 0 var(--space-4xl)}.projects-page__header{margin-bottom:var(--space-3xl);max-width:720px}.projects-page__title{font-size:var(--font-size-hero);font-weight:900;letter-spacing:-.03em;line-height:.95;margin-bottom:var(--space-lg)}.projects-page__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.projects-page__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.projects-page__tag{font-size:var(--font-size-xs);font-weight:600;padding:6px 14px;border-radius:100px;border:1.5px solid var(--color-border);color:var(--color-text-secondary)}.projects-page__list{display:flex;flex-direction:column;gap:var(--space-xl)}.project-page{padding-top:var(--header-height)}.case-nav{position:sticky;top:var(--header-height);z-index:50;background:#fafafae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.case-nav__progress{position:absolute;top:0;left:0;height:2px;background:var(--color-accent);width:0;transition:width .1s linear}.case-nav__inner{display:flex;gap:var(--space-lg);padding:var(--space-sm) 0;overflow-x:auto}.case-nav__link{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.case-nav__link:hover,.case-nav__link--active{color:var(--color-accent)}.case-study__live-bar{padding:var(--space-md) 0}.case-hero__live{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:600;padding:8px 16px;border-radius:100px;border:1.5px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.case-hero__live:hover{border-color:var(--color-accent);color:var(--color-accent)}.case-hero__live--disabled{opacity:.6;cursor:default}.case-hero__live svg{width:16px;height:16px}.case-hero{padding:var(--space-3xl) 0}.case-hero__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3xl);align-items:center}.case-hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin-bottom:var(--space-md)}.case-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg)}.case-hero__metrics{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.case-metric{font-size:var(--font-size-xs);font-weight:600;padding:6px 12px;border-radius:100px;background:var(--color-surface);border:1px solid var(--color-border)}.case-hero__image img{border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000014}.case-facts{padding:var(--space-xl) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.case-facts__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.case-facts__label{display:block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.case-facts__value{font-size:var(--font-size-base);font-weight:600}.case-section{padding:var(--space-3xl) 0}.case-section__title{font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.case-section__text{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.7;max-width:720px}.case-list{list-style:none;max-width:720px}.case-list li{position:relative;padding-left:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary)}.case-list li:before{content:"—";position:absolute;left:0;color:var(--color-accent)}.case-list--check li:before{content:"✓";font-weight:700}.case-flow{display:flex;flex-direction:column;gap:var(--space-xs);max-width:480px}.case-flow__step{display:flex;flex-direction:column;align-items:flex-start}.case-flow__text{font-size:var(--font-size-base);font-weight:600;padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%}.case-flow__arrow{padding:var(--space-xs) 0;color:var(--color-accent);font-weight:700}.case-feature{padding:var(--space-3xl) 0}.case-feature__inner{display:grid;grid-template-columns:1.3fr 1fr;gap:var(--space-3xl);align-items:start}.case-feature__image{cursor:zoom-in;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 40px #0000000f}.case-feature__title{font-size:var(--font-size-xl);font-weight:800;margin-bottom:var(--space-md)}.case-feature__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.case-feature__why{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-sm);border-left:3px solid var(--color-accent)}.case-tabs__nav{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.case-tabs__btn{font-size:var(--font-size-sm);font-weight:600;padding:8px 16px;border-radius:100px;border:1.5px solid var(--color-border);transition:all var(--duration-fast) var(--ease-out)}.case-tabs__btn--active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.case-tabs__panel{display:none;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7;max-width:720px}.case-tabs__panel--active{display:block}.case-mobile__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.case-mobile__screen{cursor:zoom-in;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 24px #0000000f}.case-tech__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-lg)}.case-tech__label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-xs)}.case-tech__items{font-size:var(--font-size-base);font-weight:500}.case-tech__details{max-width:720px;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.case-tech__details summary{cursor:pointer;font-weight:600;margin-bottom:var(--space-sm)}.case-services{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.case-service{font-size:var(--font-size-sm);font-weight:600;padding:8px 16px;border-radius:100px;border:1.5px solid var(--color-border)}.case-cta{padding:var(--space-4xl) 0;background:var(--color-text);color:var(--color-bg);text-align:center}.case-cta__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md)}.case-cta__text{font-size:var(--font-size-lg);opacity:.8;margin-bottom:var(--space-xl);max-width:500px;margin-left:auto;margin-right:auto}.case-cta__btn{display:inline-flex;align-items:center;gap:var(--space-xs);font-weight:700;padding:14px 28px;border-radius:100px;background:var(--color-accent);color:var(--color-text)}.case-cta__btn svg{width:18px;height:18px}.case-next{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border)}.case-next__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.case-next__link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-2xl);font-weight:800;transition:color var(--duration-fast) var(--ease-out)}.case-next__link:hover{color:var(--color-accent)}.case-next__link svg{width:24px;height:24px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#000000e6;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.lightbox--open{opacity:1;visibility:visible}.lightbox__img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-sm)}.lightbox__close{position:absolute;top:var(--space-lg);right:var(--space-lg);color:#fff;font-size:var(--font-size-2xl);width:40px;height:40px}.portfolio__card-info{position:relative;z-index:2}.portfolio__card-title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;line-height:1.1}.portfolio__card-meta{font-size:var(--font-size-sm);margin-top:var(--space-xs);opacity:.7}.portfolio__card-image{flex:1;display:flex;align-items:flex-end;justify-content:center;margin-top:var(--space-lg);position:relative;z-index:1;overflow:hidden;border-radius:var(--radius-md)}.portfolio__card-image img{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-sm);transition:transform var(--duration-slow) var(--ease-out);will-change:transform}.portfolio__card:hover .portfolio__card-image img{transform:scale(1.03)}.portfolio__card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.portfolio__card-visit{position:absolute;bottom:var(--space-xl);right:var(--space-xl);z-index:4;font-size:var(--font-size-sm);font-weight:600;padding:10px 20px;border-radius:100px;background:#ffffffe6;color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(8px);transition:all var(--duration-normal) var(--ease-out);pointer-events:none}.portfolio__card:hover .portfolio__card-visit{opacity:1;transform:translateY(0)}.about{padding:var(--section-gap) 0 var(--section-padding-y)}.about__inner{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-2xl);align-items:center}.about__photo-wrapper{position:relative}.about__photo-bg{position:absolute;top:var(--space-md);left:var(--space-sm);width:calc(100% - var(--space-sm));height:calc(100% - var(--space-md));background:var(--color-accent);border-radius:var(--radius-lg);opacity:.18}.about__photo{position:relative;z-index:1;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3 / 4}.about__photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.about__content{padding-top:0;display:flex;flex-direction:column;justify-content:center}.about__title{font-size:var(--font-size-3xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-md)}.about__lead{font-size:var(--font-size-lg);font-weight:600;line-height:1.55;color:var(--color-text);margin-bottom:var(--space-sm)}.about__text{font-size:var(--font-size-base);line-height:1.7;color:var(--color-text-secondary);max-width:520px}.about__scope{margin-top:var(--space-md);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary);max-width:520px}.about__stack{margin-top:var(--space-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.about__contact-link{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-lg);min-height:44px;font-size:var(--font-size-lg);font-weight:700;transition:color var(--duration-fast) var(--ease-out)}.about__contact-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.about__contact-link:hover{color:var(--color-accent)}.about__contact-link svg{width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-out)}.about__contact-link:hover svg{transform:translate(4px)}.footer{position:relative;background-color:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-lg) 0;overflow:hidden}.footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/pattern_monochrome.svg);background-size:600px;background-repeat:repeat;opacity:.1;pointer-events:none;z-index:0}.footer .container{position:relative;z-index:1}.footer__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-4xl)}.footer__section-title{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-md)}.footer__link{display:block;font-size:var(--font-size-base);color:var(--color-footer-muted);padding:var(--space-xs) 0;transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--color-accent)}.footer__bottom{display:flex;align-items:center;justify-content:space-between}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-footer-muted)}.footer__logo svg{height:26px;width:auto;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out)}.footer__logo:hover svg{opacity:1}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out)}.modal--open{opacity:1;visibility:visible}.modal__content{text-align:center;transform:scale(.95) translateY(20px);transition:transform var(--duration-normal) var(--ease-out)}.modal--open .modal__content{transform:scale(1) translateY(0)}.modal__close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);transition:transform var(--duration-fast) var(--ease-out)}.modal__close:hover{transform:rotate(90deg)}.modal__title{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-xl)}.modal__telegram{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:600;padding:16px 32px;border:2px solid var(--color-text);border-radius:100px;transition:all var(--duration-fast) var(--ease-out)}.modal__telegram:hover{background:var(--color-text);color:var(--color-bg)}.modal__telegram svg{width:22px;height:22px}.reveal,.reveal-stagger{opacity:1;transform:none}html.js-ready .reveal:not(.revealed),html.js-ready .reveal-stagger:not(.revealed){opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out);will-change:transform,opacity}html.js-ready .reveal.revealed,html.js-ready .reveal-stagger.revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html.js-ready .reveal:not(.revealed),html.js-ready .reveal-stagger:not(.revealed){opacity:1;transform:none;transition:none}html.js-ready .hero:not(.hero--loaded) .hero__overline,html.js-ready .hero:not(.hero--loaded) .hero__title,html.js-ready .hero:not(.hero--loaded) .hero__intro,html.js-ready .hero:not(.hero--loaded) .hero__actions{opacity:1;transform:none;transition:none}.portfolio-card:hover .browser-frame__viewport--scroll img,.portfolio-card:hover .device-frame__viewport img{transform:none}}@media(min-width:769px){.hero__title{font-size:clamp(4rem,4vw + 1rem,4.5rem)}}@media(max-width:1024px){:root{--container-padding: 1.5rem}.portfolio-showcase__compact{grid-template-columns:repeat(2,1fr)}.portfolio-card--featured .portfolio-card__screens,.portfolio-card--wide .portfolio-card__screens{grid-template-columns:1fr auto}.portfolio-card__screen--detail{display:none!important}.contact-section__inner{grid-template-columns:1fr;gap:var(--space-xl)}.contact-section__alt{grid-column:1}.portfolio__grid{gap:var(--space-md)}.portfolio__card{min-height:360px;padding:var(--space-lg)}.portfolio__card--wide{min-height:400px}.about__inner{gap:var(--space-2xl)}.case-hero__inner,.case-feature__inner{grid-template-columns:1fr}.case-facts__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--header-height: 60px;--container-padding: 1.25rem}.header__burger{display:block}.header__nav{position:fixed;top:0;left:0;width:100%;height:100dvh;background:var(--color-bg);flex-direction:column;justify-content:center;gap:var(--space-xl);opacity:0;visibility:hidden;transform:translateY(-20px);transition:all var(--duration-normal) var(--ease-out);z-index:100}.header__nav--open{opacity:1;visibility:visible;transform:translateY(0)}.header__nav-link{font-size:var(--font-size-2xl)}.header__lang{margin-top:var(--space-md);font-size:var(--font-size-base)}.hero__title{font-size:2.5rem}.hero__actions{flex-direction:column;align-items:stretch}.hero__btn{justify-content:center}.portfolio-showcase__compact,.portfolio-card--featured .portfolio-card__screens,.portfolio-card--wide .portfolio-card__screens{grid-template-columns:1fr}.portfolio-card__screen--mobile{display:none}.portfolio-section__title{font-size:var(--font-size-2xl)}.approach__steps{grid-template-columns:1fr}.contact-section__title{font-size:var(--font-size-2xl)}.portfolio__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-xl)}.portfolio__grid{grid-template-columns:1fr;gap:var(--space-md)}.portfolio__card--wide{grid-column:span 1}.portfolio__card{min-height:320px}.portfolio__card-title{font-size:var(--font-size-2xl)}.portfolio__card-visit{opacity:1;transform:translateY(0)}.about__inner{grid-template-columns:1fr;gap:var(--space-xl)}.about__photo{max-width:100%;max-height:72vh;margin:0 auto}.about__photo img{object-position:center 22%}.about__content{order:1}.about__photo-wrapper{order:0}.about__title{font-size:var(--font-size-2xl)}.contact-form__submit{min-width:min(100%,280px)}.footer__inner{grid-template-columns:1fr;gap:var(--space-xl)}.modal__close{top:var(--space-md);right:var(--space-md)}}@media(max-width:480px){.portfolio-section{padding-top:var(--space-md)}.portfolio-card__actions{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.portfolio-card__live{padding:.75rem 0}.portfolio__card{min-height:280px;padding:var(--space-md)}.portfolio__card-visit{bottom:var(--space-md);right:var(--space-md)}.case-facts__grid,.case-tech__grid{grid-template-columns:1fr}}