.home{overflow-x:clip}.section-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--side-padding)}.home h2{font-family:var(--font-display);font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--fg);overflow-wrap:anywhere;min-width:0}.home p{color:var(--fg-muted);font-size:clamp(15px,1.1vw,17px);line-height:1.75}.accent-word{color:var(--accent);text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:7px;text-decoration-color:color-mix(in srgb,var(--accent) 30%,transparent)}.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:12px;border:1px solid var(--accent-strong);background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,#A78BFA) 100%);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:0 6px 18px -10px color-mix(in srgb,var(--accent) 60%,transparent);transition:box-shadow .18s var(--ease-out),transform .18s var(--ease-out),filter .18s var(--ease-out)}.btn-solid:hover{filter:brightness(1.06);box-shadow:0 14px 30px -12px color-mix(in srgb,var(--accent) 75%,transparent);transform:translateY(-1px)}.btn-solid:active{transform:translateY(1px)}.btn-solid:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.btn-solid:disabled,.btn-solid[data-state=loading]{opacity:.65;cursor:progress;transform:none}.btn-arrow{display:inline-block;transition:transform .2s var(--ease-out)}.btn-solid:hover .btn-arrow{transform:translate(4px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color .18s var(--ease-out),background-color .18s var(--ease-out),transform .18s var(--ease-out)}.btn-ghost:hover{border-color:var(--fg);background:var(--surface);transform:translateY(-1px)}.btn-ghost:active{transform:translateY(1px)}.btn-ghost:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.home-nav{position:sticky;top:calc(14px + var(--safe-top));z-index:50;padding:0 var(--side-padding)}.home-nav__inner{max-width:1120px;margin:0 auto;height:60px;display:flex;align-items:center;gap:16px;padding:0 10px 0 20px;border-radius:999px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border);box-shadow:0 1px 2px #0a0a0a0a,0 16px 40px -22px #0a0a0a47}.home-nav__logo{display:inline-flex;align-items:center;gap:10px}.home-nav__logo img{height:26px;width:auto}.home-nav__wordmark{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--fg);white-space:nowrap}.home-nav__links{display:flex;gap:4px;margin:0 auto}.nav-drop{position:relative}.nav-drop:after{content:"";position:absolute;left:-8px;right:-8px;top:100%;height:16px}.nav-drop__btn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--fg-muted);font-family:var(--font-body);font-size:14.5px;font-weight:500;white-space:nowrap;padding:9px 13px;border-radius:999px;cursor:pointer;transition:color .16s var(--ease-out),background-color .16s var(--ease-out)}.nav-drop__chevron{transition:transform .2s var(--ease-out)}.nav-drop:hover .nav-drop__btn,.nav-drop:focus-within .nav-drop__btn{color:var(--fg);background:color-mix(in srgb,var(--fg) 6%,transparent)}.nav-drop:hover .nav-drop__chevron,.nav-drop:focus-within .nav-drop__chevron{transform:rotate(180deg)}.nav-drop__panel{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);min-width:216px;padding:8px;border-radius:16px;background:var(--bg);border:1px solid var(--border);box-shadow:0 24px 48px -24px #0a0a0a59;display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out),visibility 0s linear .18s}.nav-drop:hover .nav-drop__panel,.nav-drop:focus-within .nav-drop__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0);transition-delay:0s}.nav-drop__panel a{display:block;padding:10px 14px;border-radius:10px;color:var(--fg);font-size:14.5px;font-weight:500;transition:background-color .14s var(--ease-out),color .14s var(--ease-out)}.nav-drop__panel a:hover{background:var(--surface);color:var(--accent)}.home-nav__links a:focus-visible,.home-nav__phone:focus-visible,.home-footer a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px;border-radius:4px}.home-nav__actions{display:flex;align-items:center;gap:14px;margin-left:0}.home-nav__phone{color:var(--fg);font-weight:600;font-size:14px;white-space:nowrap;padding:8px 12px;border-radius:999px}.home-nav__phone:hover{color:var(--accent);background:color-mix(in srgb,var(--fg) 5%,transparent)}.home-nav__cta{padding:10px 20px;font-size:14px;border-radius:999px}.home-nav__burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg);cursor:pointer}.home-nav__burger:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--bg);overflow-y:auto;padding:calc(16px + var(--safe-top)) var(--side-padding) calc(40px + var(--safe-bottom));animation:mobileMenuIn .24s var(--ease-out)}.mobile-menu__top{display:flex;align-items:center;justify-content:space-between;max-width:480px;margin:0 auto 22px}.mobile-menu__top .home-nav__logo img{height:26px;width:auto}.mobile-menu__close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg);cursor:pointer}.mobile-menu__close:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu__inner{display:grid;gap:26px;max-width:480px;margin:0 auto}.mobile-menu__heading{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:10px}.mobile-menu__group ul{display:grid;gap:2px}.mobile-menu__group a{display:block;padding:11px 12px;border-radius:10px;color:var(--fg);font-size:16px;font-weight:500}.mobile-menu__group a:active,.mobile-menu__group a:hover{background:var(--surface);color:var(--accent)}.mobile-menu__actions{display:grid;gap:12px;padding-top:6px}.hero{position:relative;padding:clamp(48px,8vw,104px) 0 clamp(48px,7vw,88px);overflow:clip}.hero__bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,color-mix(in srgb,var(--fg) 4%,transparent) 1px,transparent 1px),linear-gradient(0deg,color-mix(in srgb,var(--fg) 4%,transparent) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(75% 85% at 50% 0%,#000 0%,transparent 85%);mask-image:radial-gradient(75% 85% at 50% 0%,#000 0%,transparent 85%)}.hero__bg:after{content:"";position:absolute;top:-180px;right:-140px;width:560px;height:560px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%)}.hero__inner{position:relative;max-width:var(--max-width);margin:0 auto;padding:0 var(--side-padding);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:start}.hero h1{font-family:var(--font-display);font-size:clamp(34px,4.8vw,62px);font-weight:700;line-height:1.08;letter-spacing:-.025em;color:var(--fg);overflow-wrap:anywhere;min-width:0;max-width:18ch}.hero__sub{margin-top:24px;max-width:54ch;font-size:clamp(16px,1.2vw,18px)}.deck{position:relative;display:block;width:100%;max-width:460px;height:122px;margin-top:34px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left}.deck__card{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:16px;min-height:78px;padding:18px 22px;border-radius:16px;background:var(--bg);border:1px solid var(--border);box-shadow:0 18px 36px -26px #0a0a0a73;will-change:transform}.deck__tag{flex-shrink:0;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);padding:6px 10px;border-radius:999px}.deck__text{color:var(--fg);font-size:clamp(15px,1.25vw,18px);font-weight:600;line-height:1.4}.deck:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:4px;border-radius:16px}.hero__visual{align-self:center;min-width:0}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero__form{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:clamp(26px,3vw,38px);box-shadow:0 1px 2px #0a0a0a0a,0 24px 60px -32px #0a0a0a47;width:100%}.hero__form-title{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--fg)}.hero__form-sub{margin:6px 0 18px;font-size:14px}.lead-form{display:grid;gap:17px}.lead-form__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.lead-form__field{display:grid;gap:6px}.lead-form__field>span{font-size:13px;font-weight:600;color:var(--fg)}.lead-form__field em{font-style:normal;font-weight:400;color:var(--fg-muted)}.lead-form input,.lead-form textarea{width:100%;padding:13px 15px;border-radius:11px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.lead-form textarea{resize:vertical;min-height:72px}.lead-form input:hover,.lead-form textarea:hover{border-color:var(--fg-muted)}.lead-form input:focus-visible,.lead-form textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.lead-form input:disabled,.lead-form textarea:disabled{background:var(--surface);cursor:not-allowed}.lead-form input:user-invalid,.lead-form textarea:user-invalid{border-color:#b91c1c}.lead-form__error{margin:0;padding:10px 12px;border-radius:10px;border:1px solid #FECACA;background:#fef2f2;color:#991b1b;font-size:14px}.lead-form__error a{color:inherit;text-decoration:underline}.lead-form__submit{width:100%;white-space:normal;line-height:1.3}.lead-form__consent{font-size:12px;line-height:1.5;margin:0}.lead-form--success{padding:20px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:14px;background:var(--accent-soft)}.lead-form__success-title{font-weight:700;color:var(--fg);margin-bottom:6px}.lead-form__success-text{font-size:14px;margin:0}.refs{border-block:1px solid var(--border);background:var(--surface);padding:30px 0 34px}.refs__title{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:20px;text-align:center}.refs__marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}.refs__track{display:flex;align-items:center;gap:clamp(48px,6vw,88px);width:max-content;animation:refsMarquee 36s linear infinite}.refs__marquee:hover .refs__track{animation-play-state:paused}@keyframes refsMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.refs__track img{height:34px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .18s var(--ease-out),opacity .18s var(--ease-out)}.refs__track img:hover{filter:none;opacity:1}.apps,.cases,.method,.interop,.faq{padding:clamp(64px,9vw,128px) 0}.apps__text{margin-top:16px;max-width:66ch}.apps__grid{margin-top:36px;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px}.apps__tile{position:relative;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--fg);font-size:14px;font-weight:600;min-width:0;overflow:clip;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out),border-color .2s var(--ease-out)}.apps__tile--link:hover{transform:translateY(-3px);background:color-mix(in srgb,var(--brand) 7%,var(--bg));box-shadow:0 18px 32px -24px color-mix(in srgb,var(--brand) 55%,rgba(10,10,10,.4))}.apps__tile--link:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.apps__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--surface)}.apps__name{overflow-wrap:anywhere}.apps__catchall{margin-top:26px;padding:clamp(24px,3vw,34px);border:1px solid var(--border);border-radius:20px;background:radial-gradient(70% 120% at 100% 0%,var(--accent-soft) 0%,transparent 70%),var(--bg);display:grid;justify-items:start;gap:12px}.apps__catchall h3{font-family:var(--font-display);font-size:clamp(20px,2.2vw,26px);font-weight:700;color:var(--fg);letter-spacing:-.015em}.apps__catchall p{max-width:62ch;margin:0}.apps__catchall .btn-solid{margin-top:6px}.apps__note{margin-top:20px;font-size:12px;color:var(--fg-muted)}.pivot{position:relative;background:var(--fg);padding:clamp(72px,10vw,136px) 0;overflow:clip}.pivot__glow{position:absolute;top:-220px;left:50%;transform:translate(-50%);width:780px;height:520px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 30%,transparent),transparent 72%);pointer-events:none}.pivot__statement{position:relative;font-family:var(--font-display);font-size:clamp(30px,4.4vw,56px);font-weight:700;line-height:1.14;letter-spacing:-.02em;color:#ffffff8c;max-width:24ch;overflow-wrap:anywhere;margin:0}.pivot__statement-accent{color:#fff}.pivot__pillars{margin-top:clamp(40px,6vw,72px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,48px)}.pivot__pillar{border-top:1px solid rgba(255,255,255,.18);padding-top:22px}.pivot__index{display:block;font-family:var(--font-display);font-size:15px;font-weight:600;color:color-mix(in srgb,var(--accent) 60%,#FFFFFF);margin-bottom:12px;letter-spacing:.08em}.pivot__pillar h3{color:#fff;font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:10px}.pivot__pillar p{color:#ffffffa8;font-size:15px}.cases{background:var(--surface)}.cases__grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cases__card{display:flex;flex-direction:column;gap:12px;height:100%;padding:30px;border:1px solid var(--border);border-radius:20px;background:var(--bg);min-width:0;transition:border-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.cases__card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));transform:translateY(-4px);box-shadow:0 24px 44px -30px #0a0a0a73}.cases__card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.cases__label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0}.cases__card h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--fg);line-height:1.25;overflow-wrap:anywhere}.cases__text{font-size:15px;margin:0}.cases__more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--accent)}.cases__arrow{display:inline-block;transition:transform .2s var(--ease-out)}.cases__card:hover .cases__arrow{transform:translate(5px)}.method__steps{margin-top:40px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px;list-style:none}.method__step{position:relative;padding-top:24px}.method__step:before{content:"";position:absolute;top:0;left:0;right:-26px;height:2px;border-radius:2px;background:var(--border)}.method__step:last-child:before{right:0}.method__step:after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 18%,transparent)}.method__num{display:block;font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:-.02em;color:color-mix(in srgb,var(--accent) 32%,var(--border));margin-bottom:8px}.method__step h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--fg);margin-bottom:6px}.method__step p{font-size:14px;margin:0}.interop{background:var(--surface)}.interop__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,4vw,64px);align-items:center}.interop__text{margin-top:16px;max-width:52ch;font-size:clamp(16px,1.2vw,18px)}.interop__visual{min-width:0}.interop__visual .flowx{margin-inline:0;background:var(--bg)}@media(max-width:1024px){.interop__inner{grid-template-columns:minmax(0,1fr)}}.faq__list{margin-top:30px}.faq__item{border-top:1px solid var(--border)}.faq__list>div:last-child .faq__item{border-bottom:1px solid var(--border)}.faq__item summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-size:17px;font-weight:600;color:var(--fg);position:relative;transition:color .16s var(--ease-out)}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:400;color:var(--accent);transition:transform .22s var(--ease-out)}.faq__item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq__item summary:hover{color:var(--accent)}.faq__item summary:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:-2px;border-radius:6px}.faq__item p{padding:0 0 22px;max-width:72ch;margin:0;animation:faqOpen .26s var(--ease-out)}@keyframes faqOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.final-cta{position:relative;padding:clamp(72px,10vw,128px) 0;text-align:center;overflow:clip}.final-cta__glow{position:absolute;bottom:-260px;left:50%;transform:translate(-50%);width:820px;height:480px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 14%,transparent),transparent 72%);pointer-events:none}.final-cta .section-inner{position:relative}.final-cta__sub{margin:16px auto 32px;max-width:52ch}.final-cta__form{max-width:560px;margin:0 auto 22px;text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:clamp(24px,3vw,34px);box-shadow:0 1px 2px #0a0a0a0a,0 24px 60px -32px #0a0a0a40}.final-cta__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.home-footer{background:var(--fg);color:#fffc;padding:clamp(48px,7vw,72px) 0 28px}.home-footer__top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,64px)}.home-footer__logo{display:inline-flex;align-items:center;gap:10px}.home-footer__logo img{height:26px;width:auto}.home-footer__wordmark{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;color:#fff;white-space:nowrap}.home-footer__brand p{margin-top:16px;color:#fff9;font-size:14px;max-width:34ch}.home-footer__columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.home-footer__heading{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;margin-bottom:14px}.home-footer__columns ul{display:grid;gap:9px}.home-footer__columns a{color:#ffffffd1;font-size:14px;transition:color .16s var(--ease-out)}.home-footer__columns a:hover{color:#fff}.home-footer__address{color:#ffffff8c;font-size:14px}.home-footer__bottom{margin-top:clamp(32px,5vw,52px);padding-top:20px;border-top:1px solid rgba(255,255,255,.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:#ffffff80}.home-footer__bottom a{color:#ffffffbf}.home-footer__bottom a:hover{color:#fff}@media(max-width:1024px){.hero{padding:clamp(28px,4vw,48px) 0 clamp(32px,5vw,56px)}.hero__inner{grid-template-columns:minmax(0,1fr);gap:30px}.hero__visual{width:100%;max-width:760px;margin:0 auto}.hero__sub{margin-top:16px}.deck{margin-top:22px}.hero__actions{margin-top:24px}.method__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:34px}.method__step:before{right:0}}@media(max-width:1200px){.home-nav__phone{display:none}}@media(max-width:768px){.home-nav__links,.home-nav__cta{display:none}.home-nav__inner{gap:12px;height:62px;padding:0 10px 0 16px}.home-nav__actions{margin-left:auto}.home-nav__burger{display:inline-flex}.pivot__pillars{grid-template-columns:minmax(0,1fr);gap:26px}.cases__grid,.home-footer__top{grid-template-columns:minmax(0,1fr)}.home-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}}@media(max-width:520px){.lead-form__row{grid-template-columns:minmax(0,1fr)}.hero__actions{justify-content:center}.hero__actions .btn-solid,.hero__actions .btn-ghost{width:100%}.method__steps,.home-footer__columns{grid-template-columns:minmax(0,1fr)}.final-cta__actions .btn-solid,.final-cta__actions .btn-ghost{width:100%}}@media(prefers-reduced-motion:reduce){.home *,.home *:before,.home *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.refs__track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}}.flowx{max-width:940px;margin-inline:auto;overflow:clip;container-type:inline-size;padding:clamp(24px,3vw,40px) clamp(22px,3.5vw,48px);border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 70%);box-shadow:0 20px 44px -34px #0a0a0a59}.flowx__stage{position:relative;display:flex;align-items:center;justify-content:space-between;gap:clamp(48px,8vw,110px);min-height:210px}.flowx__wires{position:absolute;inset:0;pointer-events:none;overflow:visible}.flowx__wire{fill:none;stroke:color-mix(in srgb,var(--accent) 34%,var(--border));stroke-width:1.6;stroke-linecap:round;stroke-dasharray:4 6;animation:wireDash 1.2s linear infinite}@keyframes wireDash{to{stroke-dashoffset:-10}}.flowx__spark{fill:var(--accent);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 85%,transparent))}.flowx__col{position:relative;z-index:1;display:grid;gap:18px}.flowx__node{display:grid;justify-items:center;gap:10px}.flowx__icon{display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:18px;background:var(--bg);border:1px solid var(--border);box-shadow:0 12px 24px -14px color-mix(in srgb,var(--brand) 55%,rgba(10,10,10,.35))}.flowx__icon--small{width:46px;height:46px;border-radius:13px}.flowx__label{font-size:13.5px;font-weight:600;color:var(--fg);text-align:center;max-width:130px;overflow-wrap:anywhere}.flowx__label--muted{color:var(--fg-muted);font-size:12px;max-width:130px}.flowx__hub-mark{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:20px;background:var(--fg);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent),0 14px 28px -16px #0a0a0a80;animation:hubPulse 3s var(--ease-in-out) infinite}@keyframes hubPulse{0%,to{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent),0 14px 28px -16px #0a0a0a80}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 7%,transparent),0 14px 28px -16px #0a0a0a80}}.flowx__target{display:flex;align-items:center;gap:12px}.flowx__target-label{font-size:13.5px;font-weight:600;color:var(--fg);white-space:nowrap}.flowx__packets{position:absolute;z-index:2;height:0;pointer-events:none}.flowx__packet{position:absolute;top:0;left:0;transform:translate(-50%,-50%);padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--fg);font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 8px 18px -10px #0a0a0a59;opacity:0;animation-name:packetRun;animation-timing-function:linear;animation-iteration-count:infinite}.flowx__packet:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}@keyframes packetRun{0%{left:12px;opacity:0}3%{opacity:1}29%{opacity:1}33%{left:calc(100% - 26px);opacity:0}to{left:calc(100% - 26px);opacity:0}}.flowx__vwire{display:none}.flowx__caption{margin-top:18px;font-size:13px;color:var(--fg-muted);text-align:center}@container (max-width: 680px){.flowx__target-label,.flowx__label{display:none}.flowx__stage{gap:clamp(36px,7cqw,70px)}.flowx__packet{font-size:10.5px;padding:4px 9px}.flowx__packet:before{width:6px;height:6px;margin-right:5px}}@media(max-width:720px){.flowx__stage{flex-direction:column;gap:0;min-height:0}.flowx__wires,.flowx__packets{display:none}.flowx__col{justify-items:center}.flowx__vwire{display:block;position:relative;width:3px;height:54px;margin:16px auto;border-radius:3px;background:repeating-linear-gradient(180deg,color-mix(in srgb,var(--accent) 55%,transparent) 0 6px,transparent 6px 12px);background-size:100% 12px;animation:wireDashY .9s linear infinite}@keyframes wireDashY{to{background-position-y:12px}}.flowx__vwire i{position:absolute;left:50%;top:0;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 85%,transparent);animation:sparkDownY 1.8s linear infinite}.flowx__vwire i:nth-child(2){animation-delay:.9s}@keyframes sparkDownY{0%{top:-4px;opacity:0}12%{opacity:1}88%{opacity:1}to{top:calc(100% - 4px);opacity:0}}.flowx__col--targets{display:grid;grid-template-columns:repeat(2,minmax(0,auto));gap:16px 24px;justify-content:center}.flowx__target-label{display:none}}@media(prefers-reduced-motion:reduce){.flowx__wire,.flowx__hub-mark,.flowx__packet,.flowx__vwire,.flowx__vwire i{animation:none!important}.flowx__spark{display:none}.flowx__packet{opacity:1;left:40%}}