@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#070a13;--bg-card:#0d142699;--primary:#38bdf8;--primary-glow:#38bdf826;--accent:#818cf8;--accent-glow:#818cf826;--success:#34d399;--success-glow:#34d3991a;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff0f;--border-glow:#38bdf840;--glass-shine:#ffffff05;--font-header:"Plus Jakarta Sans",sans-serif;--font-body:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.bg-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 20%,#38bdf80f,#0000 35%),radial-gradient(circle at 90% 70%,#818cf812,#0000 35%),radial-gradient(circle,#070a13,#070a13cc);width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4{font-family:var(--font-header);color:#fff;letter-spacing:-.03em;margin-bottom:1rem;font-weight:800}h1{background:linear-gradient(135deg,#fff 30%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;line-height:1.15}h2{font-size:2.75rem;line-height:1.2}h3{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}p{color:var(--text-muted);font-size:1.1rem;font-weight:400}.container{max-width:1240px;margin:0 auto;padding:0 2rem}.section-padding{padding:7rem 0}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-header h2{background:linear-gradient(135deg,#fff 50%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{font-size:.95rem;font-weight:600;font-family:var(--font-header);cursor:pointer;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem 2.2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#05070d;border:none;box-shadow:0 4px 20px #38bdf84d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #38bdf880}.btn-outline{border:1px solid var(--border);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a}.btn-outline:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#070a13bf;width:100%;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{font-family:var(--font-header);color:#fff;letter-spacing:-.03em;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:2.2rem;display:flex}.nav-link{color:var(--text-muted);font-size:.95rem;font-weight:500;font-family:var(--font-header);border-bottom:2px solid #0000;padding:.5rem 0;text-decoration:none;transition:all .2s}.nav-link:hover{color:#fff}.nav-link.active{border-bottom:2px solid var(--primary);font-weight:600;color:#fff!important}.hero{padding-top:160px;padding-bottom:100px;position:relative}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.hero-content{flex-direction:column;align-items:flex-start;animation:1s ease-out fadeIn;display:flex}.hero-badge{background:var(--primary-glow);color:var(--primary);font-size:.85rem;font-weight:600;font-family:var(--font-header);border:1px solid #38bdf833;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.1rem;animation:.8s ease-out slideDown;display:inline-flex}.hero-text{color:var(--text-muted);max-width:600px;margin-bottom:2.5rem;font-size:1.2rem;line-height:1.65}.hero-actions{gap:1.2rem;width:100%;display:flex}.hero-compatibility{opacity:.65;gap:1.5rem;margin-top:2rem;font-size:.85rem;display:flex}.hero-compatibility-item{align-items:center;gap:.4rem;display:flex}.mockup-container{perspective:1000px;width:100%;animation:.8s ease-out slideUp;position:relative}.mock-window{border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d1426cc;border-radius:12px;transition:transform .5s;overflow:hidden;transform:rotateY(-3deg)rotateX(2deg);box-shadow:0 20px 50px #0009,0 0 30px #38bdf814}.mock-window:hover{border-color:#38bdf866;transform:rotateY(0)rotateX(0)}.mock-window-header{border-bottom:1px solid var(--border);background:#070a13e6;justify-content:space-between;align-items:center;padding:.75rem 1.2rem;display:flex}.window-controls{gap:.5rem;display:flex}.window-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.window-title{font-family:var(--font-header);color:var(--text-muted);font-size:.8rem;font-weight:500}.mock-window-body{padding:1.5rem}.mock-status-bar{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.status-pill{color:var(--success);background:#34d39914;border:1px solid #34d39926;border-radius:6px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-pill.primary{background:var(--primary-glow);color:var(--primary);border-color:#38bdf833}.status-pulse{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseGreen}.status-pill.primary .status-pulse{background:var(--primary);animation:1.5s infinite pulseBlue}.mock-editor-area{border:1px solid var(--border);background:#00000059;border-radius:8px;grid-template-rows:auto 1fr;gap:1rem;min-height:230px;padding:1.2rem;display:grid}.audio-wave-container{background:#ffffff05;border:1px solid #ffffff0a;border-radius:6px;justify-content:center;align-items:center;gap:3px;height:35px;padding:0 1rem;display:flex}.wave-bar{background:var(--primary);border-radius:99px;width:3px;height:8px;animation:1.2s ease-in-out infinite alternate wavePulse}.wave-bar:nth-child(2n){background:var(--accent);animation-delay:.15s}.wave-bar:nth-child(3n){animation-delay:.3s}.wave-bar:nth-child(4n){background:var(--primary);animation-delay:.45s}.wave-bar:nth-child(5n){animation-delay:.6s}.mock-typing-text{color:var(--text-main);white-space:pre-wrap;font-family:Courier New,Courier,monospace;font-size:.9rem;line-height:1.5}.mock-typing-text:after{content:"|";color:var(--primary);animation:1s infinite cursorBlink}.demo-card{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 15px 40px #0006}.demo-card:before{content:"";background:linear-gradient(180deg,var(--glass-shine)0%,transparent 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.demo-controls-wrapper{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex}.demo-btn-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.demo-btn{font-weight:600;font-family:var(--font-header);cursor:pointer;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;transition:all .2s;display:inline-flex}.demo-btn:disabled{opacity:.4;cursor:not-allowed}.btn-demo-start{background:var(--primary-glow);color:var(--primary);border-color:#38bdf866}.btn-demo-start:hover:not(:disabled){background:var(--primary);color:#05070d;box-shadow:0 0 15px var(--primary-glow)}.btn-demo-format{color:var(--success);background:#34d39914;border-color:#34d39966}.btn-demo-format:hover:not(:disabled){background:var(--success);color:#05070d;box-shadow:0 0 15px #34d39933}.btn-demo-reset{border-color:var(--border);color:var(--text-muted);background:#ffffff08}.btn-demo-reset:hover{color:#fff;background:#ffffff14}.demo-status-text{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.demo-panel-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.demo-panel{border:1px solid var(--border);background:#0000004d;border-radius:12px;overflow:hidden}.demo-panel-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.demo-panel-header span{font-family:var(--font-header);color:var(--text-muted);font-size:.85rem;font-weight:600}.demo-panel-body{white-space:pre-wrap;min-height:250px;max-height:350px;color:var(--text-main);background:#0000001a;padding:1.5rem;font-family:monospace;font-size:.9rem;line-height:1.6;overflow-y:auto}.demo-panel-body.raw-text{color:var(--text-muted)}.demo-panel-body.formatted-text{color:#a7f3d0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:flex-start;padding:2.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(180deg,var(--glass-shine)0%,transparent 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-5px);box-shadow:0 10px 30px #38bdf80d}.stat-number{font-size:3rem;font-weight:800;font-family:var(--font-header);background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;line-height:1}.stat-title{font-family:var(--font-header);color:#fff;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.stat-desc{color:var(--text-muted);font-size:.95rem;line-height:1.5}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(180deg,var(--glass-shine)0%,transparent 100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.card:hover{border-color:#38bdf840;transform:translateY(-5px);box-shadow:0 10px 40px -10px #0006}.icon-box{background:var(--primary-glow);width:52px;height:52px;color:var(--primary);border:1px solid #38bdf826;border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.steps-wrapper{justify-content:space-between;gap:3rem;display:flex;position:relative}.steps-wrapper:before{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);z-index:0;height:1px;position:absolute;top:28px;left:10%;right:10%}.step-item{z-index:1;text-align:center;flex:1;position:relative}.step-circle{background:var(--bg-dark);border:1px solid var(--border);width:56px;height:56px;color:var(--primary);font-size:1.25rem;font-weight:700;font-family:var(--font-header);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;transition:all .3s;display:flex;box-shadow:0 0 20px #00000080}.step-item:hover .step-circle{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);transform:scale(1.08)}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:5rem;display:grid}.contact-info-box h2{font-size:2.75rem}.contact-detail{color:var(--text-muted);align-items:center;gap:1.2rem;margin-bottom:1.5rem;font-size:1.15rem;display:flex}.contact-detail svg{color:var(--primary);flex-shrink:0}.form-container{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:3rem}.input-group{margin-bottom:1.5rem}.input-group label{font-size:.85rem;font-weight:600;font-family:var(--font-header);color:var(--text-muted);margin-bottom:.5rem;display:block}.input-group input,.input-group textarea{border:1px solid var(--border);color:#fff;background:#0000004d;border-radius:10px;width:100%;padding:1.1rem;font-family:inherit;font-size:1rem;transition:all .2s}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary);background:#38bdf80a;outline:none;box-shadow:0 0 15px #38bdf80d}.cta-banner{background:radial-gradient(circle at 50% 50%,#38bdf81a 0%,transparent 60%),var(--bg-card);border:1px solid var(--border-glow);text-align:center;border-radius:24px;margin-top:3rem;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.cta-banner-content{z-index:10;max-width:700px;margin:0 auto;position:relative}.cta-banner h2{margin-bottom:1rem;font-size:3rem}.cta-banner p{margin-bottom:2.5rem}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}footer{border-top:1px solid var(--border);background:#05070dd9;padding:6rem 0 3rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:5rem;margin-bottom:5rem;display:grid}.footer-brand{flex-direction:column;gap:1.25rem;display:flex}.footer-brand .logo{color:#fff;font-size:1.5rem}.footer-brand p{max-width:320px}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:1.05rem}.footer-col a{color:var(--text-muted);margin-bottom:.85rem;font-size:1rem;text-decoration:none;transition:all .2s;display:block}.footer-col a:hover{color:var(--primary);transform:translate(3px)}.footer-bottom{border-top:1px solid var(--border);color:#475569;justify-content:space-between;align-items:center;padding-top:2.5rem;font-size:.9rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 6px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}@keyframes pulseBlue{0%{transform:scale(.95);box-shadow:0 0 #38bdf8b3}70%{transform:scale(1);box-shadow:0 0 0 6px #38bdf800}to{transform:scale(.95);box-shadow:0 0 #38bdf800}}@keyframes wavePulse{0%{height:6px}to{height:26px}}@keyframes cursorBlink{0%,to{opacity:0}50%{opacity:1}}@media (max-width:1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:4rem}.hero-content{align-items:center}.hero-text{margin-left:auto;margin-right:auto}.hero-actions,.hero-compatibility{justify-content:center}.mock-window{max-width:600px;margin:0 auto;transform:none}.demo-panel-grid{grid-template-columns:1fr;gap:1.5rem}.contact-grid{grid-template-columns:1fr;gap:4rem}}@media (max-width:768px){h1{font-size:2.75rem}h2{font-size:2.25rem}.section-padding{padding:5rem 0}.nav-links{display:none}.steps-wrapper{flex-direction:column;gap:3rem}.steps-wrapper:before{display:none}.footer-grid{grid-template-columns:1fr;gap:3rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.form-container{padding:2rem}}.blueprint-grid{background-image:linear-gradient(#38bdf804 1px,#0000 1px),linear-gradient(90deg,#38bdf804 1px,#0000 1px);background-size:40px 40px}.glow-circle{filter:blur(140px);opacity:.12;pointer-events:none;z-index:0;mix-blend-mode:screen;border-radius:50%;position:absolute}.glow-cyan{background:var(--primary);width:400px;height:400px}.glow-purple{background:var(--accent);width:450px;height:450px}.compare-card{transition:all .4s cubic-bezier(.16,1,.3,1)}.compare-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000080,0 0 20px #38bdf80d}.before-card:hover{background:#ef444408!important;border-color:#ef444440!important}.after-card:hover{border-color:var(--border-glow)!important;background:#38bdf80a!important}.tab-btn:hover{border-color:var(--primary)!important;background:#38bdf814!important}.tab-btn.active:hover{background:var(--primary)!important;color:#070a13!important}.kvkk-badge-toggle{color:#fbbf24;cursor:pointer;background:#f59e0b0f;border:1px solid #f59e0b33;border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 0 10px #f59e0b0d}.kvkk-badge-toggle.active{background:#f59e0b2e;border-color:#f59e0b99;box-shadow:0 0 20px #f59e0b33}.masked-badge{color:#fbbf24;font-weight:600;font-family:var(--font-header);letter-spacing:.05em;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:4px;margin:0 2px;padding:.1rem .4rem;font-size:.8rem;animation:2.2s ease-in-out infinite pulseAmber;display:inline-block;box-shadow:0 0 10px #f59e0b26}.masked-censored{-webkit-user-select:none;user-select:none;background:#030712;border-radius:3px;padding:0 4px;position:relative;color:#0000!important;text-shadow:none!important}.masked-censored:after{content:"SANSÜRLENDİ";font-family:var(--font-header);color:#ef4444d9;letter-spacing:.1em;text-shadow:0 0 5px #ef444480;pointer-events:none;white-space:nowrap;font-size:.6rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseAmber{0%,to{border-color:#f59e0b66;box-shadow:0 0 4px #f59e0b26}50%{border-color:#f59e0bcc;box-shadow:0 0 15px #f59e0b66}}.lan-diagram-wrapper{border:1px solid var(--border);background:#0d142666;border-radius:24px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 15px 40px #0006}.lan-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid;position:relative}.diagram-node{border:1px solid var(--border);text-align:center;cursor:pointer;z-index:10;background:#070a1399;border-radius:16px;padding:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.diagram-node.active,.diagram-node:hover{border-color:var(--primary);background:#070a13d9;transform:translateY(-4px);box-shadow:0 10px 30px #38bdf826,0 0 15px #38bdf80d}.diagram-node-icon{border:1px solid var(--border);width:48px;height:48px;color:var(--text-muted);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 1rem;transition:all .3s;display:flex}.diagram-node.active .diagram-node-icon,.diagram-node:hover .diagram-node-icon{background:var(--primary-glow);color:var(--primary);border-color:#38bdf84d}.diagram-node h4{margin-bottom:.25rem;font-size:.95rem;font-weight:700}.node-status-glow{background:var(--success);width:6px;height:6px;box-shadow:0 0 10px var(--success);border-radius:50%;margin:0 auto;animation:1.8s infinite pulseGreen}.diagram-node.active .node-status-glow{background:var(--primary);box-shadow:0 0 10px var(--primary);animation:1.8s infinite pulseBlue}.diagram-details-box{border:1px solid var(--border-glow);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a13cc;border-radius:16px;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:2rem;display:flex;position:relative}.diagram-details-icon{background:var(--primary-glow);width:56px;height:56px;color:var(--primary);border:1px solid #38bdf840;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 15px #38bdf81a}.flow-line{stroke:var(--primary);stroke-dasharray:6 6;opacity:.3;animation:20s linear infinite flowStroke}.flow-line.active{stroke:var(--primary);stroke-width:2px;opacity:.85;filter:drop-shadow(0 0 3px #38bdf8cc);animation-duration:8s}@keyframes flowStroke{to{stroke-dashoffset:-500px}}input[type=range]{appearance:none;border:1px solid var(--border);background:#ffffff0d;border-radius:9999px;outline:none;width:100%;height:8px;transition:background .3s}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 12px #38bdf8cc}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}input[type=range]::-moz-range-thumb{background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 12px #38bdf8cc}input[type=range]::-moz-range-thumb:hover{transform:scale(1.25)}.burnout-gauge-wrapper{aspect-ratio:2;justify-content:center;align-items:flex-end;width:100%;max-width:240px;margin:0 auto;display:flex;position:relative;overflow:hidden}.gauge-background-arc{box-sizing:border-box;border:16px solid #ffffff08;border-color:#0000 #ffffff08 #ffffff08 #0000;border-radius:50%;width:100%;height:200%;position:absolute;top:0;left:0;transform:rotate(45deg)}.gauge-active-arc{box-sizing:border-box;transform-origin:50%;border:16px solid #0000;border-radius:50%;width:100%;height:200%;transition:transform .8s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.gauge-needle{background:linear-gradient(to top,var(--primary),var(--accent));transform-origin:bottom;border-radius:9999px;width:6px;height:90px;transition:transform .8s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0;box-shadow:0 0 10px #38bdf866}.gauge-center-cap{background:var(--bg-dark);border:3px solid var(--primary);z-index:10;border-radius:50%;width:20px;height:20px;position:absolute;bottom:-10px;box-shadow:0 0 10px #38bdf880}.cyber-table-wrapper{border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;overflow-x:auto;box-shadow:0 20px 40px #0006}.cyber-table{border-collapse:collapse;text-align:left;width:100%;min-width:800px}.cyber-table th{font-family:var(--font-header);color:#fff;border-bottom:1px solid var(--border);background:#070a13b3;padding:1.5rem;font-size:.95rem;font-weight:700}.cyber-table th:first-child{border-top-left-radius:20px}.cyber-table th:last-child{border-top-right-radius:20px}.cyber-table td{color:var(--text-muted);border-bottom:1px solid var(--border);padding:1.5rem;font-size:.95rem;line-height:1.5;transition:background .25s}.cyber-table tr:last-child td{border-bottom:none}.cyber-table tr:hover td{background:#ffffff04}.cyber-table tr.active-row td{background:#38bdf805}.cyber-table tr.active-row td:first-child{color:#fff;border-left:3px solid var(--primary);font-weight:700}.cyber-table tr.active-row td:nth-child(2){color:var(--primary);font-weight:500}.cyber-badge{font-size:.8rem;font-weight:600;font-family:var(--font-header);border-radius:9999px;align-items:center;padding:.35rem .85rem;display:inline-flex}.cyber-badge.success{background:var(--success-glow);color:var(--success);border:1px solid #34d39933}.cyber-badge.warning{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b33}.cyber-badge.danger{color:#f87171;background:#ef444414;border:1px solid #ef444433}@media (max-width:768px){.lan-diagram-wrapper{padding:1.5rem}.diagram-details-box{text-align:center;flex-direction:column;padding:1.5rem}}.workflow-container{grid-template-columns:1fr 1.25fr;align-items:center;gap:3rem;margin-top:3rem;display:grid}.workflow-steps-list{flex-direction:column;gap:1.5rem;display:flex}.workflow-step-card{border:1px solid var(--border);cursor:pointer;background:#070a1366;border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.workflow-step-card:before{content:"";background:var(--primary);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.workflow-step-card.active{background:linear-gradient(135deg,#38bdf80f 0%,#070a13e6 100%);border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 10px 30px #38bdf814,inset 0 0 15px #38bdf805}.workflow-step-card.active:before{opacity:1}.workflow-step-header{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.workflow-step-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--text-muted);background:#ffffff05;border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.workflow-step-card.active .workflow-step-icon{background:var(--primary-glow);color:var(--primary);border-color:#38bdf84d;box-shadow:0 0 12px #38bdf833}.workflow-step-card h3{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700;transition:color .3s}.workflow-step-card.active h3{color:#fff}.workflow-step-card p{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.workflow-visualizer-pane{border:1px solid var(--border-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 50% 0,#38bdf814 0%,#070a13cc 100%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:2.5rem;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.mic-pulse-container{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:2rem;display:flex;position:relative}.mic-pulse-bg{background:#38bdf81a;border:1px solid #38bdf833;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite concentric-pulse;position:absolute}.mic-pulse-bg-inner{background:#38bdf826;border-radius:50%;width:80%;height:80%;animation:2s ease-out .6s infinite concentric-pulse;position:absolute}.mic-icon-wrapper{z-index:10;background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative;box-shadow:0 0 20px #38bdf880}.visualizer-audio-wave{align-items:center;gap:6px;height:40px;margin-bottom:1.5rem;display:flex}.wave-bar-animated{background:var(--primary);width:4px;height:8px;box-shadow:0 0 8px var(--primary);border-radius:2px;animation:1.2s ease-in-out infinite wave-height}.scan-container{border:1px solid var(--border);background:#070a1399;border-radius:12px;width:100%;max-width:480px;padding:1.5rem;position:relative;overflow:hidden}.scan-line{background:linear-gradient(to right,transparent,var(--primary),transparent);width:100%;height:3px;box-shadow:0 0 12px var(--primary),0 0 4px var(--primary);pointer-events:none;animation:2.5s linear infinite laser-sweep;position:absolute;left:0}.scan-text{color:var(--text-muted);font-family:monospace;font-size:.9rem;line-height:1.6}.scan-keyword-highlight{color:#fff;background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;margin:2px;padding:0 4px;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 0 8px #38bdf833}.report-mockup-card{border:1px solid var(--border-glow);background:#070a13d9;border-radius:16px;width:100%;max-width:450px;padding:2rem;animation:6s ease-in-out infinite float-card;transform:translateY(0);box-shadow:0 15px 35px #0009}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes concentric-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}@keyframes wave-height{0%,to{height:8px}50%{height:38px}}@keyframes laser-sweep{0%{top:-5%}to{top:105%}}@media (max-width:992px){.workflow-container{grid-template-columns:1fr;gap:2.5rem}}