:root {
  --ink: #0a0d10;
  --muted: #6d747b;
  --line: #dfe4e7;
  --paper: #f5f6f2;
  --white: #ffffff;
  --acid: #8cff00;
  --acid-dark: #6bd000;
  --blue: #1748ff;
  --radius: 28px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "DM Sans", sans-serif;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.noise {
  position: fixed; inset: 0; opacity: .025; pointer-events: none; z-index: 20;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}
.site-header {
  height: 84px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr;
  align-items: center; position: fixed; inset: 0 0 auto; z-index: 15;
  background: rgba(245,246,242,.88); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(10,13,16,.08);
}
.brand { display:flex; align-items:center; gap:2px; width:max-content; font-family:"Space Grotesk"; font-weight:700; font-size:24px; letter-spacing:-2px; }
.brand-mark { background:var(--ink); color:white; padding:5px 6px; border-radius:7px; }
.brand-mark-outline { background:transparent; color:var(--ink); border:2px solid var(--ink); }
.desktop-nav { display:flex; gap:34px; font-size:14px; font-weight:600; }
.desktop-nav a { position:relative; }
.desktop-nav a:after { content:""; position:absolute; left:0; right:100%; bottom:-8px; height:2px; background:var(--ink); transition:.25s; }
.desktop-nav a:hover:after { right:0; }
.header-cta { justify-self:end; background:var(--ink); color:white; padding:13px 20px; border-radius:999px; font-size:14px; font-weight:700; }
.header-cta span { color:var(--acid); margin-left:8px; }
.menu-toggle,.mobile-menu { display:none; }

.hero {
  min-height: 100vh; padding: 150px 4vw 52px; position:relative;
  display:grid; grid-template-columns: .95fr 1.05fr; gap:5vw; align-items:center;
}
.hero-copy { position:relative; z-index:2; }
.eyebrow { text-transform:uppercase; letter-spacing:.16em; font-size:12px; font-weight:700; display:flex; align-items:center; gap:10px; }
.eyebrow span { width:28px; height:2px; background:var(--acid-dark); }
.hero h1, .section h2, .about-copy h2 {
  font-family:"Space Grotesk"; letter-spacing:-.055em; line-height:.94; margin:22px 0;
}
.hero h1 { font-size:clamp(4rem,7.7vw,8.2rem); max-width:850px; }
.gradient-text { display:block; background:linear-gradient(95deg,var(--blue),#8c35ff 54%,#ff5757); -webkit-background-clip:text; color:transparent; }
.hero-lead { max-width:600px; color:var(--muted); font-size:18px; line-height:1.65; }
.hero-actions { display:flex; gap:12px; margin-top:36px; flex-wrap:wrap; }
.button { padding:16px 23px; border-radius:999px; display:inline-flex; justify-content:center; align-items:center; gap:18px; font-weight:700; border:1px solid var(--ink); cursor:pointer; }
.button-primary { background:var(--ink); color:white; }
.button-primary span { color:var(--acid); }
.button-secondary { background:transparent; }
.hero-visual { position:relative; min-height:600px; display:flex; align-items:center; justify-content:center; }
.dashboard-shell { width:min(760px,100%); border:1px solid #cad0d4; background:white; border-radius:26px; box-shadow:0 40px 100px rgba(26,31,37,.18); overflow:hidden; transform:rotate(2deg); }
.window-bar { height:50px; display:flex; justify-content:space-between; align-items:center; padding:0 18px; border-bottom:1px solid var(--line); color:#8a9198; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.window-dots { display:flex; gap:6px; }.window-dots i{width:8px;height:8px;border-radius:50%;background:#d5dadd}
.dashboard-grid { display:grid; grid-template-columns:70px 1fr; min-height:430px; }
.dash-sidebar { background:#101317; display:flex; flex-direction:column; align-items:center; padding:25px 0; gap:24px; }
.mini-logo{color:white;font-weight:800;font-size:12px}.dash-sidebar span{width:18px;height:18px;border:1px solid #495159;border-radius:5px}.dash-sidebar .active{background:var(--acid);border-color:var(--acid)}
.dash-main{padding:32px;background:#f5f7f8}.dash-top{display:flex;justify-content:space-between}.dash-top small,.metric-card small{display:block;color:#899098;font-size:11px;text-transform:uppercase}.dash-top strong{font-size:28px;font-family:"Space Grotesk"}.status-pill{background:#dfffbd;padding:8px 12px;border-radius:50px;height:max-content;font-size:11px;font-weight:700}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.metric-card{background:white;padding:20px;border-radius:18px;min-height:130px;position:relative}.metric-card strong{display:block;font-size:31px;margin-top:12px}.metric-card.dark{background:#13171c;color:white}.mini-bars{display:flex;gap:5px;align-items:end;position:absolute;bottom:20px;right:18px}.mini-bars i{width:7px;background:var(--blue);border-radius:4px}.mini-bars i:nth-child(1){height:20px}.mini-bars i:nth-child(2){height:31px}.mini-bars i:nth-child(3){height:25px}.mini-bars i:nth-child(4){height:43px}.mini-bars i:nth-child(5){height:55px}.ring{position:absolute;right:22px;bottom:18px;width:65px;height:65px;border:12px solid #30363d;border-top-color:var(--acid);border-radius:50%}
.chart-card{background:white;border-radius:18px;padding:18px}.chart-head{display:flex;justify-content:space-between;font-size:11px;color:#838a91}.chart-card svg{width:100%;height:150px;margin-top:10px}
.floating-card{position:absolute;background:white;border:1px solid var(--line);box-shadow:0 18px 45px rgba(15,18,22,.14);border-radius:16px;padding:14px 17px;display:flex;align-items:center;gap:12px}.floating-card>span{width:38px;height:38px;border-radius:10px;background:var(--acid);display:grid;place-items:center;font-weight:800}.floating-card strong,.floating-card small{display:block}.floating-card small{color:var(--muted);font-size:11px;margin-top:3px}.card-code{left:-20px;bottom:88px}.card-location{right:-10px;top:70px}
.hero-orbit{position:absolute;border:1px solid rgba(24,72,255,.14);border-radius:50%;pointer-events:none}.orbit-one{width:610px;height:610px;right:-180px;top:100px}.orbit-two{width:320px;height:320px;right:0;top:245px}
.hero-footer{position:absolute;left:4vw;right:4vw;bottom:25px;display:flex;align-items:center;gap:20px;color:#747b82;text-transform:uppercase;font-size:11px;letter-spacing:.15em}.hero-footer i{height:1px;background:#ccd1d4;flex:1}

.trust-strip{padding:30px 4vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.trust-strip p{color:var(--muted);font-size:12px}.trust-strip div{display:flex;gap:42px;font-family:"Space Grotesk";font-size:12px;font-weight:700;flex-wrap:wrap}
.section{padding:125px 4vw}.section-intro{max-width:800px}.section h2,.about-copy h2{font-size:clamp(3rem,6vw,6rem)}.section-intro>p:last-child,.work-header>p{color:var(--muted);font-size:18px;line-height:1.65;max-width:620px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:34px;background:rgba(255,255,255,.35);min-height:470px;transition:.3s}.service-card:hover{transform:translateY(-8px);background:white}.service-card.featured{background:var(--ink);color:white;border-color:var(--ink)}.service-number{color:var(--muted);font-size:12px}.service-icon{font-size:37px;margin:52px 0 30px}.service-card h3{font-family:"Space Grotesk";font-size:28px}.service-card p{color:var(--muted);line-height:1.65}.featured p{color:#aab0b5}.service-card ul{list-style:none;padding:0;margin-top:30px}.service-card li{padding:12px 0;border-top:1px solid var(--line);font-size:14px}.featured li{border-color:#30353b}

.work{background:#101317;color:white}.work-header{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:70px}.work-header .eyebrow span{background:var(--acid)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:70px}.project{background:#1a1e23;border-radius:var(--radius);overflow:hidden}.project-large{grid-column:1/-1}.project-visual{min-height:420px;position:relative;overflow:hidden}.project-large .project-visual{min-height:520px}.portal-visual{background:linear-gradient(135deg,#7cff00,#beff6d);display:grid;place-items:center}.portal-ui{width:72%;height:72%;background:white;border-radius:18px;display:grid;grid-template-columns:72px 1fr;box-shadow:0 35px 70px rgba(0,0,0,.22);overflow:hidden;transform:perspective(1000px) rotateX(5deg)}.portal-ui aside{background:#0f1215;padding:22px;display:flex;flex-direction:column;gap:22px}.portal-ui aside b{font-size:11px}.portal-ui aside i{height:15px;border:1px solid #40464c;border-radius:4px}.portal-ui section{padding:25px;background:#f3f5f6}.portal-top{display:flex;justify-content:space-between;color:#111}.portal-top button{border:0;background:#111;color:white;border-radius:20px;padding:7px 13px}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.portal-stats div{height:80px;background:white;border-radius:10px}.portal-chart{height:180px;background:white;border-radius:12px;position:relative}.portal-chart:after{content:"";position:absolute;inset:40px 25px;background:linear-gradient(160deg,transparent 45%,#7cff00 46%,#7cff00 49%,transparent 50%)}
.project-info{padding:25px}.project-info>div{display:flex;justify-content:space-between;color:#9ca3a9;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.project-info h3{font-family:"Space Grotesk";font-size:27px;max-width:620px}
.mobile-visual{background:linear-gradient(145deg,#194cff,#8b3dff);display:grid;place-items:center}.phone{width:220px;height:400px;border:9px solid #111;border-radius:38px;background:white;box-shadow:0 25px 60px rgba(0,0,0,.28);padding:20px;color:#111}.phone-notch{width:75px;height:18px;background:#111;border-radius:0 0 13px 13px;margin:-20px auto 25px}.phone-screen small{color:#7d848a}.phone-screen h4{font-size:26px;margin:15px 0}.balance{background:#111;color:white;border-radius:18px;padding:22px;margin:30px 0;font-size:24px}.phone-lines i{display:block;height:30px;border-bottom:1px solid #ddd}
.commerce-visual{background:#f3e7d4;display:flex;align-items:center;padding:50px;color:#111}.commerce-copy{position:relative;z-index:2}.commerce-copy small{letter-spacing:.15em}.commerce-copy strong{display:block;font-family:"Space Grotesk";font-size:45px;line-height:.95;margin:20px 0}.commerce-copy button{background:#111;color:white;border:0;padding:12px 18px;border-radius:99px}.commerce-shape{position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(145deg,#ff7d66,#ffdd58);right:30px;transform:rotate(-15deg)}

.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.process-copy{position:sticky;top:130px;height:max-content}.process-copy>p:nth-of-type(2){color:var(--muted);font-size:18px;line-height:1.65}.text-link{font-weight:700;border-bottom:1px solid;padding-bottom:5px}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:70px 1fr;padding:35px 0;border-bottom:1px solid var(--line)}.process-item>span{font-size:12px;color:var(--muted)}.process-item h3{font-family:"Space Grotesk";font-size:32px;margin:0 0 8px}.process-item p{color:var(--muted);margin:0;line-height:1.6;max-width:550px}

.about-section{background:var(--blue);color:white;padding:110px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.about-visual{position:relative;min-height:570px;display:grid;place-items:center}.giant-3535{font-family:"Space Grotesk";font-size:220px;line-height:.62;font-weight:700;letter-spacing:-.12em;transform:rotate(-6deg)}.giant-3535 span{color:transparent;-webkit-text-stroke:3px white}.zimbabwe-pill{position:absolute;bottom:25px;background:var(--acid);color:#111;padding:13px 18px;border-radius:50px;font-size:11px;font-weight:800;letter-spacing:.12em}.eyebrow.light span{background:var(--acid)}.about-copy>p{font-size:18px;color:#d7ddff;line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px;border-top:1px solid rgba(255,255,255,.25);padding-top:25px}.about-stats strong{display:block;font-family:"Space Grotesk";font-size:44px;color:var(--acid)}.about-stats span{font-size:12px;color:#d4dbff}

.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.contact-copy>p:nth-of-type(2){color:var(--muted);font-size:18px;line-height:1.65}.contact-meta{margin-top:50px;display:grid;gap:25px}.contact-meta small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.contact-meta a,.contact-meta strong{font-size:18px}.contact-form{background:white;padding:38px;border-radius:var(--radius);box-shadow:0 24px 70px rgba(20,24,28,.08)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#f8f9f7;border-radius:12px;padding:14px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue)}.contact-form .button{width:100%;margin-top:5px}.form-success{display:none;color:#2e7d00;font-size:13px;margin-top:15px}

footer{background:#0b0e11;color:white;padding:55px 4vw;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:30px;align-items:end}.footer-brand{font-family:"Space Grotesk";font-size:48px;font-weight:700}.footer-brand+p{color:#92999f}.footer-brand~div{display:flex;gap:20px;font-size:13px}footer>span{font-size:12px;color:#92999f}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .desktop-nav,.header-cta{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;border:0;background:none;width:38px}.menu-toggle span{display:block;height:2px;background:#111;margin:7px 0}
  .mobile-menu{display:flex;position:fixed;inset:84px 0 auto;background:var(--paper);z-index:14;padding:25px 4vw;flex-direction:column;gap:20px;transform:translateY(-130%);transition:.3s;border-bottom:1px solid var(--line)}.mobile-menu.open{transform:none}
  .hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{min-height:520px}.hero-footer{display:none}
  .service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.work-header,.process,.about-section,.contact{grid-template-columns:1fr}.process-copy{position:static}.about-visual{min-height:420px}.giant-3535{font-size:160px}.contact{gap:50px}
  footer{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .site-header{height:72px}.mobile-menu{inset:72px 0 auto}.hero{padding:115px 20px 70px}.hero h1{font-size:3.7rem}.hero-visual{min-height:390px}.dashboard-grid{grid-template-columns:45px 1fr}.dash-main{padding:17px}.dashboard-shell{transform:none}.metric-row{grid-template-columns:1fr}.metric-card:nth-child(2){display:none}.floating-card{display:none}
  .trust-strip{padding:25px 20px;display:block}.trust-strip div{gap:20px;margin-top:18px}.section{padding:85px 20px}.section h2,.about-copy h2{font-size:3.1rem}.service-grid,.project-grid{margin-top:45px}.project-grid{grid-template-columns:1fr}.project-large{grid-column:auto}.project-visual,.project-large .project-visual{min-height:360px}.portal-ui{width:90%;height:70%;grid-template-columns:45px 1fr}.portal-ui section{padding:14px}.commerce-shape{width:210px;height:210px;right:-40px}.work-header{display:block}.process-item{grid-template-columns:42px 1fr}.about-section{padding:80px 20px}.about-visual{min-height:320px}.giant-3535{font-size:120px}.about-stats{grid-template-columns:1fr 1fr}.contact{padding-inline:20px}.field-row{grid-template-columns:1fr}.contact-form{padding:24px}.hero-actions .button{width:100%}footer{grid-template-columns:1fr;padding:45px 20px}.footer-brand~div{flex-wrap:wrap}
}

/* Live portfolio projects */
.project-grid-live .project{transition:transform .35s ease,box-shadow .35s ease}.project-grid-live .project:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(0,0,0,.28)}
.project-link{display:block;height:100%}.project-info p{color:#aeb5bb;line-height:1.65;max-width:760px;margin:0 0 22px}.project-info h3{margin-bottom:12px}.project-cta{display:inline-flex;align-items:center;gap:9px;color:var(--acid);font-size:13px;font-weight:700}.project-cta b{font-size:17px}.website-visual{display:grid;place-items:center;padding:44px}.browser-frame{width:82%;height:78%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.3);color:#111;transform:perspective(1200px) rotateX(3deg)}.compact-browser{width:88%;height:76%}.browser-bar{height:38px;background:#edf0f2;display:flex;align-items:center;gap:7px;padding:0 13px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#b9c0c5}.browser-bar span{margin-left:8px;font-size:10px;color:#687078;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-preview{height:calc(100% - 38px);position:relative;overflow:hidden}.harvest-visual{background:linear-gradient(135deg,#3b1912,#b78343)}.harvest-preview{padding:28px;background:radial-gradient(circle at 75% 55%,rgba(210,155,79,.75),transparent 30%),linear-gradient(135deg,#17100d,#4b2b1b);color:#fff}.preview-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px}.preview-nav b{letter-spacing:.12em}.preview-nav span{opacity:.65}.preview-hero{height:90%;display:flex;flex-direction:column;justify-content:center}.preview-hero small{letter-spacing:.16em;color:#d9b477}.preview-hero strong{font-family:"Space Grotesk";font-size:clamp(30px,5vw,72px);line-height:.92;margin:16px 0;letter-spacing:-.05em}.preview-hero em{font-style:normal;color:#d7c7bd}.gennext-visual{background:linear-gradient(145deg,#5f15cf,#0d153a)}.gennext-preview{padding:35px;background:radial-gradient(circle at 80% 25%,rgba(238,84,255,.55),transparent 34%),linear-gradient(145deg,#171548,#070915);color:#fff;display:flex;flex-direction:column;justify-content:center}.preview-badge{width:max-content;background:#f2ff45;color:#111;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.12em}.gennext-preview strong{font-family:"Space Grotesk";font-size:38px;line-height:.95;margin:18px 0}.gennext-preview span{font-size:12px;color:#c8c9dc}.registration-visual{background:linear-gradient(145deg,#151936,#7136e8);display:grid;place-items:center;padding:42px}.registration-card{width:min(380px,84%);background:#fff;color:#111;border-radius:18px;padding:26px;box-shadow:0 28px 65px rgba(0,0,0,.3)}.registration-head span{display:block;font-size:8px;letter-spacing:.17em;color:#754bd5}.registration-head b{display:block;font-family:"Space Grotesk";font-size:24px;margin-top:6px}.registration-progress{display:flex;gap:6px;margin:22px 0}.registration-progress i{height:4px;flex:1;background:#e5e4ec;border-radius:5px}.registration-progress i.active{background:#6c36e4}.registration-card label{display:block;font-size:9px;color:#646a70;margin:12px 0 6px}.form-line{height:34px;border:1px solid #dde0e4;border-radius:8px}.form-line.short{width:76%}.registration-card button{width:100%;border:0;background:#111;color:white;border-radius:10px;padding:12px 14px;margin-top:18px;display:flex;justify-content:space-between}.registration-card>small{display:block;text-align:center;color:#858b90;margin-top:10px;font-size:8px}.chms-visual{background:linear-gradient(135deg,#e8edf7,#b8c5dc);display:grid;place-items:center;padding:45px}.chms-shell{width:86%;height:78%;display:grid;grid-template-columns:160px 1fr;background:#f7f9fc;color:#111;border-radius:18px;overflow:hidden;box-shadow:0 35px 80px rgba(18,31,58,.25);transform:perspective(1200px) rotateX(3deg)}.chms-shell aside{background:#151b28;color:#dce3ee;padding:25px 18px;display:flex;flex-direction:column;gap:8px}.chms-shell aside b{font-family:"Space Grotesk";font-size:20px;margin-bottom:20px}.chms-shell aside span{font-size:10px;padding:9px;border-radius:7px}.chms-shell aside .selected{background:#2c3d5e;color:#fff}.chms-shell section{padding:25px}.chms-top{display:flex;align-items:center;justify-content:space-between}.chms-top small{display:block;color:#7d8794}.chms-top strong{display:block;font-family:"Space Grotesk";font-size:23px;margin-top:3px}.chms-top button{border:0;background:#172038;color:white;border-radius:9px;padding:10px 13px;font-size:9px}.chms-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.chms-stats div{background:#fff;border:1px solid #e5e9ef;border-radius:11px;padding:15px}.chms-stats small{display:block;color:#7e8794;font-size:8px}.chms-stats b{display:block;font-family:"Space Grotesk";font-size:22px;margin-top:6px}.chms-bottom{display:grid;grid-template-columns:1.5fr .7fr;gap:12px}.chms-chart,.chms-list{height:150px;background:#fff;border:1px solid #e5e9ef;border-radius:11px;position:relative}.chms-chart span{position:absolute;inset:34px 20px;background:linear-gradient(160deg,transparent 47%,#294d91 48%,#294d91 50%,transparent 51%)}.chms-list{padding:17px}.chms-list i{display:block;height:27px;border-bottom:1px solid #e6e9ee}
@media(max-width:700px){.website-visual,.registration-visual,.chms-visual{padding:22px}.browser-frame,.compact-browser{width:96%;height:78%}.preview-nav span{display:none}.preview-hero strong{font-size:37px}.gennext-preview strong{font-size:30px}.chms-shell{width:100%;height:78%;grid-template-columns:65px 1fr}.chms-shell aside{padding:17px 8px}.chms-shell aside span{font-size:0;height:25px}.chms-shell section{padding:14px}.chms-top button{display:none}.chms-stats{gap:5px}.chms-stats div{padding:9px}.chms-stats b{font-size:15px}.chms-bottom{grid-template-columns:1fr}.chms-list{display:none}}