.chart-container{margin:2rem 0;padding:1.5rem;border-radius:var(--br-default);position:relative;overflow:hidden}.chart-title{font-family:"Manrope";font-size:1.2rem;font-weight:600;color:var(--rare-black);margin-bottom:1rem;text-align:center}.chart-description{font-family:"Manrope";font-size:.9rem;color:var(--charcoal);margin-top:1rem;text-align:center;font-style:italic;margin-top:3rem}.security-shield{width:200px;height:240px;margin:0 auto;position:relative}.shield-base{width:180px;height:220px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:90px 90px 10px 10px;position:absolute;top:10px;left:10px;border:1px solid var(--grey);overflow:hidden;animation:shield-pulse 3s infinite}@keyframes shield-pulse{0%{box-shadow:0 4px 15px rgba(0,0,0,.08)}50%{box-shadow:0 4px 15px rgba(0,0,0,.12)}to{box-shadow:0 4px 15px rgba(0,0,0,.08)}}.shield-inner{width:160px;height:200px;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:80px 80px 8px 8px;position:absolute;top:10px;left:10px}.shield-emblem{width:80px;height:80px;background-color:rgba(255,255,255,.9);border-radius:50%;position:absolute;top:50px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:emblem-glow 3s infinite}@keyframes emblem-glow{0%{box-shadow:0 4px 15px rgba(0,0,0,.1)}50%{box-shadow:0 4px 25px rgba(79,70,229,.4)}to{box-shadow:0 4px 15px rgba(0,0,0,.1)}}.shield-checkmark{font-family:"Manrope";color:var(--rare-black);font-size:40px;font-weight:700;animation:checkmark-fade 3s infinite}@keyframes checkmark-fade{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.shield-glow{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:90px 90px 10px 10px;background:radial-gradient(circle at center,rgba(255,255,255,.8)0,rgba(255,255,255,0) 70%);opacity:0;animation:glow-pulse 3s infinite}@keyframes glow-pulse{0%{opacity:0}50%{opacity:.3}to{opacity:0}}.security-shield:hover .shield-glow{animation:none;opacity:.4}.security-gauge-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0;padding-bottom:2rem}.gauge{width:200px;height:120px;position:relative;margin-bottom:2.5rem;overflow:visible}.gauge-background{width:200px;height:200px;border-radius:50%;background:linear-gradient(to right,#f3f4f6,#e5e7eb);position:absolute;top:0;left:0;box-shadow:inset 0 4px 10px rgba(0,0,0,.1)}.gauge-fill{width:200px;height:200px;border-radius:50%;background:conic-gradient(var(--sapphire) 0% var(--percentage),transparent var(--percentage) 100%);position:absolute;top:0;left:0;transition:all 1s ease}.gauge-center{width:140px;height:140px;background-color:#fff;border-radius:50%;position:absolute;top:30px;left:30px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.gauge-value{position:absolute;top:60px;left:0;width:100%;text-align:center;font-family:"Manrope";font-size:1.8rem;font-weight:700;color:var(--rare-black)}.gauge-label{position:absolute;top:90px;left:0;width:100%;text-align:center;font-family:"Manrope";font-size:.9rem;color:var(--charcoal)}.gauge-ticks{position:absolute;width:200px;height:200px;top:0;left:0}.gauge-tick{position:absolute;width:2px;height:8px;background-color:rgba(var(--rare-black-rgb),.2);transform-origin:center bottom}.gauge-tick.major{height:12px;width:3px;background-color:rgba(var(--rare-black-rgb),.3)}.security-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2rem 0}.metric-card{border-radius:var(--br-default);padding:1.5rem;border:1px solid var(--grey);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.metric-card:nth-child(3n+1){background:var(--sapphire-gradient)}.metric-card:nth-child(3n+2){background:var(--hampton-gradient)}.metric-card:nth-child(3n+3){background:var(--lochinvar-gradient)}.metric-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.metric-icon{width:60px;height:60px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);border-radius:50%;color:var(--rare-black);font-size:1.8rem}.metric-value{font-family:"Manrope";font-size:2rem;font-weight:700;color:var(--rare-black);margin-bottom:.5rem}.metric-label{font-family:"Manrope";font-size:.9rem;color:var(--charcoal)}.metric-card::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--sapphire),var(--electric));transform:scaleX(0);transform-origin:left;transition:transform .3s ease;box-shadow:0 0 8px rgba(var(--sapphire-rgb),.5)}.metric-card:hover::after{transform:scaleX(1)}.auth-flow-diagram{margin:2rem 0;position:relative}.auth-flow-container{display:flex;justify-content:space-between;align-items:center;position:relative;padding:2rem 0}.auth-node{width:120px;height:120px;border-radius:var(--br-default);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--grey);position:relative;z-index:2;transition:all .3s ease}.auth-node:nth-child(4n+1){background:var(--sapphire-gradient)}.auth-node:nth-child(4n+2){background:var(--hampton-gradient)}.auth-node:nth-child(4n+3){background:var(--lochinvar-gradient)}.auth-node:nth-child(4n+4){background:var(--plum-gradient)}.auth-node:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.auth-node-icon{width:50px;height:50px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rare-black);font-size:1.5rem}.auth-node-label{font-family:"Manrope";font-size:.8rem;font-weight:600;color:var(--rare-black);text-align:center;width:92%}.auth-flow-arrow{flex:1;height:3px;background:linear-gradient(to right,rgba(79,70,229,.7),rgba(124,58,237,.7));position:relative;z-index:1;margin:0 10px;margin:0 30px}.auth-flow-arrow::after{content:"";position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid rgba(124,58,237,.7)}.auth-flow-badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;padding:.3rem .8rem;border-radius:20px;font-family:"Manrope";font-size:.7rem;font-weight:600;box-shadow:0 4px 10px rgba(79,70,229,.3);z-index:3}.radar-chart{width:300px;height:300px;margin:0 auto;position:relative;overflow:visible}.radar-background{width:100%;height:100%;border-radius:50%;background-color:rgba(79,70,229,.05);position:relative;animation:radar-rotate 30s linear infinite}@keyframes radar-rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.radar-ring{position:absolute;border-radius:50%;border:1px dashed rgba(79,70,229,.3);transition:all .5s ease}.radar-ring-1{width:80%;height:80%;top:10%;left:10%;animation:radar-pulse 4s ease-in-out infinite}.radar-ring-2{width:60%;height:60%;top:20%;left:20%;animation:radar-pulse 4s ease-in-out infinite 1s}.radar-ring-3{width:40%;height:40%;top:30%;left:30%;animation:radar-pulse 4s ease-in-out infinite 2s}.radar-ring-4{width:20%;height:20%;top:40%;left:40%;animation:radar-pulse 4s ease-in-out infinite 3s}@keyframes radar-pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.7}}.radar-axis{position:absolute;top:50%;left:50%;width:50%;height:1px;background-color:rgba(79,70,229,.3);transform-origin:left center;transition:all .3s ease}.radar-axis-1{transform:rotate(0deg)}.radar-axis-2{transform:rotate(60deg)}.radar-axis-3{transform:rotate(120deg)}.radar-axis-4{transform:rotate(180deg)}.radar-axis-5{transform:rotate(240deg)}.radar-axis-6{transform:rotate(300deg)}.radar-area{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);clip-path:polygon(50% 10%,85% 30%,80% 75%,50% 85%,20% 75%,15% 30%);background:linear-gradient(135deg,rgba(79,70,229,.7),rgba(124,58,237,.7));opacity:0;animation:radar-area-appear 1.5s ease forwards .5s,radar-area-rotate 25s linear infinite 2s reverse;transition:all .5s ease}@keyframes radar-area-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotate(0deg)}to{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(0deg)}}@keyframes radar-area-rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}.radar-point{position:absolute;width:8px;height:8px;background-color:#fff;border:2px solid var(--rare-black);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 0 rgba(79,70,229,.5);animation:radar-point-pulse 2s infinite;opacity:0;transition:all .3s ease}@keyframes radar-point-pulse{0%{box-shadow:0 0 0 0 rgba(79,70,229,.5)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.radar-label{position:absolute;font-family:"Manrope";font-size:.8rem;font-weight:500;color:var(--rare-black);text-align:center;width:100px;opacity:0;transform:translateY(10px);transition:all .3s ease}.radar-chart:hover .radar-background{animation-play-state:paused}.radar-chart:hover .radar-area{background:linear-gradient(135deg,rgba(79,70,229,.8),rgba(124,58,237,.8));transform:translate(-50%,-50%) scale(1.05)}.radar-chart:hover .radar-axis{background-color:rgba(79,70,229,.5)}.radar-chart:hover .radar-ring{border-color:rgba(79,70,229,.5)}.privacy-pillars{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0}.privacy-pillar{width:180px;border-radius:var(--br-default);padding:1.5rem;border:1px solid var(--grey);transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.privacy-pillar:nth-child(5n+1){background:var(--sapphire-gradient)}.privacy-pillar:nth-child(5n+2){background:var(--hampton-gradient)}.privacy-pillar:nth-child(5n+3){background:var(--lochinvar-gradient)}.privacy-pillar:nth-child(5n+4){background:var(--plum-gradient)}.privacy-pillar:nth-child(5n+5){background:var(--sapphire-gradient)}.privacy-pillar:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.privacy-icon{width:60px;height:60px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rare-black);font-size:1.5rem;margin-bottom:1rem}.privacy-title{font-family:"Manrope";font-size:1rem;font-weight:600;color:var(--rare-black);margin-bottom:.5rem}.privacy-description{font-family:"Manrope";font-size:.8rem;color:var(--charcoal)}.security-dashboard{border-radius:var(--br-default);padding:2rem;transition:all .3s ease}.dashboard-title{font-family:"Manrope";font-size:1.4rem;font-weight:600;color:var(--rare-black);margin-bottom:1.5rem;text-align:center}.dashboard-metrics{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.metric-progress-card{border-radius:var(--br-default);padding:1.5rem;border:1px solid var(--grey);transition:all .3s ease}.metric-progress-card:nth-child(3n+1){background:var(--sapphire-gradient)}.metric-progress-card:nth-child(3n+2){background:var(--hampton-gradient)}.metric-progress-card:nth-child(3n+3){background:var(--lochinvar-gradient)}.metric-progress-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.metric-header{display:flex;align-items:center;margin-bottom:1rem}.metric-header .metric-icon{width:40px;height:40px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rare-black);margin-right:1rem}.metric-header .metric-title{font-family:"Manrope";font-size:1.1rem;font-weight:600;color:var(--rare-black)}.metric-progress-card .metric-value{font-family:"Manrope";font-size:2.5rem;font-weight:700;color:var(--rare-black);margin-bottom:.8rem}.metric-progress-card .metric-unit{font-family:"Manrope";font-size:1.2rem;font-weight:500;margin-left:.2rem}.progress-container{height:8px;background:rgba(0,0,0,.05);border-radius:4px;margin-bottom:1rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(to right,var(--sapphire),var(--electric));border-radius:4px;transition:width 1.5s cubic-bezier(.34,1.56,.64,1)}.metric-description{font-family:"Manrope";font-size:.9rem;color:var(--charcoal)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{border-radius:var(--br-default);padding:1.2rem;border:1px solid var(--grey);text-align:center;transition:all .3s ease}.stat-card:nth-child(4n+1){background:var(--sapphire-gradient)}.stat-card:nth-child(4n+2){background:var(--hampton-gradient)}.stat-card:nth-child(4n+3){background:var(--lochinvar-gradient)}.stat-card:nth-child(4n+4){background:var(--plum-gradient)}.stat-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.08);background:rgba(0,0,0,.05)}.stat-value{font-family:"Manrope";font-size:1.8rem;font-weight:700;color:var(--rare-black);margin-bottom:.5rem}.stat-label{font-family:"Manrope";font-size:.8rem;color:var(--charcoal)}.security-framework-container{margin-bottom:3rem}.security-framework-intro{margin-bottom:2rem}.security-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;position:relative;margin-bottom:2rem}.security-pillar-connector{position:absolute;top:50px;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--sapphire),var(--electric));z-index:0}.security-pillar{border-radius:var(--br-default);padding:1.5rem;border:1px solid var(--grey);transition:all .3s ease;position:relative;z-index:1;padding-bottom:3.5rem;position:relative}.security-pillar:nth-child(4n+1){background:var(--sapphire-gradient)}.security-pillar:nth-child(4n+2){background:var(--hampton-gradient)}.security-pillar:nth-child(4n+3){background:var(--lochinvar-gradient)}.security-pillar:nth-child(4n+4){background:var(--plum-gradient)}.security-pillar:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.pillar-icon{width:70px;height:70px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rare-black);margin:0 auto 1rem}.pillar-title{font-family:"Manrope";font-size:1.1rem;font-weight:600;color:var(--rare-black);text-align:center;margin-bottom:1rem}.pillar-description{font-family:"Manrope";font-size:.9rem;color:var(--charcoal);text-align:center}.pillar-stat{margin-top:1rem;padding-top:1rem;padding-bottom:1rem;border-top:1px dashed rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;position:absolute;bottom:0;left:0;right:0;width:100%;background:rgba(0,0,0,.05);background:rgba(19,21,26,.04);backdrop-filter:blur(4px);border-radius:0 0 var(--br-default) var(--br-default)}.pillar-description{margin-bottom:3.5rem}.pillar-stat .stat-value{font-family:"Manrope";font-size:1.5rem;font-weight:700;color:var(--rare-black);margin-bottom:0;text-shadow:0 1px 2px rgba(255,255,255,.5)}.pillar-stat .stat-label{font-family:"Manrope";font-size:.8rem;color:var(--charcoal);opacity:.9}.security-layers-visual{border-radius:var(--br-default);padding:2rem;text-align:center}.layers-title{font-family:"Manrope";font-size:1.2rem;font-weight:600;color:var(--rare-black);margin-bottom:1.5rem;margin-bottom:5.5rem}.layers-container{position:relative;width:100%;max-width:600px;height:300px;margin:0 auto}.security-layer{position:absolute;left:50%;transform:translateX(-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.layer-4{width:100px;height:100px;background-color:rgba(79,70,229,.9);top:100px;z-index:5;animation:layer-pulse 3s infinite}.layer-3{width:180px;height:180px;background-color:rgba(79,70,229,.7);top:60px;z-index:4;animation:layer-pulse 3s infinite .5s}.layer-2{width:260px;height:260px;background-color:rgba(79,70,229,.5);top:20px;z-index:3;animation:layer-pulse 3s infinite 1s}.layer-1{width:340px;height:340px;background-color:rgba(79,70,229,.3);top:-20px;z-index:2;animation:layer-pulse 3s infinite 1.5s}.layer-0{width:420px;height:420px;background-color:rgba(79,70,229,.1);top:-60px;z-index:1;animation:layer-pulse 3s infinite 2s}@keyframes layer-pulse{0%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.03)}to{transform:translateX(-50%) scale(1)}}.layer-label{font-family:"Manrope";color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.layers-description{font-family:"Manrope";font-size:.9rem;color:var(--charcoal);margin-top:1.5rem;margin-top:5.5rem;font-style:italic}.hybrid-security-container{border-radius:var(--br-default);padding:2rem}.hybrid-security-header{text-align:center;margin-bottom:2rem}.hybrid-title{font-family:"Manrope";font-size:1.4rem;font-weight:600;color:var(--rare-black);margin-bottom:.5rem}.hybrid-subtitle{font-family:"Manrope";font-size:1rem;color:var(--charcoal);font-style:italic}.hybrid-security-diagram{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem}.hybrid-column{border-radius:var(--br-default);padding:1.5rem;border:1px solid var(--grey);transition:all .3s ease;display:flex;flex-direction:column;align-items:center}.traditional-column{background:var(--hampton-gradient);position:relative;overflow:hidden}.traditional-column::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px}.blockchain-column{background:var(--lochinvar-gradient);position:relative;overflow:hidden}.blockchain-column::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px}.hybrid-column:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.hybrid-icon{width:70px;height:70px;background:rgba(0,0,0,.05);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rare-black);margin-bottom:1rem}.hybrid-column-title{font-family:"Manrope";font-size:1.1rem;font-weight:600;color:var(--rare-black);margin-bottom:1rem;text-align:center}.hybrid-list{list-style-type:none;padding:0;margin:0;width:100%}.hybrid-list li{padding:.5rem 0;border-bottom:1px dashed rgba(0,0,0,.1);font-family:"Manrope";font-size:.9rem;color:var(--charcoal);position:relative;padding-left:1.5rem}.hybrid-list li:last-child{border-bottom:none}.hybrid-list li::before{content:"✓";position:absolute;left:0;color:var(--rare-black);font-weight:700}.hybrid-center{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Manrope";font-size:2rem;font-weight:700;color:var(--rare-black)}.hybrid-plus,.hybrid-equals{height:40px;display:flex;align-items:center;justify-content:center;color:#7c3aed}.hybrid-arrow{margin:1rem 0;color:#7c3aed;animation:arrow-pulse 2s infinite}@keyframes arrow-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.hybrid-result{grid-column:1/span 3;background:var(--hampton-gradient);border-radius:var(--br-default);padding:1.5rem;border:1px solid var(--grey);text-align:center;margin-top:1rem;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:2rem;display:none}.hybrid-result::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(var(--sapphire-rgb),.1) 0%,rgba(var(--electric-rgb),.1) 100%);opacity:0;transition:opacity .3s ease}.hybrid-result:hover{box-shadow:0 4px 15px rgba(0,0,0,.08)}.hybrid-result-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--sapphire),var(--electric));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 1rem;background:linear-gradient(135deg,var(--blanket),var(--overcast));color:var(--hampton);border:1px solid var(--hampton)}.hybrid-result-title{font-family:"Manrope";font-size:1.2rem;font-weight:600;color:var(--rare-black);margin-bottom:1rem}.hybrid-result-description{font-family:"Manrope";font-size:1rem;color:var(--charcoal);max-width:800px;margin:0 auto}.hybrid-security-explanation{font-family:"Manrope";font-size:1rem;color:var(--charcoal);line-height:1.6;max-width:800px;margin:0 auto;padding:0 1rem;margin-top:2rem}.hybrid-mobile-symbols{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;font-family:"Manrope";font-size:1.5rem;font-weight:700;color:var(--rare-black);height:100%;padding:2rem 0;padding:5rem 0}.hybrid-symbols-slide{border-radius:var(--br-default);display:flex;align-items:center;justify-content:center;height:100%}@media (max-width:870px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.security-pillars{display:none!important}.security-pillar-connector{display:none}.hybrid-security-diagram{display:none!important}.layers-container{height:400px;transform:scale(.7)}.layers-description{margin-top:-3rem}.layers-title{margin-bottom:1rem}.security-metrics-grid{grid-template-columns:1fr}.auth-flow-container{flex-direction:column;gap:2rem;align-items:center}.auth-flow-arrow{flex:0 0 auto!important;width:3px;height:30px;background:linear-gradient(to bottom,rgba(79,70,229,.7),rgba(124,58,237,.7));margin:10px 0;margin:0 0;margin-top:-10px}.auth-flow-arrow::after{top:auto;right:50%;bottom:0;bottom:-10px;transform:translateX(50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:10px solid rgba(124,58,237,.7);border-bottom:none}.privacy-pillars{flex-direction:column;align-items:center}.privacy-pillar{width:100%;max-width:300px}.hybrid-security-diagram{grid-template-columns:1fr}.hybrid-center{flex-direction:row;justify-content:space-around;margin:1rem 0}.hybrid-arrow{transform:rotate(90deg);margin:0}.hybrid-result{grid-column:auto}}