:root{--color-primary:#38e888;--color-primary-dark:#008859;--color-primary-darker:#006671;--color-navy:#0c1e2f;--color-navy-deep:#050e1a;--color-navy-light:#1a2744;--color-teal:#006671;--color-emerald:#008859;--color-green-bright:#38e888;--color-green-soft:#5fa323;--bg:#050e1a;--bg-card:#0c1e2f;--bg-card-hover:#11253d;--border:#38e8881f;--text:#f0f7ff;--text-secondary:#7aaccc;--text-muted:#7aaccc80;--gradient-hero:linear-gradient(160deg, #050e1a 0%, #0a2540 40%, #093d30 100%);--gradient-cta:linear-gradient(135deg, #093d30, #008859, #38e888);--gradient-card:linear-gradient(145deg, #0c1e2f, #11253d);--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Sora", -apple-system, sans-serif;--section-padding:100px 0;--container-max:1120px;--radius:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}.header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#050e1ad9;position:fixed;top:0;left:0;right:0}.header-inner{max-width:var(--container-max);justify-content:space-between;align-items:center;height:72px;margin:0 auto;padding:0 24px;display:flex}.logo{height:150px;margin-top:20px}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-primary)}.btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#050e1a}.btn-primary:hover{background:#2bd676;transform:translateY(-1px);box-shadow:0 8px 24px #38e88840}.btn-outline{color:var(--color-primary);background:0 0;border:1.5px solid #38e8884d}.btn-outline:hover{border-color:var(--color-primary);background:#38e8880f}.btn-large{border-radius:var(--radius-lg);padding:16px 36px;font-size:16px}.hero{background:var(--gradient-hero);align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#38e88814 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-40%;right:-20%}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#0088590f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-30%;left:-10%}.hero-content{z-index:1;max-width:640px;position:relative}.hero-badge{color:var(--color-primary);background:#38e8881a;border:1px solid #38e88833;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero h1{font-family:var(--font-heading);color:var(--text);margin-bottom:24px;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.hero h1 .highlight{background:var(--gradient-cta);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--text-secondary);max-width:520px;margin-bottom:40px;font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{border-top:1px solid var(--border);gap:48px;margin-top:64px;padding-top:40px;display:flex}.hero-stat{text-align:left}.hero-stat .number{font-family:var(--font-heading);color:var(--color-primary);font-size:32px;font-weight:700}.hero-stat .label{color:var(--text-muted);margin-top:4px;font-size:14px}.section{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:64px}.section-header .overline{color:var(--color-primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px;font-size:13px;font-weight:600;display:inline-block}.section-header h2{font-family:var(--font-heading);color:var(--text);margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700}.section-header p{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:17px}.features-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.feature-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;transition:all .3s}.feature-card:hover{border-color:#38e88840;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.feature-icon{background:#38e8881a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:22px;display:flex}.feature-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:10px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.65}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.step{text-align:center;counter-increment:step;position:relative}.step-number{width:56px;height:56px;font-family:var(--font-heading);color:var(--color-primary);background:#38e8881a;border:2px solid #38e88840;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:20px;font-weight:700;display:flex}.step h3{font-family:var(--font-heading);color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.step p{color:var(--text-secondary);max-width:260px;margin:0 auto;font-size:14px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.pricing-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:32px 20px;transition:all .3s;display:flex}.pricing-card.featured{background:linear-gradient(145deg,#0f2a3d,#11253d);border-color:#38e88859;position:relative}.pricing-card.featured:before{content:"Popular";background:var(--color-primary);color:#050e1a;border-radius:999px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.pricing-card .plan-name{font-family:var(--font-heading);color:var(--text);margin-bottom:8px;font-size:20px;font-weight:600}.pricing-card .plan-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.pricing-card .price{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:4px;font-size:36px;font-weight:700}.pricing-card .price-period{color:var(--text-muted);margin-bottom:28px;font-size:14px}.pricing-card .features-list{flex:1;margin-bottom:28px;list-style:none}.pricing-card .features-list li{color:var(--text-secondary);align-items:flex-start;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-card .features-list li:before{content:"✓";color:var(--color-primary);flex-shrink:0;font-weight:700}.roles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.role-card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:36px 28px;transition:all .3s}.role-card:hover{border-color:#38e88840;transform:translateY(-4px)}.role-emoji{margin-bottom:16px;font-size:40px}.role-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:10px;font-size:20px;font-weight:600}.role-card p{color:var(--text-secondary);font-size:14px;line-height:1.65}.cta{text-align:center;padding:100px 0;position:relative;overflow:hidden}.cta-box{background:var(--gradient-cta);border-radius:24px;padding:80px 40px;position:relative;overflow:hidden}.cta-box:before{content:"";pointer-events:none;background:#ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.cta-box h2{font-family:var(--font-heading);color:#fff;z-index:1;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700;position:relative}.cta-box p{color:#fffc;z-index:1;max-width:480px;margin-bottom:36px;margin-left:auto;margin-right:auto;font-size:17px;position:relative}.cta-box .btn{z-index:1;position:relative}.cta-box .btn-primary{color:#006671;background:#fff}.cta-box .btn-primary:hover{background:#e6fff2;box-shadow:0 8px 24px #0003}.footer{border-top:1px solid var(--border);padding:48px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-brand{align-items:center;gap:12px;display:flex}.footer-brand img{height:100px}.footer-brand span{color:var(--text-muted);font-size:14px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-primary)}@media (width<=768px){.nav-links{display:none}.hero-stats{flex-wrap:wrap;gap:24px}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:32px}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.roles-grid{grid-template-columns:1fr}.cta-box{padding:60px 24px}.footer-inner{text-align:center;flex-direction:column}}