:root{--case-pad:clamp(96px, 15vh, 184px);--case-max:1240px;--fs-lead:clamp(1.0625rem, .55vw + .9rem, 1.1875rem)}.wrap-wide{width:min(var(--case-max), 100% - clamp(32px, 6vw, 96px));margin-inline:auto}.c-reveal{opacity:1}@media (prefers-reduced-motion:no-preference){html.ks-ready .c-reveal.rev-hide{opacity:0;transition:opacity .78s var(--ease), transform .78s var(--ease);transform:translateY(38px)}html.ks-ready .c-reveal.rev-hide.is-in{opacity:1;transform:none}}@media print{html.ks-ready .c-reveal{opacity:1!important;transform:none!important}}.chero{isolation:isolate;background:var(--page);padding-top:clamp(150px,21vh,232px);padding-bottom:clamp(64px,9vh,120px);position:relative;overflow:hidden}.chero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(900px 560px at 80% -12%, rgb(var(--violet-glow) / .16), transparent 62%);position:absolute;inset:0}.chero>.wrap-wide{z-index:1;position:relative}.reg{vertical-align:super;font-size:.56em;line-height:0;font-weight:inherit;margin-left:.04em}.chero-eyebrow .reg{margin-left:-.1em;font-size:.82em}.chero-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;font-size:11px;display:inline-flex}.chero-eyebrow .dot,.sec-kicker .dot,.tag .dot,.fb-eyebrow .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 0 rgb(var(--violet-glow) / .5);animation:pulse 2.6s var(--ease) infinite;border-radius:50%;flex:none}.chero h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.012em;color:var(--ink);text-wrap:balance;max-width:16ch;margin:clamp(22px,3vh,36px) 0 0;font-size:clamp(46px,7.2vw,116px);font-weight:700;line-height:.86}.chero h1 em{font-family:var(--display-outline);color:var(--ink);-webkit-text-fill-color:var(--ink);font-style:italic;font-weight:400}.chero h1 .line{margin:0 -.07em;padding:0 .07em .12em;display:block;overflow:hidden}.chero h1 .reveal-t{display:block}@media (prefers-reduced-motion:no-preference){html.ks-ready .chero.is-in h1 .line:first-child .reveal-t{animation:cheroLineRise 1s var(--ease) .16s both}html.ks-ready .chero.is-in h1 .line:nth-child(2) .reveal-t{animation:cheroLineRise 1s var(--ease) .3s both}html.ks-ready .chero.is-in .chero-eyebrow{animation:cheroRise .8s var(--ease) 60ms both}html.ks-ready .chero.is-in .chero-lede{animation:cheroRise .8s var(--ease) .52s both}html.ks-ready .chero.is-in .chero-meta{animation:cheroRise .8s var(--ease) .66s both}html.ks-ready .chero.is-in .chero-scroll{animation:cheroRise .8s var(--ease) .8s both}}@keyframes cheroLineRise{0%{transform:translateY(108%)}to{transform:translateY(0)}}@keyframes cheroRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.chero-lede{max-width:54ch;font-size:var(--fs-lead);color:var(--ink-2);letter-spacing:-.008em;text-wrap:pretty;margin:clamp(24px,3vh,34px) 0 0;line-height:1.6}.chero-lede b{color:var(--ink);font-weight:560}.chero-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:clamp(28px,4vh,40px);display:flex}.mpill{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--rule);background:var(--surface);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:10px;display:inline-flex}.mpill.disc{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 26%, var(--rule));background:color-mix(in srgb, var(--accent) 6%, transparent)}.mpill.live{color:var(--accent)}.mpill.live i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px rgb(var(--violet-glow) / .7);animation:pulse 2.6s var(--ease) infinite;border-radius:50%}.mpill.live svg{stroke:currentColor;stroke-width:1.9px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;margin-left:2px}.chero-stage{z-index:1;margin-top:clamp(48px,7vh,88px);position:relative}.screen{border-radius:var(--r-xl);border:1px solid var(--rule-2);background:var(--surface);box-shadow:0 50px 110px -50px #0000009e, var(--sh-4);position:relative;overflow:hidden}.screen-bar{background:linear-gradient(180deg, var(--surface-2), var(--surface));border-bottom:1px solid var(--rule);align-items:center;gap:12px;padding:13px 16px;display:flex}.screen-dots{flex:none;gap:7px;display:inline-flex}.screen-dots i{background:var(--rule-2);border-radius:50%;width:10px;height:10px}.screen-dots i:first-child{background:#e25f5f}.screen-dots i:nth-child(2){background:#e0a53b}.screen-dots i:nth-child(3){background:#5fbf7e}.screen-url{background:var(--inset);border:1px solid var(--rule);min-width:0;height:28px;font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 13px;font-size:11px;display:inline-flex;overflow:hidden}.screen-url svg{width:12px;height:12px;stroke:var(--pos-300);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.screen-tab{min-width:0;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);flex:1;align-items:center;gap:9px;font-size:11px;display:inline-flex}.screen-tab .dot{background:var(--accent);border-radius:2px;flex:none;width:8px;height:8px}.screen image-slot{width:100%;height:auto;display:block}.screen .screen-media{background:var(--inset);width:100%;height:auto;display:block}.screen .screen-media[src$=\.mp4]{object-fit:contain;aspect-ratio:auto}.screen.is-ultra .screen-media:not([src$=\.mp4]){aspect-ratio:16/7.5;object-fit:cover}.screen.is-wide .screen-media:not([src$=\.mp4]){aspect-ratio:16/9;object-fit:cover}.screen.is-tall .screen-media:not([src$=\.mp4]){aspect-ratio:4/3;object-fit:cover}.screen.is-wide image-slot{aspect-ratio:16/9}.screen.is-tall image-slot{aspect-ratio:4/3}.screen.is-ultra image-slot{aspect-ratio:16/7.5}.device{border:1px solid var(--rule-2);width:100%;max-width:300px;box-shadow:0 50px 100px -44px #000000a8, var(--sh-4);background:#0a0c12;border-radius:44px;margin-inline:auto;padding:11px;position:relative}.device:before{content:"";z-index:3;background:#0a0c12;border-radius:100px;width:58px;height:17px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.device image-slot{aspect-ratio:9/19;border-radius:34px;width:100%;height:auto;display:block;overflow:hidden}.device img,.device video{border-radius:34px;width:100%;height:auto;display:block}.device-stack{justify-content:flex-end;width:100%;max-width:430px;margin-inline:auto;padding:6% 7% 6% 0;display:flex;position:relative}.device-stack .device{margin:0}.device-stack .device video,.device-stack .device img{aspect-ratio:9/19.5;object-fit:cover}.device--front{z-index:2;flex:0 0 250px;max-width:250px;position:relative}.device--back{z-index:1;opacity:.97;filter:saturate(.97)brightness(.93);width:218px;max-width:218px;position:absolute;top:9%;left:0}@media (max-width:920px){.device-stack{max-width:410px}}@media (max-width:420px){.device-stack{padding:8% 4% 8% 0}.device--front{flex-basis:210px;max-width:210px}.device--back{width:184px;left:-2%}}.gallery{padding:var(--case-pad) 0 0}.sec-intro{max-width:760px;margin:0 0 clamp(48px,7vh,84px)}.sec-kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin-bottom:22px;font-size:11px;display:inline-flex}.sec-intro h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,62px);font-weight:700;line-height:.9}.sec-intro h2 em{font-family:var(--display);color:var(--accent);font-style:italic;font-weight:300}.sec-intro p{font-size:var(--fs-lead);color:var(--ink-2);letter-spacing:-.006em;text-wrap:pretty;max-width:50ch;margin:22px 0 0;line-height:1.6}.fig-row{grid-template-columns:1.55fr 1fr;align-items:center;gap:clamp(36px,5vw,80px);display:grid}.fig-row+.fig-row{margin-top:var(--case-pad)}.fig-row.flip>.fig-aside{order:-1}.fig-aside{align-self:center}.fig-aside .tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;font-size:11px;display:inline-flex}.sync-head .tag,.fig-aside .tag{background:0 0;border:0;border-radius:0;padding:0}.fig-aside h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.006em;color:var(--ink);text-wrap:balance;margin:16px 0 0;font-size:clamp(24px,2.4vw,34px);font-weight:700;line-height:.98}.fig-aside p{color:var(--ink-2);letter-spacing:-.004em;text-wrap:pretty;max-width:38ch;margin:16px 0 0;font-size:15px;line-height:1.66}.fig-aside p b{color:var(--ink);font-weight:600}.fig-aside .mono{font-family:var(--mono);color:var(--ink);background:var(--surface-2);border:1px solid var(--rule);border-radius:4px;padding:1px 5px;font-size:.84em}@media (max-width:920px){.fig-row{grid-template-columns:1fr;gap:28px}.fig-row.flip>.fig-aside{order:0}}.fig-duo{margin-top:var(--case-pad);grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,32px);display:grid}.fig-duo .screen.is-tall image-slot{aspect-ratio:4/3}@media (max-width:760px){.fig-duo{grid-template-columns:1fr}}.fig-device{margin-top:var(--case-pad);grid-template-columns:320px 1fr;align-items:center;gap:clamp(40px,6vw,96px);display:grid}.fig-device.flip>.device-wrap{order:1}@media (max-width:760px){.fig-device{grid-template-columns:1fr;justify-items:center;gap:36px}.fig-device.flip>.device-wrap{order:0}.fig-device .fig-aside{text-align:center}.fig-device .fig-aside p{margin-inline:auto}}.fig-cap{align-items:baseline;gap:14px;max-width:720px;margin-top:22px;display:flex}.fig-cap .n{font-family:var(--mono);letter-spacing:.06em;color:var(--accent);flex:none;font-size:11px}.fig-cap p{color:var(--ink-3);letter-spacing:-.004em;margin:0;font-size:14.5px;line-height:1.55}.fig-cap p b{color:var(--ink-2);font-weight:600}.highlights{padding:var(--case-pad) 0 0}.hl-grid{grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,64px);margin-top:clamp(40px,6vh,72px);display:grid}@media (max-width:820px){.hl-grid{grid-template-columns:1fr;gap:36px}}.hl{border-top:1px solid var(--rule-2);padding-top:26px;position:relative}.hl .n{font-family:var(--mono);letter-spacing:.14em;color:var(--accent);font-size:12px}.hl p{font-family:var(--display);text-transform:uppercase;letter-spacing:-.006em;color:var(--ink);text-wrap:balance;margin:20px 0 0;font-size:clamp(21px,1.85vw,28px);font-weight:700;line-height:1.04}.hl p em{font-family:var(--display);color:var(--accent);font-style:italic;font-weight:300}.feature-blocks{padding:var(--case-pad) 0 0;gap:var(--case-pad);flex-direction:column;display:flex}.fb{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(36px,5vw,80px);display:grid}.fb.flip>.fb-visual{order:1}@media (max-width:920px){.fb{grid-template-columns:1fr;gap:32px}.fb.flip>.fb-visual{order:0}}.fb-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:flex}.fb h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.008em;color:var(--ink);text-wrap:balance;margin:0 0 18px;font-size:clamp(26px,2.8vw,40px);font-weight:700;line-height:.96}.fb>.fb-text>p,.fb-text>p{color:var(--ink-2);letter-spacing:-.004em;text-wrap:pretty;max-width:46ch;margin:0;font-size:15px;line-height:1.68}.fb-text p b{color:var(--ink);font-weight:600}.flow{flex-direction:column;gap:12px;margin-top:26px;display:flex}.flow-step{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--rule);transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);align-items:flex-start;gap:16px;padding:18px 20px;display:flex;position:relative}.flow-step:hover{border-color:rgb(var(--violet-glow) / .4);transform:translate(3px)}.flow-step .s-no{font-family:var(--display);color:var(--accent);flex:none;width:30px;font-size:30px;font-weight:700;line-height:.9}.flow-step .s-t{font-family:var(--sans);color:var(--ink);letter-spacing:-.004em;align-self:center;font-size:14px;font-weight:540;line-height:1.4}.callout-link{height:44px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule-2);background:color-mix(in srgb, var(--accent) 8%, transparent);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border-radius:999px;align-items:center;gap:9px;margin-top:26px;padding:0 20px;font-size:11px;display:inline-flex}.callout-link svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;transition:transform var(--t-base) var(--ease)}.callout-link:hover{border-color:rgb(var(--violet-glow) / .55);background:color-mix(in srgb, var(--accent) 14%, transparent);transform:translateY(-1px)}.callout-link:hover svg{transform:translate(2px,-2px)}.cquote{isolation:isolate;padding:var(--case-pad) 0;text-align:center;position:relative}.cquote:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(38% 52% at 50% 50%, rgb(var(--violet-glow) / .13), transparent 68%);position:absolute;inset:0}.cquote .qmark{text-align:center;font-family:var(--display);color:var(--accent);opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none;margin:0 0 -.45em;font-size:clamp(96px,13vw,196px);font-style:italic;font-weight:700;line-height:1;display:block}.cquote blockquote{max-width:20ch;font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0 auto;font-size:clamp(30px,4.6vw,64px);font-weight:700;line-height:.98;position:relative}.cquote blockquote em{font-family:var(--display);color:var(--accent);font-style:italic;font-weight:300}.cquote blockquote .reg{vertical-align:baseline;font-size:.4em;position:relative;top:-1.15em}.cquote cite{font-style:normal;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:12px;margin-top:38px;font-size:11px;display:inline-flex;position:relative}.cquote cite:before,.cquote cite:after{content:"";background:linear-gradient(90deg, transparent, var(--rule-2));pointer-events:none;width:clamp(20px,5vw,64px);height:1px;position:absolute;top:50%}.cquote cite:before{right:calc(100% + 22px)}.cquote cite:after{left:calc(100% + 22px);transform:scaleX(-1)}.cquote cite .av{border:1px solid var(--rule-2);width:38px;height:38px;box-shadow:0 0 0 3px rgb(var(--violet-glow) / .12);background:#14131c url(/founder.jpg) 60% 32%/cover no-repeat;border-radius:50%;position:relative}.cquote cite .av:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);opacity:0;border-radius:50%;position:absolute;inset:-4px}.cquote cite b{color:var(--ink);font-weight:600}.longform{padding:var(--case-pad) 0;border-top:1px solid var(--rule)}.lf-inner{grid-template-columns:220px 1fr;gap:clamp(40px,6vw,90px);max-width:1100px;margin-inline:auto;display:grid}@media (max-width:860px){.lf-inner{grid-template-columns:1fr;gap:28px}}.lf-head{align-self:start;position:sticky;top:100px}@media (max-width:860px){.lf-head{position:static}}.lf-head .sec-kicker{margin-bottom:16px}.lf-head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.008em;color:var(--ink);margin:0;font-size:clamp(34px,8vw,38px);font-weight:700;line-height:.96}.lf-head h2 em{font-family:var(--display);color:var(--accent);font-style:italic;font-weight:300}.lf-body{max-width:64ch}.lf-body .lf-block:first-child p{color:var(--ink);font-size:clamp(17px,1.5vw,19.5px);line-height:1.62}.lf-body .lf-block:first-child p:first-letter{float:left;font-family:var(--display);color:var(--accent);margin:5px 14px 0 0;font-size:3.2em;font-weight:700;line-height:.68}.lf-block+.lf-block{margin-top:clamp(32px,4vh,48px)}.lf-block h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;margin:0 0 14px;font-size:11px;display:flex}.lf-block h3:before{content:"";background:var(--accent);width:5px;height:5px;box-shadow:0 0 8px rgb(var(--violet-glow) / .6);border-radius:50%;flex:none}.lf-block h3 .n{font-family:var(--display);letter-spacing:0;color:var(--accent);font-size:19px;font-weight:700}.lf-block h3 .ln{background:linear-gradient(90deg, var(--rule-2), transparent);flex:1;height:1px}.lf-block p{color:var(--ink-2);letter-spacing:-.004em;text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.74}.lf-block p+p{margin-top:15px}.lf-block p b{color:var(--ink);font-weight:600}.lf-block p .mono{font-family:var(--mono);color:var(--ink);background:var(--surface-2);border:1px solid var(--rule);border-radius:4px;padding:1px 5px;font-size:.84em}.lf-note{border:1px solid color-mix(in srgb, var(--accent) 18%, var(--rule));border-radius:var(--r-sm);background:var(--accent-soft);font-family:var(--mono);letter-spacing:.02em;color:var(--ink-3);align-items:center;gap:13px;margin-top:clamp(36px,5vh,56px);padding:16px 18px;font-size:12px;line-height:1.6;display:flex}.lf-note svg{width:18px;height:18px;stroke:var(--accent);stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.lf-note b{color:var(--ink);font-weight:600}.clients{padding:var(--case-pad) 0;background:var(--surface-2);border-top:1px solid var(--rule);position:relative}[data-theme=dark] .clients{background:color-mix(in srgb, var(--surface) 55%, var(--page))}.cgrid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(40px,6vh,64px);display:grid}@media (max-width:860px){.cgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.cgrid{grid-template-columns:1fr}}.client{border-radius:var(--r-xl);isolation:isolate;border:1px solid var(--rule);background:var(--surface);box-shadow:var(--sh-2);transition:transform var(--t-base) var(--ease), border-color var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.client:hover{border-color:rgb(var(--violet-glow) / .42);box-shadow:0 34px 60px -30px rgb(var(--violet-glow) / .45), var(--sh-3);transform:translateY(-6px)}.client-vis{aspect-ratio:16/10;background:#0a0c12;position:relative;overflow:hidden}.client-vis img,.client-vis video{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .7s var(--ease);display:block;position:absolute;inset:0}.client:hover .client-vis img,.client:hover .client-vis video{transform:scale(1.06)}.client-vis:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#07090e8c);position:absolute;inset:0}.client-idx{z-index:3;font-family:var(--display);color:#f6f7f938;font-size:38px;font-weight:700;line-height:.8;position:absolute;bottom:12px;right:14px}.client-body{z-index:2;flex-direction:column;gap:6px;padding:18px 22px 22px;display:flex;position:relative}.client-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.client h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.004em;color:var(--ink);margin:0;font-size:25px;font-weight:700;line-height:.96}.client .branche{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:10px}.client-live{border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-top:12px;padding-top:12px;font-size:10.5px;display:inline-flex}.client-live svg{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px;transition:transform var(--t-base) var(--ease)}.client:hover .client-live svg{transform:translate(2px,-2px)}.client-cover{z-index:5;position:absolute;inset:0}.client-flag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:color-mix(in srgb, var(--page) 55%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--rule-2);z-index:3;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:9.5px;display:inline-flex;position:absolute;top:14px;left:14px}.client-flag i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px rgb(var(--violet-glow) / .7);border-radius:50%}.cta-band{padding:var(--case-pad) 0;text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle, rgb(var(--violet-glow) / .2), transparent 64%);filter:blur(16px);width:820px;height:560px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cta-band>.wrap-wide{z-index:1;position:relative}.cta-inner{flex-direction:column;align-items:center;gap:22px;max-width:760px;margin:0 auto;display:flex}.cta-inner .eyebrow{justify-content:center}.cta-inner h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.012em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(36px,5.4vw,72px);font-weight:700;line-height:.9}.cta-inner h2 .vio{color:var(--accent)}.cta-inner p{font-size:var(--fs-lead);color:var(--ink-2);letter-spacing:-.006em;text-wrap:pretty;max-width:52ch;margin:0;line-height:1.6}.cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:10px;display:flex}.cta-mail{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-2);transition:color var(--t-fast) var(--ease);align-items:center;gap:9px;font-size:12px;display:inline-flex}.cta-mail:hover{color:var(--ink)}.cta-mail svg{stroke:currentColor;stroke-width:1.7px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.screen image-slot,.device image-slot{color:var(--ink-4);font-family:var(--mono)}.screen image-slot::part(frame){background:radial-gradient(140% 120% at 50% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%), linear-gradient(165deg, var(--surface-2), var(--surface))}.screen image-slot::part(ring){border-color:var(--rule);border-width:1.5px}.screen image-slot:hover::part(ring){border-color:color-mix(in srgb, var(--accent) 45%, var(--rule))}.device image-slot{color:#f6f7f96b}.device image-slot::part(frame){background:radial-gradient(120% 70% at 50% 0,#1b2030,#0b0d14);box-shadow:inset 0 0 0 1px #ffffff0d}.device image-slot::part(ring){border-color:#f6f7f924}.fig-row.is-portrait{grid-template-columns:1fr 1fr;align-items:center}.fig-row.is-portrait .screen{width:100%;max-width:440px;margin-inline:auto}.gallery--ab{isolation:isolate;position:relative}.gallery--ab .fig-row{grid-template-columns:.82fr 1.68fr;align-items:center}.gallery--ab .fig-aside p{max-width:42ch}@media (max-width:920px){.gallery--ab .fig-row{grid-template-columns:1fr}}.gallery--ab:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(46% 52% at 62% 56%, rgb(var(--violet-glow) / .14), transparent 66%);position:absolute;inset:0}.ab-frame{isolation:isolate;position:relative}.ab-frame:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 46% at 50% 42%, rgb(var(--violet-glow) / .16), transparent 64%);position:absolute;inset:-22% 0 0}.ab-frame:after{content:"";z-index:-1;pointer-events:none;filter:blur(22px);background:radial-gradient(60% 100% at 50% 0%, rgb(var(--violet-glow) / .4), transparent 72%);width:72%;height:44%;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}.gallery--ab .screen{box-shadow:inset 0 1px 0 #ffffff17, 0 64px 120px -48px #000000b8, 0 0 0 1px #ffffff0b, var(--sh-4);border-color:#0000}.gallery--ab .screen:before{content:"";border-radius:inherit;z-index:6;pointer-events:none;background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 55%, transparent), transparent 38%, transparent 72%, #ffffff14);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gallery--ab .screen:hover{box-shadow:inset 0 1px 0 #ffffff1a, 0 72px 130px -46px #000000bd, 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), var(--sh-4)}.gen-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:100px;flex:none;align-items:center;gap:7px;margin-left:auto;padding:4px 10px;font-size:10px;display:inline-flex}.gen-badge i{background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px rgb(var(--violet-glow) / .85);border-radius:50%;flex:none}@media (prefers-reduced-motion:no-preference){.gen-badge i{animation:pulse 2.4s var(--ease) infinite}}@media (max-width:480px){.gen-badge{display:none}}.gallery--ab .fig-aside h3{position:relative}@media (max-width:920px){.fig-row.is-portrait{grid-template-columns:1fr}.fig-row.is-portrait .screen{max-width:380px}}.screen{box-shadow:inset 0 1px 0 #ffffff12, 0 50px 110px -50px #0000009e, var(--sh-4);transition:transform var(--t-slow) var(--ease), box-shadow var(--t-slow) var(--ease)}.fig-row .screen,.fig-duo .screen,.fb .screen{will-change:transform}.fig-row .screen:hover,.fig-duo .screen:hover,.fb .screen:hover{box-shadow:inset 0 1px 0 #ffffff14, 0 60px 120px -46px #000000a8, 0 30px 60px -34px rgb(var(--violet-glow) / .3);transform:translateY(-5px)}[data-theme=light] .screen{box-shadow:inset 0 1px 0 #fff9, var(--sh-4)}[data-theme=light] .fig-row .screen:hover,[data-theme=light] .fig-duo .screen:hover,[data-theme=light] .fb .screen:hover{box-shadow:var(--sh-4), 0 30px 60px -34px rgb(var(--violet-glow) / .22)}.chero-stage{isolation:isolate}.chero-stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center, rgb(var(--violet-glow) / .22), transparent 70%);filter:blur(34px);width:64%;height:38%;position:absolute;bottom:-8%;left:50%;transform:translate(-50%)}.chero-scroll{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:12px;margin-top:clamp(34px,5vh,52px);font-size:10.5px;display:inline-flex}.chero-scroll .bar{background:var(--rule-2);width:38px;height:1px;position:relative;overflow:hidden}.chero-scroll .bar:after{content:"";background:var(--accent);width:40%;animation:scrollSweep 2.4s var(--ease) infinite;position:absolute;inset:0}@keyframes scrollSweep{0%{transform:translate(-100%)}60%,to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.chero-scroll .bar:after{animation:none}}.mpill{transition:border-color var(--t-base) var(--ease), background var(--t-base) var(--ease), transform var(--t-base) var(--ease)}.mpill.live:hover{border-color:rgb(var(--violet-glow) / .5);background:color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-1px)}.mpill.live:hover svg{transform:translate(2px,-2px)}.mpill.live svg{transition:transform var(--t-base) var(--ease)}.hl{border-top:1px solid var(--rule-2);transition:border-color var(--t-slow) var(--ease), transform var(--t-slow) var(--ease);padding-top:30px}.hl:before{content:"";background:var(--accent);transform-origin:0;width:40px;height:2px;transition:width var(--t-slow) var(--ease), box-shadow var(--t-slow) var(--ease);position:absolute;top:-1px;left:0;transform:scaleX(1)}.hl:hover{border-top-color:color-mix(in srgb, var(--accent) 34%, var(--rule-2));transform:translateY(-3px)}.hl:hover:before{width:88px;box-shadow:0 0 14px rgb(var(--violet-glow) / .5)}.hl:hover p em{color:color-mix(in srgb, var(--accent) 80%, var(--ink))}.hl .n{font-family:var(--display);letter-spacing:0;font-size:18px;font-weight:700;display:inline-block}.hl p em{transition:color var(--t-slow) var(--ease)}@media (prefers-reduced-motion:no-preference){html.ks-ready .highlights .hl{animation:hlRise .7s var(--ease) backwards}html.ks-ready .highlights .hl:first-child{animation-delay:60ms}html.ks-ready .highlights .hl:nth-child(2){animation-delay:.18s}html.ks-ready .highlights .hl:nth-child(3){animation-delay:.3s}}@keyframes hlRise{0%{transform:translateY(12px)}to{transform:none}}.device:after{content:"";background:linear-gradient(#1a1d27,#0a0c12);border-radius:0 3px 3px 0;width:3px;height:60px;position:absolute;top:132px;right:-2px}.cquote blockquote em{text-shadow:0 0 42px rgb(var(--violet-glow) / .32)}@media (prefers-reduced-motion:no-preference){.cquote cite .av:after{animation:avPulse 2.8s var(--ease) infinite}}@keyframes avPulse{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}.sec-kicker .ln{transition:width var(--t-slow) var(--ease)}html.ks-ready .c-reveal .sec-kicker .ln{animation:kickerLn .9s var(--ease) both .15s}@keyframes kickerLn{0%{width:0}to{width:28px}}.read-progress{z-index:70;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.read-progress span{transform-origin:0;will-change:transform;background:linear-gradient(90deg, var(--accent-2), var(--accent));width:100%;height:100%;box-shadow:0 0 12px rgb(var(--violet-glow) / .6);display:block;transform:scaleX(0)}.sysflow-wrap{margin:0 0 clamp(52px,7vh,88px)}.sysflow{flex-wrap:wrap;align-items:center;gap:10px 11px;display:flex}.sf-node{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule-2);background:var(--surface);white-space:nowrap;transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease), background var(--t-base) var(--ease);border-radius:999px;padding:11px 17px;font-size:11.5px}.sf-node:hover{border-color:rgb(var(--violet-glow) / .5);transform:translateY(-2px)}.sf-node.ext{color:var(--ink-2);background:0 0;border-style:dashed}.sf-arr{background:var(--rule-2);flex:none;width:24px;height:1px;position:relative}.sf-arr:after{content:"";border-top:1px solid var(--rule-2);border-right:1px solid var(--rule-2);width:5px;height:5px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.sf-arr-out{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, transparent), var(--accent))}.sf-arr-out:after{border-color:var(--accent)}.sf-legend{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:20px;font-size:10.5px;display:flex}.sf-legend span{align-items:center;gap:8px;display:inline-flex}.sf-legend i{border:1px solid var(--rule-2);border-radius:999px;flex:none;width:14px;height:14px}.sf-legend i.d-api{border-style:dashed}.sf-legend .sf-note{color:var(--ink-4);text-transform:none;letter-spacing:.01em}@media (max-width:560px){.sf-arr{width:16px}.sf-node{padding:9px 13px;font-size:10.5px}}.statband{padding:var(--case-pad) 0;border-top:1px solid var(--rule)}.statband .sec-kicker{margin-bottom:clamp(40px,6vh,68px)}.stat-grid{counter-reset:stat;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3vw,56px);display:grid}@media (max-width:920px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:44px 32px}}@media (max-width:520px){.stat-grid{grid-template-columns:1fr;gap:36px}}.stat{counter-increment:stat;border-top:1px solid var(--rule-2);transition:border-color var(--t-slow) var(--ease), transform var(--t-base) var(--ease);flex-direction:column;gap:16px;padding-top:30px;display:flex;position:relative}.stat:before{content:"";background:var(--accent);transform-origin:0;width:44px;height:2px;box-shadow:0 0 0 rgb(var(--violet-glow) / 0);transition:transform var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);position:absolute;top:-1px;left:0;transform:scaleX(.5)}.stat:after{content:counter(stat, decimal-leading-zero);font-family:var(--mono);letter-spacing:.08em;color:var(--ink-4);font-size:10.5px;position:absolute;top:9px;right:0}.stat:hover{border-top-color:color-mix(in srgb, var(--accent) 30%, var(--rule-2));transform:translateY(-3px)}.stat:hover:before{box-shadow:0 0 14px rgb(var(--violet-glow) / .55);transform:scaleX(1)}.stat-n{font-family:var(--display);letter-spacing:-.02em;background:linear-gradient(176deg, var(--ink), color-mix(in srgb, var(--ink) 58%, var(--page)));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(54px,6.2vw,96px);font-weight:700;line-height:.82}.stat-n em{font-family:var(--display);color:var(--accent);-webkit-text-fill-color:var(--accent);letter-spacing:0;text-shadow:0 0 22px rgb(var(--violet-glow) / .3);margin-left:3px;font-size:.4em;font-style:italic;font-weight:300}.stat-l{color:var(--ink-3);letter-spacing:-.004em;text-wrap:pretty;max-width:24ch;font-size:14px;line-height:1.56}.stat-l b{color:var(--ink);font-weight:600}@media (prefers-reduced-motion:no-preference){html.ks-ready .stat-grid.c-reveal .stat{animation:statRise .7s var(--ease) backwards}html.ks-ready .stat-grid.c-reveal .stat:nth-child(2){animation-delay:80ms}html.ks-ready .stat-grid.c-reveal .stat:nth-child(3){animation-delay:.16s}html.ks-ready .stat-grid.c-reveal .stat:nth-child(4){animation-delay:.24s}}@keyframes statRise{0%{transform:translateY(15px)}to{transform:none}}.syncwrap{margin-top:0}.sync-head{text-align:center;max-width:620px;margin:0 auto clamp(30px,4.5vh,52px)}.sync-head .tag{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);justify-content:center;align-items:center;gap:10px;font-size:11px;display:inline-flex}.sync-head h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.008em;color:var(--ink);text-wrap:balance;margin:16px 0 0;font-size:clamp(26px,3.2vw,44px);font-weight:700;line-height:.96}.sync-head h3 em{font-family:var(--display);color:var(--accent);font-style:italic;font-weight:300}.sync-head p{max-width:50ch;color:var(--ink-2);letter-spacing:-.004em;text-wrap:pretty;margin:18px auto 0;font-size:15px;line-height:1.62}.sync-head p b{color:var(--ink);font-weight:600}.sync-stage{aspect-ratio:5/3;border-radius:var(--r-xl);border:1px solid var(--rule-2);background:radial-gradient(58% 70% at 50% 50%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--inset);width:100%;box-shadow:inset 0 1px 0 #ffffff0d, var(--sh-3);position:relative;overflow:hidden}.sync-stage:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(var(--rule-2) 1px, transparent 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000,#0000 78%);mask-image:radial-gradient(70% 70%,#000,#0000 78%)}.sync-stage:after{content:"";pointer-events:none;z-index:3;border-radius:inherit;background:linear-gradient(#ffffff09,#0000 18%),radial-gradient(120% 80% at 50% 116%,#00000047,#0000 60%);position:absolute;inset:0}.sync-svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.spoke{fill:none;stroke:var(--rule-2);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--t-base) var(--ease), stroke-width var(--t-base) var(--ease)}.spoke.is-active{stroke:color-mix(in srgb, var(--accent) 72%, transparent);stroke-width:2px}.pulse{fill:var(--accent);filter:drop-shadow(0 0 4px rgb(var(--violet-glow) / .95)) drop-shadow(0 0 9px rgb(var(--violet-glow) / .5))}.pulse.out{fill:var(--accent-2)}.pulse.rev{fill:var(--pos-300);opacity:.85;filter:drop-shadow(0 0 4px color-mix(in srgb, var(--pos-300) 90%, transparent)) drop-shadow(0 0 8px color-mix(in srgb, var(--pos-300) 50%, transparent))}.snode{left:var(--x);top:var(--y);z-index:2;white-space:nowrap;border:1px solid var(--rule-2);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:var(--sh-2), inset 0 1px 0 #ffffff0d;border-radius:14px;align-items:center;gap:11px;padding:9px 13px;transition:border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.snode[data-side=r]{text-align:right;flex-direction:row}.snode:after{content:"";border-radius:inherit;pointer-events:none;border:1.5px solid var(--accent);opacity:0;position:absolute;inset:-1px}.snode.is-syncing{border-color:color-mix(in srgb, var(--accent) 60%, var(--rule-2));box-shadow:var(--sh-2), 0 0 26px rgb(var(--violet-glow) / .34)}@media (prefers-reduced-motion:no-preference){.snode.is-syncing:after{animation:syncRing 1.4s var(--ease) 1}}@keyframes syncRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.snode-ic{background:var(--surface-2);border:1px solid var(--rule);border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.snode-ic svg{width:22px;height:22px;display:block}.snode-ic .glyph{fill:none;width:21px;height:21px;stroke:var(--ink-3);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.snode-tx{flex-direction:column;gap:4px;line-height:1;display:flex}.snode-tx b{font-family:var(--sans);color:var(--ink);letter-spacing:-.004em;font-size:13px;font-weight:600}.snode-tx i{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);font-size:9px;font-style:normal}.snode-dir{font-family:var(--mono);color:var(--accent);flex:none;font-size:13px;display:none}.snode.hub{z-index:4;border-color:color-mix(in srgb, #83e71f 42%, var(--rule-2));background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--sh-3), 0 0 40px #83e71f33;flex-direction:column;gap:8px;padding:16px 22px}.snode.hub .snode-tx{text-align:center;align-items:center;gap:6px}.hub-wm{width:auto;height:16px;display:block}.snode.hub .snode-tx i{color:#2f7d12;letter-spacing:.06em}[data-theme=dark] .snode.hub{background:#f6f7f9;border-color:#c1f095}@media (prefers-reduced-motion:no-preference){.snode.hub{animation:hubBreathe 3.6s var(--ease) infinite}}@keyframes hubBreathe{0%,to{box-shadow:var(--sh-3), 0 0 34px #83e71f29, inset 0 1px 0 #ffffff0f}50%{box-shadow:var(--sh-3), 0 0 46px #83e71f57, inset 0 1px 0 #ffffff0f}}.sync-stage{background:radial-gradient(34% 42% at 50% 50%, #83e71f1f, transparent 72%), radial-gradient(60% 72% at 50% 50%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 72%), var(--inset)}.snode.hub:before{content:"";z-index:-1;pointer-events:none;filter:blur(6px);background:radial-gradient(54% 54%,#83e71f42,#0000 70%);border-radius:30px;position:absolute;inset:-22px}.spoke.is-hot{stroke-dasharray:4 7}@media (prefers-reduced-motion:no-preference){.spoke.is-hot{animation:.9s linear infinite spokeFlow}}@keyframes spokeFlow{to{stroke-dashoffset:-22px}}@media (min-width:721px){.snode.is-hot{transform:translate(-50%,-50%)scale(1.05)translateZ(0)}}.sync-log{border:1px solid var(--rule);border-radius:var(--r-md);background:var(--inset);margin-top:16px;overflow:hidden}.log-head{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:11px;padding:11px 16px;font-size:10.5px;display:flex}.log-head .ld{background:var(--pos-300);width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--pos-300) 80%, transparent);border-radius:50%;flex:none}@media (prefers-reduced-motion:no-preference){.log-head .ld{animation:pulse 2.4s var(--ease) infinite}}.log-head .lh-sep{background:var(--rule);flex:1;height:1px}.log-head .lh-meta{color:var(--ink-4);letter-spacing:.06em}.log-body{padding:4px 16px 10px}.log-line{border-top:1px solid color-mix(in srgb, var(--rule) 55%, transparent);font-family:var(--mono);grid-template-columns:62px 50px 1fr auto;align-items:center;gap:14px;padding:8px 0;font-size:11.5px;display:grid}.log-line:first-child{border-top:0}@media (prefers-reduced-motion:no-preference){.log-line.is-new{animation:logIn .45s var(--ease) both}}@keyframes logIn{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.log-time{color:var(--ink-4)}.log-method{letter-spacing:.07em;background:var(--accent-soft);color:var(--accent);border-radius:5px;justify-self:start;padding:3px 7px;font-size:9px}.log-route{color:var(--ink-3);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-route b{color:var(--ink);font-weight:600}.log-status{color:var(--pos-300);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:10px}.sync-rail{display:none}@media (prefers-reduced-motion:no-preference){.sync-rail i.dn{animation:railDn 2.8s var(--ease) infinite}.sync-rail i.up{animation:railUp 2.8s var(--ease) infinite}}@keyframes railDn{0%{opacity:0;top:0}16%{opacity:1}50%{opacity:1;top:47%}64%,to{opacity:0;top:47%}}@keyframes railUp{0%{opacity:0;bottom:0}16%{opacity:1}50%{opacity:1;bottom:47%}64%,to{opacity:0;bottom:47%}}@media (max-width:720px){.sync-stage{aspect-ratio:auto;flex-direction:column;align-items:stretch;gap:12px;padding:30px 18px 30px 44px;display:flex}.sync-stage:before{background-size:26px 26px}.sync-svg{display:none}.snode{z-index:1;justify-content:flex-start;width:100%;position:relative;top:auto;left:auto;transform:none}.snode:not(.hub):before{content:"";background:var(--rule-2);z-index:0;width:24px;height:1.5px;position:absolute;top:50%;left:-24px}.snode[data-side=r]{text-align:left;flex-direction:row}.snode-dir{margin-left:auto;display:inline-flex}.snode.hub{order:0}.snode[data-node=website],.snode[data-node=gmail],.snode[data-node=kalender]{order:-1}.snode[data-node=sevdesk],.snode[data-node=datev],.snode[data-node=claude]{order:1}.log-line{grid-template-columns:54px 46px 1fr;gap:10px}.log-line .log-status{grid-column:2/-1;justify-self:start}.sync-rail{z-index:0;background:linear-gradient(180deg, transparent, var(--rule-2) 8%, var(--rule-2) 92%, transparent);border-radius:2px;width:2px;display:block;position:absolute;top:54px;bottom:54px;left:20px}.sync-rail i{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px rgb(var(--violet-glow) / .95), 0 0 4px rgb(var(--violet-glow) / .85);opacity:0;border-radius:50%;margin-left:-4px;position:absolute;left:50%}.sync-rail i:nth-child(2){animation-delay:1.4s}.sync-rail i:nth-child(3){animation-delay:.7s}.sync-rail i:nth-child(4){animation-delay:2.1s}}@media (max-width:420px){.snode-tx i{display:none}.log-line{grid-template-columns:46px 1fr}.log-line .log-method{display:none}}.snode{cursor:default}.spoke.is-hot{stroke:var(--accent);stroke-width:2.4px;filter:drop-shadow(0 0 6px rgb(var(--violet-glow) / .85))}.sync-stage.is-focus .spoke:not(.is-hot){opacity:.2}.sync-stage.is-focus .snode:not(.is-hot){opacity:.42}.sync-stage.is-focus .snode.hub:not(.is-hot){opacity:.72}.snode.is-hot{border-color:color-mix(in srgb, var(--accent) 60%, var(--rule-2));box-shadow:var(--sh-2), 0 0 26px rgb(var(--violet-glow) / .4);z-index:6}@media (min-width:721px){.snode.is-hot{transform:translate(-50%,-50%)scale(1.045)}}.sync-role{min-height:18px;font-family:var(--mono);letter-spacing:.01em;color:var(--ink-3);transition:color var(--t-base) var(--ease);align-items:center;gap:10px;margin-top:14px;font-size:11.5px;display:flex}.sync-role .sr-dot{background:var(--rule-2);width:7px;height:7px;transition:background var(--t-base) var(--ease), box-shadow var(--t-base) var(--ease);border-radius:50%;flex:none}.sync-role.is-on{color:var(--ink)}.sync-role.is-on .sr-dot{background:var(--accent);box-shadow:0 0 8px rgb(var(--violet-glow) / .7)}.sync-log[hidden]{display:none}.syncwrap.is-compact{grid-template:"stage."1fr"stage head""stage role""stage log""stage."1fr/minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:0 clamp(28px,4vw,64px);display:grid}.syncwrap.is-compact .sync-head{text-align:left;grid-area:head;max-width:none;margin:0 0 4px}.syncwrap.is-compact .sync-head .tag{justify-content:flex-start}.syncwrap.is-compact .sync-head h3{font-size:clamp(24px,2.6vw,38px)}.syncwrap.is-compact .sync-head p{max-width:42ch;margin-left:0}.syncwrap.is-compact .sync-stage{grid-area:stage;align-self:center}.syncwrap.is-compact .sync-role{grid-area:role;margin:8px 0}.syncwrap.is-compact .sync-log{grid-area:log;margin-top:8px}.syncwrap.is-compact .hub-wm{height:13px}.syncwrap.is-compact .snode.hub{padding:12px 16px}@media (max-width:1000px){.syncwrap.is-compact{display:block}.syncwrap.is-compact .sync-head{text-align:center;margin-bottom:clamp(20px,3vh,32px)}.syncwrap.is-compact .sync-head .tag{justify-content:center}.syncwrap.is-compact .sync-head p{margin-inline:auto}}.tweaks{z-index:90;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--rule-2);border-radius:var(--r-xl);width:250px;box-shadow:var(--sh-4);position:fixed;bottom:18px;right:18px;overflow:hidden}.tweaks[hidden]{display:none}.tw-head{border-bottom:1px solid var(--rule);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:9px;padding:12px 14px;font-size:11px;display:flex}.tw-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 8px rgb(var(--violet-glow) / .7);border-radius:50%;flex:none}.tw-close{border:1px solid var(--rule);background:var(--surface-2);width:24px;height:24px;color:var(--ink-3);cursor:pointer;transition:color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);border-radius:7px;place-items:center;margin-left:auto;font-size:17px;line-height:1;display:grid}.tw-close:hover{color:var(--ink);border-color:var(--rule-2)}.tw-body{flex-direction:column;gap:18px;padding:14px;display:flex}.tw-group{flex-direction:column;gap:9px;display:flex}.tw-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:10px}.tw-seg{background:var(--inset);border:1px solid var(--rule);border-radius:10px;gap:4px;padding:3px;display:flex}.tw-seg button{color:var(--ink-3);font-family:var(--sans);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;border-radius:7px;flex:1;padding:8px 6px;font-size:12px;font-weight:540}.tw-seg button:hover{color:var(--ink)}.tw-seg button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000047, inset 0 0 0 1px var(--rule-2)}.tw-hint{color:var(--ink-4);margin:0;font-size:11px;line-height:1.5}