*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1726a3;--primary-dark:#0f1878;--primary-mid:#2a3bc4;--primary-light:#4a5bd4;--primary-soft:#e8ebff;--primary-softer:#f3f5ff;--accent:#0b9ed9;--bg:#fff;--bg-muted:#f7f8fc;--bg-elevated:#fff;--surface:#fff;--border:#e6e8f0;--border-strong:#d0d4e4;--text:#0b1220;--text-secondary:#3b4559;--text-muted:#6b7385;--shadow-sm:0 1px 2px #0f18780a;--shadow-md:0 8px 24px #0f187814;--shadow-lg:0 20px 48px #0f18781f;--shadow-glow:0 12px 40px #1726a347;--gradient:linear-gradient(135deg, #0f1878 0%, #1726a3 48%, #2a3bc4 100%);--gradient-soft:linear-gradient(180deg, #f3f5ff 0%, #fff 100%);--gradient-hero:radial-gradient(ellipse 80% 60% at 70% 10%, #1726a31f, transparent 55%), radial-gradient(ellipse 50% 40% at 10% 80%, #0b9ed914, transparent 50%), linear-gradient(180deg, #f8f9ff 0%, #fff 65%);--radius:14px;--radius-sm:10px;--radius-lg:20px;--radius-full:999px;--font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--container:min(1160px, calc(100% - 48px));--nav-h:72px;--ease:cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:var(--container);margin-inline:auto}.btn{border-radius:var(--radius-full);cursor:pointer;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s ease, border-color .25s ease, color .25s ease;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow)}.btn--primary:hover{box-shadow:0 16px 44px #1726a361}.btn--ghost{border-color:var(--border-strong);color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8}.btn--ghost:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.btn--white{color:var(--primary);box-shadow:var(--shadow-md);background:#fff}.btn--white:hover{box-shadow:var(--shadow-lg)}.btn--outline-light{color:#fff;background:0 0;border-color:#ffffff59}.btn--outline-light:hover{background:#ffffff1a;border-color:#fff}.btn--sm{padding:9px 16px;font-size:.875rem}.btn--lg{padding:15px 26px;font-size:1rem}.btn--full{width:100%}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal--in{opacity:1;transform:none}@supports (-webkit-touch-callout:none){#portfolio .reveal{opacity:1;transform:none}}.section{padding:112px 0;position:relative}.section--muted{background:var(--bg-muted)}.section__header{text-align:center;max-width:640px;margin:0 auto 56px}.section__label{border-radius:var(--radius-full);background:var(--primary-softer);color:var(--primary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.section__title{letter-spacing:-.035em;color:var(--text);margin-bottom:14px;font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:800;line-height:1.15}.section__desc{color:var(--text-muted);font-size:1.05rem;line-height:1.7}.navbar{z-index:100;height:var(--nav-h);align-items:center;transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.navbar--scrolled,.navbar--open{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--border), var(--shadow-sm);background:#fffffff0}.navbar__inner{width:var(--container);justify-content:space-between;align-items:center;gap:16px;display:flex}.navbar__logo{letter-spacing:-.03em;z-index:2;flex-shrink:1;align-items:center;gap:10px;min-width:0;font-weight:800;display:inline-flex}.navbar__logo-img{width:auto;height:34px;display:block}.navbar__mark{background:var(--gradient);border-radius:8px;flex-shrink:0;width:28px;height:28px;position:relative;box-shadow:0 6px 16px #1726a34d}.navbar__mark:after{content:"";border:2px solid #ffffffe6;border-radius:3px;position:absolute;inset:7px}.navbar__name{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.navbar__nav{align-items:center;gap:28px;display:flex}.navbar__nav>a:not(.btn){color:var(--text-secondary);white-space:nowrap;font-size:.925rem;font-weight:500;transition:color .2s}.navbar__nav>a:not(.btn):hover{color:var(--primary)}.navbar__toggle{border:1px solid var(--border);cursor:pointer;z-index:2;background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:0;display:none}.navbar__toggle span{background:var(--text);border-radius:2px;width:18px;height:2px;transition:transform .25s,opacity .25s;display:block}.navbar__toggle--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__toggle--open span:nth-child(2){opacity:0}.navbar__toggle--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{min-height:min(100vh,920px);padding:calc(var(--nav-h) + 56px) 0 72px;background:var(--gradient-hero);position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__grid{background-image:linear-gradient(#1726a30a 1px,#0000 1px),linear-gradient(90deg,#1726a30a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%)}.hero__orb{filter:blur(60px);border-radius:50%;position:absolute}.hero__orb--1{background:#1726a32e;width:420px;height:420px;animation:10s ease-in-out infinite drift;top:-80px;right:8%}.hero__orb--2{background:#0b9ed91f;width:280px;height:280px;animation:12s ease-in-out infinite reverse drift;bottom:10%;left:5%}.hero__orb--3{background:#2a3bc429;width:180px;height:180px;animation:8s ease-in-out infinite drift;top:40%;left:40%}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(18px,-14px)}}.hero__layout{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero__brand{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);margin-bottom:18px;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:800}.hero__badge{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);box-shadow:var(--shadow-sm);background:#ffffffbf;align-items:center;gap:8px;margin-bottom:22px;padding:8px 14px;font-size:.875rem;font-weight:500;display:inline-flex}.hero__badge-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 4px #16a34a26}@keyframes pulse{50%{opacity:.55}}.hero__title{letter-spacing:-.045em;color:var(--text);max-width:12ch;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.75rem);font-weight:800;line-height:1.08}.hero__subtitle{color:var(--text-muted);max-width:34rem;margin-bottom:32px;font-size:1.1rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:12px;display:flex}.hero__visual{min-height:420px;position:relative}.hero__panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .5s var(--ease);background:#ffffffd1;border:1px solid #ffffffb3;overflow:hidden;transform:perspective(1200px)rotateY(-6deg)rotateX(4deg)}.hero__panel:hover{transform:perspective(1200px)rotateY(-2deg)rotateX(1deg)}.hero__panel-bar{border-bottom:1px solid var(--border);background:linear-gradient(#f3f5ff,#eef1ff);gap:6px;padding:14px 16px;display:flex}.hero__panel-bar span{background:#d5daea;border-radius:50%;width:10px;height:10px}.hero__panel-bar span:first-child{background:#ff6b6b}.hero__panel-bar span:nth-child(2){background:#ffd166}.hero__panel-bar span:nth-child(3){background:#06d6a0}.hero__panel-body{background:linear-gradient(135deg,#1726a30f,#0000 40%),#fff;gap:14px;padding:20px;display:grid}.hero__fake-card{background:linear-gradient(135deg, var(--primary-soft), #fff 60%);border:1px solid var(--border);border-radius:12px;height:88px}.hero__fake-card--lg{background:var(--gradient);border:none;height:150px;box-shadow:inset 0 0 0 1px #ffffff26}.hero__fake-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hero__fake-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.hero__fake-metrics div{background:var(--bg-muted);border:1px solid var(--border);border-radius:12px;padding:12px}.hero__fake-metrics strong{color:var(--primary);letter-spacing:-.03em;font-size:1.15rem;font-weight:800;display:block}.hero__fake-metrics span{color:var(--text-muted);font-size:.75rem}.hero__float{border-radius:var(--radius-full);border:1px solid var(--border);box-shadow:var(--shadow-md);color:var(--primary-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;padding:10px 14px;font-size:.8125rem;font-weight:600;animation:5s ease-in-out infinite floaty;position:absolute}.hero__float--1{top:12%;left:-8%}.hero__float--2{animation-delay:1.2s;bottom:16%;right:-4%}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.clients{border-block:1px solid var(--border);background:#fff;padding:36px 0;overflow:hidden}.clients__label{text-align:center;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px;font-size:.8125rem;font-weight:600}.clients__track-wrap{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.clients__track{gap:48px;width:max-content;animation:28s linear infinite marquee;display:flex}.clients__item{flex:none}.clients__logo{letter-spacing:-.03em;color:#9aa1b5;white-space:nowrap;font-size:1.15rem;font-weight:800}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.services__grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s ease;background:#fff;flex-direction:column;gap:12px;min-height:100%;padding:28px 24px;display:flex}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#1726a340;transform:translateY(-6px)}.service-card__icon{width:48px;height:48px;color:var(--primary);background:var(--primary-softer);border-radius:12px;place-items:center;margin-bottom:4px;display:grid}.service-card h3{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.service-card p{color:var(--text-muted);flex:1;font-size:.95rem}.service-card__link{color:var(--primary);align-items:center;gap:6px;margin-top:8px;font-size:.9rem;font-weight:600;display:inline-flex}.why__stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.why__stat{text-align:center;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:28px 16px}.why__stat strong{letter-spacing:-.04em;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;display:block}.why__stat span{color:var(--text-muted);font-size:.9rem}.why__grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.why__card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease);background:#fff;padding:28px}.why__card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.why__icon{width:44px;height:44px;color:var(--primary);background:var(--primary-softer);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.why__card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.1rem;font-weight:700}.why__card p{color:var(--text-muted);font-size:.95rem}.portfolio__filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.portfolio__filter{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;background:#fff;align-items:center;padding:10px 18px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.portfolio__filter:hover{border-color:var(--primary-light);color:var(--primary)}.portfolio__filter--active{background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.portfolio__yt-bar{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:28px;padding:10px 12px;display:flex;overflow:hidden}.portfolio__yt-back{border:none;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff;flex-shrink:0;padding:8px 14px;font-size:.8125rem;font-weight:600;transition:all .2s}.portfolio__yt-back:hover{color:var(--primary);border-color:var(--primary-light)}.portfolio__yt-chips{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.portfolio__yt-chip{color:var(--text-secondary);border:none;border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:#fff;flex-shrink:0;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .2s}.portfolio__yt-chip:hover{background:var(--primary-softer);color:var(--primary)}.portfolio__yt-chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.portfolio__client-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.portfolio__client-name{letter-spacing:-.03em;color:var(--text);font-size:1.15rem;font-weight:800}.portfolio__insta-tabs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;margin-bottom:28px;display:flex}.portfolio__insta-tab{max-width:160px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-top:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:6px;margin-top:-1px;padding:14px 10px 12px;font-size:.7rem;font-weight:700;transition:color .2s,border-color .2s;display:flex}.portfolio__insta-tab:hover{color:var(--text-secondary)}.portfolio__insta-tab--active{color:var(--text);border-top-color:var(--text)}.portfolio__active-label{text-align:center;color:var(--text-muted);margin-bottom:22px;font-size:.925rem}.portfolio__active-label strong{color:var(--primary)}.portfolio__view-all{justify-content:center;margin-top:40px;display:flex}.portfolio-page{padding-top:var(--nav-h);min-height:60vh}.portfolio-page__bar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);top:var(--nav-h);z-index:40;background:#ffffffeb;position:sticky}.portfolio-page__bar-inner{justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.portfolio-page__back{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.portfolio-page__back:hover{color:var(--primary)}.portfolio-page__back-icon{display:inline-flex;transform:scaleX(-1)}.portfolio-page__crumb{color:var(--text-muted);font-size:.875rem}.portfolio-page__crumb strong{color:var(--text);font-weight:700}.section--portfolio-page{padding-top:56px}.navbar__nav>a.is-active{color:var(--primary)}.portfolio__groups{flex-direction:column;gap:48px;display:flex}.portfolio__group-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:14px;display:flex}.portfolio__group-head h3{letter-spacing:-.03em;font-size:1.3rem;font-weight:800}.portfolio__group-more{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:#fff;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.portfolio__group-more:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-softer)}.subcat-browser__head{text-align:center;margin-bottom:32px}.subcat-browser__head h3{letter-spacing:-.03em;margin-bottom:8px;font-size:1.35rem;font-weight:800}.subcat-browser__head p{color:var(--text-muted);margin-bottom:16px}.subcat-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.subcat-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s ease;font:inherit;color:inherit;background:#fff;flex-direction:column;padding:0;display:flex;overflow:hidden}.subcat-card:hover{box-shadow:var(--shadow-lg);border-color:#1726a340;transform:translateY(-5px)}.subcat-card__thumb{aspect-ratio:16/10;background:var(--primary-softer);position:relative;overflow:hidden}.subcat-card__thumb img,.subcat-card__thumb video{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.subcat-card:hover .subcat-card__thumb img,.subcat-card:hover .subcat-card__thumb video{transform:scale(1.05)}.subcat-card__placeholder{height:100%;color:var(--primary);opacity:.55;place-items:center;display:grid}.subcat-card__play{width:34px;height:34px;color:var(--primary);box-shadow:var(--shadow-sm);background:#fffffff2;border-radius:50%;place-items:center;display:grid;position:absolute;inset:auto 12px 12px auto}.subcat-card__body{padding:16px}.subcat-card__body h3{letter-spacing:-.02em;margin-bottom:4px;font-size:1.05rem;font-weight:700}.subcat-card__body p{color:var(--text-muted);margin-bottom:10px;font-size:.85rem}.subcat-card__cta{color:var(--primary);align-items:center;gap:4px;font-size:.85rem;font-weight:600;display:inline-flex}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.portfolio__grid--thumbnails{gap:18px}.thumbnail-card{cursor:pointer;aspect-ratio:16/9;width:100%;transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:0 0;border:none;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 8px 28px #0b12201f}.thumbnail-card:hover,.thumbnail-card:focus-visible{outline:none;transform:translateY(-4px)scale(1.015);box-shadow:0 16px 40px #0b12202e}.thumbnail-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s;display:block}.thumbnail-card img.is-loaded{opacity:1}.thumbnail-card__placeholder{background:var(--primary-softer);width:100%;height:100%;color:var(--primary);opacity:.55;place-items:center;display:grid}.portfolio__grid--hover-images{gap:16px}.hover-image-card{cursor:pointer;aspect-ratio:1080/1350;width:100%;transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#0b1220;border:none;border-radius:16px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 8px 28px #0b12201f}.hover-image-card:hover,.hover-image-card:focus-visible{outline:none;transform:translateY(-4px)scale(1.015);box-shadow:0 16px 40px #0b12202e}.hover-image-card img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s ease, transform .45s var(--ease);display:block}.hover-image-card img.is-loaded{opacity:1}.hover-image-card:hover img.is-loaded,.hover-image-card:focus-visible img.is-loaded{transform:scale(1.06)}.hover-image-card__placeholder{background:var(--primary-softer);width:100%;height:100%;color:var(--primary);opacity:.55;place-items:center;display:grid}.hover-image-card__caption{opacity:0;pointer-events:none;background:linear-gradient(#0000 40%,#0b1220c7);flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;padding:20px 16px;transition:opacity .3s;display:flex;position:absolute;inset:0}.hover-image-card:hover .hover-image-card__caption,.hover-image-card:focus-visible .hover-image-card__caption{opacity:1}.hover-image-card__title{color:#fff;letter-spacing:-.02em;text-align:center;font-size:.95rem;font-weight:700;line-height:1.3}.hover-image-card__play{width:40px;height:40px;color:var(--primary);box-shadow:var(--shadow-md);background:#fff;border-radius:50%;place-items:center;display:grid}@media (hover:none){.hover-image-card__caption{opacity:1}}.hover-image-card--client .hover-image-card__caption{opacity:1}.hover-image-card__count{color:#ffffffd1;font-size:.8rem;font-weight:600}.lightbox__content--thumbnail{max-width:min(960px,94vw);box-shadow:none;background:0 0;border:none}.lightbox__content--thumbnail .lightbox__stage{background:0 0;border-radius:16px;overflow:hidden}.lightbox__content--thumbnail .lightbox__media{object-fit:contain;border-radius:16px;width:100%;max-height:85vh}.lightbox__content--portrait{width:min(420px,92vw);max-width:min(420px,92vw);box-shadow:none;background:0 0;border:none}.lightbox__content--portrait .lightbox__stage{aspect-ratio:1080/1350;background:#0b1220;border-radius:16px;overflow:hidden}.lightbox__content--portrait .lightbox__media{object-fit:cover;width:100%;height:100%;max-height:none;display:block}.portfolio__empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);background:#fff;padding:64px 24px}.portfolio-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s ease;background:#fff;overflow:hidden}.portfolio-card:hover,.portfolio-card:focus-visible{box-shadow:var(--shadow-lg);border-color:#1726a333;outline:none;transform:translateY(-6px)}.portfolio-card__media{aspect-ratio:16/11;background:var(--primary-softer);position:relative;overflow:hidden}.portfolio-card__media img,.portfolio-card__media video{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .55s var(--ease), opacity .35s ease}.portfolio-card__media img.is-loaded,.portfolio-card__media video.is-loaded{opacity:1}.portfolio-card:hover .portfolio-card__media img,.portfolio-card:hover .portfolio-card__media video{transform:scale(1.06)}.portfolio-card__placeholder{height:100%;color:var(--primary);opacity:.35;place-items:center;font-size:2.5rem;font-weight:800;display:grid}.portfolio-card__overlay{opacity:0;background:linear-gradient(#0000 35%,#0b1220a6);justify-content:space-between;align-items:flex-end;padding:14px;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-card__overlay,.portfolio-card:focus-visible .portfolio-card__overlay{opacity:1}.portfolio-card__category{letter-spacing:.04em;text-transform:uppercase;color:#fff;border-radius:var(--radius-full);background:#1726a3e6;padding:6px 10px;font-size:.72rem;font-weight:700}.portfolio-card__play{width:40px;height:40px;color:var(--primary);box-shadow:var(--shadow-md);background:#fff;border-radius:50%;place-items:center;display:grid}.portfolio-card__body{padding:18px 18px 20px}.portfolio-card__body h3{letter-spacing:-.02em;margin-bottom:6px;font-size:1.05rem;font-weight:700}.portfolio-card__body p{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.portfolio-card__tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.portfolio-card__tags span{color:var(--primary);background:var(--primary-softer);border-radius:var(--radius-full);padding:4px 9px;font-size:.72rem;font-weight:600}.lightbox{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220c7;place-items:center;padding:24px;animation:.25s lightbox-fade;display:grid;position:fixed;inset:0}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__content{border-radius:var(--radius-lg);width:min(860px,100%);max-height:92vh;animation:lightbox-pop .3s var(--ease);background:#fff;position:relative;overflow:hidden auto;box-shadow:0 30px 80px #0b122080}.lightbox__content--video{width:min(1040px,100%)}@keyframes lightbox-pop{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lightbox__close{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b12208c;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;line-height:1;transition:background .2s,transform .2s;position:absolute;top:14px;right:14px}.lightbox__close:hover{background:#0b1220cc;transform:rotate(90deg)}.lightbox__stage{background:#0b1220}.lightbox__frame{aspect-ratio:16/9;background:#000;width:100%;position:relative}.lightbox__frame iframe,.lightbox__frame video{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lightbox__media{object-fit:contain;background:#0b1220;width:100%;max-height:62vh;display:block}.lightbox__placeholder{text-align:center;color:#fff;padding:80px 24px;font-weight:700}.lightbox__info{padding:26px 28px 30px}.lightbox__info h3{letter-spacing:-.03em;margin-bottom:8px;font-size:1.4rem;font-weight:800}.lightbox__subcategory{background:var(--primary-softer);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-full);padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-block;color:var(--primary)!important;margin-bottom:12px!important}.lightbox__info p{color:var(--text-muted);margin-bottom:16px;line-height:1.6}.lightbox__tags{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.lightbox__tags span{color:var(--text-secondary);background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 10px;font-size:.72rem;font-weight:600}.lightbox__cta{text-decoration:none}.process__grid{counter-reset:none;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;display:grid}.process__card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:28px 24px;position:relative}.process__card:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--primary-light), transparent);z-index:1;width:22px;height:2px;position:absolute;top:42px;right:-11px}.process__num{letter-spacing:.08em;color:var(--primary);background:var(--primary-softer);border-radius:var(--radius-full);margin-bottom:16px;padding:6px 10px;font-size:.8rem;font-weight:800;display:inline-block}.process__card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1.15rem;font-weight:700}.process__card p{color:var(--text-muted);font-size:.925rem}.testimonials{max-width:760px;margin:0 auto}.testimonial-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center;background:#fff;padding:40px 36px}.testimonial-card__stars{color:#f5b301;gap:4px;margin-bottom:18px;display:inline-flex}.testimonial-card__quote{color:var(--text-secondary);margin-bottom:28px;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;line-height:1.7}.testimonial-card__author{text-align:left;align-items:center;gap:14px;display:inline-flex}.testimonial-card__avatar{color:#fff;background:var(--gradient);border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.testimonial-card__author strong{font-size:.98rem;display:block}.testimonial-card__author span{color:var(--text-muted);font-size:.875rem}.testimonials__dots{justify-content:center;gap:8px;margin-top:22px;display:flex}.testimonials__dot{cursor:pointer;background:#cbd1e1;border:none;border-radius:50%;width:8px;height:8px;transition:width .25s,background .25s}.testimonials__dot--active{background:var(--primary);border-radius:999px;width:24px}.tech__tabs{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;display:flex}.tech__tab{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;padding:10px 18px;font-weight:600;transition:all .25s}.tech__tab--active{background:var(--gradient);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.tech__grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.tech__item{border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s ease;background:#fff;align-items:center;gap:10px;padding:16px;font-size:.92rem;font-weight:600;display:flex}.tech__item:hover{box-shadow:var(--shadow-md);border-color:#1726a333;transform:translateY(-3px)}.tech__dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 4px var(--primary-soft);border-radius:50%}.about{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.about__panel{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md);background:linear-gradient(160deg,#1726a314,#0000 45%),#fff;gap:16px;padding:28px;display:grid}.about__mission,.about__vision{border-radius:var(--radius);background:var(--bg-muted);border:1px solid var(--border);padding:20px}.about__mission span,.about__vision span{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:.72rem;font-weight:800;display:inline-block}.about__mission p,.about__vision p{color:var(--text-secondary);font-weight:500}.about__chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.about__chip{border:1px solid var(--border);color:var(--primary);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px 14px;font-size:.9rem;font-weight:600;display:inline-flex}.about__content .section__title{text-align:left}.about__text{color:var(--text-muted);margin:16px 0 24px;font-size:1.05rem}.about__features{gap:12px;list-style:none;display:grid}.about__features li{color:var(--text-secondary);align-items:center;gap:10px;font-weight:500;display:flex}.about__features svg{color:var(--primary);flex-shrink:0}.cta-banner{background:var(--gradient);color:#fff;border-radius:28px;margin:0 24px;position:relative;overflow:hidden}.cta-banner:before{content:"";background:#ffffff14;border-radius:50%;width:420px;height:420px;position:absolute;top:-160px;right:-80px}.cta-banner__inner{z-index:1;justify-content:space-between;align-items:center;gap:32px;padding:56px 0;display:flex;position:relative}.cta-banner h2{letter-spacing:-.035em;max-width:16ch;margin-bottom:10px;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;line-height:1.2}.cta-banner p{color:#ffffffd1;max-width:36rem}.cta-banner__actions{flex-wrap:wrap;flex-shrink:0;gap:12px;display:flex}.contact{grid-template-columns:.85fr 1.15fr;align-items:start;gap:28px;display:grid}.contact__info{gap:14px;display:grid}.contact__item{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;align-items:flex-start;gap:14px;padding:20px;display:flex}.contact__icon{width:44px;height:44px;color:var(--primary);background:var(--primary-softer);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.contact__item strong{margin-bottom:2px;font-size:.9rem;display:block}.contact__item a,.contact__item span{color:var(--text-muted);font-size:.95rem}.contact__item a:hover{color:var(--primary)}.contact__form{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;padding:28px}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--border-strong);background:var(--bg-muted);width:100%;color:var(--text);border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-light);background:#fff;outline:none;box-shadow:0 0 0 4px #1726a31f}.form-group textarea{resize:vertical;min-height:130px}.footer{color:#d7dce8;background:#0b1220;margin-top:24px;padding-top:72px}.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:36px;padding-bottom:48px;display:grid}.footer h3{color:#fff;margin-bottom:16px;font-size:.9rem;font-weight:700}.footer .navbar__name{color:#fff}.footer__logo-img{filter:brightness(0)invert();width:auto;height:40px;display:block}.footer__brand p{color:#9aa3b8;max-width:28ch;margin-top:12px}.footer__email{margin-top:16px!important}.footer__email a:hover{color:#fff}.footer__links{gap:10px;display:grid}.footer__links a{color:#9aa3b8;font-size:.925rem;transition:color .2s}.footer__links a:hover{color:#fff}.footer__newsletter-text{color:#9aa3b8;margin-bottom:14px;font-size:.9rem}.footer__newsletter{gap:8px;display:flex}.footer__newsletter input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;flex:1;min-width:0;padding:11px 12px}.footer__newsletter input::placeholder{color:#7e879b}.footer__social{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.footer__social a{color:#9aa3b8;font-size:.875rem}.footer__social a:hover{color:#fff}.footer__bottom{border-top:1px solid #ffffff14;padding:22px 0}.footer__bottom p{text-align:center;color:#7e879b;font-size:.85rem}.loader{min-height:100vh;color:var(--text-muted);background:var(--gradient-soft);align-content:center;place-items:center;gap:14px;display:grid}.loader__spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-muted) 0%, #eef0f7 45%, var(--bg-muted) 90%);background-size:200% 100%;border-radius:10px;animation:1.35s ease-in-out infinite skeleton-shimmer}.skeleton--media{z-index:1;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.skeleton--line{width:100%;height:12px;margin-bottom:10px}.skeleton--line-lg{width:72%;height:16px}.skeleton--line-sm{width:48%;margin-bottom:0}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.skeleton-card--thumb{border-radius:12px}.skeleton-card--thumb .skeleton--media{aspect-ratio:16/9;position:relative}.portfolio__grid--hover-images .skeleton-card .skeleton--media{aspect-ratio:1080/1350;position:relative}.skeleton-card:not(.skeleton-card--thumb) .skeleton--media{aspect-ratio:16/11;position:relative}.skeleton-card__body{padding:16px 18px 20px}@media (width<=1100px){.services__grid,.process__grid,.tech__grid{grid-template-columns:repeat(2,1fr)}.process__card:not(:last-child):after{display:none}.portfolio__grid,.subcat-grid{grid-template-columns:repeat(2,1fr)}.hero__layout,.about,.contact,.footer__grid{grid-template-columns:1fr}.hero__title{max-width:none}.hero__visual{max-width:560px;margin-inline:auto}.hero__panel{transform:none}.hero__float--1{left:0}.hero__float--2{right:0}.cta-banner{margin-inline:16px}.cta-banner__inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:48px 8px}.cta-banner h2{max-width:none}.cta-banner__actions{justify-content:center;width:100%}}@media (width<=900px){:root{--nav-h:64px}.navbar__toggle{display:inline-flex}.navbar__nav{inset:var(--nav-h) 0 0;z-index:1;height:calc(100vh - var(--nav-h));height:calc(100dvh - var(--nav-h));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overscroll-behavior:contain;transition:transform .35s var(--ease), visibility 0s linear .35s;pointer-events:none;visibility:hidden;background:#fffffffa;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:24px;position:fixed;overflow-y:auto;transform:translate(100%)}.navbar__nav--open{pointer-events:auto;visibility:visible;transition:transform .35s var(--ease), visibility 0s;transform:translate(0)}.navbar__nav>a:not(.btn){border-radius:10px;padding:14px 12px;font-size:1.05rem}.navbar__nav>a:not(.btn):hover{background:var(--primary-softer)}.navbar__nav .btn{width:100%;margin-top:12px}}@media (width<=768px){:root{--container:min(100% - 32px, 1160px)}.section{padding:80px 0}.why__stats,.why__grid,.services__grid,.process__grid,.portfolio__grid,.tech__grid,.about__chips,.subcat-grid{grid-template-columns:1fr}.portfolio__grid--thumbnails{grid-template-columns:1fr;gap:14px}.portfolio__yt-bar{flex-direction:column;align-items:stretch}.why__stats{grid-template-columns:1fr 1fr}.hero{padding-top:calc(var(--nav-h) + 36px);min-height:auto}.hero__title{font-size:clamp(2.1rem,9vw,2.8rem)}.testimonial-card{padding:28px 20px}.footer__newsletter{flex-direction:column}.cta-banner{border-radius:20px;margin-inline:12px}.cta-banner__inner{gap:24px;padding:40px 4px}.cta-banner h2{font-size:clamp(1.45rem,6.5vw,1.9rem)}.cta-banner p{font-size:.95rem}.cta-banner__actions{flex-direction:column;align-items:stretch}.cta-banner__actions .btn{white-space:normal;width:100%}.portfolio-page__bar-inner{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.btn,.service-card,.portfolio-card,.hero__orb,.hero__float,.clients__track{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}