:root{--bg:#070b14;--bg2:#0b1220;--card:#101927;--line:rgba(255,255,255,.09);--text:#f5f8ff;--muted:#96a3b8;--primary:#1d7cff;--cyan:#35d1ff;--green:#4ee2a4;--shadow:0 30px 80px rgba(0,0,0,.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Manrope",sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}a{text-decoration:none}.container{max-width:1200px}.navbar{padding:18px 0;background:rgba(7,11,20,.35);backdrop-filter:blur(18px);transition:.3s;border-bottom:1px solid transparent}.navbar.scrolled{padding:11px 0;background:rgba(7,11,20,.9);border-bottom-color:var(--line)}.navbar-brand{display:flex;align-items:center;gap:10px;color:#fff!important}.brand-mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--primary),var(--cyan));font-weight:800;box-shadow:0 8px 25px rgba(29,124,255,.3)}.brand-name{font-weight:800;font-size:18px;letter-spacing:-.5px}.brand-name span{color:var(--cyan)}.navbar .nav-link{color:#b7c2d2!important;font-size:14px;font-weight:600;padding:.7rem .8rem!important}.navbar .nav-link:hover{color:#fff!important}.navbar-toggler{border:1px solid var(--line);filter:invert(1)}.btn{border-radius:12px;font-weight:700;border:0;padding:.8rem 1.25rem}.btn-primary{background:linear-gradient(135deg,var(--primary),#5b5cff);box-shadow:0 12px 30px rgba(29,124,255,.25)}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#3990ff,#6b6cff)}.btn-lg{padding:1rem 1.45rem;font-size:15px}.btn-ghost{color:#d8e2f1;background:rgba(255,255,255,.045);border:1px solid var(--line)}.btn-ghost:hover{color:#fff;background:rgba(255,255,255,.08)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(29,124,255,.12),transparent 33%),linear-gradient(180deg,#080d18 0%,#070b14 100%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 88%);pointer-events:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.24}.glow-one{width:440px;height:440px;background:#174cff;right:-120px;top:90px}.glow-two{width:260px;height:260px;background:#00d4ff;left:-150px;bottom:0}.hero .container{z-index:2}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:9px;color:#61dcff;text-transform:uppercase;font-size:12px;letter-spacing:1.8px;font-weight:800;margin-bottom:18px}.eyebrow span{width:24px;height:1px;background:var(--cyan)}.hero h1{font-size:clamp(43px,5.4vw,74px);line-height:1.06;letter-spacing:-3.2px;font-weight:800;margin:0 0 26px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#74dfff,#5d7cff);-webkit-background-clip:text;color:transparent}.hero-lead{color:#aab6c8;font-size:18px;max-width:650px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{display:flex;gap:34px;margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}.hero-facts div{display:flex;flex-direction:column}.hero-facts strong{font-size:14px}.hero-facts span{color:#748198;font-size:12px}.hero-visual{position:relative;margin-left:20px}.dashboard-card{border:1px solid rgba(255,255,255,.12);background:rgba(13,21,34,.9);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}.dashboard-top{height:44px;background:#111a28;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:7px}.dot{width:8px;height:8px;border-radius:50%}.red{background:#ff6b69}.yellow{background:#ffc85c}.green{background:#47d68b}.dash-title{margin-left:12px;font-size:10px;color:#66748a}.dashboard-body{display:flex;min-height:410px}.sidebar{width:55px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:27px;padding:18px 0;color:#5f6d80}.sidebar .side-logo{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--cyan));color:#fff;font-size:12px;font-weight:800;margin-bottom:10px}.sidebar i{font-size:12px}.sidebar i.active{color:var(--cyan)}.dash-content{flex:1;padding:25px}.dash-heading{display:flex;justify-content:space-between;align-items:start}.dash-heading small,.metrics small{display:block;color:#6f7d92;font-size:9px}.dash-heading h3{font-size:19px;margin:3px 0 0}.status{font-size:9px;color:var(--green);background:rgba(78,226,164,.08);padding:5px 8px;border-radius:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.metrics div{background:#0c1421;border:1px solid var(--line);border-radius:12px;padding:12px}.metrics strong{display:block;font-size:17px;margin:4px 0}.metrics span{font-size:8px;color:var(--green)}.chart{height:155px;position:relative;border-radius:12px;background:#0c1421;border:1px solid var(--line);overflow:hidden}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:100% 38px,72px 100%}.chart svg{position:absolute;inset:18px 12px 10px;width:calc(100% - 24px);height:calc(100% - 28px)}.area{fill:url(#area)}.line{fill:none;stroke:#35d1ff;stroke-width:3}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.dash-bottom>div{display:flex;gap:10px;align-items:center;background:#0c1421;border:1px solid var(--line);border-radius:11px;padding:9px}.mini-icon{width:29px;height:29px;border-radius:8px;background:rgba(29,124,255,.15);display:grid;place-items:center;color:#62a7ff}.dash-bottom strong,.dash-bottom small{display:block}.dash-bottom strong{font-size:9px}.dash-bottom small{font-size:7px;color:#6f7d92}.floating-chip{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(14,23,37,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px rgba(0,0,0,.35);padding:11px 14px;border-radius:13px;backdrop-filter:blur(15px)}.floating-chip i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(53,209,255,.12);color:var(--cyan)}.floating-chip strong,.floating-chip small{display:block}.floating-chip strong{font-size:10px}.floating-chip small{font-size:8px;color:#748198}.chip-one{left:-30px;bottom:50px}.chip-two{right:-15px;top:80px}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head h2,.solutions h2,.stack h2,.contact h2{font-size:clamp(34px,4vw,50px);line-height:1.14;letter-spacing:-2px;font-weight:800;margin:0}.section-head>p{max-width:500px;color:var(--muted);margin:0}.services{background:#0a101b}.service-card{height:100%;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:20px;padding:27px;transition:.3s;overflow:hidden}.service-card:before{content:"";position:absolute;inset:auto -30px -60px auto;width:120px;height:120px;background:var(--primary);filter:blur(70px);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-7px);border-color:rgba(53,209,255,.28)}.service-card:hover:before{opacity:.28}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(29,124,255,.25),rgba(53,209,255,.12));color:#65dcff;font-size:19px;margin-bottom:28px}.service-num{position:absolute;right:24px;top:25px;color:#445066;font-size:12px;font-weight:800}.service-card h3{font-size:20px;font-weight:800;margin-bottom:13px}.service-card p{color:#8d9aaf;font-size:14px}.service-card ul{list-style:none;padding:0;margin:22px 0 0}.service-card li{font-size:12px;color:#c0cad8;margin:8px 0}.service-card li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:10px}.solutions{background:linear-gradient(180deg,#070b14,#0a101b)}.product-showcase{position:relative;min-height:500px}.showcase-browser{position:absolute;left:0;top:30px;width:86%;background:#f5f8fc;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(-2deg)}.browser-bar{height:34px;background:#e9eef5;padding:13px}.browser-bar span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b9c2cf;margin-right:4px}.browser-content{display:flex;height:350px;color:#1a2433}.browser-content aside{width:52px;background:#101a2b;color:#53647d;display:flex;flex-direction:column;align-items:center;gap:29px;padding-top:17px}.browser-content aside b{width:27px;height:27px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--cyan));display:grid;place-items:center;color:#fff}.browser-content main{padding:28px;flex:1}.browser-content main>small{color:#8391a4;font-size:10px}.browser-content h4{font-size:21px;font-weight:800;margin:3px 0 22px}.showcase-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.showcase-stats span{background:#fff;border:1px solid #e7ecf2;border-radius:10px;padding:12px}.showcase-stats b,.showcase-stats small{display:block}.showcase-stats b{font-size:15px}.showcase-stats small{font-size:8px;color:#8a96a6}.showcase-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:10px;margin-top:14px}.big-block,.showcase-grid>div:last-child span{background:linear-gradient(135deg,#e7f2ff,#f2f6fb);border-radius:10px;border:1px solid #e6ecf3}.big-block{height:135px;position:relative}.big-block:after{content:"";position:absolute;left:15px;right:15px;bottom:22px;height:70px;border-bottom:3px solid #3188ff;border-radius:50%;transform:skewY(-10deg)}.showcase-grid>div:last-child{display:grid;gap:10px}.phone{position:absolute;right:5px;bottom:4px;width:200px;height:400px;border:9px solid #111824;border-radius:34px;background:#111824;box-shadow:0 30px 70px rgba(0,0,0,.42);transform:rotate(5deg)}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:70px;height:15px;background:#111824;border-radius:0 0 10px 10px;z-index:2}.phone-screen{height:100%;border-radius:25px;background:linear-gradient(160deg,#102347,#071221);padding:35px 15px;color:#fff;overflow:hidden}.mobile-label{font-size:8px;color:#66dfff}.phone h4{font-size:20px;margin:7px 0 18px}.mobile-balance{background:linear-gradient(135deg,#257cff,#5c5cff);padding:14px;border-radius:14px}.mobile-balance small,.mobile-balance strong{display:block}.mobile-balance small{font-size:8px;opacity:.75}.mobile-balance strong{font-size:28px}.mobile-actions{display:flex;justify-content:space-between;margin:16px 0}.mobile-actions span{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#6bddff}.mobile-list div{height:42px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px}.mobile-list b{width:25px;height:25px;border-radius:8px;background:rgba(53,209,255,.13)}.mobile-list span{width:78px;height:5px;background:rgba(255,255,255,.12);border-radius:4px}.section-text{color:var(--muted);font-size:17px;margin:24px 0 28px}.benefits{display:grid;gap:17px}.benefits>div{display:flex;gap:13px}.benefits i{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(78,226,164,.12);color:var(--green);font-size:10px}.benefits strong,.benefits small{display:block}.benefits strong{font-size:14px}.benefits small{color:#8491a5;font-size:12px;margin-top:2px}.text-link{display:inline-block;margin-top:27px;color:#63d8ff;font-weight:700}.text-link i{margin-left:8px}.process{background:#0a101b}.centered{text-align:center;display:block;max-width:680px;margin-left:auto;margin-right:auto}.centered p{max-width:620px;margin:16px auto 0;color:var(--muted)}.process-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:22px}.process-line:before{content:"";position:absolute;top:49px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#214e77,#214e77,transparent)}.process-step{position:relative;text-align:center;padding:0 16px}.process-step>span{position:absolute;top:0;right:22px;color:#40516a;font-size:11px}.process-step i{position:relative;width:98px;height:98px;border-radius:28px;display:grid;place-items:center;margin:0 auto 25px;background:#0e1827;border:1px solid var(--line);font-size:24px;color:#62dbff;box-shadow:0 15px 35px rgba(0,0,0,.25)}.process-step h3{font-size:17px;font-weight:800}.process-step p{font-size:12px;color:#8390a4}.stack{background:radial-gradient(circle at 80% 50%,rgba(29,124,255,.1),transparent 36%),#070b14}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tech-grid span{padding:18px 14px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:13px;text-align:center;font-size:13px;font-weight:700;color:#bdc8d7;transition:.2s}.tech-grid span:hover{color:#fff;border-color:rgba(53,209,255,.3);transform:translateY(-2px)}.industries{background:#0a101b;padding-top:85px;padding-bottom:85px}.industry-list{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.industry-list span{border:1px solid var(--line);border-radius:14px;padding:17px 10px;text-align:center;color:#b7c3d3;font-size:12px}.industry-list i{color:#55d6ff;margin-right:7px}.contact{background:#070b14}.contact-box{position:relative;overflow:hidden;background:linear-gradient(135deg,#111f3a,#101427);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:55px}.contact-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:#166dff;filter:blur(120px);opacity:.24;left:-100px;top:-130px}.section-label.light{color:#85e6ff}.contact h2{font-size:clamp(34px,4vw,52px)}.contact p{color:#aab6c9;max-width:650px;margin-top:18px}.contact-form{background:rgba(6,12,23,.5);border:1px solid var(--line);padding:20px;border-radius:18px}.contact-form input,.contact-form textarea{width:100%;background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:11px;padding:13px 14px;margin-bottom:10px;color:#fff;outline:none;font-family:inherit;font-size:13px}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(53,209,255,.55)}.contact-form small{display:block;text-align:center;color:#69778d;font-size:9px;margin-top:8px}.footer{padding:40px 0 25px;background:#050810;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;gap:28px}.footer-main p{color:#718096;font-size:12px;margin:0;max-width:390px}.footer-links{margin-left:auto;display:flex;gap:22px}.footer-links a{color:#8491a5;font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;color:#4f5b6d;font-size:10px}@media(max-width:991px){.navbar-collapse{background:#0b1220;border:1px solid var(--line);border-radius:15px;padding:15px;margin-top:12px}.hero .row{padding-top:110px!important}.hero-visual{margin:60px 0 30px}.chip-one{left:0}.chip-two{right:0}.section-head{display:block}.section-head>p{margin-top:18px}.product-showcase{margin-bottom:40px}.process-line{grid-template-columns:repeat(2,1fr);row-gap:45px}.process-line:before{display:none}.industry-list{grid-template-columns:repeat(3,1fr)}.footer-main{flex-wrap:wrap}.footer-links{width:100%;margin-left:0}.contact-box{padding:36px}}@media(max-width:767px){.section{padding:80px 0}.hero h1{letter-spacing:-2px}.hero-facts{gap:16px;flex-wrap:wrap}.hero-facts div{min-width:42%}.dashboard-card{transform:none}.dashboard-body{min-height:350px}.metrics{grid-template-columns:1fr}.metrics div:nth-child(2),.metrics div:nth-child(3){display:none}.chip-two{display:none}.chip-one{bottom:-35px}.product-showcase{min-height:430px}.showcase-browser{width:95%}.phone{width:165px;height:335px}.tech-grid{grid-template-columns:repeat(2,1fr)}.industry-list{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:1fr}.contact-box{padding:28px 20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}@media(max-width:480px){.hero-actions .btn{width:100%;text-align:center}.dashboard-body{min-height:320px}.dash-content{padding:16px}.chart{height:125px}.dash-bottom{grid-template-columns:1fr}.dash-bottom>div:last-child{display:none}.floating-chip{display:none}.product-showcase{min-height:360px}.browser-content{height:290px}.showcase-browser{width:100%}.phone{right:-5px;width:140px;height:290px}.showcase-stats{grid-template-columns:1fr 1fr}.showcase-stats span:last-child{display:none}.footer-links{gap:14px;flex-wrap:wrap}}

/* Light theme */
:root{
  --bg:#ffffff;
  --bg2:#f4f7fb;
  --card:#ffffff;
  --line:rgba(18,38,63,.11);
  --text:#10233f;
  --muted:#67758a;
  --primary:#1769e0;
  --cyan:#00a8d6;
  --green:#18a875;
  --shadow:0 28px 70px rgba(38,65,100,.16);
}
body{background:var(--bg);color:var(--text)}
.navbar{background:rgba(255,255,255,.72)}
.navbar.scrolled{background:rgba(255,255,255,.94);box-shadow:0 8px 30px rgba(42,66,96,.08)}
.navbar-brand{color:var(--text)!important}
.brand-name span{color:var(--primary)}
.navbar .nav-link{color:#53637a!important}
.navbar .nav-link:hover{color:var(--primary)!important}
.navbar-toggler{filter:none;background-color:#fff}
.btn-ghost{color:#29405f;background:#fff;border:1px solid #dce4ee;box-shadow:0 8px 22px rgba(40,67,100,.06)}
.btn-ghost:hover{color:var(--primary);background:#f4f8ff;border-color:#b8d1f4}
.hero{background:radial-gradient(circle at 82% 20%,rgba(23,105,224,.12),transparent 34%),linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.hero:after{background-image:linear-gradient(rgba(30,75,126,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,75,126,.035) 1px,transparent 1px)}
.glow-one{background:#55a6ff;opacity:.2}.glow-two{background:#76e4ff;opacity:.22}
.eyebrow,.section-label{color:var(--primary)}
.hero h1 em{background:linear-gradient(90deg,#007fbb,#386df5);-webkit-background-clip:text;color:transparent}
.hero-lead{color:#66758a}.hero-facts span{color:#77859a}
.dashboard-card{background:rgba(255,255,255,.96);border-color:#dce6f1;color:#1a2d48}
.dashboard-top{background:#f6f9fc;border-bottom-color:#e1e8f0}.dash-title{color:#8190a4}
.sidebar{border-right-color:#e4eaf1;color:#8a98aa}
.dash-heading small,.metrics small,.dash-bottom small{color:#7d899b}
.metrics div,.chart,.dash-bottom>div{background:#f7f9fc;border-color:#e4eaf1}
.chart-grid{background-image:linear-gradient(rgba(30,65,100,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,65,100,.055) 1px,transparent 1px)}
.floating-chip{background:rgba(255,255,255,.96);border-color:#dce6f0;box-shadow:0 18px 45px rgba(31,65,104,.16)}
.floating-chip small{color:#78869a}.floating-chip i{background:#eaf7ff;color:#008dbd}
.services{background:#f4f7fb}
.service-card{background:#fff;border-color:#e0e7ef;box-shadow:0 12px 35px rgba(40,64,92,.06)}
.service-card:hover{border-color:#a9cdec;box-shadow:0 20px 48px rgba(40,74,111,.12)}
.service-icon{background:linear-gradient(135deg,#e5f0ff,#e8fbff);color:#087ab3}
.service-num{color:#a0acba}.service-card p{color:#68768a}.service-card li{color:#4f6076}
.solutions{background:linear-gradient(180deg,#ffffff,#f6f9fc)}
.phone{box-shadow:0 30px 70px rgba(28,52,83,.28)}
.section-text,.section-head>p,.centered p{color:var(--muted)}
.benefits small{color:#768599}.text-link{color:var(--primary)}
.process{background:#f4f7fb}
.process-line:before{background:linear-gradient(90deg,transparent,#b8d1eb,#b8d1eb,transparent)}
.process-step>span{color:#98a6b8}
.process-step i{background:#fff;border-color:#dce5ef;color:#078ab9;box-shadow:0 15px 35px rgba(37,64,96,.1)}
.process-step p{color:#718096}
.stack{background:radial-gradient(circle at 80% 50%,rgba(23,105,224,.09),transparent 36%),#ffffff}
.tech-grid span{background:#fff;border-color:#dce5ef;color:#53637a;box-shadow:0 8px 25px rgba(36,63,94,.04)}
.tech-grid span:hover{color:var(--primary);border-color:#9fc8ed;background:#f7fbff}
.industries{background:#f4f7fb}.industry-list span{background:#fff;border-color:#dde6ef;color:#52637a}.industry-list i{color:#008fbe}
.contact{background:#ffffff}
.contact-box{background:linear-gradient(135deg,#eef6ff,#f8fbff);border-color:#d4e3f2;box-shadow:0 24px 65px rgba(36,67,101,.11)}
.contact-glow{background:#65a9ff;opacity:.18}
.section-label.light{color:var(--primary)}
.contact p{color:#65758b}
.contact-form{background:#fff;border-color:#d9e4ef;box-shadow:0 18px 45px rgba(38,68,102,.09)}
.contact-form input,.contact-form textarea{background:#f8fafc;border-color:#dce5ee;color:#172b47}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#91a0b2}
.contact-form small{color:#7a8799}
.footer{background:#f5f8fc;border-top-color:#dfe6ee}
.footer-main p{color:#6c7b8f}.footer-links a{color:#65758b}.footer-links a:hover{color:var(--primary)}
.footer-bottom{border-top-color:#dfe6ee;color:#8190a2}
@media(max-width:991px){.navbar-collapse{background:#fff;border-color:#dce5ee;box-shadow:0 18px 45px rgba(39,66,97,.12)}}