:root{
  --bg:#07101f; --bg2:#0a1730; --text:#111827; --muted:#65738a; --white:#fff;
  --blue:#1677ff; --cyan:#2bc8ff; --violet:#8d63ff; --line:#e8edf5; --card:#fff;
  --shadow:0 24px 70px rgba(18,40,80,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:fixed;z-index:80;top:0;left:0;right:0;background:rgba(4,14,29,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;min-width:168px}
.brand-icon{font-size:36px;line-height:1;color:#35a6ff}
.brand-text{font-size:22px;font-weight:800;letter-spacing:-.03em;display:flex;align-items:flex-start;flex-wrap:wrap}
.brand-text>span{color:#38a5ff}.brand-text small{font-size:8px;display:block;width:100%;font-weight:500;color:#96a9c0;letter-spacing:.02em}
.menu{display:flex;gap:22px;align-items:center;margin-left:auto}
.menu a{color:#d6dfeb;font-size:13px;font-weight:500}
.menu a:hover{color:#fff}
.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;color:white;font-size:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:0;border-radius:10px;color:#fff!important;font-weight:700;background:linear-gradient(135deg,#087cff,#6f63ff);box-shadow:0 12px 32px rgba(36,104,255,.28);transition:.2s;cursor:pointer;font:inherit}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(36,104,255,.36)}
.btn-small{padding:11px 15px;font-size:12px;white-space:nowrap}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.5);box-shadow:none}
.hero{position:relative;overflow:hidden;padding:155px 0 74px;background:radial-gradient(circle at 77% 30%,#123c69 0,#07182c 35%,#06101f 70%,#050b14 100%);color:#fff}
.grid-lines{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to right,transparent,#000,transparent)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.24}
.orb-a{width:420px;height:420px;background:#006cff;top:-180px;right:10%}
.orb-b{width:360px;height:360px;background:#8d45ff;bottom:-220px;left:38%}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.kicker{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.14em;color:#b9cce1}
.kicker.dark{color:#315b9a}
.hero h1{font-size:clamp(42px,5vw,67px);line-height:1.04;letter-spacing:-.055em;margin:15px 0 22px}
.hero h1 span,.section h2 span,.cta h2 span{background:linear-gradient(90deg,#37b3ff,#9b67ff);-webkit-background-clip:text;color:transparent}
.hero p{font-size:17px;line-height:1.72;color:#b7c5d7;max-width:720px}
.hero-actions{display:flex;gap:14px;margin:28px 0 30px}
.hero-points{display:flex;flex-wrap:wrap;gap:19px;color:#d4deea;font-size:12px}
.hero-visual{position:relative;min-height:470px}
.workspace{position:absolute;inset:25px 0 0 0;border-radius:32px;background:radial-gradient(circle at 50% 40%,rgba(37,115,226,.25),rgba(2,9,22,.7) 55%,rgba(2,8,17,.95));border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 80px rgba(0,0,0,.4);overflow:hidden}
.workspace:before{content:"";position:absolute;left:17%;right:17%;bottom:26px;height:18px;border-radius:50%;background:#081220;box-shadow:0 0 60px #127aff}
.screen{position:absolute;left:19%;right:13%;top:19%;bottom:18%;padding:45px 36px;border-radius:16px;background:linear-gradient(160deg,#07162b,#0a2240);border:1px solid #1d4771;transform:perspective(900px) rotateY(-5deg);box-shadow:0 20px 50px rgba(0,0,0,.46)}
.ms-logo{display:grid;grid-template-columns:repeat(2,18px);grid-template-rows:repeat(2,18px);gap:3px;margin-bottom:22px}.ms-logo i:nth-child(1){background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}
.screen-title{font-size:32px;font-weight:800}.screen-sub{margin-top:8px;color:#8fb3d7;font-size:13px}
.screen-chart{height:120px;display:flex;align-items:end;gap:12px;margin-top:30px;border-bottom:1px solid #173e65}.screen-chart span{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#7d6cff,#16b9ff);box-shadow:0 0 20px rgba(66,153,255,.25)}
.float-card{position:absolute;display:flex;align-items:center;gap:9px;background:rgba(18,40,74,.86);border:1px solid rgba(96,152,255,.55);box-shadow:0 15px 40px rgba(0,0,0,.25),0 0 28px rgba(73,103,255,.17);padding:12px 14px;border-radius:10px;font-size:11px;backdrop-filter:blur(12px)}
.float-card b{font-size:18px;color:#68bfff}.f1{top:13%;left:2%}.f2{top:7%;right:5%}.f3{top:37%;right:0}.f4{left:1%;bottom:16%}.f5{right:8%;bottom:10%}
.benefits{padding:24px 0 26px;background:#f5f8fc}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5ebf2;border-radius:18px;box-shadow:var(--shadow)}
.benefit{text-align:center;padding:31px 24px;position:relative}.benefit:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#e4e8ef}
.benefit .icon{font-size:30px;color:#1677ff}.benefit h3{font-size:15px;margin:12px 0 8px}.benefit p{margin:0;color:#66758c;font-size:13px;line-height:1.55}
.section{padding:100px 0}.ai-section{background:radial-gradient(circle at 73% 43%,rgba(94,144,255,.12),transparent 28%),linear-gradient(#f8fbff,#fff)}
.ai-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.section h2{font-size:clamp(34px,4.5vw,52px);letter-spacing:-.045em;line-height:1.08;margin:13px 0 18px}.lead,.section-title p{color:#66758c;line-height:1.75;font-size:16px}
.ai-console{height:500px;position:relative;border-radius:30px;background:radial-gradient(circle at center,#d9eaff,#f7fbff 58%,#eef5ff);border:1px solid #dbe7f6;overflow:hidden}
.ai-console:after{content:"";position:absolute;inset:auto 10% 4% 10%;height:80px;background:#3e85ff;filter:blur(55px);opacity:.18}
.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%);width:190px;height:240px}.bot-face{height:115px;border-radius:52px;background:linear-gradient(160deg,#eff8ff,#84baff);border:10px solid #d9edff;box-shadow:0 20px 50px rgba(27,95,181,.25),inset 0 -14px 30px rgba(20,95,187,.25);position:relative}.bot-face:after{content:"";position:absolute;inset:25px 19px;background:#0a2b55;border-radius:35px;box-shadow:inset 0 0 30px #0b1025}.bot-face span{position:absolute;z-index:2;top:50%;width:18px;height:18px;border-radius:50%;background:#67e5ff;box-shadow:0 0 17px #5ae7ff}.bot-face span:first-child{left:52px}.bot-face span:last-child{right:52px}.bot-body{width:125px;height:125px;margin:-6px auto 0;border-radius:32px 32px 50px 50px;background:linear-gradient(160deg,#f1f8ff,#89baff);border:8px solid #d9edff;display:grid;place-items:center;font-size:34px;font-weight:800;color:#2c6eff}
.agent-card{position:absolute;width:190px;padding:18px;border-radius:14px;background:rgba(255,255,255,.85);border:1px solid #d5e5fb;box-shadow:0 16px 38px rgba(31,76,140,.12);backdrop-filter:blur(10px)}
.agent-card b{display:block;color:#113766;font-size:14px;margin-bottom:6px}.agent-card span{color:#67809d;font-size:11px;line-height:1.45}.a1{left:5%;top:12%}.a2{right:4%;top:15%}.a3{left:7%;bottom:11%}.a4{right:6%;bottom:10%}
.expertise{background:#fff}.section-title.center{text-align:center;max-width:830px;margin:0 auto 45px}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.service-card{border:1px solid #e0e7f0;border-radius:14px;overflow:hidden;background:white;box-shadow:0 10px 25px rgba(20,45,80,.06);display:flex;flex-direction:column}.service-visual{height:112px;display:grid;place-items:center;color:white;font-size:38px;font-weight:800}.sharepoint{background:linear-gradient(135deg,#0bc2c8,#037c91)}.m365{background:linear-gradient(135deg,#7559ff,#b377ff)}.ai{background:radial-gradient(circle,#1766ff,#04112a)}.power{background:linear-gradient(135deg,#1a93ff,#7b5cff)}.dev{background:linear-gradient(135deg,#041b3c,#7c3cff)}.consulting{background:linear-gradient(135deg,#0861ae,#30d0ff)}.service-card h3{font-size:14px;margin:17px 16px 7px}.service-card p{font-size:12px;line-height:1.52;color:#64748b;margin:0 16px 14px;flex:1}.service-card a{font-size:11px;font-weight:800;color:#1478ff;margin:0 16px 18px}
.why{padding:72px 0;background:linear-gradient(125deg,#071426,#0a1c34);color:#fff}.why-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.why h2{font-size:36px;margin:0 0 5px}.why p{color:#9eb3c8;margin:0}.hand-note{font-size:20px;color:#d8e4f2;font-style:italic;transform:rotate(-5deg);border-bottom:2px solid #4094ff;padding-bottom:7px}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.why-card{display:flex;gap:18px;padding:22px;border:1px solid #214a77;border-radius:12px;background:rgba(10,35,65,.54)}.why-card>div{font-size:30px;color:#3e9eff}.why-card span{display:flex;flex-direction:column;gap:6px}.why-card small{color:#9bb2ca;line-height:1.5}
.cases{background:#f7f9fc}.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.case-card{background:#fff;border:1px solid #e1e8f2;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(21,46,82,.05)}.case-img{height:145px;position:relative;background-size:cover}.case-img:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,14,31,.68),transparent)}.case-img span{position:absolute;z-index:1;left:12px;bottom:10px;background:#eaf3ff;color:#1167c4;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.city{background:linear-gradient(135deg,#cbe2f6,#5a7fa9)}.finance{background:linear-gradient(135deg,#b98b67,#38404c)}.industry{background:linear-gradient(135deg,#7593a9,#283746)}.services{background:linear-gradient(135deg,#9eb9ce,#32475a)}.case-card h3{font-size:14px;margin:15px 15px 8px}.case-card p{font-size:12px;line-height:1.5;color:#66758c;margin:0 15px 13px}.case-card a{display:block;color:#1279ff;font-size:11px;font-weight:800;margin:0 15px 18px}
.cta{padding:88px 0;background:radial-gradient(circle at 80% 25%,#184b83 0,#07182b 35%,#06101f 74%);color:#fff}.cta-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.cta h2{font-size:45px;line-height:1.05;letter-spacing:-.045em;margin:10px 0 16px}.cta p{color:#b3c4d6;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats div{text-align:center;padding:22px 6px;border-left:1px solid rgba(255,255,255,.12)}.stats b{display:block;font-size:27px}.stats span{font-size:11px;color:#a9bbce}.contact-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;margin-top:50px}.contact-form,.contact-card{background:rgba(7,24,45,.75);border:1px solid rgba(117,162,211,.25);border-radius:18px;padding:28px;backdrop-filter:blur(12px)}.contact-form h3,.contact-card h3{margin:0 0 7px;font-size:23px}.contact-form>p{margin-top:0;font-size:13px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.contact-form h3,.contact-form p,.contact-form textarea,.contact-form button,.contact-form small{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px 14px;border-radius:9px;border:1px solid #234b73;background:#0a203a;color:white;font:inherit;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#3b8cff;box-shadow:0 0 0 3px rgba(59,140,255,.12)}.contact-form small{color:#7894af;line-height:1.5}.hp{display:none!important}.contact-card{display:flex;flex-direction:column;gap:15px}.contact-card a,.contact-card p{color:#dbe8f5}.mini-note{margin-top:auto;border-top:1px solid #244663;padding-top:18px;color:#70bfff;font-style:italic}
.trusted{padding:35px 0;background:#fff;text-align:center}.trusted h3{font-size:15px}.tech-row{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;margin-top:24px;color:#45617f;font-weight:700}
footer{padding:38px 0 28px;background:#040b14;color:#a3b3c4}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:25px}.footer-grid nav{display:flex;justify-content:center;gap:19px;font-size:11px}.legal{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 13px;font-size:9px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
.cursor-glow{position:fixed;width:340px;height:340px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(61,134,255,.08),transparent 66%);transform:translate(-50%,-50%);z-index:0}
@media(max-width:1050px){.menu{display:none}.menu-toggle{display:block}.menu.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#061323;padding:22px 25px;flex-direction:column;align-items:flex-start}.btn-nav{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.hero-grid,.ai-grid,.cta-grid,.contact-wrap{grid-template-columns:1fr}.hero-visual{min-height:400px}.benefits-grid{grid-template-columns:1fr 1fr}.benefit:nth-child(2):after{display:none}.why-grid{grid-template-columns:1fr}.cases-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;text-align:left}.footer-grid nav,.legal{justify-content:flex-start}.why-head{align-items:flex-start;gap:20px;flex-direction:column}.contact-form{grid-template-columns:1fr}.contact-form>*{grid-column:1!important}}
@media(max-width:560px){.container{width:min(100% - 26px,1180px)}.hero{padding-top:125px}.hero h1{font-size:42px}.hero-actions{flex-direction:column}.hero-points{display:grid;grid-template-columns:1fr 1fr}.hero-visual{min-height:330px}.float-card{font-size:9px;padding:8px}.screen{padding:28px 20px}.screen-title{font-size:24px}.benefits-grid,.cases-grid,.service-grid{grid-template-columns:1fr}.benefit:not(:last-child):after{display:none}.section{padding:72px 0}.ai-console{height:540px}.agent-card{width:155px}.a1{left:3%}.a2{right:3%}.a3{left:3%}.a4{right:3%}.cta h2{font-size:37px}.stats{grid-template-columns:1fr}.tech-row{gap:20px}.footer-grid nav{flex-wrap:wrap}}