*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-body);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{color-scheme:dark;--bg:oklch(14% 0.015 245);--surface:oklch(18% 0.018 245);--fg:oklch(96% 0.005 245);--muted:oklch(64% 0.012 245);--border:oklch(24% 0.016 245);--accent:oklch(56% 0.11 240);--accent-soft:color-mix(in oklch,var(--accent) 8%,transparent);--fg-soft:color-mix(in oklch,var(--fg) 6%,transparent);--border-hover:color-mix(in oklch,var(--accent) 72%,var(--border));--fs-h1:clamp(40px,5.5vw,72px);--fs-h2:clamp(28px,3.8vw,44px);--fs-h3:20px;--fs-lead:18px;--fs-body:15px;--fs-meta:12px;--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:56px;--gap-2xl:96px;--container:1320px;--gutter:24px;--radius:8px;--nav-action-height:36px;--nav-desktop-min:1280px;--radius-lg:12px}html.light-mode{color-scheme:light;--bg:oklch(98.5% 0.004 245);--surface:oklch(100% 0 0);--fg:oklch(20% 0.016 245);--muted:oklch(52% 0.012 245);--border:oklch(90% 0.008 245);--accent:oklch(48% 0.12 240)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}img,svg{display:block;max-width:100%}.logo svg{display:inline-block}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[72px\]{height:72px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4\/6{width:66.666667%}.w-40{width:10rem}.w-48{width:12rem}.w-5\/6{width:83.333333%}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.scroll-smooth{scroll-behavior:smooth}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[var\(--radius\)\]{border-radius:var(--radius)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--border\)\]{border-color:var(--border)}.bg-\[color-mix\(in_oklch\2c var\(--bg\)_88\%\2c transparent\)\]{background-color:color-mix(in oklch,var(--bg) 88%,transparent)}.bg-\[var\(--bg\)\]{background-color:var(--bg)}.\!p-4{padding:1rem!important}.p-6{padding:1.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.pt-8{padding-top:2rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(56px,8vw,var(--gap-2xl))}.section+.section{border-top:1px solid var(--border)}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--gap-md)}.row,.row-between{display:flex;align-items:center;gap:var(--gap-md)}.row-between{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:var(--gap-lg)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2-1{display:grid;grid-template-columns:2.2fr 1.8fr;gap:var(--gap-xl);align-items:start}@media (max-width:920px){.grid-1-2,.grid-2,.grid-2-1,.grid-3,.grid-4{grid-template-columns:1fr}}.h1,h1{font-size:var(--fs-h1);line-height:1.05;letter-spacing:-.02em}.h1,.h2,h1,h2{font-family:var(--font-display);margin:0;font-weight:400}.h2,h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.015em}.h3,h3{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600;line-height:1.35;letter-spacing:-.005em;margin:0}.lead{font-size:var(--fs-lead);line-height:1.55;color:var(--muted);max-width:58ch;margin:0}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 var(--gap-md);font-weight:600}.eyebrow,.meta{font-family:var(--font-mono)}.meta{font-size:var(--fs-meta);color:var(--muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;font-size:14px;font-weight:500;letter-spacing:-.005em;transition:transform .05s ease,background .15s ease,border-color .15s ease,color .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.btn-primary:hover{background:color-mix(in oklch,var(--accent) 88%,#fff)}.btn-secondary{background:transparent;color:var(--fg);border-color:var(--border)}.btn-secondary:hover{border-color:var(--fg)}.btn-secondary-solid{background:var(--surface);border-color:var(--border)}.btn-secondary-solid:hover{background:var(--surface);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent;padding-inline:8px}.btn-ghost:hover{color:var(--fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .25s ease}.card h2,.card h3,.card h4,.card strong{font-family:var(--font-display)}.card:hover{border-color:var(--accent)}.adr-btn,.selectable-item,button.selectable-item{text-align:left;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:border-color .25s ease,background-color .25s ease}.adr-btn:hover,.selectable-item:hover,button.selectable-item:hover{border-color:var(--accent)}.adr-btn.active,.selectable-item.active,button.selectable-item.active{border-color:var(--accent);background:var(--accent-soft)}.pill{gap:6px;background:var(--accent-soft);color:var(--accent);border-radius:999px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.pill,.tag{display:inline-flex;align-items:center;padding:3px 8px;font-family:var(--font-mono)}.tag{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:4px;font-size:11px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.input,.select,.textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--fg);font:inherit;font-size:14px;transition:border-color .15s,outline .15s}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.textarea{min-height:96px;resize:vertical;line-height:1.55}button.chapter-card,button.principle-item,button.selectable-item{border:1px solid var(--border);background:var(--surface)}button.chapter-card:hover:not(.active),button.principle-item:hover:not(.active),button.selectable-item:hover:not(.active){border-color:var(--accent)}button.chapter-card.active,button.principle-item.active,button.selectable-item.active{border-color:var(--accent);background:var(--accent-soft)}.hero{--fs-hero-h1:clamp(48px,7.5vw,96px);--fs-hero-lead:clamp(19px,2.2vw,24px);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-block:96px var(--gap-xl);position:relative;box-sizing:border-box}.hero .container{padding-inline:clamp(12px,2.5vw,16px)}.hero-center{text-align:center;max-width:100%;margin-inline:auto;display:flex;flex-direction:column;align-items:center}.hero .eyebrow{font-size:12px;letter-spacing:.12em;margin-bottom:var(--gap-sm)}.hero h1{font-size:var(--fs-hero-h1);line-height:1.02;letter-spacing:-.03em;font-weight:400}.hero .lead,.hero h1{margin-bottom:var(--gap-lg)}.hero .lead{max-width:none;font-size:var(--fs-hero-lead);line-height:1.5;color:color-mix(in oklch,var(--fg) 72%,var(--muted))}.hero-cta{display:inline-flex;gap:var(--gap-sm);flex-wrap:wrap;margin-bottom:0}.social-proof-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--gap-md);padding-top:var(--gap-lg);border-top:1px solid var(--border);width:100%;max-width:680px}.social-proof-row span{font-family:var(--font-mono);font-size:12px;color:var(--muted);opacity:.85}.arch-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:relative}.arch-terminal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;font-family:var(--font-mono);font-size:11px;color:var(--fg);min-height:120px;margin-top:20px;overflow-y:auto;max-height:160px}.arch-node{cursor:pointer;transition:filter .2s,stroke-width .2s}.arch-node:hover{filter:drop-shadow(0 0 4px var(--accent))}.arch-node.active rect{stroke:var(--accent);stroke-width:2px}.demo-visual-frame{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--gap-md);aspect-ratio:16/9;position:relative;display:flex;flex-direction:column;box-shadow:inset 0 2px 20px rgba(0,0,0,.2)}.demo-visual-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,color-mix(in oklch,var(--accent) 15%,transparent),transparent 60%);pointer-events:none}.vis-content{flex:1;justify-content:center;padding:20px;position:relative}.vis-content,.vis-footer{display:flex;align-items:center}.vis-footer{background:color-mix(in oklch,var(--surface) 40%,transparent);backdrop-filter:blur(4px);border-top:1px solid color-mix(in oklch,var(--border) 50%,transparent);padding:10px 16px;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--muted);z-index:10}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in oklch,var(--accent) 70%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.ai-wave-container{display:flex;align-items:center;gap:4px}.ai-bar{width:4px;border-radius:2px;background:var(--accent);animation:eq 1s ease-in-out infinite alternate}.ai-bar:first-child{height:16px;animation-delay:.1s}.ai-bar:nth-child(2){height:32px;animation-delay:.3s}.ai-bar:nth-child(3){height:24px;animation-delay:0s}.ai-bar:nth-child(4){height:40px;animation-delay:.4s}.ai-bar:nth-child(5){height:18px;animation-delay:.2s}@keyframes eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.ai-arrow{color:var(--muted);margin:0 20px;font-size:18px;opacity:.5}.ai-nodes{display:flex;flex-direction:column;gap:8px}.ai-node-line{height:4px;border-radius:2px;background:var(--border);overflow:hidden;position:relative;width:60px}.ai-node-line:after{content:"";position:absolute;top:0;left:0;height:100%;width:40%;background:var(--accent);animation:scan 2s linear infinite}.ai-node-line:nth-child(2){width:40px}.ai-node-line:nth-child(2):after{animation-delay:.5s;animation-duration:2.5s}.ai-node-line:nth-child(3){width:80px}.ai-node-line:nth-child(3):after{animation-delay:1s;animation-duration:1.8s}@keyframes scan{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.api-pipeline-vis{gap:0;width:100%;max-width:420px}.api-pipeline-vis,.api-stage{display:flex;align-items:center;justify-content:center}.api-stage{flex-shrink:0}.api-inbox{width:76px;height:80px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:10px 8px 10px 6px;display:flex;gap:6px;overflow:hidden;position:relative}.api-in-stream{display:flex;flex-direction:column;justify-content:center;gap:10px;width:10px;flex-shrink:0}.api-in-dot{width:8px;height:8px;border-radius:50%;background:var(--border);animation:api-in-dot-flow 2.8s ease-in-out infinite}.api-in-dot:first-child{animation-delay:0s}.api-in-dot:nth-child(2){animation-delay:.35s}.api-in-dot:nth-child(3){animation-delay:.7s}@keyframes api-in-dot-flow{0%{transform:translateX(-16px);opacity:0;background:var(--border)}20%{opacity:1;background:var(--accent);box-shadow:0 0 6px var(--accent)}45%{transform:translateX(0);opacity:1}75%{transform:translateX(0);opacity:.5;background:var(--border);box-shadow:none}to{transform:translateX(0);opacity:.3}}.api-in-blocks{flex:1;gap:8px;justify-content:center}.api-in-block,.api-in-blocks{display:flex;flex-direction:column}.api-in-block{border:1px solid var(--border);border-radius:5px;padding:5px 6px;gap:4px;opacity:0;transform:translateX(-12px);animation:api-in-block-arrive 2.8s cubic-bezier(.4,0,.2,1) infinite}.api-in-block:after,.api-in-block:before{content:"";display:block;height:4px;border-radius:2px;background:var(--border)}.api-in-block:before{width:100%}.api-in-block:after{width:60%;background:color-mix(in oklch,var(--accent) 50%,var(--border))}.api-in-block:first-child{animation-delay:.15s}.api-in-block:nth-child(2){animation-delay:.55s}@keyframes api-in-block-arrive{0%,5%{opacity:0;transform:translateX(-12px)}20%{opacity:1;transform:translateX(0)}70%{opacity:1;transform:translateX(0)}90%{opacity:.35}to{opacity:.35;transform:translateX(0)}}.api-bridge{position:relative;width:40px;height:3px;flex-shrink:0}.api-bridge-line{position:absolute;inset:0;background:var(--border);border-radius:2px}.api-bridge-dot{position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:api-bridge-travel 2.8s cubic-bezier(.4,0,.2,1) infinite}.api-bridge-dot.delay{animation-delay:1.4s}@keyframes api-bridge-travel{0%,8%{left:0;opacity:0}12%{opacity:1}35%{left:calc(100% - 10px);opacity:1}40%,to{left:calc(100% - 10px);opacity:0}}.api-processor{width:76px;height:80px;border:1px solid color-mix(in oklch,var(--accent) 45%,var(--border));border-radius:50%;background:color-mix(in oklch,var(--accent) 10%,var(--surface));padding:14px;display:flex;align-items:center;justify-content:center;position:relative}.api-processor:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px dashed color-mix(in oklch,var(--accent) 30%,transparent);animation:api-proc-spin 8s linear infinite}@keyframes api-proc-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.api-proc-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;height:100%}.api-proc-cell{border-radius:5px;border:1px solid var(--border);background:var(--bg);animation:api-proc-cell 2.8s ease-in-out infinite}.api-proc-cell:first-child{animation-delay:.35s}.api-proc-cell:nth-child(2){animation-delay:.55s}.api-proc-cell:nth-child(3){animation-delay:.75s}.api-proc-cell:nth-child(4){animation-delay:.95s}@keyframes api-proc-cell{0%,12%{border-color:var(--border);background:var(--bg);box-shadow:none}28%{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 25%,var(--bg));box-shadow:0 0 8px color-mix(in oklch,var(--accent) 40%,transparent)}55%{border-color:color-mix(in oklch,var(--accent) 60%,var(--border));background:color-mix(in oklch,var(--accent) 15%,var(--bg));box-shadow:none}to{border-color:var(--border);background:var(--bg)}}.api-database{display:flex;flex-direction:column;align-items:center;width:76px}.api-db-cap{width:100%;height:12px;border:1px solid var(--border);border-radius:50%;background:var(--surface);z-index:2}.api-db-cap.bottom{margin-top:-5px;opacity:.5;z-index:0}.api-db-body{width:100%;min-height:52px;border-left:1px solid var(--border);border-right:1px solid var(--border);background:color-mix(in oklch,var(--surface) 80%,var(--bg));padding:8px 9px;display:flex;flex-direction:column;gap:5px;margin-top:-6px;margin-bottom:-6px;z-index:1}.api-db-row{height:4px;border-radius:2px;background:var(--border);width:0;animation:api-db-store 2.8s ease-out infinite}.api-db-row:first-child{animation-delay:1.1s}.api-db-row:nth-child(2){animation-delay:1.35s}.api-db-row:nth-child(3){animation-delay:1.6s}.api-db-row:nth-child(4){animation-delay:1.85s}@keyframes api-db-store{0%,35%{width:0;background:var(--border);opacity:.4}50%{width:100%;background:var(--accent);opacity:1}85%{width:100%;background:color-mix(in oklch,var(--accent) 60%,var(--border));opacity:.8}to{width:100%;opacity:.5}}.app-ui-vis{width:100%;max-width:280px;display:flex;align-items:center;justify-content:center}.app-ui-window{width:100%;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:0 8px 24px rgba(0,0,0,.25)}.app-ui-chrome{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--bg) 60%,var(--surface))}.app-ui-dots{display:flex;gap:5px;flex-shrink:0}.app-ui-dot{width:7px;height:7px;border-radius:50%;background:var(--border)}.app-ui-dot.red{background:#ff5f57}.app-ui-dot.yellow{background:#febc2e}.app-ui-dot.green{background:#28c840}.app-ui-url{flex:1;height:14px;border-radius:4px;background:var(--bg);border:1px solid var(--border);position:relative;overflow:hidden}.app-ui-url:after{content:"";position:absolute;top:0;left:0;height:100%;width:35%;background:color-mix(in oklch,var(--accent) 30%,transparent);animation:app-ui-url-scan 3s ease-in-out infinite}@keyframes app-ui-url-scan{0%,to{transform:translateX(-100%);opacity:0}30%,70%{transform:translateX(220%);opacity:1}}.app-ui-body{display:flex;min-height:120px;background:var(--bg)}.app-ui-sidebar{width:36px;padding:10px 6px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--border);background:color-mix(in oklch,var(--surface) 50%,var(--bg))}.app-ui-nav{height:6px;border-radius:3px;background:var(--border);animation:app-ui-nav-idle 3s ease-in-out infinite}.app-ui-nav.active{background:color-mix(in oklch,var(--accent) 70%,var(--border));box-shadow:0 0 6px color-mix(in oklch,var(--accent) 40%,transparent);animation:app-ui-nav-active 3s ease-in-out infinite}.app-ui-nav:nth-child(2){animation-delay:.4s}.app-ui-nav:nth-child(3){animation-delay:.8s}@keyframes app-ui-nav-active{0%,20%,to{opacity:1}50%{opacity:.6}}@keyframes app-ui-nav-idle{0%,70%,to{opacity:.4}85%{opacity:.7;background:color-mix(in oklch,var(--accent) 30%,var(--border))}}.app-ui-main{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px}.app-ui-title{height:6px;width:55%;border-radius:3px;background:var(--border);animation:app-ui-fade-in 3s ease-in-out infinite}.app-ui-cards{display:flex;gap:6px}.app-ui-card{flex:1;height:28px;border-radius:5px;border:1px solid var(--border);background:var(--surface);position:relative;overflow:hidden}.app-ui-card:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,color-mix(in oklch,var(--accent) 15%,transparent) 50%,transparent 60%);animation:app-ui-shimmer 3s ease-in-out infinite}.app-ui-card.accent{border-color:color-mix(in oklch,var(--accent) 40%,var(--border));background:color-mix(in oklch,var(--accent) 8%,var(--surface))}.app-ui-card.accent:after{animation-delay:.6s}@keyframes app-ui-shimmer{0%,25%{transform:translateX(-100%)}50%,to{transform:translateX(100%)}}@keyframes app-ui-fade-in{0%,10%{opacity:.4;width:30%}30%,to{opacity:1;width:55%}}.app-ui-panel{flex:1;border:1px solid var(--border);border-radius:6px;padding:8px;display:flex;gap:8px;align-items:flex-start;background:color-mix(in oklch,var(--surface) 40%,var(--bg))}.app-ui-live{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:2px;animation:pulse-dot 2s infinite}.app-ui-panel-lines{flex:1;display:flex;flex-direction:column;gap:5px}.app-ui-panel-lines span{display:block;height:4px;border-radius:2px;background:var(--border);animation:app-ui-line-grow 3s ease-in-out infinite}.app-ui-panel-lines span:first-child{width:0;animation-delay:.5s}.app-ui-panel-lines span:nth-child(2){width:0;animation-delay:.9s}.app-ui-panel-lines span:nth-child(3){width:0;animation-delay:1.3s}@keyframes app-ui-line-grow{0%,15%{width:0;background:var(--border)}35%{width:90%;background:color-mix(in oklch,var(--accent) 50%,var(--border))}70%,to{width:75%;background:var(--border);opacity:.6}}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.infra-node{border:1px solid var(--border);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--surface);position:relative}.infra-node.active{border-color:color-mix(in oklch,var(--accent) 50%,transparent)}.infra-node.active:before{content:"";position:absolute;top:6px;right:6px;width:4px;height:4px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e}.infra-node-line{height:3px;border-radius:1.5px;background:var(--border);width:100%}.infra-node.active .infra-node-line:first-child{background:color-mix(in oklch,var(--accent) 80%,transparent);width:80%}.infra-node.active .infra-node-line:nth-child(2){background:color-mix(in oklch,var(--accent) 40%,transparent);width:40%}.demo-live-frame{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--gap-md);aspect-ratio:16/9;position:relative}.demo-live-header{background:var(--surface);padding:8px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.demo-dots{display:flex;gap:6px}.demo-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.demo-dot.red{background:#ef4444}.demo-dot.yellow{background:#eab308}.demo-dot.green{background:#22c55e}.demo-live-body{padding:16px;height:calc(100% - 33px);display:flex;flex-direction:column;font-family:var(--font-mono);font-size:11px;color:var(--fg);overflow:hidden}.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-lg);position:relative}@media (max-width:920px){.timeline-grid{grid-template-columns:1fr}}.timeline-item{position:relative;padding-top:var(--gap-md)}.timeline-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border)}.timeline-item:after{content:"";position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:var(--accent)}.adr-selector{display:flex;flex-direction:column;gap:10px}.adr-btn{padding:12px 16px}.adr-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;min-height:280px}.topnav{position:sticky;top:0;z-index:100;background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border-bottom:1px solid transparent;height:96px;margin-bottom:-96px;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease}.topnav.scrolled{background:color-mix(in oklch,var(--bg) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.topnav-inner{justify-content:space-between;height:100%}.topnav .logo,.topnav-inner{display:flex;align-items:center}.topnav .logo{font-family:var(--font-mono);font-size:22px;font-weight:700;letter-spacing:.05em;color:var(--fg);gap:16px}.topnav nav{display:flex;gap:var(--gap-lg)}.topnav nav a{font-size:14px;color:var(--muted);transition:color .15s ease;font-weight:500}.topnav nav a:hover{color:var(--fg)}.topnav .actions,.topnav-only-controls{display:flex;align-items:center;gap:var(--gap-md)}.nav-action-control{height:var(--nav-action-height);box-sizing:border-box}.nav-cta-btn{padding:0 16px;font-size:13px;line-height:1}.nav-cta-btn,.theme-toggle{height:var(--nav-action-height);display:inline-flex;align-items:center;justify-content:center}.theme-toggle{width:var(--nav-action-height);border-radius:var(--radius);border:1px solid var(--border);color:var(--muted);background:color-mix(in oklch,var(--surface) 80%,transparent);transition:color .15s,border-color .15s;flex-shrink:0;padding:0}.theme-toggle svg{display:block;flex-shrink:0}.theme-toggle:hover{color:var(--fg);border-color:var(--fg)}.lang-switcher{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:color-mix(in oklch,var(--surface) 80%,transparent);flex-shrink:0}.lang-switcher-btn{display:grid;place-items:center;width:calc(var(--nav-action-height) + 4px);height:var(--nav-action-height);border:none;background:transparent;cursor:pointer;transition:background .15s ease,opacity .15s ease;opacity:.55;padding:0}.lang-switcher-btn.active{opacity:1;background:var(--accent-soft)}.lang-switcher-btn:hover{opacity:1}.lang-switcher-btn+.lang-switcher-btn{border-left:1px solid var(--border)}.mobile-menu-btn{display:none;width:36px;height:36px;place-items:center;border:1px solid var(--border);border-radius:var(--radius)}@media (max-width:1279px){.topnav .actions>.nav-cta-btn,.topnav nav,.topnav-only-controls{display:none}.mobile-menu-btn{display:grid}.mobile-drawer-settings .lang-switcher,.mobile-drawer-settings .theme-toggle{display:inline-flex;align-items:center;justify-content:center}}.mobile-drawer{position:fixed;top:0;right:-100%;width:min(320px,88vw);height:100vh;height:100dvh;max-height:100dvh;background:var(--surface);border-left:1px solid var(--border);z-index:1000;padding:0;box-shadow:-10px 0 30px rgba(0,0,0,.15);transition:right .3s cubic-bezier(.23,1,.32,1);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:0;overflow:hidden}.mobile-drawer.open{right:0}.mobile-drawer-close{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0}.mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:999;display:none}.mobile-drawer-backdrop.open{display:block}.pagefoot{margin-top:auto;border-top:1px solid var(--border);padding:24px 0}.pagefoot-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md);flex-wrap:wrap;font-size:13px;color:var(--muted)}.pagefoot-inner .meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}@media (max-width:768px){.pagefoot-inner{flex-direction:column;align-items:flex-start;gap:8px}}.toast{position:fixed;bottom:24px;right:24px;background:var(--surface);border:1px solid var(--border);padding:16px var(--gap-md);border-radius:var(--radius);z-index:2000;box-shadow:0 10px 30px rgba(0,0,0,.2);transform:translateY(120%);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:var(--gap-sm)}.toast.show{transform:translateY(0)}.arch-flow-line{position:relative;background:var(--border);overflow:hidden}.arch-flow-line:after{content:"";position:absolute;background:var(--accent);box-shadow:0 0 10px 2px color-mix(in srgb,var(--accent) 50%,transparent)}.flow-y{width:2px}.flow-y:after{width:100%;height:40%;top:-40%;left:0;animation:flow-y-anim 2.5s ease-in-out infinite}.flow-x{height:2px}.flow-x:after{height:100%;width:40%;left:-40%;top:0;animation:flow-x-anim 2.5s ease-in-out infinite}@keyframes flow-y-anim{0%{top:-40%}to{top:100%}}@keyframes flow-x-anim{0%{left:-40%}to{left:100%}}.node-status-indicator{position:absolute;top:-6px;right:-6px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid var(--bg);box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:node-pulse 2s infinite}@keyframes node-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.5)}70%{box-shadow:0 0 0 6px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.adr-item.selectable-item:hover{border-color:var(--accent)}.adr-item.selectable-item.active:hover{border-color:var(--accent);background:var(--accent-soft)}.premium-field{position:relative;width:100%}.premium-field input,.premium-field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px 8px;color:var(--fg);font-family:var(--font-body);font-size:15px;transition:border-color .3s,box-shadow .3s,background .3s}.premium-field textarea{min-height:120px;resize:vertical}.premium-field input:focus,.premium-field textarea:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 15%,transparent)}.premium-field label{position:absolute;left:16px;top:16px;color:var(--muted);font-size:15px;transition:transform .2s ease,font-size .2s ease,color .2s ease;pointer-events:none}.premium-field input:not(:-moz-placeholder)+label,.premium-field textarea:not(:-moz-placeholder)+label{transform:translateY(-9px);font-size:11px;color:var(--accent);font-weight:600}.premium-field input:focus+label,.premium-field input:not(:placeholder-shown)+label,.premium-field textarea:focus+label,.premium-field textarea:not(:placeholder-shown)+label{transform:translateY(-9px);font-size:11px;color:var(--accent);font-weight:600}.chip-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.chip-group input{display:none}.chip-group span{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--muted);cursor:pointer;transition:all .2s ease;background:var(--surface);-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip-group input:checked+span{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.chip-group label:hover span{border-color:var(--border-hover);color:var(--fg)}.chip-group input:checked+span:hover{border-color:var(--accent);color:var(--accent)}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.5);opacity:0}}@keyframes scan-v{0%{transform:translateY(-20px)}to{transform:translateY(140px)}}.btn-loader{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.seniority-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md);position:relative}@media (max-width:920px){.seniority-grid{grid-template-columns:1fr}}.svc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden;transition:border-color .25s ease;cursor:default;display:flex;flex-direction:column}.svc-card:hover{border-color:var(--accent)}.svc-card-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.svc-anim-container{height:60px;margin-bottom:24px;display:flex;align-items:center}.anim-svc-api{width:60px;height:40px;position:relative;opacity:.5;transition:opacity .3s}.svc-card:hover .anim-svc-api{opacity:1}.anim-svc-api-server{position:absolute;left:0;width:100%;height:8px;background:var(--border);border-radius:4px;transition:background .3s}.anim-svc-api-server:first-child{top:0}.anim-svc-api-server:nth-child(2){top:16px}.anim-svc-api-server:nth-child(3){top:32px}.anim-svc-api-dot{left:8px;background:var(--surface)}.anim-svc-api-dot,.anim-svc-api-flow{position:absolute;top:2px;width:4px;height:4px;border-radius:50%}.anim-svc-api-flow{right:100%;background:var(--accent);opacity:0}.svc-card:hover .anim-svc-api-server{background:color-mix(in oklch,var(--accent) 20%,var(--border))}.svc-card:hover .anim-svc-api-server:first-child .anim-svc-api-flow{animation:dataFlow 1.5s cubic-bezier(.4,0,.2,1) infinite}.svc-card:hover .anim-svc-api-server:nth-child(2) .anim-svc-api-flow{animation:dataFlow 1.5s cubic-bezier(.4,0,.2,1) .5s infinite}.svc-card:hover .anim-svc-api-server:nth-child(3) .anim-svc-api-flow{animation:dataFlow 1.5s cubic-bezier(.4,0,.2,1) 1s infinite}@keyframes dataFlow{0%{right:100%;opacity:0}10%{opacity:1}90%{opacity:1}to{right:8px;opacity:0}}.anim-svc-ai{width:50px;height:50px;position:relative;opacity:.5;transition:opacity .3s}.svc-card:hover .anim-svc-ai{opacity:1}.anim-svc-ai-node{position:absolute;width:12px;height:12px;border:2px solid var(--border);border-radius:50%;transition:all .3s}.anim-svc-ai-node:first-child{top:0;left:50%;transform:translateX(-50%)}.anim-svc-ai-node:nth-child(2){bottom:0;left:0}.anim-svc-ai-node:nth-child(3){bottom:0;right:0}.anim-svc-ai-link{position:absolute;background:var(--border);transform-origin:top left;transition:background .3s}.anim-svc-ai-link-1{top:10px;left:21px;width:2px;height:28px;transform:rotate(32deg)}.anim-svc-ai-link-2{top:10px;right:21px;width:2px;height:28px;transform:rotate(-32deg)}.anim-svc-ai-link-3{bottom:5px;left:10px;width:30px;height:2px}.svc-card:hover .anim-svc-ai-node{border-color:var(--accent)}.svc-card:hover .anim-svc-ai-node:first-child{background:color-mix(in oklch,var(--accent) 30%,transparent);box-shadow:0 0 10px var(--accent)}.svc-card:hover .anim-svc-ai-link{background:var(--accent)}.svc-card:hover .anim-svc-ai-link-1{animation:aiPulse 2s infinite}.svc-card:hover .anim-svc-ai-link-2{animation:aiPulse 2s .6s infinite}.svc-card:hover .anim-svc-ai-link-3{animation:aiPulse 2s 1.2s infinite}@keyframes aiPulse{0%,to{opacity:.3}50%{opacity:1;filter:drop-shadow(0 0 4px var(--accent))}}.anim-svc-dash{width:60px;height:40px;position:relative;opacity:.5;transition:opacity .3s;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 2fr;gap:4px}.svc-card:hover .anim-svc-dash{opacity:1}.anim-svc-dash-cell{background:var(--border);border-radius:2px;transition:all .3s}.anim-svc-dash-cell:first-child{grid-column:1;grid-row:1}.anim-svc-dash-cell:nth-child(2){grid-column:2;grid-row:1}.anim-svc-dash-cell:nth-child(3){grid-column:1;grid-row:2}.anim-svc-dash-cell:nth-child(4){grid-column:2;grid-row:2;position:relative;overflow:hidden}.anim-svc-dash-chart{position:absolute;bottom:0;left:2px;width:6px;background:var(--surface);transition:height .3s}.svc-card:hover .anim-svc-dash-cell{background:color-mix(in oklch,var(--accent) 15%,transparent);border:1px solid color-mix(in oklch,var(--accent) 40%,transparent)}.svc-card:hover .anim-svc-dash-cell:first-child{background:var(--accent)}.svc-card:hover .anim-svc-dash-cell:nth-child(4) .anim-svc-dash-chart:first-child{height:40%;background:var(--accent);animation:chartGrow 1.5s infinite alternate}.svc-card:hover .anim-svc-dash-cell:nth-child(4) .anim-svc-dash-chart:nth-child(2){left:12px;height:70%;background:var(--accent);animation:chartGrow 1.5s .2s infinite alternate}.svc-card:hover .anim-svc-dash-cell:nth-child(4) .anim-svc-dash-chart:nth-child(3){left:22px;height:50%;background:var(--accent);animation:chartGrow 1.5s .4s infinite alternate}@keyframes chartGrow{0%{transform:scaleY(.5);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.seniority-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;position:relative;overflow:hidden;transition:border-color .25s ease;cursor:default}.seniority-card:hover{border-color:var(--accent)}.seniority-card-content{position:relative;z-index:1}.seniority-number{font-size:3rem;font-family:var(--font-mono);font-weight:700;color:transparent;-webkit-text-stroke:1px var(--border);transition:color .3s ease,-webkit-text-stroke-color .3s ease;margin-bottom:24px;display:inline-block}.seniority-card:hover .seniority-number{color:var(--accent);-webkit-text-stroke-color:transparent}.seniority-anim-container{height:60px;margin-bottom:24px;display:flex;align-items:center}.anim-adr{display:flex;flex-direction:column;gap:6px;width:120px;opacity:.5;transition:opacity .3s;position:relative}.seniority-card:hover .anim-adr{opacity:1}.anim-adr-line{height:4px;border-radius:2px;background:var(--border);overflow:hidden;position:relative}.anim-adr-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);opacity:0}.anim-adr-line:first-child{width:100%}.anim-adr-line:nth-child(2){width:80%}.anim-adr-line:nth-child(3){width:60%}.seniority-card:hover .anim-adr-line:after{animation:adrScan 1.5s cubic-bezier(.23,1,.32,1) forwards;opacity:1}.seniority-card:hover .anim-adr-line:nth-child(2):after{animation-delay:.15s}.seniority-card:hover .anim-adr-line:nth-child(3):after{animation-delay:.3s}@keyframes adrScan{0%{left:-100%}to{left:0}}.anim-prod{position:relative;width:40px;height:40px;opacity:.5;transition:opacity .3s}.seniority-card:hover .anim-prod{opacity:1}.anim-prod-core{background:var(--border);border-radius:50%;transition:background .3s}.anim-prod-core,.anim-prod-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px}.anim-prod-ring{border:1px solid var(--accent);border-radius:50%;opacity:0}.seniority-card:hover .anim-prod-core{background:var(--accent)}.seniority-card:hover .anim-prod-ring{animation:prodPing 2s cubic-bezier(0,0,.2,1) infinite}@keyframes prodPing{0%{transform:translate(-50%,-50%) scale(1);opacity:.8;border-width:2px}to{transform:translate(-50%,-50%) scale(5);opacity:0;border-width:0}}.anim-balance{width:80px;height:40px;position:relative;opacity:.5;transition:opacity .3s}.seniority-card:hover .anim-balance{opacity:1}.anim-balance-pivot{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid var(--border);transition:border-bottom-color .3s}.anim-balance-bar{position:absolute;bottom:12px;left:0;width:100%;height:2px;background:var(--border);transform-origin:center;transition:background .3s,transform .8s cubic-bezier(.34,1.56,.64,1)}.anim-balance-node-l,.anim-balance-node-r{position:absolute;width:16px;height:16px;border:2px solid var(--border);border-radius:4px;top:-16px;transition:border-color .3s}.anim-balance-node-l{left:0}.anim-balance-node-r{right:0}.seniority-card:hover .anim-balance-pivot{border-bottom-color:var(--accent)}.seniority-card:hover .anim-balance-bar{background:var(--accent);transform:rotate(12deg)}.seniority-card:hover .anim-balance-node-l{border-color:color-mix(in oklch,var(--accent) 50%,#fff)}.seniority-card:hover .anim-balance-node-r{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 20%,transparent)}.anim-stack{position:relative;width:60px;height:40px;opacity:.5;transition:opacity .3s;perspective:400px}.seniority-card:hover .anim-stack{opacity:1}.anim-stack-layer{position:absolute;left:0;right:0;height:16px;border:1px solid var(--border);border-radius:4px;background:var(--surface);transition:all .5s cubic-bezier(.23,1,.32,1);transform:rotateX(60deg) rotate(0deg) translateZ(0);transform-origin:center}.anim-stack-layer:first-child{top:20px;z-index:3}.anim-stack-layer:nth-child(2){top:10px;z-index:2}.anim-stack-layer:nth-child(3){top:0;z-index:1}.seniority-card:hover .anim-stack-layer{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 10%,var(--surface));transform:rotateX(50deg) rotate(-15deg)}.seniority-card:hover .anim-stack-layer:first-child{transform:rotateX(50deg) rotate(-15deg) translateZ(24px) translateY(12px);border-color:color-mix(in oklch,var(--accent) 100%,#fff)}.seniority-card:hover .anim-stack-layer:nth-child(2){transform:rotateX(50deg) rotate(-15deg) translateZ(0) translateY(0)}.seniority-card:hover .anim-stack-layer:nth-child(3){transform:rotateX(50deg) rotate(-15deg) translateZ(-24px) translateY(-12px);border-color:color-mix(in oklch,var(--accent) 40%,transparent)}.demo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.demo-breadcrumb a{transition:color .15s ease}.demo-breadcrumb a:hover{color:var(--fg)}.demo-breadcrumb-sep{color:color-mix(in oklch,var(--muted) 60%,transparent);flex-shrink:0}.demo-breadcrumb-current{color:var(--fg)}.demo-api-quick-guide{display:flex;flex-direction:column;gap:16px}.demo-api-quick-lead{margin:0;color:var(--muted);font-size:15px;line-height:1.55;max-width:52ch}.demo-api-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width:920px){.demo-api-quick-grid{grid-template-columns:1fr}}.demo-api-quick-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.demo-api-quick-card h3{margin:0;font-size:14px;font-weight:600}.demo-api-quick-card p{margin:0;font-size:13px;line-height:1.5;color:var(--muted)}.demo-api-quick-steps{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:12px 16px;border:1px dashed color-mix(in oklch,var(--border) 80%,var(--accent));border-radius:var(--radius);background:color-mix(in oklch,var(--accent) 4%,transparent)}.demo-api-quick-step{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--fg)}.demo-api-quick-step-num{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.demo-api-quick-step-arrow{color:var(--muted);margin-left:4px}.demo-api-github-card{min-width:0}.demo-api-github-link{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);text-decoration:none;transition:border-color .15s ease,background .15s ease}.demo-api-github-link:hover{border-color:var(--border-hover)}.demo-api-github-link-text{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-api-github-link-icon{color:var(--muted);flex-shrink:0}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--border) rgba(0,0,0,.15)}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.15);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--muted)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,color-mix(in oklch,var(--surface) 80%,var(--bg)) 0,color-mix(in oklch,var(--border) 60%,var(--surface)) 50%,color-mix(in oklch,var(--surface) 80%,var(--bg)) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:flex{display:flex}.md\:flex-row{flex-direction:row}}