.neural-surface{position:relative;isolation:isolate;min-height:100%;background:#030907;color:#e8f5ef}.neural-surface>.neural-content{position:relative;z-index:1}.neural-ambient{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:1}.neural-glass{background:linear-gradient(145deg,#081914e6,#040d0ad1);border:1px solid rgba(121,190,163,.2);box-shadow:0 22px 60px #00000047,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fn-graph{position:relative;min-height:390px;border-radius:20px;overflow:hidden;margin:20px 0 28px;padding:18px;background:linear-gradient(145deg,#061410e8,#040c0ad6);border:1px solid rgba(55,213,255,.18);box-shadow:0 25px 70px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.fn-graph__head{position:relative;z-index:3;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.fn-graph__eyebrow{font:600 9px JetBrains Mono,monospace;letter-spacing:.15em;color:#37d5ff;text-transform:uppercase}.fn-graph__title{font:800 clamp(20px,3vw,30px) "Syne",sans-serif;margin:6px 0;color:#eefaf5}.fn-graph__copy{color:#95b4a7;line-height:1.5;font-size:12px;max-width:720px;margin:0}.fn-graph__stage{position:relative;height:280px;min-width:0;margin-top:6px}.fn-graph__edges{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.fn-edge{stroke:#679a8847;stroke-width:1.2;fill:none;transition:stroke .2s,opacity .2s,stroke-width .2s}.fn-edge.is-active{stroke:#37d5ff;stroke-width:2.4;filter:drop-shadow(0 0 5px rgba(55,213,255,.7))}.fn-edge.is-uncertain{stroke:#f6c445;stroke-dasharray:5 5}.fn-edge.is-error{stroke:#ff6b7a;stroke-dasharray:2 5}.fn-pulse{fill:#fff;filter:drop-shadow(0 0 5px #37d5ff)}.fn-node{position:absolute;width:clamp(104px,11vw,142px);min-height:68px;transform:translate(-50%,-50%);padding:10px 11px;text-align:left;border-radius:13px;border:1px solid color-mix(in srgb,var(--node-color) 52%,transparent);background:#040f0cf0;color:#e8f5ef;cursor:pointer;box-shadow:0 10px 24px #00000038,inset 0 0 20px color-mix(in srgb,var(--node-color) 5%,transparent);transition:transform .2s,border-color .2s,box-shadow .2s,opacity .2s;z-index:2}.fn-node:hover,.fn-node:focus-visible,.fn-node.is-selected,.fn-node.is-related{transform:translate(-50%,-50%) scale(1.045);border-color:var(--node-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--node-color) 30%,transparent),0 0 28px color-mix(in srgb,var(--node-color) 20%,transparent)}.fn-node.is-muted{opacity:.46}.fn-node:focus-visible{outline:2px solid #fff;outline-offset:3px}.fn-node__status{display:block;font:600 8px JetBrains Mono,monospace;letter-spacing:.09em;color:var(--node-color);text-transform:uppercase;margin-bottom:5px}.fn-node__label{display:block;font:700 12px Syne,sans-serif;line-height:1.15}.fn-node__kind{display:block;color:#779589;font-size:9px;margin-top:4px}.fn-graph__detail{position:relative;z-index:4;margin-top:4px;padding:12px 14px;border-radius:12px;border-left:3px solid var(--detail-color,#37d5ff);background:#030b08e0;color:#a9c4b8;font-size:12px;line-height:1.55}.neural-legend{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.neural-legend span{font:600 8px JetBrains Mono,monospace;padding:5px 7px;border:1px solid color-mix(in srgb,var(--legend-color) 35%,transparent);border-radius:999px;color:var(--legend-color);background:color-mix(in srgb,var(--legend-color) 7%,transparent)}.public-twin-logo{width:calc(100% + 8px);height:112px;margin:-5px -4px 13px;padding:0;display:grid;place-items:center;border:0;border-radius:13px;background:radial-gradient(circle at 50% 48%,rgba(86,231,189,.1),transparent 68%);overflow:hidden;text-decoration:none;cursor:default}.public-twin-logo:is(button,a){cursor:pointer}.public-twin-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(73,225,143,.14));transition:transform .24s,filter .24s}.public-twin-logo:is(button,a):hover img,.public-twin-logo:is(button,a):focus-visible img{transform:scale(1.045);filter:drop-shadow(0 0 24px rgba(73,225,143,.3))}.public-twin-logo:focus-visible{outline:2px solid #fff;outline-offset:3px}.twin-flow{position:relative;margin:22px 0 30px;padding:clamp(16px,2.4vw,27px);overflow:hidden;border:1px solid rgba(81,219,190,.24);border-radius:24px;background:radial-gradient(circle at 76% 45%,rgba(55,213,255,.085),transparent 34%),linear-gradient(145deg,#05140ff5,#030a08e6);box-shadow:0 28px 80px #00000057,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.twin-flow__header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:22px;flex-wrap:wrap;margin-bottom:19px}.twin-flow__eyebrow{font:600 9px JetBrains Mono,monospace;letter-spacing:.15em;text-transform:uppercase;color:#53dbf9}.twin-flow h2{margin:6px 0;color:#edf9f4;font:800 clamp(22px,3vw,32px) "Syne",sans-serif}.twin-flow__header p{max-width:760px;margin:0;color:#95b4a7;font-size:12px;line-height:1.55}.twin-flow__key{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.twin-flow__key span{padding:5px 8px;border:1px solid rgba(109,190,166,.22);border-radius:999px;background:#01080685;color:#8fb4a5;font:600 8px JetBrains Mono,monospace;letter-spacing:.04em}.twin-flow__stage{position:relative;min-height:616px;border-radius:19px;border:1px solid rgba(79,181,151,.14);background:linear-gradient(90deg,#040d0abf,#04100c6b,#05110ec2);overflow:hidden}.twin-flow__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.twin-flow__layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,2.25fr) minmax(238px,.75fr);gap:clamp(36px,6vw,88px);min-height:616px;padding:20px}.twin-flow__lanes{display:grid;grid-template-rows:repeat(3,minmax(168px,1fr));gap:16px;min-width:0}.twin-lane{display:grid;grid-template-columns:minmax(170px,225px) minmax(250px,1fr);align-items:center;gap:clamp(62px,9vw,132px);min-width:0;transition:opacity .25s,filter .25s}.twin-lane.is-muted{opacity:.26;filter:saturate(.5)}.twin-lane__logo,.twin-lane__visual{position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--twin-color) 31%,transparent);border-radius:16px;background:#030c09e0;color:#eaf9f2;overflow:hidden;box-shadow:0 12px 34px #00000042,inset 0 0 24px color-mix(in srgb,var(--twin-color) 5%,transparent);transition:transform .24s,border-color .24s,box-shadow .24s,opacity .24s}.twin-lane__logo{height:135px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.twin-lane__logo img{width:100%;height:91px;object-fit:contain}.twin-lane__logo>span{position:absolute;left:9px;bottom:8px;padding:4px 7px;border-radius:999px;background:#010906cc;color:var(--twin-color);font:700 8px JetBrains Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.twin-lane__visual{height:154px;padding:0;display:grid;grid-template-columns:minmax(130px,43%) 1fr;text-align:left}.twin-lane__visual img{width:100%;height:100%;object-fit:cover;background:#07110d}.twin-lane__visual>span{align-self:center;padding:13px}.twin-lane__visual strong{display:block;font:700 13px/1.2 Syne,sans-serif;color:#eefaf5}.twin-lane__visual small{display:block;margin-top:7px;color:#8ea99e;font-size:10px;line-height:1.45}.twin-lane__logo:disabled,.twin-lane__visual:disabled{cursor:default}.twin-lane__logo:not(:disabled),.twin-lane__visual:not(:disabled){cursor:pointer}.twin-lane.is-active .twin-lane__logo,.twin-lane.is-active .twin-lane__visual,.twin-lane__logo:focus-visible,.twin-lane__visual:focus-visible{transform:translateY(-2px) scale(1.018);border-color:var(--twin-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--twin-color) 28%,transparent),0 0 35px color-mix(in srgb,var(--twin-color) 20%,transparent),0 18px 38px #00000057}.twin-lane__logo:focus-visible,.twin-lane__visual:focus-visible,.twin-operator:focus-visible{outline:2px solid #fff;outline-offset:3px}.twin-operator{position:relative;align-self:stretch;min-width:0;border:1px solid rgba(81,219,190,.24);border-radius:18px;background:linear-gradient(180deg,#05120ebd,#020907f0);overflow:hidden;box-shadow:0 18px 46px #00000052;transition:transform .25s,border-color .25s,box-shadow .25s}.twin-operator.is-active,.twin-operator:hover{transform:translateY(-2px);border-color:#56e7bd;box-shadow:0 0 42px #46e6c52b,0 20px 48px #00000059}.twin-operator>img{display:block;width:100%;height:72%;object-fit:cover;object-position:50% 36%;opacity:.9;-webkit-mask-image:linear-gradient(#000 74%,transparent 100%);mask-image:linear-gradient(#000 74%,transparent 100%)}.twin-operator__label{position:absolute;left:16px;right:16px;bottom:83px;padding:14px;border:1px solid rgba(81,219,190,.24);border-radius:13px;background:#020c09cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.twin-operator__label strong{display:block;font:700 18px Syne,sans-serif;color:#eafaf3}.twin-operator__label span{display:block;margin-top:4px;color:#55dfbc;font:600 9px JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.11em}.twin-operator__actions{position:absolute;left:15px;right:15px;bottom:17px;display:flex;gap:6px;flex-wrap:wrap}.twin-operator__actions span{padding:5px 7px;border:1px solid rgba(75,193,163,.19);border-radius:999px;color:#a5c7b9;background:#061711b8;font-size:9px}.twin-flow__fallback{margin-top:10px;color:#6f9383;font-size:9px}@media (max-width:680px){.fn-graph{padding:15px;min-height:0}.fn-node{width:126px;min-height:58px;padding:8px}.fn-graph__copy{font-size:11px}.neural-legend{justify-content:flex-start}}@media (max-width:1000px){.twin-flow__layout{grid-template-columns:minmax(0,1.9fr) minmax(210px,.8fr);gap:32px;padding:16px}.twin-lane{grid-template-columns:minmax(135px,180px) minmax(210px,1fr);gap:36px}.twin-lane__visual{grid-template-columns:43% 1fr}}@media (max-width:760px){.public-twin-logo{height:100px}.twin-flow{padding:14px;margin-inline:-2px}.twin-flow__key{justify-content:flex-start}.twin-flow__stage{min-height:0;overflow:hidden}.twin-flow__layout{grid-template-columns:1fr;gap:28px;padding:14px}.twin-flow__lanes{grid-template-rows:none;gap:28px}.twin-lane{grid-template-columns:1fr;gap:25px}.twin-lane__logo{height:128px}.twin-lane__visual{height:auto;min-height:230px;grid-template-columns:1fr}.twin-lane__visual img{height:150px;object-fit:cover}.twin-operator{min-height:470px}.twin-operator>img{height:78%}.twin-flow__header p{font-size:11px}}@media (prefers-reduced-motion:reduce){.fn-node,.fn-edge,.twin-lane,.twin-lane__logo,.twin-lane__visual,.twin-operator{transition:none!important}.fn-pulse{display:none}}