:root{--bg: #FAFAFA;--bg-elevated: #FFFFFF;--fg: #09090B;--fg-muted: #52525B;--fg-subtle: #71717A;--primary: #18181B;--on-primary: #FFFFFF;--accent: #2563EB;--accent-hover: #1D4ED8;--border: #E4E4E7;--border-strong: #D4D4D8;--muted: #F4F4F5;--radius: 14px;--radius-sm: 8px;--shadow-sm: 0 1px 2px 0 rgba(9, 9, 11, .04);--shadow-md: 0 4px 16px -2px rgba(9, 9, 11, .06), 0 2px 6px -1px rgba(9, 9, 11, .04);--shadow-lg: 0 12px 40px -8px rgba(9, 9, 11, .12), 0 4px 12px -2px rgba(9, 9, 11, .06);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container: 1200px}[data-theme=dark]{--bg: #09090B;--bg-elevated: #18181B;--fg: #FAFAFA;--fg-muted: #A1A1AA;--fg-subtle: #71717A;--primary: #FAFAFA;--on-primary: #09090B;--accent: #60A5FA;--accent-hover: #93C5FD;--border: #27272A;--border-strong: #3F3F46;--muted: #18181B}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #09090B;--bg-elevated: #18181B;--fg: #FAFAFA;--fg-muted: #A1A1AA;--fg-subtle: #71717A;--primary: #FAFAFA;--on-primary: #09090B;--accent: #60A5FA;--accent-hover: #93C5FD;--border: #27272A;--border-strong: #3F3F46;--muted: #18181B}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss02";transition:background .3s var(--ease-out),color .3s var(--ease-out)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0;color:var(--fg)}p{margin:0}a{color:inherit;text-decoration:none;transition:color .2s var(--ease-out)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--accent);color:#fff}.wrap{max-width:var(--container);margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:color-mix(in oklab,var(--bg) 80%,transparent);border-bottom:1px solid transparent;transition:border-color .3s var(--ease-out),background .3s var(--ease-out)}.topbar.is-scrolled{border-bottom-color:var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;min-width:0;flex-shrink:1}.brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--primary);color:var(--on-primary);font-size:14px;font-weight:800;flex-shrink:0}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;color:var(--fg-muted);transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .15s var(--ease-out)}.icon-btn:hover{background:var(--muted);color:var(--fg)}.icon-btn:active{transform:scale(.96)}.icon-btn svg{width:18px;height:18px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:-.005em;transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .15s var(--ease-out),box-shadow .2s var(--ease-out)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--fg-muted)}.btn-ghost:hover{background:var(--muted);color:var(--fg)}.btn svg{width:16px;height:16px}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated)}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 8px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--fg-subtle);border-radius:7px;transition:background .18s var(--ease-out),color .18s var(--ease-out)}.lang-switch a:hover{color:var(--fg);background:var(--muted)}.lang-switch a.is-active{color:var(--on-primary);background:var(--primary)}@media(max-width:720px){.wrap{padding:0 16px}.topbar-inner{height:56px;gap:12px}.brand-name,.topbar-actions .topbar-nav{display:none}.topbar-cta{padding:12px!important}.topbar-cta .cta-label{display:none}.topbar-cta svg{width:18px;height:18px;stroke-width:2}}@media(max-width:380px){.topbar-actions{gap:6px}.icon-btn{width:36px;height:36px}}section{padding:88px 0}.section-head{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:48px;max-width:720px}@media(min-width:900px){.section-head{grid-template-columns:280px 1fr;gap:64px;max-width:none;align-items:baseline}}.section-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);display:inline-flex;align-items:center;gap:12px}.section-eyebrow:before{content:"";display:inline-block;width:28px;height:1px;background:var(--border-strong)}.section-title{font-size:clamp(32px,4.6vw,52px);font-weight:700;letter-spacing:-.035em}.section-lede{margin-top:14px;color:var(--fg-muted);font-size:17px;line-height:1.6;max-width:640px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated)}.hero{position:relative;padding:80px 0 36px;overflow:hidden}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 25%,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 25%,#000 30%,transparent 70%);opacity:.5}.hero-inner{position:relative}.hero h1{font-size:clamp(40px,7vw,84px);font-weight:800;letter-spacing:-.045em;line-height:.96;margin-top:28px;margin-bottom:22px;max-width:14ch}.hero h1 .accent{color:var(--accent)}.hero-tagline{font-size:clamp(17px,2.1vw,21px);color:var(--fg-muted);max-width:680px;line-height:1.55;margin-bottom:32px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.journey{margin-top:56px;padding:30px 28px 26px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.journey-steps{list-style:none;margin:0;padding:0;display:flex;align-items:flex-start}.js-node{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}.js-node:not(:last-child):before{content:"";position:absolute;z-index:0;top:18px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background-image:repeating-linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 14px),linear-gradient(var(--border),var(--border));background-size:14px 2px,100% 2px;background-repeat:repeat-x,no-repeat;animation:flow-x .7s linear infinite}@keyframes flow-x{0%{background-position:0 0,0 0}to{background-position:14px 0,0 0}}.js-dot{position:relative;z-index:1;width:38px;height:38px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-elevated);border:2.5px solid var(--accent);color:var(--accent);font-family:var(--font-mono);font-size:14px;font-weight:600}.js-node:last-child .js-dot{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 5px color-mix(in oklab,var(--accent) 16%,transparent)}.js-text{display:flex;flex-direction:column;align-items:center;margin-top:12px}.js-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--fg-muted)}.js-sub{display:none}.journey-cap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:22px;padding-top:18px;border-top:1px dashed var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle)}.journey-cap b{color:var(--accent);font-weight:600}@media(max-width:640px){.journey{padding:22px 20px}.journey-steps{flex-direction:column;align-items:stretch}.js-node{flex:none;flex-direction:row;align-items:center;gap:16px;text-align:left;padding-bottom:26px}.js-node:last-child{padding-bottom:0}.js-node:not(:last-child):before{top:20px;bottom:-20px;left:19px;right:auto;width:2px;height:auto;background-image:repeating-linear-gradient(180deg,var(--accent) 0 7px,transparent 7px 14px),linear-gradient(var(--border),var(--border));background-size:2px 14px,2px 100%;background-repeat:repeat-y,no-repeat;animation:flow-y .7s linear infinite}@keyframes flow-y{0%{background-position:0 0,0 0}to{background-position:0 14px,0 0}}.js-dot{width:40px;height:40px;font-size:15px}.js-text{margin-top:0;align-items:flex-start;gap:1px}.js-label{font-family:var(--font-body);font-size:15.5px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.js-sub{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em;color:var(--fg-subtle)}}.timeline{display:flex;flex-direction:column;gap:16px}.tl-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px;transition:border-color .2s var(--ease-out),transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.tl-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-md)}.tl-card-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.tl-num{width:46px;height:46px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:var(--primary);color:var(--on-primary);font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.02em}.tl-icon{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent)}.tl-icon svg{width:20px;height:20px}.tl-headtext{min-width:0}.tl-phase{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.tl-title{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.tl-goal{font-size:15.5px;line-height:1.6;color:var(--fg-muted);margin:0 0 18px}.tl-goal strong{color:var(--fg);font-weight:600}.tl-deliver{display:flex;flex-direction:column;gap:9px;margin:0 0 18px;padding:0;list-style:none}.tl-deliver li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.55;color:var(--fg-muted)}.tl-deliver li svg{position:absolute;left:0;top:4px;width:15px;height:15px;color:var(--accent)}.tl-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:16px;border-top:1px solid var(--border)}.tag{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);padding:4px 9px;border:1px solid var(--border);border-radius:999px}.tl-proof{margin-left:auto;font-size:13px;color:var(--fg-subtle);display:inline-flex;align-items:center;gap:7px}.tl-proof svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}.tl-proof b{color:var(--fg);font-weight:600}a.tl-proof:hover,a.tl-proof:hover b{color:var(--accent)}a.tl-proof b{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--border-strong)}a.tl-proof:hover b{text-decoration-color:var(--accent)}@media(max-width:560px){.tl-card{padding:20px}.tl-card-head{gap:12px;margin-bottom:14px}.tl-num{width:40px;height:40px;font-size:17px;border-radius:11px}.tl-icon{width:34px;height:34px}.tl-icon svg{width:18px;height:18px}.tl-title{font-size:18px}.tl-foot{gap:8px}.tl-proof{margin-left:0;width:100%;margin-top:4px}}@media(max-width:400px){.tl-card-head .tl-icon{display:none}}.pipe{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow-sm)}.pipe-svg{width:100%;height:auto;display:block;overflow:visible}.pipe-desktop{display:block}.pipe-mobile{display:none}.pipe-svg .box{fill:var(--muted);stroke:var(--border-strong);stroke-width:1.5}.pipe-svg .box-accent{fill:color-mix(in oklab,var(--accent) 12%,var(--bg-elevated));stroke:var(--accent);stroke-width:1.5}.pipe-svg .box-mon{fill:var(--bg-elevated);stroke:var(--border-strong);stroke-width:1.5;stroke-dasharray:4 4}.pipe-svg .lbl{fill:var(--fg);font-family:var(--font-body);font-size:13px;font-weight:600}.pipe-svg .sub{fill:var(--fg-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.02em}.pipe-svg .conn{stroke:var(--accent);stroke-width:2.5;fill:none;stroke-dasharray:7 6;animation:dashmove .8s linear infinite}.pipe-svg .rollback{stroke:var(--accent);stroke-width:1.8;fill:none;stroke-dasharray:5 4;animation:dashmove 1.1s linear infinite;opacity:.9}.pipe-svg .back-lbl{fill:var(--accent);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em}@keyframes dashmove{to{stroke-dashoffset:-26}}.flow-note{margin-top:22px;display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.6;color:var(--fg-muted)}.flow-note svg{flex-shrink:0;width:18px;height:18px;color:var(--accent);margin-top:3px}.flow-note b{color:var(--fg);font-weight:600}@media(max-width:680px){.pipe{padding:22px 18px}.pipe-desktop{display:none}.pipe-mobile{display:block}}.proto-fig{width:100%;height:auto;display:block;margin:2px 0 18px;border:1px solid var(--border);border-radius:12px;background:var(--muted);overflow:hidden}.proto-fig .win{fill:var(--bg-elevated);stroke:var(--border-strong);stroke-width:1.5}.proto-fig .bar{stroke:var(--border);stroke-width:1.2}.proto-fig .dot{fill:var(--border-strong)}.proto-fig .ph{fill:var(--border)}.proto-fig .ph-side{fill:color-mix(in oklab,var(--fg-subtle) 16%,transparent)}.proto-fig .btn{fill:var(--accent)}.proto-fig .btn-ph{fill:color-mix(in oklab,var(--accent) 55%,var(--bg-elevated))}.proto-fig .cursor{fill:var(--fg);stroke:var(--bg-elevated);stroke-width:1.2}.proto-fig .ripple{fill:none;stroke:var(--accent);stroke-width:2}.proto-fig .shimmer-g{animation:shimmer-move 2.6s ease-in-out infinite}.proto-fig .cursor-g{animation:cursor-loop 3.6s ease-in-out infinite}.proto-fig .ripple{animation:ripple-pulse 3.6s ease-in-out infinite}@keyframes shimmer-move{0%{transform:translate(-180px)}to{transform:translate(440px)}}@keyframes cursor-loop{0%{transform:translate(260px,26px)}42%{transform:translate(150px,110px)}72%{transform:translate(150px,110px)}to{transform:translate(260px,26px)}}@keyframes ripple-pulse{0%,40%{r:2;opacity:0}46%{r:3;opacity:.55}64%{r:22;opacity:0}to{r:22;opacity:0}}@media(max-width:720px){.tl-foot{flex-wrap:wrap}.tl-proof{flex:1 0 100%;margin-left:0;margin-top:8px;display:block;line-height:1.5}.tl-proof svg{display:inline-block;vertical-align:-2px;margin-right:5px}}.principles{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.principles{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.principles{grid-template-columns:repeat(3,1fr)}}.principle{padding:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s var(--ease-out),transform .25s var(--ease-out)}.principle:hover{border-color:var(--border-strong);transform:translateY(-2px)}.principle-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--muted);color:var(--accent);margin-bottom:14px}.principle-icon svg{width:19px;height:19px}.principle h3{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.principle p{font-size:14px;line-height:1.6;color:var(--fg-muted)}.contact{position:relative;padding:96px 0;border-top:1px solid var(--border);background:radial-gradient(ellipse 60% 50% at 50% 0%,color-mix(in oklab,var(--accent) 8%,transparent),transparent 70%),var(--bg)}.contact-inner{text-align:center;max-width:720px;margin:0 auto}.contact h2{font-size:clamp(32px,5.4vw,56px);letter-spacing:-.04em;margin-bottom:18px}.contact h2 em{font-style:italic;font-family:Inter,serif;font-weight:500;color:var(--fg-muted)}.contact-lede{color:var(--fg-muted);font-size:18px;line-height:1.6;margin-bottom:36px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.contact-meta{margin-top:48px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--fg-subtle)}.contact-meta a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--d, 0ms)}.reveal-stagger.in>*{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}html[data-locale=uk]{--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif}html[data-locale=uk] .contact h2 em{font-family:Inter,serif}
