.sub-page{background:#fff}.sub-hero{position:relative;overflow:hidden;padding:154px 0 78px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}.sub-hero.dark{background:linear-gradient(135deg,#041126 0%,#071a39 58%,#0f3b83 100%);color:#fff}.sub-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 28%,rgba(36,88,232,.18),transparent 28%),radial-gradient(circle at 14% 18%,rgba(56,189,248,.14),transparent 22%);pointer-events:none}.sub-hero.dark:before{background:radial-gradient(circle at 78% 20%,rgba(70,132,255,.42),transparent 28%),radial-gradient(circle at 17% 42%,rgba(56,189,248,.18),transparent 20%)}.sub-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:64px;align-items:center}.sub-hero-copy h1{margin:0;font-size:58px;line-height:1.12;letter-spacing:-.07em;font-weight:900}.sub-hero-copy h1 span{color:var(--blue)}.sub-hero.dark .sub-hero-copy h1 span{color:#80b4ff}.sub-hero-copy .lead{margin:24px 0 0;max-width:670px;color:#475467;font-size:19px;line-height:1.78;font-weight:650}.sub-hero.dark .lead{color:#c8d6ef}.breadcrumb{display:flex;gap:8px;margin-bottom:26px;color:#667085;font-size:13px;font-weight:800}.sub-hero.dark .breadcrumb{color:#9db2d4}.breadcrumb span:after{content:"/";margin-left:8px;color:#a8b3c7}.breadcrumb span:last-child:after{display:none}.sub-hero-actions{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.hero-panel{position:relative;min-height:360px;border-radius:30px;background:rgba(255,255,255,.72);border:1px solid rgba(231,236,244,.86);box-shadow:var(--shadow);overflow:hidden;backdrop-filter:blur(18px)}.sub-hero.dark .hero-panel{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:0 34px 90px rgba(0,0,0,.24)}.hero-panel-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(36,88,232,.08) 1px, transparent 1px),linear-gradient(90deg,rgba(36,88,232,.08) 1px, transparent 1px);background-size:34px 34px;mask-image:linear-gradient(180deg,#000,transparent 90%)}.hero-panel-card{position:absolute;left:34px;right:34px;top:38px;padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(13,32,67,.12)}.sub-hero.dark .hero-panel-card{background:rgba(5,17,38,.82);border-color:rgba(255,255,255,.12)}.panel-mini-title{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-weight:900;color:#13233c}.sub-hero.dark .panel-mini-title{color:#fff}.panel-mini-title i{width:32px;height:32px;border-radius:10px;background:#eef5ff;display:inline-flex;align-items:center;justify-content:center;color:var(--blue);font-style:normal}.panel-lines span{display:block;height:12px;margin-top:10px;border-radius:99px;background:linear-gradient(90deg,#dbe7ff,#f3f6fb)}.sub-hero.dark .panel-lines span{background:linear-gradient(90deg,rgba(94,143,255,.6),rgba(255,255,255,.08))}.panel-lines span:nth-child(1){width:82%}.panel-lines span:nth-child(2){width:64%}.panel-lines span:nth-child(3){width:74%}.floating-metric{position:absolute;right:26px;bottom:30px;width:176px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 46px rgba(13,32,67,.14);animation:floatY 4.2s ease-in-out infinite}.floating-metric strong{display:block;font-size:30px;color:var(--blue);letter-spacing:-.04em}.floating-metric span{display:block;margin-top:4px;color:#667085;font-size:13px;font-weight:800}.sub-hero.dark .floating-metric{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13)}.sub-hero.dark .floating-metric span{color:#c4d1e8}.section-title-center{text-align:center;max-width:760px;margin:0 auto 52px}.section-title-center h2{margin:0;font-size:42px;line-height:1.25;letter-spacing:-.06em;font-weight:900}.section-title-center p{margin:18px auto 0;color:#667085;font-size:17px;line-height:1.75;font-weight:600}.value-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.clean-card{position:relative;padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(13,32,67,.055);transition:.28s ease;overflow:hidden}.clean-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),#78b5ff);transform:scaleX(0);transform-origin:left;transition:.3s ease}.clean-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.clean-card:hover:before{transform:scaleX(1)}.clean-card .icon{width:54px;height:54px;border-radius:18px;background:#eef5ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:22px}.clean-card h3{margin:0 0 12px;font-size:22px;letter-spacing:-.05em}.clean-card p{margin:0;color:#667085;font-size:15px;line-height:1.7;font-weight:600}.timeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.timeline:before{content:"";position:absolute;left:8%;right:8%;top:38px;height:2px;background:linear-gradient(90deg,#dbe7ff,#2458e8,#dbe7ff)}.timeline-item{position:relative;padding:78px 18px 22px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(13,32,67,.045);text-align:center}.timeline-item b{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-size:14px;box-shadow:0 12px 24px rgba(6,18,37,.18)}.timeline-item h3{margin:0 0 8px;font-size:17px}.timeline-item p{margin:0;color:#667085;font-size:13px;line-height:1.6;font-weight:600}.dark-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#041126 0%,#071a39 58%,#0d3478 100%);color:#fff;padding:98px 0}.dark-band:before{content:"";position:absolute;inset:auto -100px -180px auto;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(36,88,232,.42),transparent 64%)}.dark-band .section-title-center p,.dark-band .split-head>p{color:#c5d3ec}.dark-band .section-title-center h2,.dark-band .split-head h2{color:#fff}.dark-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.dark-card{padding:30px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px);transition:.25s ease}.dark-card:hover{background:rgba(255,255,255,.11);transform:translateY(-7px)}.dark-card .icon{width:50px;height:50px;border-radius:16px;background:rgba(75,132,255,.18);color:#95bdff;display:flex;align-items:center;justify-content:center;margin-bottom:22px;font-size:23px}.dark-card h3{margin:0 0 12px;font-size:22px}.dark-card p{margin:0;color:#c5d3ec;line-height:1.75;font-weight:600}.split-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.sticky-copy{position:sticky;top:118px}.sticky-copy h2{margin:0;font-size:42px;line-height:1.25;letter-spacing:-.06em}.sticky-copy p{margin:20px 0 0;color:#667085;font-size:17px;line-height:1.8;font-weight:600}.stack-list{display:grid;gap:16px}.stack-item{display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:center;padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px rgba(13,32,67,.045);transition:.24s ease}.stack-item:hover{transform:translateX(8px);box-shadow:var(--shadow-soft)}.stack-item .num{width:52px;height:52px;border-radius:18px;background:#eef5ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-weight:900}.stack-item h3{margin:0 0 7px;font-size:21px}.stack-item p{margin:0;color:#667085;font-size:15px;line-height:1.65;font-weight:600}.stack-item .arrow{font-weight:900;color:#98a6bd}.logo-cloud{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.logo-cloud div{height:80px;border-radius:18px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:#98a6bd;font-weight:900;letter-spacing:.02em;box-shadow:0 12px 30px rgba(13,32,67,.035)}.portfolio-filter{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-16px 0 42px}.filter-btn{height:42px;padding:0 18px;border-radius:99px;border:1px solid var(--line);background:#fff;font-weight:850;color:#475467;cursor:pointer;transition:.2s}.filter-btn.is-active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{display:block;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 18px 48px rgba(13,32,67,.06);transition:.25s ease}.portfolio-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.portfolio-thumb{height:220px;position:relative;overflow:hidden;background:#e7eef8}.portfolio-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(4,17,38,.34))}.portfolio-thumb:after{content:"";position:absolute;left:26px;right:26px;bottom:26px;height:90px;border-radius:16px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);box-shadow:0 16px 34px rgba(0,0,0,.12)}.pf-corporate{background:linear-gradient(135deg,#b6c4d5,#eff5ff 48%,#7189a4)}.pf-commerce{background:linear-gradient(135deg,#f1eee9,#0b1220 68%)}.pf-erp{background:linear-gradient(135deg,#061225,#17438e)}.pf-gov{background:linear-gradient(135deg,#dfe8f8,#8dafda,#fff)}.pf-ai{background:linear-gradient(135deg,#07152d,#1e56c5,#37bdf8)}.pf-maint{background:linear-gradient(135deg,#e8eef7,#16243b)}.portfolio-body{padding:24px}.portfolio-body em{display:block;margin-bottom:10px;color:var(--blue);font-size:13px;font-style:normal;font-weight:900}.portfolio-body h3{margin:0;font-size:22px;letter-spacing:-.05em}.portfolio-body p{margin:12px 0 0;color:#667085;font-size:15px;line-height:1.65;font-weight:600}.portfolio-meta{display:flex;justify-content:space-between;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:#98a6bd;font-size:13px;font-weight:800}.detail-visual{display:grid;grid-template-columns:1fr .7fr;gap:24px;margin-top:42px}.detail-main-shot{min-height:410px;border-radius:30px;background:linear-gradient(135deg,#f5f7fb,#dfe9f7);border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.detail-main-shot:after{content:"";position:absolute;left:42px;right:42px;top:56px;height:260px;border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(13,32,67,.12)}.detail-side{display:grid;gap:24px}.detail-side div{border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(13,32,67,.055);padding:26px}.detail-side h3{margin:0 0 12px}.detail-side p{margin:0;color:#667085;line-height:1.7;font-weight:600}.service-accordion{display:grid;gap:14px}.acc-item{border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 12px 34px rgba(13,32,67,.045)}.acc-head{width:100%;border:0;background:#fff;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.acc-head span{font-size:13px;font-weight:900;color:var(--blue)}.acc-head strong{display:block;margin-top:6px;font-size:22px;letter-spacing:-.05em}.acc-head i{width:36px;height:36px;border-radius:50%;background:#eef5ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:900}.acc-body{display:none;padding:0 28px 28px;color:#667085;line-height:1.75;font-weight:600}.acc-item.is-open .acc-body{display:block}.acc-item.is-open .acc-head i{background:var(--navy);color:#fff;transform:rotate(45deg)}.tech-marquee{overflow:hidden;border-block:1px solid var(--line);background:#fff}.marquee-track{display:flex;gap:12px;width:max-content;padding:18px 0;animation:marquee 24s linear infinite}.marquee-track span{padding:12px 18px;border-radius:99px;background:#f4f7fb;color:#344054;font-weight:850;font-size:14px}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:54px}.contact-info{display:grid;gap:18px}.contact-info-card{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 42px rgba(13,32,67,.055)}.contact-info-card span{display:inline-flex;width:42px;height:42px;border-radius:14px;background:#eef5ff;color:var(--blue);align-items:center;justify-content:center;margin-bottom:18px}.contact-info-card h3{margin:0 0 8px;font-size:20px}.contact-info-card p{margin:0;color:#667085;line-height:1.65;font-weight:600}.contact-form{padding:34px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:16px}.form-field.full{grid-column:1/-1}.form-field label{display:block;margin-bottom:9px;font-size:14px;font-weight:900;color:#344054}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d7deea;border-radius:14px;padding:15px 16px;font-size:15px;color:#111827;outline:none;transition:.2s;background:#fff}.form-field textarea{min-height:150px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,88,232,.10)}.form-note{margin:14px 0 0;color:#667085;font-size:13px;line-height:1.6}.faq-list{max-width:900px;margin:0 auto;display:grid;gap:14px}.faq-item{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#fff;padding:22px 26px;text-align:left;cursor:pointer;font-weight:900;font-size:18px}.faq-q i{font-style:normal;color:var(--blue);font-size:24px}.faq-a{display:none;padding:0 26px 24px;color:#667085;line-height:1.75;font-weight:600}.faq-item.is-open .faq-a{display:block}.faq-item.is-open .faq-q i{transform:rotate(45deg)}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.support-card{padding:30px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 44px rgba(13,32,67,.055);text-align:center}.support-card .icon{width:58px;height:58px;margin:0 auto 20px;border-radius:20px;background:#eef5ff;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:24px}.support-card h3{margin:0 0 10px;font-size:21px}.support-card p{margin:0;color:#667085;line-height:1.65;font-weight:600}.process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.process-mini{position:relative;padding:26px 20px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 36px rgba(13,32,67,.045);transition:.25s}.process-mini:hover{transform:translateY(-6px);border-color:#bdd0ef}.process-mini b{display:block;color:var(--blue);margin-bottom:12px}.process-mini h3{margin:0 0 8px;font-size:18px}.process-mini p{margin:0;color:#667085;font-size:14px;line-height:1.6;font-weight:600}@media (max-width:1100px){.sub-hero-inner,.split-section,.contact-layout{grid-template-columns:1fr}.hero-panel{min-height:300px}.value-row,.support-grid{grid-template-columns:repeat(2,1fr)}.timeline,.process-strip{grid-template-columns:repeat(3,1fr)}.portfolio-grid,.dark-grid{grid-template-columns:repeat(2,1fr)}.logo-cloud{grid-template-columns:repeat(3,1fr)}.sticky-copy{position:static}}@media (max-width:640px){.sub-hero{padding:122px 0 58px}.sub-hero-copy h1{font-size:42px}.sub-hero-copy .lead{font-size:16px}.sub-hero-actions{display:block}.sub-hero-actions .btn{width:100%;margin-bottom:10px}.hero-panel{min-height:260px}.hero-panel-card{left:18px;right:18px;top:26px}.floating-metric{display:none}.section-title-center h2,.sticky-copy h2{font-size:32px}.value-row,.timeline,.process-strip,.portfolio-grid,.dark-grid,.support-grid,.logo-cloud,.form-grid,.detail-visual{grid-template-columns:1fr}.stack-item{grid-template-columns:52px 1fr}.stack-item .arrow{display:none}.contact-form{padding:24px}.portfolio-thumb{height:190px}}