:root{--bg:#f7f7fb;--surface:#fff;--text:#151520;--muted:#6f7080;--line:#e7e7ef;--purple:#6656f5;--purple2:#4a3cda;--deep:#151326;--radius:26px;--shadow:0 24px 70px rgba(30,25,70,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:hidden}body{margin:0;width:100%;max-width:100%;font-family:"Manrope",sans-serif;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}.page-grid{position:fixed;inset:0;pointer-events:none;z-index:-2;background-image:linear-gradient(rgba(30,30,45,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,30,45,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0,transparent 42%)}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.nav-wrap{position:fixed;z-index:50;top:18px;left:0;right:0}.nav{height:66px;display:flex;align-items:center;padding:0 14px 0 20px;border:1px solid rgba(220,220,232,.88);background:rgba(255,255,255,.82);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 14px 40px rgba(29,27,54,.08)}.brand{font-size:23px;font-weight:800;letter-spacing:-1.2px}.brand span{color:var(--purple)}.nav-menu{display:flex;gap:30px;margin:auto;font-size:13px;font-weight:600;color:#656576}.nav-menu a{transition:.25s}.nav-menu a:hover{color:var(--purple)}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;padding:15px 20px;font-weight:700;font-size:13px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:11px 15px;border-radius:10px}.btn-dark{background:var(--deep);color:white}.btn-primary{background:var(--purple);color:white;box-shadow:0 14px 28px rgba(102,86,245,.24)}.btn-light{background:#fff;color:var(--deep)}.hero{min-height:760px;padding-top:170px;display:grid;grid-template-columns:.88fr 1.12fr;gap:45px;align-items:center}.hero-copy{padding-bottom:55px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:1.8px;color:#777788;margin-bottom:22px}.eyebrow i{width:22px;height:1px;background:var(--purple)}.hero h1,.section-heading h2,.process-intro h2,.why-title h2,.cta-copy h2{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-3.8px;margin:0;font-weight:700}.hero h1 em,.section-heading h2 em,.process-intro h2 em,.why-title h2 em,.cta-copy h2 em{font-style:normal;color:var(--purple)}.hero-copy>p{font-size:16px;color:var(--muted);max-width:590px;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:7px;color:var(--purple)}.capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.capabilities span,.tags b{font-size:10px;font-weight:700;color:#777788;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.66)}.hero-visual{position:relative;height:570px;display:flex;align-items:center}.visual-halo{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(104,88,247,.14),rgba(104,88,247,0) 70%);left:15%;top:7%}.browser-card{position:relative;width:100%;background:white;border:1px solid #dddde8;border-radius:22px;box-shadow:0 35px 100px rgba(33,28,84,.18);overflow:hidden;transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.browser-top{height:42px;border-bottom:1px solid #ececf2;display:flex;align-items:center;padding:0 14px;gap:18px}.dots{display:flex;gap:5px}.dots b{width:6px;height:6px;background:#d7d7df;border-radius:50%}.url-pill{margin:auto;width:180px;height:19px;border-radius:6px;background:#f4f4f8;font-size:7px;display:flex;justify-content:center;align-items:center;color:#aaa}.tiny-circle{width:19px;height:19px;border:1px solid #eee;border-radius:50%}.app-shell{height:390px;display:flex}.mini-sidebar{width:58px;border-right:1px solid #eee;display:flex;flex-direction:column;align-items:center;padding-top:17px;gap:18px}.mini-logo{width:24px;height:24px;border-radius:8px;background:var(--deep);color:white;font-size:10px;font-weight:800;display:grid;place-items:center;margin-bottom:10px}.mini-sidebar span{width:17px;height:5px;border-radius:5px;background:#e9e9ef}.mini-sidebar span.active{height:17px;background:#ebe9ff;border:1px solid #d7d3ff}.app-main{flex:1;padding:23px;background:#fcfcfe}.app-header{display:flex;justify-content:space-between;align-items:center}.app-header small,.chart-head small{display:block;color:#999;font-size:7px}.app-header strong,.chart-head strong{font-size:11px}.avatar{width:27px;height:27px;border-radius:9px;background:#efedff;color:var(--purple);font-size:7px;display:grid;place-items:center;font-weight:800}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.stat-row article{background:#fff;border:1px solid #eeeef4;border-radius:12px;padding:13px}.stat-row small{font-size:7px;color:#92929f;display:block}.stat-row strong{font-size:16px;letter-spacing:-.5px;display:block;margin:5px 0}.stat-row i{font-size:6px;color:#48a37d;font-style:normal}.stat-row .dark-stat{background:var(--deep);color:white}.stat-row .dark-stat small,.stat-row .dark-stat i{color:#aaa8bc}.chart-card{margin-top:12px;background:white;border:1px solid #eeeef4;border-radius:14px;padding:14px}.chart-head{display:flex;justify-content:space-between}.chart-head span{font-size:6px;color:#aaa;border:1px solid #eee;border-radius:5px;padding:5px}.chart-card svg{width:100%;height:160px;margin-top:6px}.gridline{stroke:#efeff4;stroke-width:1}.area{fill:url(#area)}.line{fill:none;stroke:#6656f5;stroke-width:2.5;stroke-linecap:round}.floating-note{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid #e9e8f2;border-radius:14px;padding:12px 15px;box-shadow:0 18px 50px rgba(35,30,80,.13);display:flex;align-items:center;gap:10px}.floating-note small{font-size:7px;color:#999;display:block}.floating-note strong{font-size:9px;display:block}.note-one{left:-26px;bottom:72px}.note-one>span{width:25px;height:25px;border-radius:8px;background:#eaf8f1;color:#3e9b72;display:grid;place-items:center;font-size:11px}.note-two{right:-18px;top:70px}.pulse-icon{width:26px;height:26px;border-radius:8px;background:#efedff;color:var(--purple);display:grid;place-items:center;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 14px;box-shadow:0 16px 50px rgba(30,28,60,.05)}.stats article{padding:0 28px;border-right:1px solid var(--line)}.stats article:last-child{border:0}.stats strong{font-size:24px;letter-spacing:-1px}.stats strong span{color:var(--purple)}.stats article div{height:1px;background:var(--line);margin:10px 0}.stats p{font-size:11px;color:var(--muted);margin:0}.section{padding-top:135px;padding-bottom:130px}.section-heading{max-width:720px;margin-bottom:54px}.section-heading h2,.why-title h2{font-size:clamp(38px,4vw,58px)}.section-heading>p,.section-heading.split>p,.why-title>p{color:var(--muted);font-size:14px;max-width:530px;margin-top:20px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;min-height:270px;transition:.3s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d8d5f8}.service-icon{width:44px;height:44px;border-radius:12px;background:#f0efff;color:var(--purple);display:grid;place-items:center;font-weight:700;font-size:19px}.service-card>span{position:absolute;right:27px;top:29px;font-size:10px;color:#bbb}.service-card h3{font-size:21px;margin:34px 0 8px;letter-spacing:-.7px}.service-card p{font-size:13px;color:var(--muted);max-width:430px}.service-card a{font-size:11px;font-weight:700;position:absolute;bottom:24px}.service-card a b{color:var(--purple);margin-left:5px}.dark-section{position:relative;background:var(--deep);color:white;overflow:hidden}.dark-grid,.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 70%)}.process-wrap{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;padding-top:120px;padding-bottom:120px}.eyebrow.light{color:#9f9daf}.eyebrow.light i{background:#948afc}.process-intro h2{font-size:clamp(40px,4.4vw,62px)}.process-intro h2 em,.cta-copy h2 em{color:#8d82ff}.process-intro p{color:#a5a2b4;font-size:14px;max-width:430px}.process-list article{display:grid;grid-template-columns:45px 1fr 30px;gap:20px;padding:29px 0;border-top:1px solid rgba(255,255,255,.12);align-items:start}.process-list article:last-child{border-bottom:1px solid rgba(255,255,255,.12)}.process-list span{font-size:10px;color:#777487}.process-list h3{margin:0 0 6px;font-size:19px}.process-list p{margin:0;color:#9f9cad;font-size:12px;max-width:470px}.process-list b{font-weight:400;color:#858099}.orbital{position:relative;width:210px;height:210px;margin-top:45px}.orbit{position:absolute;inset:20px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.orbit-a:before,.orbit-b:before{content:"";position:absolute;width:7px;height:7px;background:#8e84ff;border-radius:50%;top:8px;left:34px}.orbit-b{inset:0;transform:rotate(65deg)}.core{position:absolute;inset:70px;background:#6b5cf6;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:25px;box-shadow:0 0 50px rgba(107,92,246,.35)}.section-heading.split{max-width:none;display:flex;justify-content:space-between;align-items:end}.section-heading.split>div{max-width:700px}.section-heading.split>p{width:360px;margin-bottom:5px}.project{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden}.project-main{display:grid;grid-template-columns:.78fr 1.22fr;min-height:460px}.project-copy{padding:44px}.project-copy>span{font-size:9px;color:#9797a4;font-weight:800;letter-spacing:1px}.project-copy h3{font-size:36px;letter-spacing:-1.8px;margin:18px 0 12px}.project-copy p{font-size:13px;color:var(--muted);max-width:410px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.project-copy>a{font-size:11px;font-weight:700;display:inline-block;margin-top:55px}.project-copy>a i{font-style:normal;color:var(--purple);margin-left:6px}.project-screen{margin:25px 25px 25px 0;border-radius:18px;overflow:hidden}.purple-screen{background:linear-gradient(145deg,#5444dc,#8f82ff);padding:55px 0 0 55px}.screen-top{width:90%;height:28px;background:#fff;border-radius:13px 13px 0 0;display:flex;align-items:center;padding-left:12px;gap:5px}.screen-top span{width:5px;height:5px;background:#ddd;border-radius:50%}.fake-dash{height:340px;width:90%;background:#fbfbfd;display:flex}.fake-dash aside{width:52px;border-right:1px solid #eee;display:flex;align-items:center;flex-direction:column;padding-top:18px;gap:18px}.fake-dash aside b{background:#211d4c;color:#fff;border-radius:7px;font-size:9px;width:24px;height:24px;display:grid;place-items:center}.fake-dash aside i{width:15px;height:5px;background:#e6e6ed;border-radius:3px}.fake-dash main{padding:24px;flex:1}.fake-dash main small{font-size:7px;color:#999}.fake-dash h4{font-size:16px;margin:4px 0 15px}.fake-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fake-stats i{height:58px;border-radius:9px;background:#f0efff;border:1px solid #e5e2ff}.fake-stats i:nth-child(2){background:#fff;border-color:#eee}.fake-stats i:nth-child(3){background:#1d1939;border-color:#1d1939}.fake-table{margin-top:10px;background:#fff;border:1px solid #eee;border-radius:9px;padding:8px}.fake-table i{display:block;height:18px;border-bottom:1px solid #f1f1f4}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.compact .project-copy{padding:30px}.compact .project-copy h3{font-size:25px;margin:12px 0 8px}.mini-project-screen{height:300px;margin:18px;border-radius:18px;display:grid;place-items:center;overflow:hidden}.smart{background:linear-gradient(140deg,#18152f,#5a50bf)}.phone{width:165px;height:280px;background:#fbfbfd;border-radius:22px 22px 0 0;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.25);transform:rotate(-3deg) translateY(20px)}.phone-top{width:45px;height:5px;background:#ddd;border-radius:5px;margin:auto}.phone h5{font-size:12px;margin:20px 0 10px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tiles i{height:45px;background:#efedff;border-radius:9px}.tiles i:nth-child(2){background:#eaf8f2}.tiles i:nth-child(3){background:#fff1e7}.tiles i:nth-child(4){background:#ffecee}.map-block{height:80px;margin-top:8px;border-radius:9px;background:repeating-linear-gradient(45deg,#eef0f4,#eef0f4 7px,#f8f9fb 7px,#f8f9fb 14px)}.pos{background:#eeeeF5}.pos-window{width:90%;height:220px;background:#fff;border-radius:14px;display:flex;overflow:hidden;box-shadow:0 18px 50px rgba(35,30,80,.13);position:relative}.pos-side{width:42px;background:#1d1939}.pos-main{flex:1;padding:18px}.pos-head{width:45%;height:10px;background:#e7e7ed;border-radius:5px}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px}.pos-grid i{height:50px;border-radius:8px;background:#f0efff}.receipt{position:absolute;right:12px;bottom:10px;width:75px;height:115px;background:#fff;border:1px solid #eee;box-shadow:0 8px 25px rgba(0,0,0,.1);padding:14px 10px}.receipt span{display:block;height:4px;background:#e6e6ea;margin-bottom:7px}.receipt strong{display:block;height:6px;background:#25223c;margin-top:16px}.why{display:grid;grid-template-columns:.95fr 1.05fr;gap:100px}.why-title{position:sticky;top:130px;align-self:start}.why-list article{display:grid;grid-template-columns:48px 1fr;border-top:1px solid var(--line);padding:27px 0}.why-list article:last-child{border-bottom:1px solid var(--line)}.why-list span{font-size:10px;color:#a0a0ab}.why-list h3{margin:0 0 7px;font-size:18px}.why-list p{margin:0;color:var(--muted);font-size:12px}.tech{padding:28px 0 70px;border-top:1px solid var(--line)}.tech>p{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#999;margin-bottom:20px}.tech>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.tech span{font-weight:700;font-size:15px;color:#5f5f6c}.cta-section{padding-bottom:110px}.cta-card{position:relative;background:var(--deep);border-radius:30px;color:#fff;min-height:430px;overflow:hidden;display:grid;grid-template-columns:1.25fr .75fr}.cta-copy{position:relative;z-index:2;padding:65px}.cta-copy h2{font-size:clamp(42px,4.5vw,63px)}.cta-copy p{color:#aaa7b9;max-width:530px;font-size:13px;margin:22px 0 28px}.cta-art{position:relative}.cta-mark{position:absolute;z-index:3;width:110px;height:110px;border-radius:30px;background:linear-gradient(145deg,#8d82ff,#5e50eb);display:grid;place-items:center;font-size:42px;font-weight:800;right:90px;top:140px;box-shadow:0 25px 60px rgba(95,80,235,.35);transform:rotate(-7deg)}.ring{position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:62px;right:20px}.cube{position:absolute;border:1px solid rgba(255,255,255,.12);transform:rotate(35deg)}.cube-a{width:90px;height:90px;right:15px;top:50px}.cube-b{width:55px;height:55px;right:260px;bottom:60px}footer{background:#fff;border-top:1px solid var(--line)}.footer-main{padding:60px 0 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:45px}.footer-brand p{max-width:330px;color:var(--muted);font-size:12px;margin-top:16px}.footer-main h4{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:3px 0 18px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;align-items:flex-start}.footer-main>div:not(.footer-brand) a,.footer-main>div:not(.footer-brand) span{font-size:11px;color:var(--muted);margin:4px 0}.footer-bottom{border-top:1px solid var(--line);padding:18px 0 25px;display:flex;justify-content:space-between;color:#999;font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.container{width:min(100% - 28px,720px)}.nav-menu,.nav-cta{display:none}.nav-toggle{display:flex;margin-left:auto;border:0;background:transparent;width:38px;height:38px;flex-direction:column;justify-content:center;gap:6px;align-items:center}.nav-toggle span{width:18px;height:1.5px;background:#222}.nav.open{height:auto;align-items:flex-start;flex-wrap:wrap;padding-top:20px;padding-bottom:15px}.nav.open .nav-menu{display:flex;width:100%;order:5;flex-direction:column;gap:0;padding-top:13px}.nav.open .nav-menu a{padding:11px 4px;border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:145px;padding-bottom:80px;min-height:0}.hero-copy{padding-bottom:0}.hero-visual{height:500px}.browser-card{transform:none}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:22px}.process-wrap,.why{grid-template-columns:1fr;gap:55px}.orbital{display:none}.project-main{grid-template-columns:1fr}.project-screen{margin:0 25px 25px;height:370px}.project-grid{grid-template-columns:1fr}.why-title{position:static}.section-heading.split{display:block}.section-heading.split>p{width:auto}.cta-card{grid-template-columns:1fr}.cta-art{display:none}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{grid-column:2/4}.service-grid{grid-template-columns:1fr}}
@media(max-width:600px){.container{width:calc(100% - 22px)}.nav-wrap{top:10px}.nav{border-radius:16px;height:58px}.hero{padding-top:120px;gap:18px}.hero h1,.section-heading h2,.process-intro h2,.why-title h2,.cta-copy h2{letter-spacing:-2.4px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.capabilities{margin-top:27px}.hero-visual{height:360px;margin-top:12px}.browser-card{border-radius:16px}.app-shell{height:285px}.mini-sidebar{width:42px}.app-main{padding:14px}.stat-row article{padding:9px}.stat-row strong{font-size:10px}.chart-card svg{height:90px}.chart-card{padding:10px}.note-one{left:5px;bottom:17px}.note-two{right:2px;top:20px}.stats{grid-template-columns:1fr 1fr;padding:19px 4px}.stats article{padding:0 15px}.stats strong{font-size:19px}.stats p{font-size:9px}.section{padding-top:90px;padding-bottom:85px}.section-heading{margin-bottom:35px}.service-card{min-height:260px;padding:24px}.process-wrap{padding:85px 0}.process-list article{grid-template-columns:32px 1fr 18px;gap:12px}.project-copy{padding:28px}.project-screen{margin:0 15px 15px;height:300px}.purple-screen{padding:34px 0 0 25px}.fake-dash{height:280px}.project-grid{gap:12px}.mini-project-screen{height:240px;margin:12px}.why{gap:45px}.tech>div{justify-content:flex-start;gap:13px 24px}.cta-section{padding-bottom:70px}.cta-card{min-height:0;border-radius:23px}.cta-copy{padding:42px 28px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/3}.footer-main>div:last-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom p{margin:4px 0}}


/* Floating WhatsApp */
.whatsapp-float{position:fixed!important;right:18px!important;bottom:18px!important;z-index:9999!important;width:58px!important;height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:50%!important;background:#25D366!important;color:#fff!important;box-shadow:0 12px 32px rgba(16,90,51,.28)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease}
.whatsapp-float svg{display:block!important;width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important;fill:#fff!important;flex:none!important}
.whatsapp-float:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,90,51,.34)!important}
.whatsapp-float:focus-visible{outline:3px solid rgba(37,211,102,.3);outline-offset:4px}
@media(max-width:600px){.whatsapp-float{right:14px!important;bottom:14px!important;width:54px!important;height:54px!important}.whatsapp-float svg{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important}}


/* Mobile viewport containment: prevents any decorative/floating element from widening the page */
html,body{overflow-x:hidden!important}
body{position:relative}
header,main,footer,section{max-width:100%}
.whatsapp-float{position:fixed!important;left:auto!important;right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;z-index:9999!important;width:54px!important;height:54px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#25D366!important;color:#fff!important;box-shadow:0 10px 28px rgba(16,90,51,.25)!important;text-decoration:none!important;overflow:hidden!important;transform:none!important}
.whatsapp-float svg{display:block!important;width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;fill:#fff!important;flex:none!important}
@media(min-width:601px){.whatsapp-float{right:20px!important;bottom:20px!important;width:58px!important;height:58px!important}.whatsapp-float svg{width:29px!important;height:29px!important;min-width:29px!important;max-width:29px!important}}

/* =========================================================
   THEGREATMONOLITH — DARK MODERN THEME
   ========================================================= */
:root{
  --bg:#08080b;
  --surface:#101014;
  --surface-2:#14141a;
  --text:#f4f4f7;
  --muted:#9a9aa8;
  --line:#24242d;
  --purple:#7c6cff;
  --purple2:#9a8dff;
  --deep:#09090d;
  --radius:26px;
  --shadow:0 26px 80px rgba(0,0,0,.42)
}
html{background:#08080b;color-scheme:dark}
body{background:radial-gradient(circle at 50% -10%,rgba(124,108,255,.12),transparent 34%),var(--bg);color:var(--text)}
.page-grid{z-index:0;opacity:.72;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);mask-image:linear-gradient(to bottom,#000 0,transparent 54%)}
header,main,footer{position:relative;z-index:1}

.nav{border-color:rgba(255,255,255,.09);background:rgba(13,13,18,.78);box-shadow:0 16px 50px rgba(0,0,0,.34);backdrop-filter:blur(22px) saturate(135%)}
.brand{color:#fff}.brand span{color:var(--purple)}
.nav-menu{color:#aaaab7}.nav-menu a:hover{color:#fff}
.nav-toggle span{background:#fff}
.nav.open .nav-menu a{border-color:var(--line)}
.btn-dark{background:#fff;color:#09090d}
.btn-primary{background:linear-gradient(135deg,#8e80ff,#6554ef);box-shadow:0 16px 38px rgba(105,87,240,.3)}
.btn-light{background:#fff;color:#0b0b0f}
.text-link{color:#e6e6ec}
.eyebrow{color:#81818e}.eyebrow i{background:var(--purple)}
.hero-copy>p,.section-heading>p,.section-heading.split>p,.why-title>p{color:var(--muted)}
.capabilities span,.tags b{color:#b7b7c3;border-color:#2b2b35;background:rgba(255,255,255,.035)}

.visual-halo{background:radial-gradient(circle,rgba(124,108,255,.24),rgba(124,108,255,0) 69%)}
.browser-card{background:#0e0e13;border-color:#292934;box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 0 1px rgba(124,108,255,.04)}
.browser-top{border-color:#25252e;background:#111116}.dots b{background:#3d3d48}.url-pill{background:#1a1a21;color:#737380}.tiny-circle{border-color:#30303a}
.app-shell{background:#0d0d12}.mini-sidebar{border-color:#24242d;background:#0d0d12}.mini-logo{background:linear-gradient(145deg,#806fff,#5c4ae2);color:#fff}.mini-sidebar span{background:#2b2b34}.mini-sidebar span.active{background:#25213f;border-color:#443a7c}
.app-main{background:#111116}.app-header small,.chart-head small{color:#777784}.avatar{background:#282240;color:#a99fff}
.stat-row article,.chart-card{background:#17171d;border-color:#2b2b34}.stat-row small{color:#82828e}.stat-row i{color:#64d6a6}.stat-row .dark-stat{background:linear-gradient(145deg,#272043,#171420);border-color:#3a315f}.stat-row .dark-stat small,.stat-row .dark-stat i{color:#aaa5c4}
.chart-head span{color:#8e8e9a;border-color:#303039;background:#131319}.gridline{stroke:#282831}.line{stroke:#8a7bff}
.floating-note{background:rgba(20,20,27,.9);border-color:#2e2e39;box-shadow:0 18px 55px rgba(0,0,0,.42);color:#f5f5f7}.floating-note small{color:#858591}.note-one>span{background:#173329;color:#6ee3ae}.pulse-icon{background:#282240;color:#9e92ff}

.stats{background:linear-gradient(180deg,#111116,#0f0f14);border-color:var(--line);box-shadow:0 18px 60px rgba(0,0,0,.3)}
.stats article{border-color:var(--line)}.stats p{color:#91919d}
.service-card{background:linear-gradient(160deg,#111116,#0e0e13);border-color:var(--line)}
.service-card:hover{border-color:#443b70;box-shadow:0 24px 65px rgba(0,0,0,.42),0 0 0 1px rgba(124,108,255,.06)}
.service-icon{background:#211d36;color:#9b8fff}.service-card>span{color:#60606d}.service-card p{color:#92929f}

.dark-section{background:#0b0b10;border-top:1px solid #1c1c24;border-bottom:1px solid #1c1c24}
.dark-grid,.cta-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.process-list article{border-color:#272731}.process-list p,.process-intro p{color:#9292a0}.process-list span{color:#666674}.process-list b{color:#777387}
.orbit{border-color:#343440}.core{background:linear-gradient(145deg,#8c7dff,#5b49db);box-shadow:0 0 60px rgba(124,108,255,.32)}

.project{background:linear-gradient(165deg,#111116,#0d0d12);border-color:var(--line)}
.project-copy p{color:#9696a3}.project-copy>span{color:#6f6f7d}.project-copy a{color:#eeeef4}
.purple-screen{background:linear-gradient(140deg,#31275e,#6556e8)}
.fake-dash{background:#111116;box-shadow:0 24px 60px rgba(0,0,0,.3)}.fake-dash aside{background:#0b0b10}.fake-dash main{background:#15151b;color:#f4f4f7}.fake-stats i{border-color:#2a2a34;background:#1c1c24}.fake-stats i:first-child{background:#211d36;border-color:#392f69}.fake-stats i:nth-child(2){background:#18181e;border-color:#292933}.fake-stats i:nth-child(3){background:#2b244c;border-color:#40366d}.fake-table{background:#18181e;border-color:#292933}.fake-table i{border-color:#262630}
.smart{background:linear-gradient(140deg,#11111a,#493e9e)}.phone{background:#15151b;color:#f5f5f7}.phone-top{background:#3a3a44}.tiles i{background:#28213f}.tiles i:nth-child(2){background:#17352b}.tiles i:nth-child(3){background:#36291e}.tiles i:nth-child(4){background:#382127}.map-block{background:repeating-linear-gradient(45deg,#202028,#202028 7px,#18181f 7px,#18181f 14px)}
.pos{background:#15151c}.pos-window{background:#111116;box-shadow:0 18px 50px rgba(0,0,0,.35)}.pos-side{background:#201b3c}.pos-head{background:#34343e}.pos-grid i{background:#24212f}.receipt{background:#19191f;border-color:#2c2c35;box-shadow:0 8px 25px rgba(0,0,0,.3)}.receipt span{background:#35353f}.receipt strong{background:#8275ff}

.why-list article{border-color:var(--line)}.why-list p{color:#92929f}.why-list span{color:#666673}
.tech{border-color:var(--line)}.tech>p{color:#71717d}.tech span{color:#b8b8c2}
.cta-card{background:radial-gradient(circle at 80% 30%,rgba(124,108,255,.24),transparent 28%),linear-gradient(145deg,#111119,#09090d);border:1px solid #252530;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.cta-copy p{color:#9997a8}.cta-mark{background:linear-gradient(145deg,#9285ff,#5e4de5);box-shadow:0 25px 65px rgba(94,77,229,.33)}
.ring,.cube{border-color:rgba(255,255,255,.1)}

footer{background:#09090d;border-color:var(--line)}.footer-brand p{color:#92929e}.footer-main h4{color:#e8e8ec}.footer-main>div:not(.footer-brand) a,.footer-main>div:not(.footer-brand) span{color:#91919d}.footer-main>div:not(.footer-brand) a:hover{color:#fff}.footer-bottom{border-color:var(--line);color:#656571}

::selection{background:#6d5cf0;color:#fff}
*{scrollbar-color:#34343f #0b0b0f}
@media(max-width:600px){
  .nav{background:rgba(12,12,17,.9)}
  .hero{padding-top:118px}
  .browser-card{box-shadow:0 25px 70px rgba(0,0,0,.5)}
}