@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/outfit-v15-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/outfit-v15-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--brand-violet: #5b3ce0;--brand-ink: #0a0a12;--font-sans: Outfit, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--r-full: 999px;--pad: clamp(20px, 5vw, 72px);--maxw: 1180px;--header-h: 68px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .28s}:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light}:root,:root[data-theme=light]{--bg: #fbfbfd;--bg-grad: radial-gradient(120% 80% at 50% -10%, #ffffff 0%, #f6f5fb 55%, #eeedf6 100%);--surface: #ffffff;--surface-2: #f4f4f8;--surface-3: #ececf3;--border: #e4e4ee;--border-strong: #cbcbdb;--text: #14141f;--text-muted: #5a5a70;--text-faint: #8a8aa0;--accent: #5b3ce0;--accent-hover: #4a2fc4;--accent-fill: #5b3ce0;--accent-fill-hover: #4a2fc4;--accent-contrast: #ffffff;--accent-soft: rgba(91, 60, 224, .09);--ring: rgba(91, 60, 224, .35);--shadow-sm: 0 1px 2px rgba(20, 20, 45, .05), 0 2px 8px rgba(20, 20, 45, .04);--shadow-md: 0 4px 14px rgba(20, 20, 45, .07), 0 14px 36px rgba(20, 20, 45, .07);--shadow-lg: 0 14px 32px rgba(20, 20, 45, .1), 0 36px 72px rgba(20, 20, 45, .09);--scrim: rgba(255, 255, 255, .76);--glow: radial-gradient(60% 60% at 50% 0%, rgba(91, 60, 224, .1), transparent 70%)}:root[data-theme=dark]{--bg: #0a0a12;--bg-grad: radial-gradient(120% 80% at 50% -10%, #1a1730 0%, #0e0e1a 55%, #07070e 100%);--surface: #12121c;--surface-2: #1a1a26;--surface-3: #232332;--border: #26263a;--border-strong: #3a3a52;--text: #ececf5;--text-muted: #a0a0b8;--text-faint: #70708a;--accent: #9b86ff;--accent-hover: #b3a3ff;--accent-fill: #6d4ce8;--accent-fill-hover: #7d5ef0;--accent-contrast: #ffffff;--accent-soft: rgba(155, 134, 255, .14);--ring: rgba(155, 134, 255, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45), 0 14px 36px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 32px rgba(0, 0, 0, .5), 0 36px 72px rgba(0, 0, 0, .45);--scrim: rgba(10, 10, 18, .76);--glow: radial-gradient(60% 60% at 50% 0%, rgba(155, 134, 255, .12), transparent 70%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.022em;font-weight:700}p{margin:0}img,svg,video{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}::selection{background:var(--accent-soft);color:var(--text)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding-inline:20px;border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface);color:var(--text);font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.btn:hover{background:var(--surface-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--accent{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.btn--accent:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);box-shadow:var(--shadow-md)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover{background:var(--surface-2)}.btn--icon{width:40px;height:40px;padding-inline:0;border-color:transparent;background:transparent;border-radius:var(--r-full)}.btn--icon:hover{background:var(--surface-2);transform:none}.btn--lg{height:52px;padding-inline:26px;font-size:16px}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:var(--pad);z-index:100;padding:10px 16px;border-radius:var(--r-sm);background:var(--accent-fill);color:var(--accent-contrast);font-weight:600;transition:inset-block-start .2s var(--ease)}.skip:focus-visible{inset-block-start:12px}.particles{position:fixed;inset:0;z-index:-1;pointer-events:none}.section{padding-block:clamp(64px,9vw,120px)}.section--alt{background:var(--surface-2);border-block:1px solid var(--border)}.section__inner{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.section__head{max-width:62ch;margin-block-end:clamp(32px,4vw,52px)}.section__label{font-size:12px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin-block-end:12px}.section__title{font-size:clamp(1.7rem,3.4vw,2.5rem)}.section__lede{margin-block-start:14px;font-size:1.05rem;color:var(--text-muted)}.tt{display:contents}.tt--to-light{display:none}:root[data-theme=dark] .tt--to-light{display:contents}:root[data-theme=dark] .tt--to-dark{display:none}.header{position:sticky;inset-block-start:0;z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border-block-end:1px solid var(--border)}.header__inner{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);height:var(--header-h);display:flex;align-items:center;gap:20px}.header__brand{flex:none}.header__nav{display:flex;gap:24px;margin-inline-start:14px;font-size:15px;font-weight:550;color:var(--text-muted)}.header__nav a{transition:color .18s var(--ease)}.header__nav a:hover{color:var(--text)}.header__actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.logo{display:inline-flex;align-items:center;gap:10px}.logo__mark{flex:none;border-radius:30%}.logo__word{direction:ltr;unicode-bidi:isolate;font-size:1.12rem;font-weight:400;letter-spacing:-.03em;color:var(--text)}.logo__word b{font-weight:700}.logo__word i{font-style:normal;color:var(--accent)}.hero{position:relative;padding-block:clamp(72px,12vw,150px) clamp(56px,8vw,104px)}.hero__glow{position:absolute;inset:0;background:var(--glow);pointer-events:none}.hero__inner{position:relative}.hero__eyebrow{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface);font-size:13px;font-weight:600;color:var(--text-muted);margin-block-end:24px}.hero__title{max-width:19ch;font-size:clamp(2.3rem,6vw,4.1rem);letter-spacing:-.032em}.hero__lede{margin-block-start:22px;max-width:56ch;font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--text-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:34px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px}.card{position:relative;display:flex;flex-direction:column;padding:26px 24px;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(178deg,var(--surface-2),var(--surface) 46%);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s var(--ease)}.card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent-soft),0 8px 18px -10px var(--ring);color:var(--accent);margin-block-end:16px;transition:transform .22s var(--ease)}.card:hover .card__icon{transform:translateY(-1px)}.card__tag{font-size:11.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint)}.card__title{margin-block-start:7px;font-size:1.22rem}.card__lede{margin-block-start:10px;font-size:.99rem;line-height:1.55;color:var(--text)}.card__points{margin:0;margin-block-start:auto;padding:0;padding-block-start:16px;list-style:none;display:grid;gap:9px;border-block-start:1px solid var(--border)}.card__points>li{position:relative;padding-inline-start:19px;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.card__points>li:before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.56em;width:6px;height:6px;border-radius:var(--r-full);background:var(--accent);opacity:.8}.works{display:grid;gap:20px}.work{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:28px;align-items:center;padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.work__media{border-radius:var(--r-md);overflow:hidden;background:var(--surface-3);aspect-ratio:16 / 10}.work__media img{width:100%;height:100%;object-fit:cover}.work__media--empty{display:grid;place-content:center;padding:22px;background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--surface-2);border:1px dashed var(--border-strong)}.work__summary{font-size:.98rem;font-weight:600;color:var(--text-muted);text-align:center;text-wrap:balance}.work__client{font-size:12px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.work__title{margin-block-start:9px;font-size:1.32rem}.work__body{margin-block-start:12px;color:var(--text-muted);font-size:.98rem}.work__tags{display:flex;flex-wrap:wrap;gap:7px;margin-block-start:16px}.work__tags li{padding:4px 11px;border:1px solid var(--border);border-radius:var(--r-full);background:var(--surface-2);font-size:12px;color:var(--text-muted)}.about__body{max-width:68ch;display:grid;gap:18px}.about__body p{font-size:clamp(1rem,1.4vw,1.12rem);color:var(--text-muted)}.flow{--flow-n: 5;--flow-node: 44px;--flow-gap: 20px;--flow-rail: 1px;--flow-cycle: 7s;display:grid;grid-template-columns:repeat(var(--flow-n),minmax(0,1fr));gap:var(--flow-gap);margin:0;margin-block-start:clamp(36px,5vw,56px);padding:0;list-style:none;counter-reset:flow}.flow__step{position:relative;counter-increment:flow}.flow__step:after,.flow__step:before{content:"";position:absolute;inset-inline-start:var(--flow-node);inset-inline-end:calc(-1 * var(--flow-gap));inset-block-start:calc(var(--flow-node) / 2);height:var(--flow-rail)}.flow__step:after{background:var(--border-strong)}.flow__step:before{background:var(--accent);opacity:0;animation:flow-fill var(--flow-cycle) linear infinite;animation-delay:calc(var(--flow-i) * var(--flow-cycle) / var(--flow-n))}.flow__step:last-child:after,.flow__step:last-child:before{content:none}@keyframes flow-fill{0%,5%{inset-inline-end:100%;opacity:1}20%{inset-inline-end:calc(-1 * var(--flow-gap));opacity:1}36%{inset-inline-end:calc(-1 * var(--flow-gap));opacity:1}48%,to{inset-inline-end:calc(-1 * var(--flow-gap));opacity:0}}.flow__node{position:relative;display:flex;align-items:center;justify-content:center;width:var(--flow-node);height:var(--flow-node);border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--surface-2);color:var(--text-muted);font-weight:700;font-variant-numeric:tabular-nums;margin-block-end:16px;animation:flow-node var(--flow-cycle) linear infinite;animation-delay:calc(var(--flow-i) * var(--flow-cycle) / var(--flow-n))}.flow__node:before{content:counter(flow)}@keyframes flow-node{0%,to{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-muted);box-shadow:0 0 0 0 transparent}4%,20%{border-color:var(--accent);background:var(--accent-soft);color:var(--text);box-shadow:0 0 0 6px var(--accent-soft)}30%{border-color:var(--border-strong);background:var(--surface-2);color:var(--text-muted);box-shadow:0 0 0 0 transparent}}.flow__step:last-child .flow__node{border-color:transparent;background:var(--accent-fill);color:var(--accent-contrast);animation-name:flow-node-end}@keyframes flow-node-end{0%,to{box-shadow:0 0 0 0 transparent}4%,20%{box-shadow:0 0 0 7px var(--accent-soft)}30%{box-shadow:0 0 0 0 transparent}}.flow__title{font-size:1.02rem}.flow__body{margin-block-start:6px;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.contact__inner{max-width:640px;text-align:center}.contact__title{font-size:clamp(1.8rem,4vw,2.7rem)}.contact__body{margin-block-start:16px;color:var(--text-muted);font-size:1.05rem}.contact__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-block-start:30px}.contact__form-lead{margin-block-start:34px;color:var(--text-faint);font-size:.9rem;letter-spacing:.02em}.contact__form-lead:before,.contact__form-lead:after{content:"";display:inline-block;width:28px;height:1px;margin-inline:10px;vertical-align:middle;background:var(--border)}.contact__form{margin-block-start:16px;text-align:start}.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;margin-block-end:14px}.field__label{display:block;margin-block-end:6px;color:var(--text-muted);font-size:.85rem;font-weight:600}.field__input{width:100%;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font:inherit;font-size:15px;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}.field__input::placeholder{color:var(--text-faint)}.field__input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field__input--area{resize:vertical;min-height:120px;line-height:1.55}.field__trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact__submit{margin-block-start:4px}.contact__submit .btn[disabled]{opacity:.65;cursor:default;transform:none}.contact__error{min-height:1.4em;margin-block-start:10px;color:#d4183d;font-size:.9rem}:root:not([data-theme=light]) .contact__error{color:#ff8098}:root[data-theme=dark] .contact__error{color:#ff8098}.contact__sent{padding:26px 22px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);text-align:center}.contact__sent-title{font-size:1.15rem;font-weight:700}.contact__sent-body{margin-block-start:8px;color:var(--text-muted)}@media(max-width:620px){.contact__row{grid-template-columns:1fr;gap:0}}.footer{border-block-start:1px solid var(--border);padding-block:34px}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.footer__copy{font-size:14px;color:var(--text-faint)}[dir=rtl] [data-flip]{transform:scaleX(-1)}@media(max-width:1000px){.flow{grid-template-columns:minmax(0,1fr);--flow-gap: 0px}.flow__step{display:grid;grid-template-columns:var(--flow-node) minmax(0,1fr);column-gap:16px;padding-block-end:26px}.flow__node{grid-row:1 / span 2;grid-column:1;margin-block-end:0}.flow__title,.flow__body{grid-column:2}.flow__step:after,.flow__step:before{inset-inline-start:calc((var(--flow-node) - var(--flow-rail)) / 2);inset-inline-end:auto;inset-block-start:var(--flow-node);inset-block-end:0;width:var(--flow-rail);height:auto}.flow__step:before{animation-name:flow-fill-v}.flow__step:last-child{padding-block-end:0}}@keyframes flow-fill-v{0%,5%{inset-block-end:100%;opacity:1}20%{inset-block-end:0;opacity:1}36%{inset-block-end:0;opacity:1}48%,to{inset-block-end:0;opacity:0}}@media(max-width:860px){.work{grid-template-columns:1fr;gap:20px}.header__nav{display:none}}@media(max-width:560px){:root{--header-h: 60px}.header__cta span{display:none}.header__cta{width:44px;padding-inline:0}.logo__word{display:none}.hero__actions .btn{width:100%}}
