.fh{position:relative;width:100vw;margin-left:calc(-50vw + 50%);padding:60px 24px 48px;margin-bottom:2rem;background:#1a1b26;border-bottom:1px solid rgba(59,66,97,.4);display:flex;flex-direction:column;align-items:center;overflow:hidden}.fh-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(122,162,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(122,162,247,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,black 20%,transparent 70%)}.fh-header{position:relative;z-index:1;text-align:center;margin-bottom:40px;opacity:0;transform:translateY(30px);animation:fhFadeUp .8s cubic-bezier(.16,1,.3,1) .2s forwards}@keyframes fhFadeUp{to{opacity:1;transform:translateY(0)}}.fh-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7aa2f7;padding:4px 14px;border-radius:20px;border:1px solid rgba(122,162,247,.3);background:#7aa2f714;box-shadow:0 0 20px #7aa2f71a;margin-bottom:20px}.fh-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0 0 14px;background:linear-gradient(135deg,#c0caf5,#7aa2f7,#bb9af7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fh-deck{font-size:clamp(.95rem,2vw,1.1rem);color:#565f89;font-weight:400;max-width:520px;margin:0 auto;line-height:1.6}.fh-card{position:relative;z-index:1;width:100%;max-width:900px;background:#24283b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(59,66,97,.5);border-radius:16px;padding:32px 28px 28px;margin-bottom:32px;opacity:0;transform:translateY(30px);animation:fhFadeUp .8s cubic-bezier(.16,1,.3,1) .5s forwards;box-shadow:0 8px 60px #0000004d,0 0 80px #7aa2f70a}.fh-card:before{content:"";position:absolute;inset:-1px;border-radius:17px;padding:1px;background:linear-gradient(135deg,rgba(122,162,247,.2),transparent 40%,transparent 60%,rgba(187,154,247,.15));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.fh-logo{display:flex;align-items:center;gap:12px;pointer-events:none;opacity:.18;margin-bottom:8px}.fh-logo svg{width:42px;height:42px;flex-shrink:0}.fh-logo-text{font-size:26px;font-weight:700;letter-spacing:-.03em;color:#7aa2f7}.fh-diagram{position:relative;width:100%;height:400px;overflow:visible}.fh-diagram>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fh-node{position:absolute;background:#24283b;border:1.5px solid #3b4261;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:1;overflow:hidden;transition:background .2s,box-shadow .2s}.fh-node:hover{box-shadow:0 0 24px #7aa2f726,0 0 8px #7aa2f714}.fh-node-icon{position:absolute;top:6px;left:8px;display:flex;align-items:center;justify-content:center;opacity:.45}.fh-node-icon svg{width:28px;height:28px}.fh-node-icon-inline{display:flex;align-items:center;justify-content:center;opacity:.45}.fh-node-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#565f89}.fh-node-symbol{font-size:20px;font-weight:600;line-height:1;color:#c0caf5}.fh-node-value{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.01em;min-width:2.6em;text-align:center;color:inherit}.fh-node-slider{width:calc(100% - 16px);margin:2px 0 0}.fh-node-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:color-mix(in srgb,currentColor 25%,#3b4261);outline:none;cursor:pointer}.fh-node-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid currentColor;background:#24283b;cursor:pointer;transition:background .15s}.fh-node-slider input[type=range]::-webkit-slider-thumb:hover{background:currentColor}.fh-node-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:2px solid currentColor;background:#24283b;cursor:pointer}.fh-node-kp .fh-node-slider input[type=range]::-webkit-slider-thumb{border-color:#7aa2f7}.fh-node-ki .fh-node-slider input[type=range]::-webkit-slider-thumb{border-color:#9ece6a}.fh-node-kd .fh-node-slider input[type=range]::-webkit-slider-thumb{border-color:#bb9af7}.fh-node-kp .fh-node-slider input[type=range]::-webkit-slider-thumb:hover{background:#7aa2f7}.fh-node-ki .fh-node-slider input[type=range]::-webkit-slider-thumb:hover{background:#9ece6a}.fh-node-kd .fh-node-slider input[type=range]::-webkit-slider-thumb:hover{background:#bb9af7}.fh-node-kp .fh-node-slider input[type=range]::-moz-range-thumb{border-color:#7aa2f7}.fh-node-ki .fh-node-slider input[type=range]::-moz-range-thumb{border-color:#9ece6a}.fh-node-kd .fh-node-slider input[type=range]::-moz-range-thumb{border-color:#bb9af7}.fh-node-kp .fh-node-slider input[type=range]{background:color-mix(in srgb,#7aa2f7 25%,#3b4261)}.fh-node-ki .fh-node-slider input[type=range]{background:color-mix(in srgb,#9ece6a 25%,#3b4261)}.fh-node-kd .fh-node-slider input[type=range]{background:color-mix(in srgb,#bb9af7 25%,#3b4261)}.fh-node-sum{border-radius:50%;border-width:1.5px;border-color:#565f89}.fh-node-sum .fh-node-symbol{color:#565f89;font-size:22px}.fh-node-kp{border-color:#7aa2f7;color:#7aa2f7}.fh-node-ki{border-color:#9ece6a;color:#9ece6a}.fh-node-kd{border-color:#bb9af7;color:#bb9af7}.fh-node-step{border-color:#9ece6a}.fh-node-plant{border-color:#ff9e64}.fh-node-scope{border-color:#7dcfff}.fh-node-step .fh-node-symbol{color:#9ece6a}.fh-node-plant .fh-node-symbol{color:#ff9e64}.fh-node-scope .fh-node-symbol{color:#7dcfff}.fh-node-kp:hover{background:color-mix(in srgb,#7aa2f7 10%,#24283b)}.fh-node-ki:hover{background:color-mix(in srgb,#9ece6a 10%,#24283b)}.fh-node-kd:hover{background:color-mix(in srgb,#bb9af7 10%,#24283b)}.fh-node-step:hover{background:color-mix(in srgb,#9ece6a 10%,#24283b)}.fh-node-plant:hover{background:color-mix(in srgb,#ff9e64 10%,#24283b)}.fh-node-scope:hover{background:color-mix(in srgb,#7dcfff 10%,#24283b)}.fh-node-sum:hover{background:color-mix(in srgb,#565f89 10%,#24283b)}.fh-wire{stroke:#3b4261;stroke-width:1.8;fill:none;filter:drop-shadow(0 0 2px rgba(59,66,97,.4))}.fh-wire-fb{stroke:#565f89;stroke-width:1.4;fill:none;stroke-dasharray:6 4}.fh-wire-dot{fill:#3b4261}.fh-scope-canvas{position:absolute;top:8px;right:8px;width:320px;height:180px;border-radius:10px;border:1px solid #3b4261;background:#1a1b26e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:block;z-index:0;box-shadow:inset 0 2px 8px #0000004d,0 0 20px #00000026}.fh-mobile-sliders{display:none}.fh-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;opacity:0;transform:translateY(20px);animation:fhFadeUp .8s cubic-bezier(.16,1,.3,1) .8s forwards}.fh-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .3s,transform .3s,box-shadow .3s}.fh-cta:hover{transform:scale(1.02)}.fh-cta-primary{background:#7aa2f7;color:#1a1b26;border:1px solid #7aa2f7}.fh-cta-primary:hover{box-shadow:0 0 24px #7aa2f740;color:#1a1b26}.fh-cta-secondary{background:transparent;color:#7aa2f7;border:1px solid #7aa2f7}.fh-cta-secondary:hover{background:#7aa2f714;color:#7aa2f7}@media(max-width:768px){.fh{padding:40px 16px 36px}.fh-header{margin-bottom:28px}.fh-card{padding:20px 16px 16px}.fh-diagram{--diagram-scale: clamp(.35, calc((100vw - 64px)/830px) , .85);transform:scale(var(--diagram-scale));transform-origin:top left;height:calc(400px * var(--diagram-scale));width:calc(100% / var(--diagram-scale));pointer-events:none;margin-bottom:8px}.fh-diagram input[type=range]{pointer-events:none}.fh-scope-canvas{position:static;width:100%;height:auto;aspect-ratio:2 / 1;backdrop-filter:none;-webkit-backdrop-filter:none;background:#1a1b26;margin-top:0}.fh-mobile-sliders{display:flex!important;flex-direction:column;gap:12px;margin-bottom:16px}.fh-mobile-slider-row{display:flex;align-items:center;gap:10px}.fh-mobile-slider-row label{font-size:12px;font-weight:600;min-width:28px}.fh-mobile-slider-row input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:2px;background:color-mix(in srgb,currentColor 25%,#3b4261);outline:none;cursor:pointer}.fh-mobile-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #3b4261;background:#24283b;cursor:pointer}.fh-mobile-slider-row[style*="#7aa2f7"] input[type=range]::-webkit-slider-thumb{border-color:#7aa2f7}.fh-mobile-slider-row[style*="#9ece6a"] input[type=range]::-webkit-slider-thumb{border-color:#9ece6a}.fh-mobile-slider-row[style*="#bb9af7"] input[type=range]::-webkit-slider-thumb{border-color:#bb9af7}.fh-slider-val{font-size:12px;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}}@media(prefers-reduced-motion:reduce){.fh *,.fh *:before,.fh *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}