:root { --bg-dark:#0B1120; --bg-card:#1E293B; --text-light:#F8FAFC; --text-gray:#94A3B8; --neon-gradient:linear-gradient(135deg,#06b6d4 0%,#3b82f6 100%); --neon-cyan:#06b6d4; --neon-blue:#3b82f6; --radius:12px; --focus-ring:0 0 0 3px rgba(6,182,212,.6); --tech-font:'JetBrains Mono',monospace; }
:root[data-theme='light'] { --bg-dark:#ffffff; --bg-card:#f1f5f9; --text-light:#0f172a; --text-gray:#475569; }
*{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth;} body{font-family:'Inter',sans-serif;line-height:1.6;color:var(--text-light);background:var(--bg-dark);background-image:radial-gradient(rgba(6,182,212,0.1) 1px,transparent 1px);background-size:40px 40px;transition:background .3s,color .3s;}
a{text-decoration:none;color:inherit;transition:.3s;} ul{list-style:none;} h1,h2,h3{letter-spacing:-.02em;} *:focus-visible{outline:none;box-shadow:var(--focus-ring);} @media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;}}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;} .skip-link:focus{position:static;width:auto;height:auto;padding:8px 12px;background:#000;color:#fff;z-index:2000;border-radius:6px;}
.btn{display:inline-block;padding:14px 28px;border-radius:50px;font-weight:700;cursor:pointer;border:none;text-align:center;transition:.3s ease;position:relative;overflow:hidden;} .btn-primary{background:var(--neon-gradient);color:var(--text-light);box-shadow:0 0 20px rgba(6,182,212,.4);} .btn-primary:hover{box-shadow:0 0 30px rgba(6,182,212,.7);transform:translateY(-2px) scale(1.02);} .btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:var(--text-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);} .btn-secondary:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);} .full-width{width:100%;padding:18px;font-size:1.1rem;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;} .navbar{background:rgba(11,17,32,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);} .navbar .container{display:flex;justify-content:space-between;align-items:center;gap:20px;} .logo{font-size:1.5rem;font-weight:900;background:var(--neon-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:1px;} .nav-links{display:flex;gap:30px;} .nav-links a{font-weight:600;color:var(--text-gray);font-size:.9rem;text-transform:uppercase;} .nav-links a:hover{color:var(--neon-cyan);text-shadow:0 0 10px rgba(6,182,212,.5);} .nav-actions{display:flex;gap:15px;align-items:center;} .menu-toggle{display:none;background:var(--neon-gradient);border:none;color:#fff;padding:10px 16px;border-radius:30px;font-weight:600;cursor:pointer;font-size:.85rem;} .theme-toggle{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:var(--text-light);padding:10px 16px;border-radius:30px;font-size:.75rem;text-transform:uppercase;cursor:pointer;} .theme-toggle:hover{color:var(--neon-cyan);border-color:var(--neon-cyan);} 
.hero-section{padding:100px 0 150px;position:relative;overflow:hidden;} .hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,rgba(0,0,0,0) 70%);z-index:-1;} .split-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;} .hero-content h1{font-size:3.5rem;line-height:1.1;margin-bottom:20px;font-weight:900;} .highlight{color:var(--neon-cyan);text-shadow:0 0 20px rgba(6,182,212,.3);} .sub-headline{font-size:1.2rem;color:var(--text-gray);margin-bottom:40px;max-width:500px;} .cta-group{display:flex;gap:20px;flex-wrap:wrap;}
.image-placeholder{background:rgba(30,41,59,.5);border:1px solid rgba(6,182,212,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--neon-cyan);position:relative;box-shadow:0 0 30px rgba(6,182,212,.1) inset;text-align:center;padding:20px;} .image-placeholder::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan);animation:scan 3s linear infinite;} @keyframes scan{0%{top:0;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{top:100%;opacity:0;}}
.segmentation-section{margin-top:-80px;position:relative;z-index:10;margin-bottom:100px;} .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;} .segment-card{background:var(--bg-card);padding:35px;border-radius:var(--radius);border:1px solid transparent;background-image:linear-gradient(var(--bg-card),var(--bg-card)), var(--neon-gradient);background-origin:border-box;-webkit-background-clip:content-box,border-box;background-clip:content-box,border-box;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);transition:.3s;} .segment-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px -10px rgba(6,182,212,.2);} .featured-card{transform:scale(1.05);} .featured-card:hover{transform:scale(1.05) translateY(-10px);} .segment-card .icon{font-size:2.5rem;background:var(--neon-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px;} .segment-card h3{margin-bottom:15px;font-size:1.3rem;} .segment-card p{color:var(--text-gray);margin-bottom:25px;} .text-link{color:var(--neon-cyan);font-weight:700;letter-spacing:.5px;}
.pricing-section{padding:100px 0;position:relative;} .pricing-section::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);opacity:.3;} .section-header{text-align:center;margin-bottom:60px;} .section-header h2{font-size:3rem;margin-bottom:10px;} .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:stretch;} .pricing-card{background:var(--bg-card);padding:40px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.05);text-align:center;transition:.3s;position:relative;display:flex;flex-direction:column;} .pricing-card:hover{border-color:var(--neon-blue);box-shadow:0 0 20px rgba(59,130,246,.2) inset;} .pricing-card.popular{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid var(--neon-blue);transform:scale(1.05);box-shadow:0 0 40px rgba(59,130,246,.3);-webkit-background-clip:padding-box;background-clip:padding-box;} .ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--neon-gradient);color:var(--bg-dark);padding:8px 20px;border-radius:20px;font-size:.8rem;font-weight:800;text-transform:uppercase;} .plan-note{font-size:.85rem;color:var(--text-gray);} .price{font-size:3.5rem;font-weight:900;margin:20px 0 5px;color:var(--text-light);} .period{font-size:1rem;color:var(--text-gray);font-weight:400;} .feature-list{margin:35px 0;text-align:left;flex:1;} .feature-list li{margin-bottom:12px;color:var(--text-gray);display:flex;align-items:center;} .feature-list i{color:var(--neon-cyan);margin-right:15px;font-size:.9rem;text-shadow:0 0 5px var(--neon-cyan);} .pricing-card hr{border:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(6,182,212,.4),rgba(255,255,255,.05));margin:25px 0 30px;} .pricing-card h4{font-size:1.15rem;margin-bottom:18px;color:var(--text-light);font-weight:700;}
.trust-section{padding:100px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(30,41,59,.3);} .trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .stats-bar{display:flex;gap:50px;flex-wrap:wrap;} .stat-number{font-size:3.5rem;font-weight:900;background:var(--neon-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--tech-font);} .stat-label{font-size:.9rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px;margin-top:5px;} .trust-description{color:var(--text-gray);} 
.onboarding-section{padding:120px 0;position:relative;overflow:hidden;} .onboarding-section::after{content:'';position:absolute;bottom:-10%;left:-10%;width:500px;height:500px;border:1px solid var(--neon-cyan);border-radius:50%;opacity:.2;} .form-wrapper{max-width:600px;margin:0 auto;background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:50px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.4);position:relative;z-index:10;} .form-wrapper h2{text-align:center;margin-bottom:10px;font-size:2rem;} .form-wrapper p{text-align:center;color:var(--text-gray);margin-bottom:40px;} .form-group{margin-bottom:25px;} .form-group label{display:block;margin-bottom:10px;font-weight:600;color:var(--neon-cyan);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;} .form-group select{width:100%;padding:15px;background:var(--bg-dark);border:1px solid rgba(6,182,212,.3);color:var(--text-light);border-radius:var(--radius);font-size:1rem;transition:.3s;} .form-group select:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px rgba(6,182,212,.3);} .form-group[aria-invalid='true'] select{border-color:#f87171;} .error-message{color:#f87171;font-size:.75rem;margin-top:6px;display:none;} #form-result{display:none;margin-top:30px;padding:30px;background:rgba(6,182,212,.1);border:1px solid var(--neon-cyan);border-radius:var(--radius);text-align:center;} .result-heading{color:var(--neon-cyan);font-weight:800;margin-bottom:15px;font-size:1.5rem;} #result-message{color:var(--text-light);} 
.footer{background:var(--bg-dark);border-top:1px solid rgba(255,255,255,.1);} .footer-inner{text-align:center;padding:40px 0;color:var(--text-gray);font-size:.9rem;} 
@media (max-width:900px){ .hero-content h1{font-size:3rem;} }
@media (max-width:768px){ .split-layout,.trust-grid{display:block;} .hero-content h1{font-size:2.5rem;} .image-placeholder{margin-top:50px;height:250px;} .segmentation-section{margin-top:50px;} .featured-card,.pricing-card.popular{transform:scale(1);} .stats-bar{gap:30px;margin-top:40px;} .form-wrapper{padding:30px 20px;} .menu-toggle{display:block;} .nav-links{flex-direction:column;gap:10px;} .nav-links.collapsed{display:none;} }
@media (max-width:600px){ body{font-size:15px;} .hero-section{padding:70px 0 90px;} .hero-content h1{font-size:2.2rem;} .sub-headline{font-size:1rem;margin-bottom:30px;} .cta-group .btn{padding:12px 20px;font-size:.9rem;} .segment-card{padding:28px;} .pricing-card{padding:30px;} .price{font-size:2.6rem;} .solutions-section{padding:70px 0 40px;} .solutions-header h2{font-size:2rem;} .solution-card{padding:32px 26px;} .solution-card h3{font-size:1.25rem;} .form-wrapper{padding:28px 22px;} .form-group label{font-size:.75rem;} #form-result{padding:24px;} .navbar .container{flex-wrap:wrap;} .nav-actions{width:100%;justify-content:flex-start;gap:10px;margin-top:10px;} }
@media (max-width:480px){ .hero-content h1{font-size:1.9rem;} .price{font-size:2.3rem;} .segment-card .icon{font-size:2rem;} .solution-icon-wrapper{width:54px;height:54px;margin-bottom:22px;} .solution-icon-wrapper i{font-size:24px;} .solutions-grid{gap:24px;} .cta-group{flex-direction:column;} .btn{width:100%;} .stats-bar{gap:20px;} .stat-number{font-size:2.6rem;} .form-wrapper h2{font-size:1.6rem;} .form-group select{padding:12px;font-size:.95rem;} }
.btn, .menu-toggle, .theme-toggle { min-height:44px; touch-action:manipulation; }
.nav-links a{padding:8px 4px;}