.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;background:#060b18cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s ease}.navbar.scrolled{border-bottom-color:#ffffff0f}.navbar .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:22px;font-weight:700;color:var(--color-text-primary);text-decoration:none;display:flex;align-items:center;gap:10px}.nav-logo svg{width:28px;height:28px}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-text-primary)}.nav-cta{padding:10px 24px;font-size:14px;border-radius:24px}.nav-mobile-toggle{display:none;background:none;border:none;cursor:pointer}@media(max-width:768px){.nav-links{display:none}.navbar .nav-cta{display:none!important}.nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:#060b18f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:100px 40px 40px;gap:28px;align-items:center;justify-content:flex-start;z-index:99}.nav-links.open a{font-size:20px;color:var(--color-text-primary)}}@media(pointer:coarse){.nav-mobile-toggle{min-width:44px;min-height:44px}}@media(max-height:500px)and (orientation:landscape){.nav-links.open{padding-top:60px;gap:16px}}.hero{padding:160px 0 80px;position:relative}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.hero .container{display:flex;align-items:center;gap:60px}.hero-content{flex:1;z-index:1}.hero-visual{flex:0 0 440px;z-index:1}.hero h1{font-size:60px;font-weight:800;line-height:1.1;margin-bottom:24px}.hero h1 .line1{display:block;background:linear-gradient(135deg,#6366f1,#a5b4fc,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1 .line2{display:block;color:var(--color-text-primary)}.hero-sub{font-size:18px;color:var(--color-text-muted);max-width:540px;margin-bottom:36px;line-height:1.7}.hero-ctas{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.hero-trust{font-size:14px;color:var(--color-text-subtle)}.hero-shield-wrap{width:440px;height:440px;position:relative}.hero-shield-wrap svg{width:100%;height:100%}.shield-node{animation:pulse-node 3s ease-in-out infinite}.shield-node:nth-child(2n){animation-delay:.5s}.shield-node:nth-child(3n){animation-delay:1s}.shield-path-animated{stroke-dasharray:800;stroke-dashoffset:800;animation:dash-rotate 4s ease forwards}@keyframes pulse-node{0%,to{opacity:.4}50%{opacity:1}}@media(max-width:1024px){.hero .container{flex-direction:column;text-align:center;align-items:center}.hero-content{width:100%}.hero h1{font-size:44px}.hero-sub{margin-left:auto;margin-right:auto;max-width:100%}.hero-ctas{justify-content:center}.hero-trust{text-align:center}.hero-visual{flex:none;width:300px}.hero-shield-wrap{width:300px;height:300px}}@media(max-width:768px){.hero{padding:120px 0 60px}.hero .container{flex-direction:column;text-align:center;align-items:center}.hero-content{width:100%}.hero h1{font-size:36px;margin-bottom:18px}.hero-sub{font-size:16px;line-height:1.65;margin-bottom:28px;max-width:100%;margin-left:auto;margin-right:auto}.hero-visual{flex:none;width:260px}.hero-shield-wrap{width:260px;height:260px}.hero-ctas{flex-direction:column;gap:12px;align-items:center;width:100%}.hero-ctas .btn-primary,.hero-ctas .btn-secondary{width:100%;max-width:400px;justify-content:center;padding:16px 32px;min-height:52px;text-align:center}.hero-trust{text-align:center}}@media(max-width:480px){.hero{padding:100px 0 48px}.hero h1{font-size:28px;line-height:1.15}.hero-sub{font-size:15px}.hero-visual{width:200px}.hero-shield-wrap{width:200px;height:200px}}@media(max-width:360px){.hero h1{font-size:24px}.hero-sub{font-size:14px}.hero-visual{width:180px}.hero-shield-wrap{width:180px;height:180px}}@media(max-height:500px)and (orientation:landscape){.hero{padding:80px 0 40px}.hero h1{font-size:32px}.hero-visual{width:180px}.hero-shield-wrap{width:180px;height:180px}}.stats-bar{padding:60px 0;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.stats-grid{display:flex;justify-content:center;gap:0}.stat-item{flex:1;text-align:center;padding:0 40px;border-right:1px solid var(--border-subtle)}.stat-item:last-child{border-right:none}.stat-number{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:4px}.stat-label{font-size:14px;color:var(--color-text-muted);font-weight:400}@media(max-width:768px){.stats-bar{padding:40px 0}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:100%}.stat-item{border-right:none;padding:0;text-align:center}.stat-number{font-size:36px}.stat-label{font-size:12px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr;gap:20px}.stat-number{font-size:32px}}@media(max-width:360px){.stat-number{font-size:28px}}.how-it-works{padding:var(--section-padding) 0}.steps-timeline{display:flex;position:relative;gap:0;justify-content:space-between}.steps-timeline:before{content:"";position:absolute;top:32px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:2px;background:var(--gradient-primary);opacity:.3}.step-item{flex:1;text-align:center;position:relative;z-index:1;display:flex;flex-direction:column}.step-item .glass-card{flex:1;display:flex;flex-direction:column}.step-number{width:64px;height:64px;border-radius:50%;background:#6366f11a;border:2px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:24px;font-weight:700;line-height:1}.step-number span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-card{padding:28px 20px;text-align:center}.step-card .icon-circle{margin:0 auto 16px}.step-card h3{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px}.step-card p{font-size:14px;color:var(--color-text-muted);line-height:1.6}@media(max-width:1024px){.steps-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.steps-timeline:before{display:none}.step-number{width:52px;height:52px;font-size:20px;margin-bottom:16px}}@media(max-width:768px){.how-it-works{padding:80px 0}.steps-timeline{display:flex;flex-direction:column;gap:20px;width:100%}.steps-timeline:before{display:none}.step-item{display:flex;flex-direction:column;width:100%}.step-number{width:48px;height:48px;font-size:18px;margin-bottom:12px}.step-card{text-align:center;padding:24px 20px;width:100%}.step-card .icon-circle{margin:0 auto 14px;width:48px;height:48px}.step-card .icon-circle svg{width:24px;height:24px}.step-card h3{font-size:17px}.step-card p{font-size:14px}}@media(max-width:480px){.step-number{width:44px;height:44px;font-size:16px}}.attack-explorer{padding:var(--section-padding) 0;position:relative;overflow:hidden}.attack-explorer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 800px 500px at 50% 50%,rgba(220,38,38,.04) 0%,transparent 60%);pointer-events:none}.attack-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.attack-text{position:relative;z-index:1}.attack-text h2{font-size:40px;font-weight:700;color:var(--color-text-primary);margin-bottom:20px;line-height:1.2}.attack-text .highlight-red{color:var(--color-red)}.attack-text p{font-size:16px;color:var(--color-text-muted);line-height:1.7;margin-bottom:16px}.attack-text p strong{color:var(--color-text-secondary);font-weight:600}.attack-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.attack-counter-box{padding:16px;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:center}.attack-counter-num{font-size:28px;font-weight:700;font-family:var(--font-mono);margin-bottom:4px}.attack-counter-num.c-red{color:var(--color-red)}.attack-counter-num.c-green{color:var(--color-green)}.attack-counter-num.c-blue{color:var(--color-indigo)}.attack-counter-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-subtle)}.attack-visual{position:relative;z-index:1;display:flex;justify-content:center}.state-tree-wrap{width:420px;height:400px;position:relative}.state-tree-wrap svg{width:100%;height:100%}.tree-node-safe{fill:#16a34a;animation:node-scan 2s ease-in-out infinite}.tree-node-vuln{fill:#ef4444;animation:node-scan 1.5s ease-in-out infinite}.tree-node-pending{fill:#6366f1;animation:node-scan 1s ease-in-out infinite}.tree-edge{stroke:#ffffff1a;stroke-width:1.5}.tree-edge-scan{stroke:#6366f1;stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;animation:edge-scan 2s ease infinite}.attack-comparison{margin-top:32px;padding:20px 24px;background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.comparison-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}.comparison-row:last-child{margin-bottom:0}.comparison-label{font-size:13px;color:var(--color-text-muted);width:140px;flex-shrink:0}.comparison-bar{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.comparison-fill{height:100%;border-radius:4px;transition:width 1.5s ease}.comparison-fill.traditional{width:12%;background:var(--color-yellow)}.comparison-fill.kerubim-fill{width:100%;background:var(--gradient-primary)}.comparison-pct{font-size:13px;font-weight:600;width:44px;text-align:right;flex-shrink:0}.comparison-pct.traditional{color:var(--color-yellow)}.comparison-pct.kerubim-pct{color:var(--color-cyan)}@media(max-width:1024px){.attack-layout{grid-template-columns:1fr;gap:48px}.attack-visual{order:-1}.attack-text{text-align:center}.state-tree-wrap{width:100%;max-width:360px;height:340px;margin:0 auto}.attack-comparison{max-width:100%}}@media(max-width:768px){.attack-explorer{padding:80px 0}.attack-layout{grid-template-columns:1fr;gap:36px}.attack-visual{order:-1}.attack-text{text-align:center;width:100%}.attack-text h2{font-size:28px}.attack-text p{font-size:15px}.attack-counters{grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.attack-counter-box{padding:12px 8px}.attack-counter-num{font-size:22px}.attack-counter-label{font-size:10px}.state-tree-wrap{width:100%;max-width:340px;height:300px;margin:0 auto}.attack-comparison{max-width:100%}.comparison-row{flex-wrap:wrap;gap:8px}.comparison-label{width:100%;font-size:12px;text-align:left}.comparison-bar{flex:1;min-width:0}.comparison-pct{width:auto;min-width:44px}}@media(max-width:480px){.attack-text h2{font-size:22px}.attack-text p{font-size:14px}.attack-counters{grid-template-columns:repeat(3,1fr);gap:8px}.attack-counter-num{font-size:18px}.attack-counter-label{font-size:9px}.state-tree-wrap{max-width:280px;height:260px}}@media(max-width:360px){.attack-text h2{font-size:20px}.attack-counter-num{font-size:16px}.attack-counter-label{font-size:8px}}.features{padding:var(--section-padding) 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:32px}.feature-card.featured{background:#6366f10d;border-color:#6366f140}.feature-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;background:#6366f126;color:var(--color-indigo-light);margin-bottom:16px}.feature-card h3{font-size:20px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px}.feature-card p{font-size:14px;color:var(--color-text-muted);line-height:1.7}.feature-card.coming-soon{opacity:.5}.coming-soon-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:12px;background:#ca8a041f;color:var(--color-yellow);border:1px solid rgba(202,138,4,.25);margin-top:12px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features{padding:80px 0}.features-grid{grid-template-columns:1fr}.feature-card{padding:24px;width:100%}.feature-card h3{font-size:18px}}@media(max-width:480px){.feature-card{padding:20px}}.chains{padding:100px 0}.chains-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.chain-card{padding:32px;text-align:center}.chain-card.active{border-color:#6366f140;box-shadow:0 0 30px #6366f10f}.chain-card.coming-soon{opacity:.5}.chain-logo{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.chain-logo svg{width:48px;height:48px}.chain-card h3{font-size:22px;font-weight:600;color:var(--color-text-primary);margin-bottom:8px}.chain-lang{font-size:14px;font-weight:500;margin-top:8px}.chain-lang.available{color:var(--color-green)}.chain-lang.soon{color:var(--color-yellow)}.chain-pill{display:inline-block;padding:4px 14px;font-size:12px;font-weight:500;border-radius:20px;margin-top:8px}.chain-pill.available-pill{background:#16a34a1f;color:var(--color-green);border:1px solid rgba(22,163,74,.25)}.chain-pill.soon-pill{background:#ca8a041f;color:var(--color-yellow);border:1px solid rgba(202,138,4,.25)}@media(max-width:768px){.chains{padding:80px 0}.chains-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;width:100%}.chain-card{padding:24px}}.demo-section{padding:var(--section-padding) 0;position:relative}.demo-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 600px 400px at 50% 50%,rgba(99,102,241,.06) 0%,transparent 70%);pointer-events:none}.demo-panel{max-width:800px;margin:0 auto;padding:40px;background:#ffffff0a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);box-shadow:0 0 60px #6366f10f,0 25px 50px #0000004d;position:relative;z-index:1}.demo-label{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:10px;display:flex;align-items:center;gap:8px}.demo-label svg{width:18px;height:18px;stroke:var(--color-text-muted);fill:none;stroke-width:1.5}.demo-input-wrap{display:flex;gap:8px;margin-bottom:6px}.demo-input-group{position:relative}.demo-input-group svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:var(--color-text-subtle);fill:none;stroke-width:1.5;z-index:2;pointer-events:none}.demo-input{width:100%;padding:12px 16px 12px 44px;background:#060b18cc;border:1px solid var(--border-light);border-radius:10px;color:var(--color-text-secondary);font-size:14px;font-family:var(--font-primary);outline:none;transition:border-color var(--transition-fast)}.demo-input:focus{border-color:#6366f180}.demo-input::placeholder{color:var(--color-text-faint)}.demo-input.error{border-color:#dc262680;background:#dc26260a}.demo-helper{font-size:12px;color:var(--color-text-subtle);margin-bottom:12px}.demo-divider{text-align:center;color:var(--color-text-subtle);font-size:13px;font-weight:500;margin:28px 0;position:relative}.demo-divider:before,.demo-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:#ffffff0f}.demo-divider:before{left:0}.demo-divider:after{right:0}.dropzone{border:2px dashed rgba(99,102,241,.25);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);margin-bottom:8px}.dropzone:hover,.dropzone.dragover{border-color:#6366f180;background:#6366f108}.dropzone svg{width:36px;height:36px;stroke:var(--color-indigo);fill:none;stroke-width:1.5;margin-bottom:12px}.dropzone-text{font-size:14px;color:var(--color-text-muted);margin-bottom:4px}.dropzone-hint{font-size:12px;color:var(--color-text-faint)}.dropzone.error{border-color:#dc262680;background:#dc262608}.dropzone.has-file{border-color:#16a34a66;background:#16a34a08}.dropzone.has-file svg{stroke:var(--color-green)}.dropzone-filename{display:none;font-size:14px;color:var(--color-text-secondary);font-weight:500;margin-top:4px}.dropzone.has-file .dropzone-filename{display:block}.dropzone.has-file .dropzone-text,.dropzone.has-file .dropzone-hint{display:none}.demo-submit{text-align:center;margin-top:32px}.demo-submit .btn-primary{padding:16px 48px;font-size:16px;box-shadow:0 0 40px #6366f166}.demo-free{font-size:12px;color:var(--color-text-subtle);margin-top:12px}.demo-error{display:none;align-items:center;gap:8px;padding:10px 16px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:10px;margin-top:16px;font-size:13px;color:#fca5a5;animation:shakeX .4s ease}.demo-error.show{display:flex}.demo-error svg{width:18px;height:18px;stroke:var(--color-red);fill:none;stroke-width:2;flex-shrink:0}.demo-state{display:none}.demo-state.active{display:block}.demo-state-fade{animation:fadeInUp .4s ease forwards}.processing-header{text-align:center;margin-bottom:32px}.processing-spinner{width:56px;height:56px;border-radius:50%;border:3px solid rgba(255,255,255,.06);border-top-color:var(--color-indigo);border-right-color:var(--color-cyan);animation:spin 1s linear infinite;margin:0 auto 20px}.processing-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.processing-hint{font-size:13px;color:var(--color-text-subtle)}.confirmed-files{background:#16a34a0f;border:1px solid rgba(22,163,74,.2);border-radius:10px;padding:16px;margin-bottom:24px}.confirmed-files-title{font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:10px}.confirmed-files-list{list-style:none;display:flex;flex-direction:column;gap:6px}.confirmed-file-item{display:flex;align-items:center;gap:8px;font-size:13px}.confirmed-file-name{color:var(--color-text-secondary);font-family:var(--font-mono)}.confirmed-file-size{color:var(--color-text-subtle);font-size:12px}.confirmed-files-more{font-size:12px;color:var(--color-text-subtle);margin-top:8px;font-style:italic}.progress-bar-wrap{width:100%;height:4px;background:#ffffff0f;border-radius:4px;margin:24px 0 32px;overflow:hidden}.progress-bar-fill{height:100%;width:0%;background:var(--gradient-primary);border-radius:4px;transition:width .5s ease}.pipeline-steps{list-style:none;display:flex;flex-direction:column;gap:16px;max-width:400px;margin:0 auto}.pipeline-step{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--color-text-faint);transition:color .3s ease}.pipeline-step.active{color:var(--color-text-secondary)}.pipeline-step.done{color:var(--color-text-muted)}.step-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0a;border:1px solid var(--border-subtle);transition:all .3s ease}.pipeline-step.active .step-icon{background:#6366f11a;border-color:#6366f14d}.pipeline-step.done .step-icon{background:#16a34a1f;border-color:#16a34a40}.step-icon svg{width:14px;height:14px;stroke-width:2;fill:none}.step-icon .icon-pending{stroke:var(--color-text-faint)}.step-icon .icon-spinner{stroke:var(--color-indigo);animation:spin .8s linear infinite;transform-origin:center;display:none}.step-icon .icon-check{stroke:var(--color-green);display:none}.pipeline-step.active .icon-pending{display:none}.pipeline-step.active .icon-spinner{display:block}.pipeline-step.active .icon-check,.pipeline-step.done .icon-pending,.pipeline-step.done .icon-spinner{display:none}.pipeline-step.done .icon-check{display:block}.pipeline-step:not(.active):not(.done) .icon-spinner{display:none}.pipeline-step.active .step-label{animation:pulse-glow 1.5s ease-in-out infinite}.pipeline-step.failed{color:#fca5a5}.pipeline-step.failed .step-icon{background:#dc26261f;border-color:#dc26264d}.step-icon .icon-error{stroke:var(--color-red);display:none}.pipeline-step.failed .icon-pending,.pipeline-step.failed .icon-spinner,.pipeline-step.failed .icon-check{display:none}.pipeline-step.failed .icon-error{display:block}.processing-error{margin-top:16px;padding:12px 16px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:10px;font-size:13px;color:#fca5a5;text-align:center}.pipeline-step.coming-soon{opacity:.4}.coming-soon-badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--color-text-subtle)}.test-results-summary{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:15px;color:var(--color-text-muted)}.test-results-bar{flex:1;height:6px;background:#dc262633;border-radius:3px;overflow:hidden}.test-results-bar-fill{height:100%;background:var(--color-green);border-radius:3px;transition:width .5s ease}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.coverage-item{padding:12px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:10px;text-align:center}.coverage-label{font-size:12px;color:var(--color-text-subtle);margin-bottom:4px;text-transform:capitalize}.coverage-value{font-size:20px;font-weight:700;color:var(--color-text-primary);font-family:var(--font-mono)}.failed-tests-list{margin-bottom:24px}.failed-tests-title{font-size:14px;font-weight:600;color:var(--color-text-muted);margin-bottom:12px}.failed-test-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;margin-bottom:8px;font-size:13px}.failed-test-item svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;fill:none;stroke-width:2}.failed-test-item.user-logic{background:#eab3080f;border:1px solid rgba(234,179,8,.2)}.failed-test-item.user-logic svg{stroke:#facc15}.failed-test-item.user-logic .failed-test-reason{color:#fde68a}.failed-test-item.test-error{background:#6366f10f;border:1px solid rgba(99,102,241,.2)}.failed-test-item.test-error svg{stroke:var(--color-indigo)}.failed-test-item.test-error .failed-test-reason{color:var(--color-text-subtle)}.failed-test-name{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px}.failed-test-reason{font-size:12px;margin-top:2px}.complete-content{text-align:center;padding:20px 0}.complete-check{width:80px;height:80px;border-radius:50%;background:#16a34a1a;border:2px solid rgba(22,163,74,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.complete-check svg{width:36px;height:36px;stroke:var(--color-green);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.complete-title{font-size:22px;font-weight:700;color:var(--color-text-primary);margin-bottom:8px}.complete-sub{font-size:15px;color:var(--color-text-muted);margin-bottom:32px}.complete-actions{display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:768px){.demo-section{padding:80px 0}.demo-panel{padding:24px;border-radius:var(--radius-lg);max-width:100%;width:100%}.demo-input-wrap{flex-direction:column;gap:10px}.demo-input{width:100%}.demo-submit .btn-primary{width:100%;padding:16px 24px;justify-content:center;min-height:52px}.btn-github{width:100%;text-align:center;padding:14px 20px;min-height:48px;display:flex;align-items:center;justify-content:center}.dropzone{padding:32px 16px;width:100%}.btn-download{width:100%;justify-content:center;padding:16px 32px;min-height:52px}.complete-title{font-size:20px}.pipeline-steps{width:100%;max-width:100%;padding:0 8px}}@media(max-width:480px){.demo-panel{padding:16px;border-radius:14px}.demo-label{font-size:14px}.demo-divider{margin:20px 0}.dropzone{padding:24px 12px}.processing-title{font-size:16px}}@media(max-width:360px){.demo-panel{padding:14px}}.report-section{padding:var(--section-padding) 0}.pdf-wrap{max-width:680px;margin:0 auto;position:relative}.pdf-wrap:before{content:"";position:absolute;top:20px;right:-8px;bottom:-20px;left:-8px;background:#0006;border-radius:8px;filter:blur(24px);z-index:0}.pdf-page{position:relative;z-index:1;background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0003;color:#1e293b;font-family:var(--font-primary)}.pdf-accent{height:5px;background:var(--gradient-primary)}.pdf-body{padding:48px 56px 40px}.pdf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.pdf-logo{font-size:22px;font-weight:800;color:#0f172a;letter-spacing:-.5px}.pdf-logo-sub{font-size:11px;font-weight:500;color:var(--color-indigo);text-transform:uppercase;letter-spacing:1.5px}.pdf-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.pdf-badge-pass{background:#dcfce7;color:#15803d}.pdf-badge-pass svg{width:14px;height:14px;stroke:#15803d;fill:none;stroke-width:2.5}.pdf-hr{height:1px;background:#e2e8f0;margin:20px 0}.pdf-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:4px}.pdf-info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:4px}.pdf-info-value{font-size:13px;font-weight:500;color:#1e293b;font-family:var(--font-mono)}.pdf-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.pdf-summary-box{text-align:center;padding:14px 8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.pdf-summary-num{font-size:28px;font-weight:700;line-height:1.2}.pdf-summary-num.total{color:#1e293b}.pdf-summary-num.proven{color:#16a34a}.pdf-summary-num.violated{color:#dc2626}.pdf-summary-num.unknown{color:#ca8a04}.pdf-summary-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-top:2px}.pdf-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:12px}.pdf-findings{width:100%;border-collapse:collapse}.pdf-findings th{text-align:left;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;padding:8px 0;border-bottom:2px solid #e2e8f0}.pdf-findings th:last-child{text-align:right}.pdf-findings td{padding:10px 0;border-bottom:1px solid #f1f5f9;vertical-align:top}.pdf-findings tr:last-child td{border-bottom:none}.pdf-finding-name{font-size:13px;font-weight:500;color:#1e293b}.pdf-finding-detail{font-size:11px;color:#64748b;margin-top:2px;font-family:var(--font-mono)}.pdf-findings td:last-child{text-align:right}.pdf-pill{display:inline-block;padding:3px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px}.pdf-pill-proven{background:#dcfce7;color:#15803d}.pdf-pill-violated{background:#fee2e2;color:#dc2626}.pdf-pill-unknown{background:#fef9c3;color:#a16207}.pdf-footer{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:10px;color:#94a3b8}.pdf-page-num{font-family:var(--font-mono)}.pdf-file-label{display:flex;align-items:center;gap:10px;margin-bottom:16px;justify-content:center}.pdf-file-icon{width:36px;height:36px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;letter-spacing:.5px}.pdf-file-name{font-size:14px;font-weight:600;color:var(--color-text-primary)}.pdf-file-size{font-size:12px;color:var(--color-text-subtle)}.report-cta{text-align:center;margin-top:40px}@media(max-width:1024px){.pdf-wrap{max-width:100%}}@media(max-width:768px){.report-section{padding:80px 0}.pdf-wrap{max-width:100%;width:100%}.pdf-body{padding:28px 20px 24px}.pdf-header{flex-direction:column;gap:12px;align-items:flex-start}.pdf-info-grid{grid-template-columns:1fr 1fr;gap:12px}.pdf-summary-grid{grid-template-columns:repeat(2,1fr)}.pdf-summary-num{font-size:24px}.pdf-findings{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pdf-findings th:nth-child(2),.pdf-findings td:nth-child(2){display:none}.pdf-finding-name{font-size:12px}.pdf-logo{font-size:18px}}@media(max-width:480px){.pdf-body{padding:20px 14px}.pdf-info-grid{grid-template-columns:1fr}.pdf-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pdf-summary-num{font-size:22px}.pdf-summary-box{padding:10px 6px}.pdf-footer{flex-direction:column;gap:4px;text-align:center}.pdf-info-value{font-size:12px;word-break:break-all}}@media(max-width:360px){.pdf-body{padding:16px 12px}.pdf-logo{font-size:16px}.pdf-summary-num{font-size:20px}}.final-cta{padding:100px 0;text-align:center;position:relative}.final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 700px 400px at 50% 50%,rgba(99,102,241,.08) 0%,transparent 70%);pointer-events:none}.final-cta h2{font-size:44px;font-weight:700;color:var(--color-text-primary);margin-bottom:16px;position:relative;z-index:1}.final-cta p{font-size:18px;color:var(--color-text-muted);margin-bottom:36px;position:relative;z-index:1}.final-cta .btn-primary{position:relative;z-index:1}@media(max-width:1024px){.final-cta h2{font-size:36px}}@media(max-width:768px){.final-cta{padding:60px 0;text-align:center}.final-cta h2{font-size:28px}.final-cta p{font-size:16px}.final-cta .btn-primary{width:100%;max-width:400px;justify-content:center;min-height:52px}}@media(max-width:480px){.final-cta h2{font-size:22px}.final-cta p{font-size:14px;margin-bottom:28px}}@media(max-width:360px){.final-cta h2{font-size:20px}}.footer{background:var(--color-bg-secondary);position:relative;z-index:1;padding:60px 0 32px}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-indigo),var(--color-cyan),transparent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-bottom:48px}.footer-brand-name{font-size:20px;font-weight:700;color:var(--color-text-primary);margin-bottom:12px;display:flex;align-items:center;gap:10px}.footer-brand-name svg{width:24px;height:24px}.footer-brand-desc{font-size:14px;color:var(--color-text-muted);line-height:1.6;max-width:280px}.footer-contact{margin-top:12px}.footer-brand-desc a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-brand-desc a:hover{color:var(--color-text-secondary)}.footer-col-title{font-size:13px;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:14px;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-secondary)}.footer-social{display:flex;gap:16px;margin-top:8px}.footer-social a{width:36px;height:36px;border-radius:8px;background:#ffffff0a;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.footer-social a:hover{background:#6366f11a;border-color:#6366f14d}.footer-social svg{width:16px;height:16px;fill:var(--color-text-muted)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;text-align:center;font-size:13px;color:var(--color-text-subtle)}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.footer{padding:40px 0 24px}.footer-grid{grid-template-columns:1fr;gap:32px;text-align:center}.footer-brand-name{justify-content:center}.footer-brand-desc{max-width:100%;margin:0 auto}.footer-col-title{text-align:center}.footer-links{align-items:center}.footer-social{justify-content:center}}@media(max-width:480px){.footer-brand-name{font-size:18px}}:root{--color-bg-primary: #060B18;--color-bg-secondary: #030712;--color-text-primary: #f8fafc;--color-text-secondary: #e2e8f0;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-text-faint: #475569;--color-indigo: #6366F1;--color-indigo-light: #a5b4fc;--color-cyan: #06B6D4;--color-green: #16a34a;--color-green-light: #dcfce7;--color-red: #ef4444;--color-red-dark: #dc2626;--color-yellow: #ca8a04;--color-yellow-light: #fef9c3;--gradient-primary: linear-gradient(135deg, var(--color-indigo), var(--color-cyan));--gradient-text: linear-gradient(135deg, var(--color-indigo) 0%, var(--color-indigo-light) 50%, var(--color-cyan) 100%);--border-subtle: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .1);--border-medium: rgba(255, 255, 255, .2);--border-indigo: rgba(99, 102, 241, .3);--shadow-glow: 0 0 30px rgba(99, 102, 241, .35);--shadow-glow-hover: 0 0 50px rgba(99, 102, 241, .5);--shadow-card: 0 0 20px rgba(99, 102, 241, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-blur: blur(12px);--container-max-width: 1280px;--container-padding: 40px;--section-padding: 120px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 28px;--transition-fast: .2s ease;--transition-normal: .25s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-bg-primary);color:var(--color-text-secondary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 800px 800px at 10% 15%,rgba(99,102,241,.08) 0%,transparent 70%),radial-gradient(ellipse 600px 600px at 80% 40%,rgba(6,182,212,.06) 0%,transparent 70%),radial-gradient(ellipse 700px 700px at 50% 85%,rgba(139,92,246,.05) 0%,transparent 70%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{width:60%;height:1px;margin:0 auto;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 50%,transparent 100%)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulse-node{0%,to{opacity:.4;r:3}50%{opacity:1;r:5}}@keyframes dash-rotate{to{stroke-dashoffset:0}}@keyframes node-scan{0%{fill-opacity:.2}50%{fill-opacity:1}to{fill-opacity:.2}}@keyframes edge-scan{0%{stroke-dashoffset:100;opacity:0}10%{opacity:1}90%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:var(--gradient-primary);color:#fff;font-family:var(--font-primary);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-glow);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-hover)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:transparent;color:var(--color-text-secondary);font-family:var(--font-primary);font-size:16px;font-weight:500;border:1px solid var(--border-medium);border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:border-color var(--transition-normal),background var(--transition-normal)}.btn-secondary:hover{border-color:#6366f180;background:#6366f10d}.btn-github{padding:10px 20px;background:#ffffff0f;border:1px solid var(--border-light);border-radius:10px;color:var(--color-text-secondary);font-size:14px;font-weight:500;font-family:var(--font-primary);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.btn-github:hover{background:#ffffff1a}.btn-download{display:inline-flex;align-items:center;gap:10px;padding:16px 48px;background:var(--gradient-primary);color:#fff;font-family:var(--font-primary);font-size:16px;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;box-shadow:0 0 40px #6366f166;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.btn-download:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-hover)}.btn-download svg{width:20px;height:20px;stroke:#fff;stroke-width:2;fill:none}.btn-reset{background:none;border:none;color:var(--color-text-muted);font-family:var(--font-primary);font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.btn-reset:hover{color:var(--color-text-secondary)}.glass-card{background:var(--glass-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;overflow:hidden;transition:transform var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff1a}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-indigo);box-shadow:var(--shadow-card)}.icon-circle{width:56px;height:56px;border-radius:50%;background:#6366f114;border:1px solid rgba(99,102,241,.15);display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.icon-circle svg{width:28px;height:28px;stroke:var(--color-text-muted);stroke-width:1.5;fill:none}.section-title{font-size:40px;font-weight:700;color:var(--color-text-primary);text-align:center;margin-bottom:12px}.section-subtitle{font-size:18px;color:var(--color-text-muted);text-align:center;margin-bottom:60px}@media(max-width:1024px){.container{width:100%;padding:0 24px}.section-title{font-size:34px}.section-subtitle{font-size:16px;margin-bottom:44px}}@media(max-width:768px){.container{width:100%;padding:0 20px}.section-title{font-size:28px;text-align:center}.section-subtitle{font-size:15px;margin-bottom:36px;text-align:center}.section-divider{width:80%}.glass-card:hover{transform:none}}@media(max-width:480px){.container{width:100%;padding:0 16px}.section-title{font-size:24px}.section-subtitle{font-size:14px;margin-bottom:28px}}@media(max-width:360px){.container{padding:0 12px}.section-title{font-size:22px}.btn-primary,.btn-secondary{padding:14px 24px;font-size:15px}}@media(pointer:coarse){.btn-primary,.btn-secondary,.btn-github,.btn-download,.btn-reset{min-height:48px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}@media(max-height:500px)and (orientation:landscape){.hero{padding:80px 0 40px}}