.cs-hero-v4{padding:180px 5% 120px;background:#fff;background:radial-gradient(circle at 75% 50%,rgba(255,102,0,.05) 0%,transparent 60%),#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-v4-container{max-width:1200px;width:100%;display:flex;align-items:center;gap:60px}.hero-v4-text{flex:1.1}.cs-tag{display:inline-block;padding:6px 16px;background:#ff66001a;color:#f60;font-size:14px;font-weight:700;border-radius:50px;margin-bottom:24px;border:1px solid rgba(255,102,0,.2);letter-spacing:1px}.hero-v4-title{font-size:48px;font-weight:700;color:#000;margin:0 0 24px;line-height:1.25}.hero-v4-desc{font-size:16px;color:#475569;line-height:1.8;margin-bottom:40px;text-align:justify;max-width:560px}.hero-v4-actions{display:flex;gap:16px}.hero-v4-visual{flex:.9;perspective:1200px;display:flex;justify-content:flex-end}.floating-light-pane{width:100%;max-width:480px;background:#fff;border-radius:20px;padding:30px;border:1px solid #e2e8f0;box-shadow:0 30px 60px -15px #00000014;font-family:ui-monospace,Consolas,monospace;font-size:13px;color:#475569;line-height:1.8;transform:rotateY(-8deg) rotateX(4deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.floating-light-pane:hover{transform:rotateY(0) rotateX(0)}.pane-header{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #f1f5f9;padding-bottom:15px}.pane-header i{width:10px;height:10px;border-radius:50%;display:block}.fp-tag{color:#f60;font-weight:600}.fp-str{color:#10b981}.fp-fun{color:#3b82f6;font-weight:600}.verification-status{margin-top:30px;border-top:1px solid #f1f5f9;padding-top:20px;display:flex;align-items:center;color:#10b981;font-weight:700;gap:10px}.verification-status .v-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#10b981}.verification-status .v-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#10b9814d;animation:verified-ping 1.5s infinite}.btn-action{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s ease}.btn-action-primary{background:linear-gradient(135deg,#f60,#f93);color:#fff;border:none;box-shadow:0 4px 15px #f603}.btn-action-primary:hover{box-shadow:0 8px 25px #ff66004d;transform:translateY(-2px)}.btn-action-outline{background:#fff;border:1px solid #cbd5e1;color:#000}.btn-action-outline:hover{background:#f8fafc;border-color:#94a3b8}.ssl-tier-section{padding:120px 5%;background-color:#f8fafc;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03)}.ssl-tier-header{text-align:center;max-width:800px;margin:0 auto 60px}.ssl-tier-header h2{font-size:36px;font-weight:700;color:#000;margin-bottom:16px}.ssl-tier-header p{font-size:15px;color:#64748b;line-height:1.6;margin:0}.ssl-tier-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:stretch}.tier-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:40px 32px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;height:100%;-webkit-font-smoothing:antialiased}.tier-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -10px #0000000d;border-color:#0000001a}.tier-card.popular{border-color:#f606;box-shadow:0 20px 50px -15px #ff660026;transform:translateY(-12px);z-index:2}.tier-card.popular:hover{transform:translateY(-18px);box-shadow:0 30px 60px -15px #f603}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f60,#f93);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;letter-spacing:1px;box-shadow:0 4px 10px #ff66004d}.tier-icon{width:56px;height:56px;background:#f1f5f9;color:#475569;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;transition:all .3s ease}.tier-card.popular .tier-icon{background:#ff66001a;color:#f60}.tier-name{font-size:14px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.tier-title{font-size:24px;font-weight:800;color:#000;margin:0 0 16px}.tier-desc{font-size:13px;color:#64748b;line-height:1.6;margin:0 0 24px;min-height:60px}.tier-price{font-size:32px;font-weight:800;color:#000;margin-bottom:24px;font-family:Arial,sans-serif}.tier-price span{font-size:14px;color:#64748b;font-weight:600;margin-left:2px}.tier-divider{height:1px;background:#e2e8f0;width:100%;margin-bottom:24px}.tier-card.popular .tier-divider{background:#ff66001a}.tier-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.tier-features li{font-size:14px;color:#475569;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.tier-features li i{color:#10b981;margin-top:3px;font-size:13px}.tier-features li.premium i{color:#f60}.tier-btn{display:block;width:100%;text-align:center;padding:14px 0;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease}.btn-outline{background:transparent;color:#000;border:1px solid #cbd5e1}.btn-outline:hover{background:#f1f5f9;border-color:#94a3b8}.btn-solid{background:linear-gradient(135deg,#f60,#f93);color:#fff;border:none;box-shadow:0 6px 15px #f603}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff66004d}.cs-compare-section{padding:120px 5%;background:#fff}.interactive-flow{max-width:1100px;margin:0 auto;display:flex;align-items:stretch;position:relative;border-radius:20px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 30px -10px #0000000a;min-height:380px}.flow-visual{flex:1.2;padding:60px;display:flex;align-items:center;justify-content:center;background:#f8fafc;transition:background .5s ease;border-right:1px solid #f1f5f9}.terminal-mockup{width:100%;max-width:480px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px -10px #00000026;border:1px solid #1e293b;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s;transform:translateZ(0);will-change:transform}.terminal-header{background:#1e293b;padding:12px 16px;display:flex;gap:6px}.terminal-header i{width:10px;height:10px;border-radius:50%;background:#475569}.terminal-header i:nth-child(1){background:#ef4444}.terminal-header i:nth-child(2){background:#f59e0b}.terminal-header i:nth-child(3){background:#10b981}.terminal-body{padding:30px;font-family:JetBrains Mono,Consolas,ui-monospace,monospace;font-size:15px;line-height:1.8;position:relative;height:180px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.code-state{position:absolute;top:30px;left:30px;right:30px;transition:opacity .4s ease}.code-bad{opacity:1;color:#ef4444}.code-good{opacity:0;color:#10b981}.flow-text-wrapper{flex:1;padding:60px;display:grid;grid-template-areas:"content";align-items:center;background:#fff;border-radius:0 20px 20px 0}.flow-state{grid-area:content;transition:opacity .5s ease,transform .5s ease}.state-bad{opacity:1;transform:translateY(0);pointer-events:auto}.state-good{opacity:0;transform:translateY(10px);pointer-events:none}.status-tag{font-size:13px;font-weight:700;padding:6px 14px;border-radius:50px;display:inline-flex;align-items:center;gap:6px;margin-bottom:24px}.status-tag.bad{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.status-tag.good{color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.flow-state h3{font-size:26px;font-weight:700;color:#000;margin:0 0 16px}.flow-state p{font-size:15px;color:#475569;line-height:1.8;margin:0;text-align:justify}.interactive-flow:hover .flow-visual{background:#f2fcf7}.interactive-flow:hover .terminal-mockup{transform:scale(1.04) translateZ(0);border-color:#10b981;box-shadow:0 20px 40px -10px #10b98126}.interactive-flow:hover .code-bad{opacity:0}.interactive-flow:hover .code-good{opacity:1}.interactive-flow:hover .state-bad{opacity:0;transform:translateY(-10px);pointer-events:none}.interactive-flow:hover .state-good{opacity:1;transform:translateY(0);pointer-events:auto}.cs-advantages-section{padding:100px 5% 60px;background:#f8fafc;border-top:1px solid #f1f5f9}.adv-grid{max-width:1100px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.adv-item{background:#fff;padding:32px 30px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;display:flex;flex-direction:column}.adv-item:hover{transform:translateY(-4px);border-color:#ff66004d;box-shadow:0 10px 20px #ff66000f}.adv-icon{font-size:32px;color:#f60;margin-bottom:20px}.adv-item h4{font-size:18px;font-weight:700;color:#000;margin:0}.whql-alert{max-width:1100px;margin:0 auto;background:#fffcf5;border:1px solid #fbd5b5;border-radius:12px;padding:24px 30px;display:flex;align-items:flex-start;gap:20px}.whql-alert-icon{font-size:24px;color:#f60;margin-top:2px}.whql-alert-content h4{font-size:15px;font-weight:700;color:#9a3412;margin:0 0 6px}.whql-alert-content p{font-size:14px;color:#c2410c;line-height:1.6;margin:0;text-align:justify}.cta-native-section{padding:100px 5% 0;background-color:#fff;text-align:center;overflow:hidden}.cta-n-content{max-width:800px;margin:0 auto 50px;position:relative;z-index:2}.cta-n-content h2{font-size:38px;font-weight:700;color:#000;margin:0 0 20px;letter-spacing:.5px}.cta-n-content p{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 40px}.cta-n-actions{display:flex;gap:20px;justify-content:center}.cta-n-btn-primary{background:linear-gradient(135deg,#f60,#f93);color:#fff;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 8px 20px #ff660040;transition:transform .3s ease,box-shadow .3s ease}.cta-n-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 25px #f606}.cta-n-btn-ghost{background:transparent;color:#000;border:1px solid #cbd5e1;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s ease}.cta-n-btn-ghost:hover{border-color:#000;background:#0f172a05}.mockup-wrapper{max-width:1200px;margin:0 auto;position:relative;-webkit-mask-image:linear-gradient(to bottom,black 65%,transparent 100%);mask-image:linear-gradient(to bottom,black 65%,transparent 100%)}.mockup-window{background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:16px 16px 0 0;box-shadow:0 -10px 40px #0000000d;display:flex;text-align:left;overflow:hidden;height:600px}.mockup-sidebar{width:220px;background:#fff;border-right:1px solid #e2e8f0;padding:20px 0;display:flex;flex-direction:column}.mockup-logo{padding:0 20px;margin-bottom:30px}.mockup-logo img{height:32px}.mockup-nav{list-style:none;padding:0;margin:0}.mockup-nav li{padding:12px 20px;font-size:14px;color:#64748b;display:flex;align-items:center;gap:12px;cursor:pointer}.mockup-nav li i{font-size:16px;width:20px;text-align:center}.mockup-nav li.active{background:#ff660014;color:#f60;font-weight:600;border-right:3px solid #FF6600}.mockup-main{flex:1;padding:30px 40px;overflow:hidden}.mockup-header{font-size:20px;font-weight:700;color:#000;margin-bottom:25px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 4px 15px #00000005}.metric-title{font-size:13px;color:#64748b;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.metric-value{font-size:26px;font-weight:700;color:#000}.val-warning{color:#f59e0b}.val-danger{color:#ef4444}@keyframes pulseData{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.metric-value{animation:pulseData 4s infinite ease-in-out}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 15px #00000005}.chart-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:20px}.chart-line-box{height:120px;position:relative}.line-svg{width:100%;height:100%;overflow:visible}.line-path{fill:none;stroke:#f60;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 6s linear infinite}@keyframes drawLine{0%{stroke-dashoffset:1000}40%{stroke-dashoffset:0}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.chart-bar-box{height:120px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 10px}.bar-item{width:12%;background:#cbd5e1;border-radius:4px 4px 0 0;transform-origin:bottom;animation:growBar 3s ease infinite alternate}.bar-item:nth-child(1){height:30%;animation-delay:.1s}.bar-item:nth-child(2){height:50%;animation-delay:.2s}.bar-item:nth-child(3){height:20%;animation-delay:.3s}.bar-item:nth-child(4){height:80%;background:#f59e0b;animation-delay:.4s}.bar-item:nth-child(5){height:40%;animation-delay:.5s}.bar-item:nth-child(6){height:60%;animation-delay:.6s}@keyframes growBar{0%{transform:scaleY(.8)}to{transform:scaleY(1.1)}}.chart-pie-box{display:flex;align-items:center;justify-content:center;height:120px;gap:40px}.css-pie-compliance{width:100px;height:100px;border-radius:50%;background:conic-gradient(#ef4444 0% 4%,#10b981 4% 100%);mask:radial-gradient(transparent 55%,black 56%);-webkit-mask:radial-gradient(transparent 55%,black 56%);animation:spinPie 20s linear infinite}.pie-legend-text h1{font-size:28px;color:#10b981;margin:0 0 5px}.pie-legend-text p{font-size:13px;color:#64748b;margin:0}.css-pie-assets{width:100px;height:100px;border-radius:50%;background:conic-gradient(#f60 0% 40%,#3b82f6 40% 65%,#0ea5e9 65% 80%,#ef4444 80% 90%,#8b5cf6 90% 100%);mask:radial-gradient(transparent 55%,black 56%);-webkit-mask:radial-gradient(transparent 55%,black 56%);animation:spinPie 30s linear infinite reverse}.asset-legend{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#475569}.a-item span{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}@keyframes spinPie{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes verified-ping{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@media (max-width: 992px){.cs-hero-container{flex-direction:column;text-align:center}.cs-hero-desc{margin:0 auto 40px}.cs-hero-actions{justify-content:center}.cs-visual{justify-content:center;width:100%}.cs-code-window{transform:none}.cs-editions-grid{flex-direction:column}.cs-card-basic,.cs-card-ev{transform:none!important}.interactive-flow{flex-direction:column}.flow-visual{border-right:none;border-bottom:1px solid #f1f5f9;padding:40px 20px}.flow-text-wrapper{padding:40px}.adv-grid{grid-template-columns:repeat(2,1fr)}.mockup-sidebar{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}@media (max-width: 768px){.adv-grid{grid-template-columns:1fr}.whql-alert{flex-direction:column;text-align:center;align-items:center}.cta-n-actions{flex-direction:column;padding:0 20px}.chart-pie-box{flex-direction:column;height:auto;gap:20px}}