.hero-orbit{position:absolute;animation:heroOrbitSpin var(--dur) linear var(--delay) infinite;pointer-events:none}.hero-orbit-outer{--dur: 30s;--r: 210px;top:calc(50% - var(--r));left:calc(50% - var(--r));width:calc(var(--r) * 2);height:calc(var(--r) * 2)}.hero-orbit-inner{--dur: 22s;--r: 175px;top:calc(50% - var(--r));left:calc(50% - var(--r));width:calc(var(--r) * 2);height:calc(var(--r) * 2);animation-direction:reverse}@media(min-width:640px){.hero-orbit-outer{--r: 270px}.hero-orbit-inner{--r: 225px}}@media(min-width:1024px){.hero-orbit-outer{--r: 300px}.hero-orbit-inner{--r: 255px}}.hero-orbit-icon{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 2px 10px #00000014;display:flex;align-items:center;justify-content:center;color:var(--heading-color);opacity:.7}.hero-orbit-icon-outer{animation:heroOrbitCounter 30s linear var(--delay) infinite}.hero-orbit-icon-inner{animation:heroOrbitCounter 22s linear var(--delay) infinite;animation-direction:reverse}@keyframes heroOrbitSpin{to{transform:rotate(360deg)}}@keyframes heroOrbitCounter{to{transform:translate(-50%,-50%) rotate(-360deg)}}.hero-float-badge{position:absolute;z-index:2;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);font-size:.7rem;font-weight:600;color:var(--color-text-secondary);opacity:0;animation:heroFloatBadgeIn 1s ease-out forwards;pointer-events:none}@keyframes heroFloatBadgeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:.85;transform:translateY(0)}}.hero-pill{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:20px;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--color-text-secondary);transition:border-color .3s ease,color .3s ease}.hero-pill:hover{border-color:#667eea66;color:var(--heading-color)}.prob-anim{position:relative;height:110px;margin-bottom:16px;border-radius:8px;background:var(--input-bg);border:1px solid var(--input-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.prob-anim-whiteboard{padding:12px;flex-direction:column;gap:4px}.prob-wb-notes{display:flex;align-items:center;gap:4px}.prob-wb-sticky{width:44px;height:32px;background:#fbbf24;color:#78350f;font-size:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:2px;box-shadow:1px 2px 4px #00000026;opacity:0;transform:scale(.3) rotate(-8deg);flex-shrink:0}.prob-wb-s2{transform:scale(.3) rotate(4deg)}.prob-wb-s3{transform:scale(.3) rotate(-3deg)}.prob-wb-sticky.prob-visible{animation:probStickyPop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes probStickyPop{to{opacity:1;transform:scale(1) rotate(0)}}.prob-wb-arrow-inline{width:28px;height:18px;flex-shrink:0;opacity:0}.prob-wb-arrow-inline.prob-visible{animation:probFadeIn .5s ease forwards}.prob-wb-arrow-path,.prob-wb-arrow-path2{stroke-dasharray:100;stroke-dashoffset:100}.prob-wb-arrow-inline.prob-visible .prob-wb-arrow-path,.prob-wb-arrow-inline.prob-visible .prob-wb-arrow-path2{animation:probDrawArrow .6s ease-out forwards}@keyframes probDrawArrow{to{stroke-dashoffset:0}}.prob-wb-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);font-size:2.5rem;font-weight:900;color:#ef4444;opacity:0;z-index:2}.prob-wb-x.prob-visible{animation:probStampX .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes probStampX{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.prob-wb-msg{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-size:.6rem;font-weight:600;color:var(--heading-color);white-space:nowrap;opacity:0}.prob-wb-msg.prob-visible{animation:probFadeIn .6s ease forwards}@keyframes probFadeIn{to{opacity:1}}.prob-anim-outdated{display:flex;align-items:stretch;padding:0}.prob-od-left{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:12px;border-right:1px solid var(--input-border)}.prob-od-commit{font-size:.55rem;font-family:SF Mono,Fira Code,Consolas,monospace;color:var(--color-text-primary);padding:3px 6px;border-radius:3px;background:var(--glass-bg);white-space:nowrap;overflow:hidden;opacity:0;transform:translate(-20px)}.prob-od-commit.prob-visible{animation:probSlideIn .4s ease-out forwards}@keyframes probSlideIn{to{opacity:1;transform:translate(0)}}.prob-od-hash{color:var(--heading-color);margin-right:4px}.prob-od-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px}.prob-od-doc{display:flex;flex-direction:column;align-items:center;gap:2px;opacity:0}.prob-od-doc.prob-visible{animation:probFadeIn .4s ease forwards}.prob-od-doc-icon{width:28px;height:28px;color:var(--color-text-secondary)}.prob-od-doc-label{font-size:.5rem;color:var(--color-text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace}.prob-od-counter{display:flex;align-items:baseline;gap:3px;opacity:0}.prob-od-counter.prob-visible{animation:probFadeIn .3s ease forwards}.prob-od-counter-num{font-size:1.4rem;font-weight:800;font-family:Orbitron,monospace;color:var(--demo-threat-color);min-width:36px;text-align:center}.prob-od-counter-unit{font-size:.5rem;color:var(--color-text-secondary)}.prob-anim-disconnect{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px}.prob-dc-left,.prob-dc-right{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0}.prob-dc-left.prob-visible,.prob-dc-right.prob-visible{animation:probFadeIn .5s ease forwards}.prob-dc-label{font-size:.45rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.prob-dc-sheet{width:64px;border:1px solid var(--glass-border);border-radius:3px;overflow:hidden;background:var(--glass-bg)}.prob-dc-sheet-hdr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;padding:3px 3px 2px;border-bottom:1px solid var(--glass-border)}.prob-dc-sheet-hdr span{height:4px;border-radius:1px;background:var(--heading-color);opacity:.5}.prob-dc-sheet-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;padding:2px 3px;border-bottom:1px solid var(--input-border)}.prob-dc-sheet-row:last-child{border-bottom:none}.prob-dc-sheet-row span{height:3px;border-radius:1px;background:var(--glass-border)}.prob-dc-editor{width:64px;border:1px solid var(--glass-border);border-radius:3px;overflow:hidden;background:var(--glass-bg)}.prob-dc-editor-hdr{display:flex;gap:3px;padding:4px 5px;border-bottom:1px solid var(--glass-border)}.prob-dc-dot{width:4px;height:4px;border-radius:50%}.prob-dc-code{height:3px;border-radius:1px;background:var(--heading-color);opacity:.3;margin:3px 5px}.prob-dc-code:nth-child(2){width:70%}.prob-dc-code:nth-child(3){width:50%}.prob-dc-code:nth-child(4){width:85%}.prob-dc-center{position:relative;width:50px;height:40px;flex-shrink:0;opacity:0}.prob-dc-center.prob-visible{animation:probFadeIn .4s ease forwards}.prob-dc-link{width:50px;height:40px}.prob-dc-dash{animation:probDashPulse 1.5s ease-in-out infinite}@keyframes probDashPulse{0%,to{opacity:.4;stroke-dashoffset:0}50%{opacity:1;stroke-dashoffset:9}}.prob-dc-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:900;color:var(--demo-threat-color);opacity:0}.prob-dc-x.prob-visible{animation:probFadeIn .4s ease .3s forwards}.feat-anim{position:relative;height:100px;margin-bottom:16px;border-radius:8px;background:var(--input-bg);border:1px solid var(--input-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.feat-nodes-svg{width:180px;height:80px}.feat-node{animation:featNodePulse 4s ease-in-out infinite}.feat-node-2{animation-delay:.5s}.feat-node-3{animation-delay:1s}.feat-edge{stroke-dasharray:60;stroke-dashoffset:60;animation:featEdgeDraw 4s ease-in-out infinite}.feat-edge-2{animation-delay:.4s}@keyframes featNodePulse{0%,to{opacity:.3;r:8}20%{opacity:1;r:12}60%{opacity:1;r:12}80%{opacity:.3;r:8}}@keyframes featEdgeDraw{0%,to{stroke-dashoffset:60;opacity:.2}15%{stroke-dashoffset:0;opacity:.6}65%{stroke-dashoffset:0;opacity:.6}80%{stroke-dashoffset:-60;opacity:.2}}.feat-anim-typing{flex-direction:column;gap:8px;padding:20px 24px}.feat-type-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,#22c55e,#22c55e4d);animation:featTyping 4s ease-in-out infinite;width:0;align-self:flex-start}.feat-type-2{animation-delay:.4s}.feat-type-3{animation-delay:.8s}@keyframes featTyping{0%,to{width:0;opacity:.5}20%{width:80%;opacity:1}55%{width:80%;opacity:1}75%{width:0;opacity:.5}}.feat-anim-checklist{flex-direction:column;gap:6px;padding:14px 20px}.feat-check-row{display:flex;align-items:center;gap:8px;opacity:0;animation:featCheckFadeIn 5s ease-in-out infinite}.feat-cr-2{animation-delay:.6s}.feat-cr-3{animation-delay:1.2s}@keyframes featCheckFadeIn{0%,to{opacity:0;transform:translateY(4px)}15%{opacity:1;transform:translateY(0)}65%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(-4px)}}.feat-checkbox{width:16px;height:16px;border-radius:3px;border:1.5px solid var(--glass-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--glass-bg)}.feat-checkmark{width:12px;height:12px;opacity:0}.feat-cr-1 .feat-checkmark{animation:featCheckPop 5s ease-in-out infinite;animation-delay:.8s}.feat-cr-2 .feat-checkmark{animation:featCheckPop 5s ease-in-out infinite;animation-delay:1.4s}.feat-cr-3 .feat-checkmark{animation:featCheckPop 5s ease-in-out infinite;animation-delay:2s}@keyframes featCheckPop{0%,12%{opacity:0;transform:scale(0)}18%{opacity:1;transform:scale(1.2)}22%,60%{opacity:1;transform:scale(1)}70%,to{opacity:0;transform:scale(0)}}.feat-check-text{flex:1;min-width:0;font-size:.6rem;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px}.feat-check-badge{font-size:.45rem;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;opacity:0;line-height:14px}.feat-badge-done{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.feat-cr-1 .feat-badge-done{animation:featCheckPop 5s ease-in-out infinite;animation-delay:.9s}.feat-cr-2 .feat-badge-done{animation:featCheckPop 5s ease-in-out infinite;animation-delay:1.5s}.feat-cr-3 .feat-badge-done{animation:featCheckPop 5s ease-in-out infinite;animation-delay:2.1s}.feat-check-progress{width:100%;height:4px;border-radius:2px;background:var(--glass-border);overflow:hidden;margin-top:2px}.feat-check-progress-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,#22c55e,#3b82f6);animation:featProgressFill 5s ease-in-out infinite;width:0}@keyframes featProgressFill{0%,to{width:0}15%{width:33%}30%{width:33%}40%{width:66%}55%{width:66%}65%{width:100%}80%{width:100%}90%{width:0}}.feat-anim-matrix{padding:16px}.feat-matrix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:140px;aspect-ratio:1}.feat-cell{border-radius:3px;background:var(--glass-border);animation:featCellFill 6s ease-in-out infinite}.feat-cell-1{animation-delay:0s;--feat-cell-color: #22c55e}.feat-cell-2{animation-delay:.2s;--feat-cell-color: #22c55e}.feat-cell-3{animation-delay:.4s;--feat-cell-color: #f59e0b}.feat-cell-4{animation-delay:.3s;--feat-cell-color: #22c55e}.feat-cell-5{animation-delay:.5s;--feat-cell-color: #f59e0b}.feat-cell-6{animation-delay:.7s;--feat-cell-color: #ef4444}.feat-cell-7{animation-delay:.6s;--feat-cell-color: #f59e0b}.feat-cell-8{animation-delay:.8s;--feat-cell-color: #ef4444}.feat-cell-9{animation-delay:1s;--feat-cell-color: #ef4444}@keyframes featCellFill{0%,to{background:var(--glass-border)}20%{background:var(--feat-cell-color);opacity:.8}55%{background:var(--feat-cell-color);opacity:.8}75%{background:var(--glass-border)}}.feat-anim-pipeline{padding:12px 16px}.feat-pipe-row{display:flex;align-items:flex-start}.feat-pipe-stage{display:flex;flex-direction:column;align-items:center;gap:3px;z-index:1}.feat-pipe-circle{width:28px;height:28px;border-radius:50%;border:2px solid #8b5cf6;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:700;color:#8b5cf6}.feat-pipe-label{font-size:.5rem;font-weight:600;color:var(--color-text-secondary)}.feat-pipe-conn{width:18px;height:2px;background:#8b5cf64d;position:relative;align-self:flex-start;margin-top:13px}.feat-pipe-conn:after{content:"";position:absolute;left:0;top:-1px;width:8px;height:4px;border-radius:2px;background:#8b5cf6;animation:featPipePulse 5s ease-in-out infinite}.feat-pipe-conn-2:after{animation-delay:.8s}.feat-pipe-conn-3{background:#22c55e4d}.feat-pipe-conn-3:after{background:#22c55e;animation-delay:1.4s}@keyframes featPipePulse{0%,to{left:-2px;opacity:0}15%{opacity:1}35%{left:calc(100% - 6px);opacity:1}50%{left:calc(100% - 6px);opacity:0}}.feat-pipe-shield-circle{width:28px;height:28px;border-radius:50%;border:2px solid #22c55e;background:#22c55e1a;display:flex;align-items:center;justify-content:center;opacity:0;animation:featShieldPop 5s ease-in-out infinite;animation-delay:1.6s}.feat-pipe-shield-circle svg{width:14px;height:14px}.feat-pipe-label-secure{color:#22c55e}.feat-pipe-shield-stage .feat-pipe-label-secure{opacity:0;animation:featShieldPop 5s ease-in-out infinite;animation-delay:1.7s}@keyframes featShieldPop{0%,to{opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1.15)}15%,55%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(.5)}}.feat-anim-ai{overflow:hidden}.feat-ai-orb{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#ef4444,#f59e0b,#22c55e,#667eea);background-size:300% 300%;animation:featAiGradient 4s ease-in-out infinite;box-shadow:0 0 20px #667eea66,0 0 40px #764ba233;z-index:2}@keyframes featAiGradient{0%{background-position:0% 50%;box-shadow:0 0 20px #667eea80,0 0 40px #764ba233}25%{background-position:50% 0%;box-shadow:0 0 20px #764ba280,0 0 40px #ef444433}50%{background-position:100% 50%;box-shadow:0 0 20px #ef444480,0 0 40px #f59e0b33}75%{background-position:50% 100%;box-shadow:0 0 20px #22c55e80,0 0 40px #667eea33}to{background-position:0% 50%;box-shadow:0 0 20px #667eea80,0 0 40px #764ba233}}.feat-ai-ring{position:absolute;border-radius:50%;border:1.5px solid transparent}.feat-ai-ring-1{width:60px;height:60px;-o-border-image:linear-gradient(135deg,rgba(102,126,234,.6),rgba(118,75,162,.2),rgba(102,126,234,.6)) 1;border-image:linear-gradient(135deg,#667eea99,#764ba233,#667eea99) 1;border-style:solid;border-width:1.5px;border-radius:50%;border-color:#667eea4d;animation:featAiRingSpin 6s linear infinite}.feat-ai-ring-2{width:80px;height:80px;border-color:#764ba233;animation:featAiRingSpin 8s linear infinite reverse}@keyframes featAiRingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.feat-ai-ring-1:before,.feat-ai-ring-2:before{content:"";position:absolute;top:-2px;left:50%;width:5px;height:5px;border-radius:50%;transform:translate(-50%)}.feat-ai-ring-1:before{background:#667eea;box-shadow:0 0 6px #667eea}.feat-ai-ring-2:before{background:#764ba2;box-shadow:0 0 6px #764ba2}.feat-ai-particles{position:absolute;inset:0;pointer-events:none}.feat-ai-p{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0}.feat-ai-p1{top:15%;left:20%;background:#667eea;animation:featAiFloat 3s ease-in-out infinite 0s}.feat-ai-p2{top:25%;right:18%;background:#764ba2;animation:featAiFloat 3.5s ease-in-out infinite .5s}.feat-ai-p3{bottom:20%;left:25%;background:#ef4444;animation:featAiFloat 2.8s ease-in-out infinite 1s}.feat-ai-p4{bottom:30%;right:22%;background:#22c55e;animation:featAiFloat 3.2s ease-in-out infinite 1.5s}.feat-ai-p5{top:40%;left:12%;background:#f59e0b;animation:featAiFloat 3s ease-in-out infinite .8s}.feat-ai-p6{top:35%;right:15%;background:#667eea;animation:featAiFloat 3.4s ease-in-out infinite 1.2s}@keyframes featAiFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}30%{opacity:.8;transform:translateY(-8px) scale(1)}70%{opacity:.6;transform:translateY(-14px) scale(.8)}}.feat-ai-label{position:absolute;bottom:8px;right:10px;font-size:.55rem;font-weight:700;letter-spacing:.1em;background:linear-gradient(90deg,#667eea,#764ba2,#ef4444);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:featAiLabelShimmer 3s ease-in-out infinite}@keyframes featAiLabelShimmer{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.role-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--role-accent);background:color-mix(in srgb,var(--role-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--role-accent) 30%,transparent)}.hiw-icon-circle{transition:box-shadow .3s ease}.hiw-icon-1 svg{animation:hiwModelSpin 6s ease-in-out infinite}@keyframes hiwModelSpin{0%,to{transform:rotateY(0) scale(1)}50%{transform:rotateY(180deg) scale(1.05)}}.hiw-icon-2 svg{animation:hiwBoltPulse 3s ease-in-out infinite}@keyframes hiwBoltPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}15%{transform:scale(1.2);filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}30%{transform:scale(.95);filter:drop-shadow(0 0 2px transparent)}45%{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}60%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}}.hiw-icon-3 svg{animation:hiwCheckPop 4s ease-in-out infinite}@keyframes hiwCheckPop{0%,to{transform:scale(1)}40%{transform:scale(1)}50%{transform:scale(1.15) rotate(-5deg)}60%{transform:scale(1) rotate(0)}}.hiw-icon-circle:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(102,126,234,.3);animation:hiwRingPulse 3s ease-in-out infinite;pointer-events:none}.hiw-icon-2:after{animation-delay:1s}.hiw-icon-3:after{animation-delay:2s}@keyframes hiwRingPulse{0%,to{transform:scale(1);opacity:0}50%{transform:scale(1.15);opacity:1}}.whyai-card-us{border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.whyai-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.whyai-label-ai{color:var(--color-text-secondary)}.whyai-label-us{color:var(--color-primary)}.whyai-list{display:flex;flex-direction:column;gap:14px}.whyai-item{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;color:var(--color-text-secondary)}.whyai-item strong{color:var(--color-text-primary);font-weight:600}.whyai-mark{flex-shrink:0;width:20px;height:20px;margin-top:1px;display:flex;align-items:center;justify-content:center;border-radius:50%}.whyai-mark svg{width:13px;height:13px}.whyai-mark-ai{color:#ef4444;background:#ef44441f}.whyai-mark-us{color:#22c55e;background:#22c55e1f}.demo-phase-label{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;color:var(--color-text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);opacity:.4;transition:opacity .3s ease,transform .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-phase-label:hover{opacity:.75;transform:translateY(-1px)}.demo-phase-label.active{opacity:1;color:var(--color-text-primary);border-color:var(--heading-color)}.demo-phase-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.demo-import-stage{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:0 16px;z-index:6;opacity:0;pointer-events:none;transition:opacity .4s ease}.demo-import-stage.import-visible{opacity:1}.demo-import-files{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.demo-import-file{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;min-width:110px;background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:8px;font-size:.65rem;font-weight:600;color:var(--color-text-primary);box-shadow:0 8px 24px #0000001f;opacity:0;transition:opacity .5s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.demo-import-file-1{transform:translateY(-40px) rotate(-6deg);transition-delay:.1s}.demo-import-file-2{transform:translateY(-50px) rotate(4deg);transition-delay:.3s}.demo-import-file-3{transform:translateY(-40px) rotate(-3deg);transition-delay:.5s}.demo-import-stage.import-visible .demo-import-file{opacity:1;transform:translateY(0) rotate(0)}.demo-import-file svg{width:26px;height:26px;color:var(--heading-color)}.demo-import-status{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;font-size:.7rem;font-weight:600;color:var(--heading-color);opacity:0;transform:translateY(8px);transition:opacity .4s ease .7s,transform .4s ease .7s}.demo-import-stage.import-visible .demo-import-status{opacity:1;transform:translateY(0)}.demo-import-spinner{width:12px;height:12px;border:2px solid var(--glass-border);border-top-color:var(--heading-color);border-radius:50%;animation:importSpin .8s linear infinite}@keyframes importSpin{to{transform:rotate(360deg)}}.demo-node{opacity:0;transform:translateY(-20px);z-index:2;transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.demo-node.node-visible{opacity:1;transform:translateY(0)}.zone-node{transition-delay:0s}.interactor-node{transition-delay:.1s}.process-node{transition-delay:.2s}.datastore-node{transition-delay:.3s}.auth-node{transition-delay:.4s}.demo-node-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.demo-rect{background:var(--card-bg);border:2px solid var(--glass-border);border-radius:0;box-shadow:0 2px 8px #0000001a}.demo-circle{background:var(--card-bg);border:2px solid var(--glass-border);border-radius:50%;box-shadow:0 2px 8px #0000001a}.demo-datastore{background:var(--card-bg);border-top:2px solid var(--glass-border);border-bottom:2px solid var(--glass-border);border-left:none;border-right:none;border-radius:0;box-shadow:0 2px 8px #0000001a}.demo-zone-inner{width:100%;height:100%;border:2px dashed color-mix(in srgb,var(--heading-color) 55%,transparent);border-radius:8px;position:relative}.demo-zone-label{position:absolute;top:6px;left:10px;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--heading-color)}.demo-node-label{font-size:.6rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.demo-edge{stroke:var(--color-text-secondary);stroke-width:1.5;stroke-dasharray:200;stroke-dashoffset:200;opacity:.5;transition:stroke-dashoffset .6s ease-out}.demo-edge.edge-visible{stroke-dashoffset:0}.edge-1{transition-delay:.5s}.edge-2{transition-delay:.7s}.edge-3{transition-delay:.9s}.demo-edge-label{font-size:7px;font-weight:600;fill:var(--color-text-secondary);opacity:0;transition:opacity .3s ease-out}.demo-edge-label.edge-label-visible{opacity:1}.edge-1-label{transition-delay:.8s}.edge-2-label{transition-delay:1s}.edge-3-label{transition-delay:1.2s}.demo-threat{opacity:0;transform:scale(.5);z-index:5;transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.demo-threat.threat-visible{opacity:1;transform:scale(1)}.threat-1{transition-delay:0s}.threat-2{transition-delay:.15s}.threat-3{transition-delay:.3s}.demo-threat-badge{display:inline-flex;align-items:center;gap:3px;font-size:.55rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--demo-threat-bg);border:1px solid var(--demo-threat-border);color:var(--demo-threat-color);white-space:nowrap}.demo-countermeasure{opacity:0;transform:scale(.5);z-index:5;transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.demo-countermeasure.cm-visible{opacity:1;transform:scale(1)}.cm-1{transition-delay:0s}.cm-2{transition-delay:.15s}.cm-3{transition-delay:.3s}.demo-cm-badge{display:inline-flex;align-items:center;gap:3px;font-size:.55rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--demo-cm-bg);border:1px solid var(--demo-cm-border);color:var(--demo-cm-color);white-space:nowrap}.demo-stepper{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:18px}.demo-step-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--color-text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}.demo-step-btn:hover:not(:disabled){color:var(--heading-color);border-color:var(--heading-color);transform:scale(1.06)}.demo-step-btn:disabled{opacity:.3;cursor:not-allowed}.demo-step-indicator{display:inline-flex;align-items:baseline;gap:4px;font-family:Orbitron,monospace;font-size:.85rem;font-weight:600;color:var(--color-text-primary);min-width:56px;justify-content:center}.demo-step-current{color:var(--heading-color);font-size:1.05rem}.demo-step-divider{opacity:.4}.demo-step-total{color:var(--color-text-secondary);font-size:.8rem}.proof-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.proof-chip svg{color:var(--color-accent-green)}.trust-card{flex:1 1 300px;max-width:340px}.trust-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--trust-accent);background:color-mix(in srgb,var(--trust-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--trust-accent) 30%,transparent)}.trust-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.trust-badge svg{color:var(--color-accent-green)}