@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap";:root{--font-heading:"Inter", system-ui, sans-serif;--font-body:"Open Sans", system-ui, sans-serif;--primary:#041c2d;--secondary:#09578a;--branding:#10b981;--accent:#f97419;--white:#fff;--black:#000;--text:#f1f5f9;--text-secondary:#94a3b8;--muted:#64748b;--accent-glow:#f974194d;--branding-glow:#10b9814d;--border:#ffffff0f;--border-hover:#ffffff1f;--glass:#0d1a2db3;--glass-border:#ffffff14}body.light-mode{--primary:#fff;--secondary:#d1f9e5;--branding:#10b981;--accent:#f97419;--text:#041c2d;--text-secondary:#4b5563;--muted:#8b95a5;--accent-glow:#f9741926;--branding-glow:#10b98133;--border:#10b9811a;--border-hover:#10b98133;--glass:#f4fef9cc;--glass-border:#10b98126}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--accent) var(--primary);transition:--primary .5s,--secondary .5s,--branding .5s,--accent .5s,--text .5s,--text-secondary .5s,--muted .5s,--border .5s,--border-hover .5s,--glass .5s,--glass-border .5s}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:var(--primary)}html::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}body{font-family:var(--font-body);color:var(--text);background-color:var(--primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6;transition:background-color .5s,color .5s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);line-height:1.1}h1{font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:600}h3{font-size:clamp(1rem,2vw,1.4rem);font-weight:600}p{font-family:var(--font-body);color:var(--text-secondary);line-height:1.8}a{text-decoration:none}button{font-family:var(--font-body);cursor:pointer}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ripple{0%{opacity:.5;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow), 0 0 40px #f974191a}50%{box-shadow:0 0 30px var(--accent-glow), 0 0 60px #f9741933}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownClose{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}::selection{background:var(--accent);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 5%}.section-pad{padding:120px 5%;position:relative}.mesh-bg{position:relative}.mesh-bg:before{content:"";pointer-events:none;background-image:radial-gradient(600px 400px at 20%,#f974190a 0%,#0000 70%),radial-gradient(500px 350px at 80% 30%,#10b9810a 0%,#0000 70%);position:absolute;inset:0}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-2-sm{grid-template-columns:1fr 1fr;gap:20px;display:grid}.hero-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:140px 5% 100px;display:grid;position:relative}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1),background .5s,border-color .5s}.glass-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d}.gradient-text{background:linear-gradient(135deg, var(--accent), var(--branding));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{letter-spacing:.08em;font-size:12px;font-weight:600;font-family:var(--font-body);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}.btn-primary{font-size:15px;font-weight:600;font-family:var(--font-body);color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--branding), var(--secondary));box-shadow:0 4px 20px var(--branding-glow), inset 0 1px 0 #ffffff1a;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1),background .5s,box-shadow .5s;display:inline-flex;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 8px 30px var(--branding-glow), inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-primary:after{content:"";background:linear-gradient(135deg,#0000 40%,#ffffff1a 50%,#0000 60%) 0 0/200% 200%;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.btn-secondary{font-size:15px;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;transition:all .3s,background .5s,border-color .5s,color .5s;display:inline-flex}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text);background:#ffffff14;transform:translateY(-2px)}.section-label{letter-spacing:.2em;font-size:12px;font-weight:700;font-family:var(--font-body);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;display:inline-flex}.section-label:before{content:"";border-radius:1px;width:24px;height:2px;display:inline-block}.section-subtitle{color:var(--text-secondary);max-width:580px;font-size:17px;line-height:1.8;font-family:var(--font-body)}.nav-links{gap:8px;align-items:"center";display:flex}.nav-link{color:var(--text);font-size:14px;font-weight:500;font-family:var(--font-body);white-space:nowrap;border-radius:10px;padding:8px 16px;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:var(--branding);background:#10b9811a}body.light-mode .nav-link{color:#041c2d}body.light-mode .nav-link:hover{color:var(--branding);background:#10b9811a}.nav-hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;transition:all .3s;display:none}.nav-hamburger:hover{opacity:.8}.nav-hamburger span{background:var(--text);origin:center;border-radius:2px;width:22px;height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:block}body.light-mode .nav-hamburger span{background:#041c2d}.nav-drawer{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);z-index:99;background:#050a14fa;flex-direction:column;gap:8px;max-height:calc(100vh - 72px);padding:24px 5%;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideDownClose;display:none;position:fixed;top:72px;left:0;right:0;overflow-y:auto}.nav-drawer.open{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideDown;display:flex}body.light-mode .nav-drawer{-webkit-backdrop-filter:blur(24px);background:#f4fef9fa}.nav-drawer a{color:var(--text-secondary);font-size:16px;font-family:var(--font-body);border-radius:12px;padding:12px 16px;font-weight:500;transition:all .2s}.nav-drawer a:hover{color:var(--text);background:#ffffff0d}.nav-drawer .nav-cta{background:linear-gradient(135deg, var(--branding), var(--secondary));color:#fff;text-align:center;font-weight:600;font-family:var(--font-body);box-shadow:0 4px 20px var(--branding-glow);border-radius:12px;margin-top:8px;padding:14px 20px;font-size:15px}.stats-row{flex-wrap:wrap;gap:40px;margin-top:56px;display:flex}.hero-map{height:500px;position:relative}.roadmap{gap:0;display:flex;position:relative}.contact-cta{padding:72px 80px}.btn-row{flex-wrap:wrap;gap:16px;display:flex}.glow-card{background:#10b9810d;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glow-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.5;background:linear-gradient(135deg,#f974194d,#10b9811a,#10b9811a);border-radius:20px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow-card:hover:before{opacity:1}.glow-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0006}.stat-card{border-radius:16px;flex-wrap:wrap;align-items:center;gap:24px;padding:28px 32px;transition:all .3s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.noise-overlay{pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.step-indicator{cursor:pointer;border-radius:16px;padding:24px 28px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.step-indicator.active{background:linear-gradient(135deg,#f974191a,#f9741908);border-color:#f9741966!important}.step-indicator:hover:not(.active){background:#ffffff05}.section-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);border:none;height:1px;margin:0}@media (width<=900px){nav{height:72px;padding:0 4%}.nav-link{padding:6px 12px;font-size:13px}.nav-links{gap:4px}.grid-2{grid-template-columns:1fr;gap:48px}.grid-3{grid-template-columns:1fr 1fr}.grid-2-sm{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;gap:40px;padding:120px 5% 60px}.hero-map{height:360px}.section-pad{padding:80px 5%}.contact-cta{padding:48px 40px}}@media (width<=600px){nav{height:64px;padding:0 3%}.nav-links{display:none!important}.nav-hamburger{display:flex!important}.nav-drawer{max-height:calc(100vh - 64px);top:64px}.grid-3,.grid-2-sm{grid-template-columns:1fr}.hero-grid{gap:32px;padding:100px 5% 48px}.hero-map{height:300px}.stats-row{gap:24px}.section-pad{padding:64px 5%}.contact-cta{padding:40px 24px}.roadmap{flex-direction:column;gap:32px}.roadmap:before{display:none}.btn-row{flex-direction:column}.btn-row a,.btn-row button{text-align:center;justify-content:center;width:100%}h1{font-size:clamp(1.8rem,5vw,2.4rem)}h2{font-size:clamp(1.4rem,4vw,2rem)}.footer-content{text-align:center;flex-direction:column;gap:32px}.footer-links{justify-content:center}.btn-primary,.btn-secondary{padding:14px 24px;font-size:14px}.badge{padding:4px 12px;font-size:11px}.section-label{font-size:11px}.stat-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 24px}.glass-card{border-radius:16px;padding:20px}.glow-card{padding:24px}.step-indicator{padding:16px 20px}.section-subtitle{font-size:15px}.contact-cta{border-radius:20px}}@media (width<=480px){nav{height:56px;padding:0 3%}.nav-hamburger{width:40px;height:40px}.nav-hamburger span{width:20px;height:1.5px}.nav-drawer{gap:4px;max-height:calc(100vh - 56px);padding:16px 3%;top:56px}.nav-drawer a{padding:10px 12px;font-size:15px}.nav-drawer .nav-cta{margin-top:12px;padding:12px 16px;font-size:14px}.section-pad{padding:48px 5%}.contact-cta{padding:32px 16px}.hero-grid{gap:24px;padding:80px 5% 40px}.hero-map{height:250px}.stats-row{flex-direction:column;gap:16px}h1{font-size:clamp(1.5rem,4vw,2rem)}h2{font-size:clamp(1.2rem,3.5vw,1.6rem)}h3{font-size:clamp(.9rem,2.5vw,1.1rem)}p{font-size:14px}.btn-primary,.btn-secondary{width:100%;padding:12px 20px;font-size:13px}.badge{padding:3px 10px;font-size:10px}.glow-card{padding:16px;gap:12px!important}.stat-card{gap:12px;padding:16px}.step-indicator{padding:12px 16px}.section-label{font-size:10px}.container{padding:0 3%}.section-subtitle{font-size:14px}.roadmap{gap:24px}}@media (width>=1400px){.container{max-width:1400px}.section-pad{padding:150px 5%}.hero-grid{gap:80px;padding:160px 5% 120px}.contact-cta{padding:96px 120px}.stats-row{gap:60px}.grid-2{gap:100px}.grid-3{gap:32px}.btn-primary,.btn-secondary{padding:18px 40px;font-size:16px}.section-subtitle{font-size:18px}.hero-map{height:600px}}
