:root{--ink:#07111f;--ink-2:#0c192b;--paper:#f2f5f4;--white:#fff;--text:#172235;--muted:#667084;--line:rgba(7,17,31,.13);--accent:#53e0bc;--accent-2:#72a7ff;--font-display:"Manrope",sans-serif;--font-body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:#dbe5f1;font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden}.page-noise{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.035;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.container{max-width:1180px}.navbar{padding:20px 0;transition:.35s}.navbar.scrolled{padding:10px 0;background:rgba(7,17,31,.88);backdrop-filter:blur(18px);box-shadow:0 8px 35px rgba(0,0,0,.14)}.navbar-brand{display:flex;align-items:center;gap:12px;color:#fff!important;font-family:var(--font-display);font-weight:700}.brand-mark{display:inline-grid;place-items:center;width:39px;height:39px;border:1px solid rgba(83,224,188,.5);border-radius:50%;color:var(--accent);font-size:12px;letter-spacing:-.04em}.brand-name{font-size:15px}.nav-link{color:#aebbc9!important;font-size:14px;font-weight:600;padding:9px 13px!important}.nav-link:hover{color:#fff!important}.btn{border-radius:2px;font-weight:700;font-size:14px;letter-spacing:.01em;padding:13px 20px;transition:.25s}.btn i{margin-left:8px}.btn-nav{border:1px solid rgba(255,255,255,.18);color:#fff;padding:9px 16px}.btn-nav:hover,.btn-ghost:hover{background:#fff;color:var(--ink)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--ink);box-shadow:0 10px 35px rgba(83,224,188,.13)}.btn-primary:hover{background:#79efd0;border-color:#79efd0;color:var(--ink);transform:translateY(-2px)}.btn-ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.navbar-toggler{border-color:rgba(255,255,255,.2)}.navbar-toggler-icon{filter:invert(1)}
.hero{position:relative;min-height:780px;padding:130px 0 90px;overflow:hidden;background:radial-gradient(circle at 75% 35%,rgba(18,88,112,.23),transparent 30%),linear-gradient(135deg,#07111f 0%,#091627 60%,#07111f 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,black,transparent 88%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18}.hero-orb-one{width:380px;height:380px;background:var(--accent);right:-150px;top:20%}.hero-orb-two{width:300px;height:300px;background:#356dff;left:-180px;bottom:0}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:#a9b7c7}.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px;box-shadow:0 0 0 6px rgba(83,224,188,.1)}.display-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,5.7vw,5rem);letter-spacing:-.06em;line-height:1.02;color:#fff;margin:28px 0 30px}.gradient-text{background:linear-gradient(100deg,var(--accent) 0%,#9cbcff 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{max-width:690px;font-size:clamp(1.1rem,1.5vw,1.28rem);color:#aebbc9;line-height:1.7;margin-bottom:35px}.hero-metrics{display:flex;gap:35px;margin-top:54px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1);max-width:660px}.hero-metrics div{display:flex;gap:10px;align-items:center}.hero-metrics strong{font-family:var(--font-display);font-size:28px;color:#fff}.hero-metrics span{font-size:12px;line-height:1.3;color:#7f8ea1;max-width:85px}.portrait-wrap{position:relative;max-width:480px;margin-left:auto}.portrait-img{position:relative;width:100%;height:auto;aspect-ratio:1/1.1;object-fit:cover;object-position:center top;border-radius:240px 240px 14px 14px;filter:saturate(.92);z-index:1;box-shadow:0 40px 100px rgba(0,0,0,.35)}.portrait-ring{position:absolute;width:86%;height:88%;border:1px solid rgba(83,224,188,.35);border-radius:50%;top:-4%;left:-7%;z-index:0}.portrait-tag{position:absolute;z-index:2;bottom:8%;left:-9%;display:flex;align-items:center;gap:13px;padding:14px 18px;background:rgba(8,20,34,.84);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);border-radius:8px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.portrait-tag i{color:var(--accent);font-size:22px}.portrait-tag div{display:flex;flex-direction:column}.portrait-tag small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7f8ea1}.portrait-tag strong{font-size:13px;color:#fff}.scroll-cue{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#718095;text-decoration:none;text-transform:uppercase;letter-spacing:.2em;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-cue span{display:block;width:1px;height:32px;background:linear-gradient(var(--accent),transparent)}
.section{padding:125px 0}.section-light{background:var(--paper);color:var(--text)}.section-kicker{display:block;color:#506075;margin-bottom:16px}.text-accent{color:var(--accent)!important}.section-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.05em;font-size:clamp(2.5rem,4.7vw,4.3rem);line-height:1.08;margin:0}.section-intro{font-size:18px;color:var(--muted);margin:0;max-width:530px}.expertise-card{height:100%;min-height:330px;padding:30px;background:#fff;border:1px solid rgba(7,17,31,.08);position:relative;transition:.35s}.expertise-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(24,37,55,.09);border-color:rgba(83,224,188,.7)}.expertise-card .card-index{position:absolute;right:24px;top:22px;font-size:11px;color:#9aa4ae;letter-spacing:.1em}.expertise-card i{display:block;color:#157d6b;font-size:28px;margin:35px 0 48px}.expertise-card h3{font-family:var(--font-display);font-size:21px;font-weight:700;margin-bottom:15px}.expertise-card p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}
.projects{background:var(--ink);position:relative}.projects:before{content:"";position:absolute;right:0;top:0;width:40%;height:60%;background:radial-gradient(circle at top right,rgba(83,224,188,.09),transparent 66%)}.project-stack{display:flex;flex-direction:column;gap:24px}.project-card{position:relative;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:7px;padding:43px;overflow:hidden;transition:.35s}.project-card:hover{border-color:rgba(83,224,188,.38);transform:translateY(-3px)}.project-featured,.project-wide{display:grid;grid-template-columns:1.08fr .92fr;min-height:470px;gap:45px;align-items:center}.project-number{position:absolute;top:22px;right:26px;color:rgba(255,255,255,.25);font-family:var(--font-display);font-size:12px}.project-meta{display:flex;gap:20px;color:var(--accent);font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.project-card h3{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em;color:#fff;font-weight:700}.project-card p{color:#98a8ba;font-size:16px;max-width:650px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.tag-list span{padding:6px 10px;border:1px solid rgba(255,255,255,.13);color:#aab7c6;font-size:11px;border-radius:20px}.project-link{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(83,224,188,.55);padding-bottom:4px}.project-link:hover{color:var(--accent)}.project-small{height:100%;min-height:410px;padding-top:70px}.project-small h3{font-size:2.3rem}.project-visual{height:330px;display:grid;place-items:center}.mock-window{width:90%;height:280px;background:linear-gradient(145deg,#10283d,#0b1b2c);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:22px;transform:rotate(2deg);box-shadow:0 35px 70px rgba(0,0,0,.3)}.mock-top{display:flex;gap:6px;margin-bottom:40px}.mock-top i{width:6px;height:6px;border-radius:50%;background:#44576a}.metric-big{font-family:var(--font-display);font-size:52px;font-weight:700;color:#fff}.metric-big small{font-size:20px;color:var(--accent)}.mock-window>span{font-size:11px;color:#72869b}.chart{height:65px;display:flex;gap:8px;align-items:flex-end;margin-top:22px}.chart i{flex:1;background:linear-gradient(var(--accent),rgba(83,224,188,.15));border-radius:2px 2px 0 0}.chart i:nth-child(1){height:25%}.chart i:nth-child(2){height:42%}.chart i:nth-child(3){height:37%}.chart i:nth-child(4){height:58%}.chart i:nth-child(5){height:54%}.chart i:nth-child(6){height:78%}.chart i:nth-child(7){height:94%}.project-wide{min-height:390px}.chat-demo{max-width:420px;margin-left:auto;display:flex;flex-direction:column;gap:14px}.chat-row{padding:15px 18px;font-size:13px;line-height:1.5;border-radius:12px;max-width:90%}.chat-row.user{background:#1e3348;color:#d8e2ec;align-self:flex-end;border-bottom-right-radius:3px}.chat-row.bot{background:rgba(83,224,188,.1);border:1px solid rgba(83,224,188,.25);color:#c4d8d2;align-self:flex-start;border-bottom-left-radius:3px}.chat-spark{color:var(--accent);margin-right:6px}
.tool-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.tool-cloud span{background:#e5eae9;padding:7px 11px;font-size:11px;color:#516071}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:145px 1fr;gap:28px;border-bottom:1px solid var(--line);padding:30px 0}.timeline-date{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#66768a;padding-top:5px}.timeline-item h3{font-family:var(--font-display);font-weight:700;font-size:19px;margin-bottom:2px}.timeline-item .company{font-size:13px;color:#147965;margin-bottom:10px;font-weight:600}.timeline-item p:last-child{font-size:14px;color:var(--muted);margin:0;max-width:590px}.contact-section{padding:100px 0;background:var(--ink-2)}.contact-panel{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:45px;padding:65px;background:linear-gradient(135deg,rgba(83,224,188,.08),rgba(114,167,255,.08));border:1px solid rgba(255,255,255,.11);overflow:hidden}.contact-panel:after{content:"";position:absolute;width:280px;height:280px;background:var(--accent);filter:blur(140px);opacity:.12;right:-100px;top:-100px}.contact-panel h2{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.05em;color:#fff;line-height:1.12;margin:0 0 20px}.contact-panel p{color:#96a6b9;margin:0}.contact-action{flex:none;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.contact-action small{color:#718196;font-size:10px;letter-spacing:.1em;text-transform:uppercase}footer{background:#050c15;padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;color:#6d7d90;font-size:12px}.footer-inner>div{display:flex;align-items:center;gap:12px;color:#bac4cf;font-weight:700}.footer-inner .brand-mark{width:32px;height:32px;font-size:10px}.footer-inner p{margin:0}.footer-inner>a{color:#8e9bad;border:1px solid rgba(255,255,255,.1);width:38px;height:38px;display:grid;place-items:center;text-decoration:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}
@media(max-width:991.98px){.navbar-collapse{margin-top:12px;background:rgba(7,17,31,.98);padding:18px;border:1px solid rgba(255,255,255,.1)}.hero{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero .d-flex,.hero-metrics{justify-content:center}.portrait-wrap{margin:35px auto 0;max-width:410px}.portrait-tag{left:0}.scroll-cue{display:none}.section{padding:90px 0}.project-featured,.project-wide{grid-template-columns:1fr}.project-visual{order:-1}.contact-panel{align-items:flex-start;flex-direction:column}.contact-action{align-items:flex-start}.section-intro{margin-top:20px}}
@media(max-width:767.98px){.hero{padding-top:120px}.brand-name{display:none}.display-title{font-size:2.8rem}.hero-metrics{gap:16px;flex-wrap:wrap}.hero-metrics div{flex-direction:column;gap:0}.portrait-wrap{max-width:340px}.portrait-tag{bottom:4%}.section{padding:75px 0}.project-card{padding:32px 24px}.project-featured,.project-wide{min-height:auto}.project-visual{height:230px}.mock-window{height:220px}.timeline-item{grid-template-columns:1fr;gap:8px}.contact-panel{padding:38px 25px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.project-card,.expertise-card{transition:none}}

/* Brand icon and MCP explainer */
.navbar-brand .brand-mark,.footer-inner .brand-mark{display:block;flex:0 0 39px;width:39px;height:39px;padding:0;overflow:hidden;border-radius:50%;line-height:0;background:#07111f url('assets/brand-icon.png') center / contain no-repeat}
.navbar-brand .brand-mark img,.footer-inner .brand-mark img{display:none}
.footer-inner .brand-mark{flex-basis:32px;width:32px;height:32px}
.mcp-section{background:#091525;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);position:relative}
.mcp-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 40%,rgba(83,224,188,.09),transparent 32%);pointer-events:none}
.mcp-intro{color:#91a1b4;margin-top:28px}
.mcp-flow{border-top:1px solid rgba(255,255,255,.12)}
.mcp-flow article{display:grid;grid-template-columns:34px 44px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.mcp-flow article>span{font-size:10px;letter-spacing:.14em;color:#607287;padding-top:5px}
.mcp-flow article>i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(83,224,188,.35);color:var(--accent);border-radius:50%;font-size:17px}
.mcp-flow h3{font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 7px}
.mcp-flow p{font-size:14px;color:#899aaf;line-height:1.7;margin:0}
.mcp-note{display:flex;gap:15px;align-items:flex-start;margin-top:24px;padding:18px 20px;background:rgba(83,224,188,.06);border-left:2px solid var(--accent)}
.mcp-note i{color:var(--accent);font-size:20px}
.mcp-note p{font-size:13px;color:#9cadbd;margin:0}
.mcp-note strong{color:#dce7ec}
@media(max-width:767.98px){.mcp-flow article{grid-template-columns:28px 38px 1fr;gap:12px}.mcp-flow article>i{width:36px;height:36px}}

/* Contact form */
.contact-heading{max-width:820px;margin-bottom:48px}
.contact-heading h2{font-family:var(--font-display);font-size:clamp(2.4rem,4.6vw,4.3rem);letter-spacing:-.055em;color:#fff;line-height:1.08;margin:0 0 20px}
.contact-heading p{max-width:680px;color:#96a6b9;font-size:17px;margin:0}
.contact-details,.contact-form{height:100%;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:34px}
.contact-details h3{font-family:var(--font-display);font-size:18px;color:#fff;margin:0 0 26px}
.contact-icons{display:flex;flex-wrap:wrap;gap:14px}
.contact-detail{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(83,224,188,.28);border-radius:50%;color:var(--accent);font-size:22px;text-decoration:none;transition:background .2s,border-color .2s}
.contact-detail:hover,.contact-detail:focus-visible{color:var(--accent);background:rgba(83,224,188,.12);border-color:var(--accent)}
.contact-detail:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.contact-detail>i{display:block;line-height:1}
.contact-location{display:flex;align-items:center;gap:10px;color:#718196;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:28px}
.contact-location i{color:var(--accent)}
.contact-form{position:relative}
.contact-form .form-label{color:#b8c4d0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.contact-form .form-control{background:rgba(5,12,21,.48);border:1px solid rgba(255,255,255,.13);border-radius:2px;color:#fff;padding:13px 15px;font-size:14px;box-shadow:none}
.contact-form textarea.form-control{resize:vertical;min-height:145px}
.contact-form .form-control::placeholder{color:#607084}
.contact-form .form-control:focus{border-color:var(--accent);background:rgba(5,12,21,.72);box-shadow:0 0 0 3px rgba(83,224,188,.09)}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}
.form-submit p{max-width:360px;color:#718196;font-size:11px;line-height:1.5;margin:0}
.form-submit .btn{flex:none}
.form-alert{padding:14px 16px;margin-bottom:20px;border-left:3px solid;font-size:13px}
.form-alert ul{margin:7px 0 0;padding-left:18px}
.form-alert.is-success{background:rgba(83,224,188,.09);border-color:var(--accent);color:#c9f5e8}
.form-alert.is-error{background:rgba(255,100,100,.08);border-color:#ff7777;color:#ffd1d1}
.footer-social{display:flex!important;align-items:center;gap:8px!important}
.footer-social a{color:#8e9bad;border:1px solid rgba(255,255,255,.1);width:38px;height:38px;display:grid;place-items:center;text-decoration:none;transition:.2s}
.footer-social a:hover{color:var(--accent);border-color:rgba(83,224,188,.4)}
@media(max-width:767.98px){.contact-details,.contact-form{padding:25px}.form-submit{align-items:flex-start;flex-direction:column}.footer-social{margin-left:auto}}