:root{--navy:#071244;--teal:#1ee3d2;--teal2:#00bdb7;--cyan:#20e5ef;--ink:#08112f;--muted:#65708a;--line:#e1e8ef;--soft:#f7fbfc;--shadow:0 24px 70px rgba(7,18,68,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Avenir Next,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.48}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.page{overflow:hidden}.shell{width:min(1180px,calc(100% - 44px));margin:0 auto}.nav{position:fixed;top:0;left:0;right:0;z-index:10;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navInner{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1180px,calc(100% - 44px));margin:0 auto}.logo{width:310px;max-width:42vw}.logo img{width:100%;display:block}.navLinks{display:flex;gap:32px;align-items:center;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--navy)}.navCta{padding:13px 18px;background:var(--navy);color:#fff;border-radius:999px}.menu{display:none;width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu span{width:18px;height:2px;background:var(--navy)}.mobilePanel{position:fixed;left:22px;right:22px;top:116px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:12px;display:grid}.mobilePanel a{padding:16px 18px;font-weight:900;color:var(--navy);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero{padding:164px 0 86px;background:radial-gradient(circle at 86% 26%,rgba(30,227,210,.18),transparent 24%),linear-gradient(180deg,#fff,#f7fbfc)}.heroGrid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(390px,.78fr);gap:56px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--teal2);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:22px}.eyebrow:before{content:"";width:34px;height:3px;background:linear-gradient(90deg,var(--teal),var(--cyan));border-radius:999px}h1{margin:0;color:var(--navy);font-size:clamp(44px,5.4vw,74px);line-height:.98;letter-spacing:-.039em;font-weight:950}h1 span{color:transparent;background:linear-gradient(90deg,var(--teal2),var(--cyan));-webkit-background-clip:text;background-clip:text}.heroCopy{max-width:660px;margin:28px 0 34px;font-size:18px;color:var(--muted);font-weight:550}.buttonRow{display:flex;gap:14px;flex-wrap:wrap}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:999px;font-size:13px;font-weight:900;border:1px solid transparent;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,var(--teal2),var(--navy));box-shadow:0 16px 35px #00bdb72e}.secondary{color:var(--navy);background:#fff;border-color:var(--line)}.visual{position:relative;min-height:520px;border-radius:38px;background:radial-gradient(circle at 30% 18%,rgba(30,227,210,.26),transparent 18%),linear-gradient(145deg,#f2fbfc,#fff 56%,#eef6fb);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.hSystem{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:270px;height:220px}.slash{position:absolute;width:82px;height:154px;background:linear-gradient(135deg,var(--teal),var(--teal2));transform:skew(-20deg);box-shadow:0 24px 48px #00bdb73d}.s1{left:22px;top:10px}.s2{right:22px;top:10px}.s3{left:74px;top:82px;background:linear-gradient(135deg,var(--cyan),var(--navy))}.s4{right:74px;top:82px;background:linear-gradient(135deg,var(--teal),#0b1a55)}.visualCard{position:absolute;left:34px;right:34px;bottom:34px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(225,232,239,.92);border-radius:24px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.visualCard strong{display:block;color:var(--navy);font-size:22px}.visualCard span{display:block;color:var(--muted);font-size:12px}.pillGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}.pill{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 12px 38px #0712440f}.pill:before{content:"";display:block;width:38px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--cyan));margin-bottom:18px}.pill b{display:block;color:var(--navy);margin-bottom:10px;font-size:16px}.pill span{display:block;color:var(--muted);font-size:13.5px}.section{padding:94px 0}.tint{background:radial-gradient(circle at 8% 16%,rgba(30,227,210,.1),transparent 24%),linear-gradient(180deg,#f8fbfc,#fff)}.twoCol{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px}.card,.miniCard{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);padding:42px}.card p{color:var(--muted);font-size:17px}.stack{display:grid;gap:14px}.miniCard{padding:24px}.miniCard b{display:block;color:var(--navy);margin-bottom:8px}.miniCard span{color:var(--muted);font-size:14px}.sectionHead{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,.66fr);gap:52px;align-items:end;margin-bottom:46px}h2{margin:0;color:var(--navy);font-size:clamp(34px,4.4vw,58px);line-height:1.02;letter-spacing:-.055em;font-weight:950}.sectionHead p{color:var(--muted);font-size:17px}.serviceLayout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px}.whatCard{position:sticky;top:126px;background:linear-gradient(180deg,#fff,#f7fbfc);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 18px 48px #07124414;padding:24px}.whatCard h3{margin:0 0 10px;color:var(--navy);font-size:25px}.whatCard p{color:var(--muted);font-size:13.5px}.whatList{display:grid;gap:6px;margin-top:14px}.whatList a{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:12px;border-radius:18px;font-size:13px;font-weight:850}.whatList span:first-child,.serviceIcon{display:grid;place-items:center;color:var(--teal2);border:1px solid rgba(0,189,183,.2);background:#fff}.whatList span:first-child{width:38px;height:38px;border-radius:14px}.whatList svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.serviceGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.serviceCard{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 16px 42px #0712440f;min-height:256px}.serviceIcon{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,#1ee3d238,#0712440f);margin-bottom:20px}.serviceIcon svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.serviceCard h3{margin:0 0 10px;color:var(--navy);font-size:20px}.serviceCard p{margin:0;color:var(--muted);font-size:14px}.banner{margin-top:24px;background:linear-gradient(135deg,var(--navy),#0d2878);color:#fff;border-radius:30px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.banner h3{margin:0 0 8px;font-size:26px}.banner p{margin:0;color:#ffffffb8}.process{background:var(--navy);color:#fff}.process h2{color:#fff}.process .sectionHead p{color:#ffffffb3}.processGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff24;border-radius:30px;overflow:hidden}.processGrid div{background:#ffffff0d;padding:30px;min-height:230px}.processGrid b{color:var(--teal)}.processGrid p{color:#ffffffad}.contactGrid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(360px,.72fr);gap:28px}form{display:grid;gap:13px;margin-top:26px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fbfcfd;border-radius:16px;padding:16px;color:var(--ink);outline:none}textarea{min-height:140px;resize:vertical}.formNote{font-size:13px;color:var(--muted)}.info{padding:18px 0;border-bottom:1px solid var(--line)}.info b{display:block;color:var(--navy);margin-bottom:5px}.info span{color:var(--muted);font-size:14px}footer{padding:36px 0;border-top:1px solid var(--line)}.footerInner{display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--muted);font-size:13px}.socials{display:flex;gap:10px}.socials a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy);background:#fff;transition:transform .18s ease,border-color .18s ease,color .18s ease}.socials a:hover{transform:translateY(-2px);border-color:var(--teal2);color:var(--teal2)}.socials svg{width:18px;height:18px;display:block;fill:currentColor}@media(max-width:980px){.navLinks{display:none}.menu{display:flex}.logo{width:285px;max-width:72vw}.heroGrid,.sectionHead,.twoCol,.serviceLayout,.contactGrid{grid-template-columns:1fr}.whatCard{position:static}.pillGrid,.processGrid{grid-template-columns:repeat(2,1fr)}.visual{min-height:450px}}@media(max-width:640px){.shell,.navInner{width:calc(100% - 32px)}.navInner{height:88px}.mobilePanel{top:98px;left:16px;right:16px}.logo{width:230px;max-width:calc(100vw - 94px)}.hero{padding:130px 0 64px}h1{font-size:42px}.heroCopy{font-size:16px}.buttonRow,.banner{grid-template-columns:1fr}.button{width:100%}.visual{min-height:390px;border-radius:28px}.hSystem{transform:translate(-50%,-56%) scale(.72)}.visualCard{left:18px;right:18px;bottom:18px;grid-template-columns:1fr}.section{padding:70px 0}.pillGrid,.serviceGrid,.processGrid{grid-template-columns:1fr}.card{padding:28px;border-radius:24px}.footerInner{flex-direction:column;align-items:flex-start}}.serviceIcon.ai{color:#00bdb7;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,#1ee3d247,#0712440a)}.serviceIcon.cybersecurity{color:#071244;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,#07124424,#1ee3d21a)}.serviceIcon.experience{color:#0e8f8a;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,#20e5ef38,#00bdb714)}.serviceIcon.commerce{color:#0b1a55;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,#c9a9382e,#1ee3d214)}.serviceIcon.cloud{color:#00a4b8;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,#20e5ef3d,#0712440f)}.serviceIcon.modernization{color:#071244;background:radial-gradient(circle at 30% 22%,rgba(255,255,255,.85),transparent 32%),linear-gradient(135deg,#0712441a,#00bdb729)}.whatList svg,.serviceIcon svg{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.legalHero{padding:164px 0 78px;background:radial-gradient(circle at 86% 26%,rgba(30,227,210,.16),transparent 24%),linear-gradient(180deg,#fff,#f7fbfc);border-bottom:1px solid var(--line)}.legalHero h1{max-width:920px}.legalHero p{max-width:820px;margin:26px 0 0;color:var(--muted);font-size:18px}.legalContent{max-width:920px}.legalContent .updated{color:var(--teal2);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:28px}.legalContent h2{font-size:30px;margin:36px 0 12px;letter-spacing:-.04em}.legalContent h3{margin:0 0 8px;color:var(--navy)}.legalContent p{color:var(--muted);font-size:16px;line-height:1.7}.legalContent a:not(.button){color:var(--teal2);font-weight:800}.legalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 8px}.legalGrid div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 38px #0712440f}.legalBack{margin-top:30px}.footerInner a{color:var(--navy);font-weight:400}.footerInner a:hover{color:var(--teal2)}@media(max-width:640px){.legalHero{padding:126px 0 58px}.legalGrid{grid-template-columns:1fr}.legalContent h2{font-size:26px}}