:root{--deep:#00356f;--deep2:#001f49;--deep3:#001630;--blue:#0077e6;--sky:#19b7ff;--ink:#0f2341;--text:#31435c;--muted:#64748b;--bg:#f3f7fb;--line:#dce7f2;--white:#fff;--shadow:0 24px 60px rgba(0,38,86,.14)}
    *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Noto Sans SC",sans-serif;color:var(--text);background:#fff;line-height:1.72;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.container{width:min(1220px,calc(100% - 48px));margin:0 auto}
    .navbar{position:sticky;top:0;z-index:50;background:rgba(0,31,73,.96);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}.nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:21px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.brand-mark{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#0077e6,#20c5ff);position:relative;box-shadow:0 12px 28px rgba(0,119,230,.28)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;left:9px;width:21px;height:4px;background:#fff;transform:skewX(-28deg);border-radius:4px}.brand-mark:before{top:12px}.brand-mark:after{top:22px}.nav-menu{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-links{display:flex;align-items:center;gap:34px;color:rgba(255,255,255,.85);font-size:15.5px;font-weight:700}.nav-links a{padding:26px 0;border-bottom:2px solid transparent;transition:.22s}.nav-links a:hover{color:#fff;border-bottom-color:var(--sky)}.nav-actions{display:flex;gap:20px;white-space:nowrap}.nav-phone{height:42px;display:inline-flex;align-items:center;padding:0 26px;border-radius:10px;color:#e7f7ff;background:rgba(255,255,255,.1);border:2px solid rgba(101,212,255,.42);font-weight:700;font-size:13px;letter-spacing:.04em}.nav-cta{height:42px;display:inline-flex;align-items:center;padding:0 28px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#008cff,#00b8ff);font-weight:700;font-size:13px;letter-spacing:.04em;box-shadow:0 12px 28px rgba(0,140,255,.28)}
    .hero{min-height:700px;position:relative;display:flex;align-items:center;color:#fff;background-image:linear-gradient(90deg,rgba(0,22,48,.94) 0%,rgba(0,53,111,.72) 48%,rgba(0,53,111,.25) 100%),url("../images/20260825-pexels-20.jpg");background-size:cover;background-position:center;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:62px 62px;opacity:.36;pointer-events:none}.hero-inner{position:relative;z-index:2;padding:96px 0}.hero-card{width:min(620px,92vw);padding:50px 50px 52px;background:linear-gradient(105deg,rgba(0,31,73,.76),rgba(0,86,160,.34));border-left:4px solid #20c5ff;border-top:1px solid rgba(255,255,255,.16);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-radius:4px 28px 28px 4px;box-shadow:0 30px 76px rgba(0,0,0,.28);backdrop-filter:blur(2px)}.eyebrow{display:inline-flex;padding:7px 15px;border-radius:999px;background:rgba(32,197,255,.16);border:1px solid rgba(255,255,255,.22);color:#e1f8ff;font-size:14px;margin-bottom:22px}h1{font-size:clamp(30px,3.45vw,44px);line-height:1.18;letter-spacing:-.04em;color:#fff;font-weight:700}h1 span{color:#48ccff}.hero-sub{margin-top:20px;font-size:18px;color:rgba(255,255,255,.92);font-weight:700}.hero-desc{margin-top:16px;max-width:540px;color:rgba(235,247,255,.82);font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 25px;border-radius:10px;font-size:14px;font-weight:700;transition:.25s}.btn-primary{color:#fff;background:linear-gradient(135deg,#008cff,#00b8ff);border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,140,255,.28)}.btn-ghost{color:#fff;border:2px solid rgba(255,255,255,.38);background:rgba(255,255,255,.06)}.btn:hover{transform:translateY(-2px)}
    section{padding:78px 0;position:relative}.section-head{margin-bottom:42px;max-width:1060px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-kicker{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:.24em;margin-bottom:12px}h2{color:var(--ink);font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-.03em;font-weight:700}.section-desc{margin-top:16px;max-width:1060px;color:var(--muted);font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-head.center .section-desc{margin-left:auto;margin-right:auto}
    .pain{background:#fff}.pain-layout{display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:stretch}.pain-title{padding:38px 34px;color:#fff;border-radius:28px;background:linear-gradient(145deg,#00356f,#001f49);position:relative;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.pain-title:before{content:"";position:absolute;right:-72px;top:-80px;width:210px;height:210px;border-radius:48px;border:34px solid rgba(255,255,255,.08);transform:rotate(16deg)}.pain-title h2{color:#fff;font-size:30px}.pain-title p{color:rgba(255,255,255,.76);margin-top:18px;font-size:15px}.pain-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.pain-item{padding:32px;min-height:168px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,38,86,.06);transition:.25s;position:relative;overflow:hidden}.pain-item:before{content:attr(data-no);position:absolute;right:24px;top:16px;color:rgba(0,119,230,.1);font-size:36px;font-weight:700}.pain-item b{display:block;color:var(--ink);font-size:21px;margin-bottom:12px}.pain-item span{display:block;color:var(--muted);font-size:14px;max-width:360px}.pain-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .intro-full{padding:0;background:#fff}.intro-bg{width:100%;color:#fff;background:#002855;padding:80px 0;position:relative;overflow:hidden}.intro-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,22,48,.98),rgba(0,53,111,.94)),url("../images/platform-analytics-new.jpg");background-size:cover;background-position:center;opacity:.42}.intro-bg>.container{position:relative;z-index:1}.intro-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:66px;align-items:center}.intro-visual{min-height:470px;border-radius:30px;background:#031f45;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.24)}.intro-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,53,111,.15),rgba(0,20,45,.86)),url("../images/platform-analytics-new.jpg");background-size:cover;background-position:center;opacity:.48}.intro-label{position:absolute;right:24px!important;bottom:24px!important;left:auto!important;width:auto!important;max-width:300px!important;padding:13px 18px!important;border-radius:12px!important;color:#fff;background:rgba(0,24,56,.32)!important;border:1px solid rgba(101,212,255,.18)!important;box-shadow:0 10px 26px rgba(0,0,0,.14)!important;backdrop-filter:blur(3px);z-index:2}.intro-label b{display:block;font-size:18px!important;margin-bottom:2px!important;letter-spacing:.02em}.intro-label span{font-size:13px!important;color:rgba(235,247,255,.78)!important}.intro-copy h2{color:#fff}.intro-copy p{margin-top:18px;color:rgba(235,247,255,.78)}.intro-copy .section-kicker{color:#65d4ff}.engine-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.engine-card{padding:26px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.engine-card b{display:block;color:#fff;font-size:20px;margin-bottom:8px}.engine-card span{color:rgba(235,247,255,.74);font-size:14px}.chain{grid-column:span 2;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:4px}.chain span{text-align:center;color:#dff6ff;font-size:13px;font-weight:700;padding:11px 8px;border-radius:999px;background:rgba(101,212,255,.16);border:1px solid rgba(101,212,255,.22)}
    .flow-section{background:#f6f9fd}.flow-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:34px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:40px;box-shadow:0 14px 34px rgba(0,38,86,.06)}.flow-card.dark{color:#fff;background:linear-gradient(145deg,#00356f,#001f49);border:none}.flow-card h3{font-size:25px;color:var(--ink);margin-bottom:22px}.flow-card.dark h3{color:#fff}.flow-steps{display:grid;gap:18px}.flow-step{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:18px;border-radius:18px;background:#f6f9fd;border:1px solid #e3edf7}.flow-card.dark .flow-step{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14)}.flow-step em{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-weight:700;color:#fff;background:linear-gradient(135deg,#0077e6,#19b7ff)}.flow-step b{display:block;color:var(--ink);font-size:17px;margin-bottom:2px}.flow-step span{color:var(--muted);font-size:13px}.flow-card.dark .flow-step b{color:#fff}.flow-card.dark .flow-step span{color:rgba(235,247,255,.72)}.business-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .advantages{background:#fff}.adv-panel{display:grid;grid-template-columns:420px 1fr;border-radius:34px;overflow:hidden;background:var(--deep2);box-shadow:var(--shadow)}.adv-left{color:#fff;padding:54px 44px;background-image:linear-gradient(180deg,rgba(0,31,73,.22),rgba(0,31,73,.86)),url("../images/office-team.jpg");background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;min-height:500px}.adv-left strong{font-size:58px;line-height:1;color:#48ccff}.adv-left b{display:block;font-size:29px;margin-top:16px}.adv-left span{color:rgba(255,255,255,.76);margin-top:10px}.adv-list{display:grid;grid-template-columns:repeat(2,1fr);background:rgba(255,255,255,.12);gap:1px}.adv-item{padding:46px 40px;min-height:250px;background:linear-gradient(145deg,#003f86,#002b62);color:#fff;position:relative;overflow:hidden}.adv-item:nth-child(2),.adv-item:nth-child(3){background:linear-gradient(145deg,#004b9c,#00306b)}.adv-item:before{content:attr(data-no);position:absolute;right:24px;top:18px;font-size:58px;font-weight:700;color:rgba(255,255,255,.08)}.adv-item b{display:block;font-size:24px;margin-bottom:14px}.adv-item p{color:rgba(235,247,255,.74);font-size:14px}
    .service-system{background:#fff}.service-card{border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:54px;display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.service-title-bar{display:inline-flex;background:linear-gradient(135deg,#0b52bf,#008cff);color:#fff;font-size:23px;font-weight:700;text-align:left;padding:13px 22px;margin-bottom:38px;border-radius:0 18px 18px 0;box-shadow:0 12px 26px rgba(0,85,170,.2)}.service-list{display:grid;gap:32px}.service-item{display:grid;grid-template-columns:46px 1fr;gap:20px;align-items:start;padding:0 0 0 4px}.service-dot{width:34px;height:34px;border-radius:12px;background:#0b52bf;margin-top:5px;transform:rotate(45deg)}.service-item:nth-child(2) .service-dot{background:#19b7ff}.service-item:nth-child(3) .service-dot{background:#7c8ba1}.service-item b{display:block;color:var(--ink);font-size:26px;margin-bottom:8px}.service-item p{color:#1f2f46;font-size:16px;line-height:1.85}.service-photo{min-height:430px;border-radius:28px;background-image:linear-gradient(180deg,rgba(0,31,73,.1),rgba(0,31,73,.54)),url("../images/service-team.jpg");background-size:cover;background-position:center;position:relative;overflow:hidden}.service-photo-box{position:absolute;left:28px;right:28px;bottom:28px;padding:24px;border-radius:18px;background:rgba(0,24,56,.9);color:#fff;border:1px solid rgba(101,212,255,.28);backdrop-filter:blur(8px)}.service-photo-box b{display:block;font-size:24px;margin-bottom:8px}.service-photo-box span{color:rgba(255,255,255,.75)}
    .capability{background:var(--bg)}.cap-board{display:grid;gap:24px}.cap-row{display:grid;grid-template-columns:220px repeat(3,1fr);gap:20px;padding:20px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,38,86,.06)}.cap-type{padding:28px;border-radius:18px;background:linear-gradient(135deg,#0077e6,#19b7ff);color:#fff}.cap-type b{display:block;font-size:22px;margin-bottom:8px}.cap-type span{color:rgba(255,255,255,.78);font-size:13px}.cap-cell{padding:28px;min-height:136px;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid #e3edf7}.cap-cell b{display:block;color:var(--ink);font-size:20px;margin-bottom:8px}.cap-cell span{color:var(--muted);font-size:14px}
    .solutions{background:#fff}.solution-wrap{width:100%;background:linear-gradient(90deg,#00356f,#0055aa);border-radius:34px;overflow:hidden;box-shadow:var(--shadow)}.solution-board{display:grid;grid-template-columns:1fr 1fr;color:#fff}.solution-side{padding:64px 52px;min-height:475px;position:relative}.solution-side:first-child{background:rgba(0,22,48,.26)}.solution-side:last-child{background:rgba(0,119,230,.18)}.solution-side:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;opacity:.55}.solution-side>*{position:relative;z-index:1}.solution-tag{display:inline-block;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(101,212,255,.35);color:#ddf6ff;font-size:13px;margin-bottom:26px}.solution-side h3{font-size:29px;line-height:1.35;margin-bottom:20px}.solution-side p{color:rgba(235,247,255,.78);font-size:15px;margin-bottom:28px}.solution-points{display:grid;gap:14px}.solution-points span{display:block;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.9);font-size:14px}
    .scenes{background:var(--bg)}.scene-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}details.scene-item{min-height:260px;border-radius:26px;background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 14px 34px rgba(0,38,86,.06);transition:.25s}details.scene-item:hover{transform:translateY(-4px);box-shadow:var(--shadow)}details.scene-item summary{list-style:none;cursor:pointer;min-height:260px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-size:cover;background-position:center;position:relative}details.scene-item summary::-webkit-details-marker{display:none}details.scene-item summary:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,31,73,.18),rgba(0,31,73,.86))}details.scene-item summary>*{position:relative;z-index:1}.scene-restaurant{background-image:url("../images/20260825-pexels-5.jpg")}.scene-manufacturing{background-image:url("../images/20260825-pexels-3.jpg")}.scene-retail{background-image:url("../images/scene-retail.jpg")}.scene-warehouse{background-image:url("../images/20260825-pexels-16.jpg")}.scene-flexwork{background-image:url("../images/20260825-pexels-26.jpg")}.scene-outsourcing{background-image:url("../images/20260825-pexels-33.jpg")}.scene-item b{display:block;font-size:22px;margin-bottom:8px;color:#fff}.scene-item span{color:rgba(255,255,255,.76);font-size:14px}.expand-tip{margin-top:18px;display:inline-flex;align-self:flex-start;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;color:#ddf6ff}.scene-detail{padding:24px 26px 26px;background:#fff}.scene-detail p{color:var(--muted);font-size:14px;margin-bottom:14px}.scene-detail ul{display:grid;gap:8px;padding-left:18px;color:var(--text);font-size:14px}
    .about{background:#fff}.about-card{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;border:1px solid var(--line);border-radius:30px;padding:42px;box-shadow:0 14px 34px rgba(0,38,86,.06)}.about-card p{color:var(--muted);margin-top:14px}.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.about-values span{padding:20px;border-radius:16px;background:#f6f9fd;border:1px solid #e3edf7;color:var(--ink);font-weight:700}.cooperation{color:#fff;background-image:linear-gradient(90deg,rgba(0,22,48,.94),rgba(0,53,111,.78)),url("../images/business-office.jpg");background-size:cover;background-position:center}.coop-grid{display:grid;grid-template-columns:1fr 480px;gap:60px;align-items:center}.cooperation h2{color:#fff}.cooperation .section-kicker{color:#65d4ff}.cooperation p{margin-top:18px;color:rgba(235,247,255,.76);max-width:680px}.contact-card{padding:30px 34px;border-radius:24px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 24px 58px rgba(0,0,0,.22)}.contact-card h3{font-size:24px;margin-bottom:6px}.contact-card p{color:var(--muted);margin:0 0 14px;font-size:14px}.real-form{display:grid;gap:10px;margin-top:12px}.real-form input,.real-form textarea{width:100%;border:1px solid var(--line);background:#f7fafe;border-radius:10px;padding:0 14px;font:inherit;color:var(--ink);outline:none;transition:.2s}.real-form input{height:44px}.real-form textarea{height:72px;padding-top:12px;resize:none}.real-form input:focus,.real-form textarea:focus{border-color:#19b7ff;box-shadow:0 0 0 3px rgba(25,183,255,.12);background:#fff}.contact-card .btn{width:100%;margin-top:4px;min-height:46px}
    footer{background:#001630;color:rgba(255,255,255,.72);font-size:14px}.footer-main{padding:62px 0 68px!important;border-bottom:1px solid rgba(255,255,255,.1)}.footer-grid{display:grid;grid-template-columns:1.55fr .75fr .9fr .9fr;gap:48px;align-items:start}.footer-brand{color:#fff;font-size:25px;font-weight:700;margin-bottom:16px}.footer-desc{max-width:390px;color:rgba(255,255,255,.66);line-height:1.9}.footer-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.footer-tags span{padding:5px 10px;border-left:2px solid #19b7ff;background:rgba(25,183,255,.08);color:rgba(255,255,255,.78);font-size:12px}.footer-qr-row{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:center;margin-top:22px}.footer-qr{width:86px;height:86px;background:#fff;border-radius:8px;padding:5px;object-fit:cover}.footer-qr-text b{display:block;color:#fff;font-size:15px;margin-bottom:6px}.footer-qr-text span{display:block;color:rgba(255,255,255,.6);font-size:12px;line-height:1.7}.footer-col h4{color:#fff;font-size:16px;margin-bottom:16px;position:relative}.footer-col h4:after{content:"";display:block;width:28px;height:2px;background:#19b7ff;margin-top:8px}.footer-col a,.footer-col span{display:block;color:rgba(255,255,255,.68);margin:9px 0}.footer-contact{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.footer-contact-item{border-left:2px solid rgba(25,183,255,.6);padding-left:16px}.footer-contact-item span{display:block;color:rgba(255,255,255,.48);font-size:12px;margin-bottom:4px}.footer-contact-item b,.footer-contact-item a{color:#fff;font-weight:700}.footer-bottom{padding:36px 0 44px!important}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row a{color:rgba(255,255,255,.76)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s,transform .65s}.reveal.show{opacity:1;transform:translateY(0)}.from-left{transform:translateX(-38px)}.from-right{transform:translateX(38px)}.from-left.show,.from-right.show{transform:translateX(0)}
    @media(max-width:1080px){.nav-links{display:none}.pain-layout,.intro-wrap,.flow-grid,.adv-panel,.service-card,.solution-board,.coop-grid,.about-card{grid-template-columns:1fr}.business-flow,.cap-row{grid-template-columns:1fr}.scene-layout{grid-template-columns:1fr 1fr}.section-desc{white-space:normal}}@media(max-width:680px){.container{width:min(100% - 28px,1220px)}.footer-contact{grid-template-columns:1fr}.footer-qr-row{grid-template-columns:78px 1fr}.footer-qr{width:78px;height:78px}.navbar,.nav-inner{height:64px}.nav-actions{display:none}.hero{min-height:640px}.hero-card{padding:32px 24px;border-radius:4px 20px 20px 4px}.pain-grid,.engine-cards,.chain,.adv-list,.scene-layout,.about-values,.footer-grid{grid-template-columns:1fr}.chain{grid-column:auto}.solution-side{padding:36px 24px}}


    /* 2026-07-13 structured redesign */
    .pain.featured-pain { background: linear-gradient(180deg,#fff 0%,#f4f8fd 100%); }
    .challenge-map { display:grid; grid-template-columns: .88fr 1.32fr; gap:42px; align-items:stretch; }
    .challenge-anchor { position:relative; min-height:430px; border-radius:34px; color:#fff; overflow:hidden; background:linear-gradient(145deg,#00356f,#001630); box-shadow:var(--shadow); padding:46px 42px; display:flex; flex-direction:column; justify-content:space-between; }
    .challenge-anchor:before { content:""; position:absolute; inset:auto -70px -90px auto; width:260px; height:260px; border:42px solid rgba(25,183,255,.13); transform:rotate(22deg); border-radius:54px; }
    .challenge-anchor:after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 18% 20%,rgba(25,183,255,.25),transparent 32%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:auto,52px 52px,52px 52px; opacity:.8; }
    .challenge-anchor > * { position:relative; z-index:1; }
    .challenge-anchor small { color:#65d4ff; font-weight:700; letter-spacing:.14em; }
    .challenge-anchor h3 { font-size:34px; line-height:1.25; margin-top:18px; }
    .challenge-anchor p { color:rgba(235,247,255,.78); margin-top:16px; max-width:330px; }
    .challenge-anchor .anchor-code { color:rgba(255,255,255,.08); font-size:88px; font-weight:700; line-height:1; }
    .challenge-list { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .challenge-item { position:relative; min-height:194px; padding:34px 32px 30px; border-radius:28px; background:#fff; border:1px solid #dce8f5; box-shadow:0 18px 46px rgba(0,38,86,.08); overflow:hidden; }
    .challenge-item:before { content:attr(data-no); position:absolute; right:28px; top:20px; font-size:48px; color:rgba(0,119,230,.09); font-weight:700; }
    .challenge-item:after { content:""; position:absolute; left:0; top:34px; width:4px; height:48px; background:linear-gradient(#0077e6,#19b7ff); border-radius:0 4px 4px 0; }
    .challenge-item b { display:block; color:var(--ink); font-size:22px; margin-bottom:12px; }
    .challenge-item span { display:block; color:#64748b; font-size:14px; line-height:1.85; max-width:350px; }

    .intro-bg:before { background-image:linear-gradient(90deg,rgba(0,22,48,.98),rgba(0,53,111,.92)),url("../images/tech-circuit-board.jpg") !important; opacity:.52 !important; }
    .intro-visual:before { background-image:linear-gradient(180deg,rgba(0,53,111,.18),rgba(0,20,45,.88)),url("../images/tech-circuit-board.jpg") !important; opacity:.66 !important; }

    .flow-section.flow-redesign { background:#061d3f; color:#fff; overflow:hidden; }
    .flow-section.flow-redesign:before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 18% 16%,rgba(25,183,255,.18),transparent 34%); background-size:70px 70px,70px 70px,auto; opacity:.8; }
    .flow-section.flow-redesign .container { position:relative; z-index:1; }
    .flow-section.flow-redesign h2,.flow-section.flow-redesign .section-head h2 { color:#fff; }
    .flow-section.flow-redesign .section-desc { color:rgba(235,247,255,.68); }
    .flow-block { margin-top:42px; padding-top:34px; border-top:1px solid rgba(101,212,255,.18); }
    .flow-block-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
    .flow-block-head h3 { color:#fff; font-size:28px; }
    .flow-block-head p { color:rgba(235,247,255,.62); max-width:520px; text-align:right; }
    .coop-journey { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
    .journey-step { min-height:210px; padding:28px; border-radius:24px; background:rgba(255,255,255,.08); border:1px solid rgba(101,212,255,.18); box-shadow:0 18px 42px rgba(0,0,0,.16); }
    .journey-step em,.stream-step em { font-style:normal; display:inline-grid; place-items:center; width:44px; height:44px; border-radius:14px; color:#fff; font-weight:700; background:linear-gradient(135deg,#0077e6,#19b7ff); margin-bottom:20px; }
    .journey-step b,.stream-step b { display:block; color:#fff; font-size:20px; margin-bottom:9px; }
    .journey-step span,.stream-step span { color:rgba(235,247,255,.66); font-size:14px; line-height:1.8; }
    .platform-stream { display:grid; grid-template-columns:repeat(7,1fr); border:1px solid rgba(101,212,255,.22); border-radius:22px; overflow:hidden; background:rgba(0,53,111,.28); }
    .stream-step { min-height:225px; padding:28px 20px; border-right:1px solid rgba(101,212,255,.16); position:relative; }
    .stream-step:last-child { border-right:none; }
    .stream-step:after { content:""; position:absolute; right:-8px; top:50%; width:14px; height:14px; border-top:2px solid #19b7ff; border-right:2px solid #19b7ff; transform:translateY(-50%) rotate(45deg); opacity:.65; }
    .stream-step:last-child:after { display:none; }
    .flow-core { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:28px; }
    .flow-core-card { padding:34px; min-height:230px; border-radius:28px; background:linear-gradient(145deg,rgba(0,86,160,.42),rgba(0,31,73,.72)); border:1px solid rgba(101,212,255,.18); }
    .flow-core-card small { color:#65d4ff; letter-spacing:.16em; font-weight:700; }
    .flow-core-card b { display:block; color:#fff; font-size:25px; margin:24px 0 12px; }
    .flow-core-card p { color:rgba(235,247,255,.68); font-size:14px; }

    .advantages.soft-adv { background:#fff; }
    .adv-modern { display:grid; grid-template-columns:390px 1fr; border-radius:34px; overflow:hidden; box-shadow:var(--shadow); background:#00356f; }
    .adv-photo { min-height:500px; background-image:linear-gradient(180deg,rgba(0,53,111,.18),rgba(0,31,73,.78)),url("../images/value-platform.jpg"); background-size:cover; background-position:center; padding:42px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; }
    .adv-photo strong { font-size:68px; color:#65d4ff; line-height:1; }
    .adv-photo b { display:block; font-size:30px; margin:14px 0 8px; }
    .adv-photo span { color:rgba(255,255,255,.72); }
    .adv-modern-list { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.12); }
    .adv-modern-item { position:relative; padding:48px 42px; min-height:250px; color:#fff; background:#004487; }
    .adv-modern-item:nth-child(2),.adv-modern-item:nth-child(3){ background:#0050a4; }
    .adv-modern-item em { position:absolute; right:32px; top:22px; font-style:normal; font-size:54px; font-weight:700; color:rgba(255,255,255,.08); }
    .adv-modern-item b { display:block; font-size:25px; margin-bottom:14px; }
    .adv-modern-item p { color:rgba(235,247,255,.72); font-size:14px; }

    .service-system.service-redesign { background:#f6f9fd; }
    .service-guarantee { display:grid; grid-template-columns:.82fr 1.18fr; gap:34px; align-items:stretch; }
    .service-guarantee-left { padding:44px; border-radius:30px; color:#fff; background:linear-gradient(145deg,#00356f,#0077e6); box-shadow:var(--shadow); display:flex; flex-direction:column; justify-content:space-between; min-height:420px; }
    .service-guarantee-left h3 { font-size:32px; line-height:1.25; }
    .service-guarantee-left p { color:rgba(235,247,255,.76); margin-top:16px; }
    .service-badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
    .service-badges span { padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.12); color:#fff; font-size:13px; }
    .service-guarantee-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
    .guarantee-item { padding:32px; min-height:198px; border-radius:26px; background:#fff; border:1px solid var(--line); box-shadow:0 14px 34px rgba(0,38,86,.06); }
    .guarantee-item i { display:inline-grid; place-items:center; width:42px; height:42px; border-radius:14px; background:#eaf6ff; color:#0077e6; font-style:normal; font-weight:700; margin-bottom:22px; }
    .guarantee-item b { display:block; color:var(--ink); font-size:22px; margin-bottom:10px; }
    .guarantee-item p { color:#64748b; font-size:14px; }

    .capability.capability-redesign { background:#eef5fc; }
    .cap-catalog { display:grid; gap:24px; }
    .cap-line { display:grid; grid-template-columns:230px repeat(3,1fr); gap:18px; padding:20px; border-radius:26px; background:rgba(255,255,255,.72); border:1px solid #dce8f5; box-shadow:0 16px 40px rgba(0,38,86,.06); }
    .cap-line-head { min-height:136px; padding:26px 24px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#0077e6,#19b7ff); position:relative; overflow:hidden; }
    .cap-line-head:after { content:""; position:absolute; right:24px; bottom:18px; width:70px; height:46px; border:1px dashed rgba(255,255,255,.45); border-top:none; border-radius:0 0 48px 48px; }
    .cap-line-head b { display:block; font-size:25px; margin-bottom:8px; }
    .cap-line-head span { color:rgba(255,255,255,.76); font-size:13px; }
    .cap-tile { position:relative; min-height:136px; padding:30px; border-radius:18px; background:linear-gradient(145deg,#fff,#f7fbff); border:1px solid #dce8f5; }
    .cap-tile:after { content:""; position:absolute; right:24px; top:22px; width:38px; height:38px; border-radius:50%; border:10px solid rgba(0,119,230,.06); }
    .cap-tile b { display:block; color:var(--ink); font-size:21px; margin-bottom:10px; }
    .cap-tile span { color:#64748b; font-size:14px; }

    .solutions.solution-redesign { background:#fff; }
    .solution-overview { display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border-radius:34px; box-shadow:var(--shadow); }
    .solution-hero-card { min-height:360px; padding:54px 44px; color:#fff; position:relative; background-size:cover; background-position:center; }
    .solution-hero-card:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,31,73,.92),rgba(0,86,160,.64)); }
    .solution-hero-card > * { position:relative; z-index:1; }
    .solution-hero-card.compliance { background-image:url("../images/solution-compliance.jpg"); }
    .solution-hero-card.digital { background-image:url("../images/solution-dashboard.jpg"); }
    .solution-hero-card small { display:inline-flex; padding:7px 13px; border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#ddf6ff; margin-bottom:26px; }
    .solution-hero-card h3 { font-size:30px; line-height:1.32; margin-bottom:18px; }
    .solution-hero-card p { color:rgba(235,247,255,.78); max-width:470px; }
    .solution-detail-stack { display:grid; gap:36px; margin-top:44px; }
    .solution-detail { display:grid; grid-template-columns:.72fr 1.28fr; gap:28px; align-items:stretch; padding:34px; border-radius:32px; background:#f6f9fd; border:1px solid #dce8f5; }
    .solution-detail-title { padding:34px; border-radius:24px; background:linear-gradient(145deg,#00356f,#001f49); color:#fff; }
    .solution-detail-title small { color:#65d4ff; font-weight:700; letter-spacing:.12em; }
    .solution-detail-title h3 { font-size:28px; line-height:1.28; margin:18px 0 14px; }
    .solution-detail-title p { color:rgba(235,247,255,.72); }
    .solution-detail-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .solution-detail-item { padding:28px; border-radius:20px; background:#fff; border:1px solid #dce8f5; }
    .solution-detail-item b { display:block; color:var(--ink); font-size:20px; margin-bottom:10px; }
    .solution-detail-item span { color:#64748b; font-size:14px; }

    .scene-layout.scene-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
    .scene-card { min-height:220px; border:none; border-radius:24px; overflow:hidden; text-align:left; color:#fff; cursor:pointer; position:relative; background-size:cover; background-position:center; padding:28px; display:flex; flex-direction:column; justify-content:flex-end; box-shadow:0 16px 40px rgba(0,38,86,.1); }
    .scene-card:before { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,31,73,.12),rgba(0,31,73,.84)); }
    .scene-card > * { position:relative; z-index:1; }
    .scene-card.active { outline:3px solid #19b7ff; transform:translateY(-4px); }
    .scene-card b { font-size:22px; margin-bottom:8px; }
    .scene-card span { color:rgba(255,255,255,.76); font-size:14px; }
    .scene-detail-panel { margin-top:28px; min-height:230px; padding:36px 40px; border-radius:28px; background:#fff; border:1px solid #dce8f5; box-shadow:0 18px 46px rgba(0,38,86,.08); display:grid; grid-template-columns:.8fr 1.2fr; gap:34px; align-items:center; }
    .scene-detail-panel h3 { color:var(--ink); font-size:28px; margin-bottom:12px; }
    .scene-detail-panel p { color:#64748b; }
    .scene-detail-list { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
    .scene-detail-list span { padding:18px; border-radius:16px; background:#f6f9fd; border:1px solid #e3edf7; color:var(--ink); font-weight:700; }

    .value-section { background:#fff; padding-top:70px; }
    .brand-advantages { text-align:center; }
    .brand-strip { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; margin-top:38px; }
    .brand-strip span { min-height:82px; padding:18px 12px; border-radius:12px; background:#0070d7; color:#fff; font-weight:700; display:grid; place-items:center; position:relative; overflow:hidden; }
    .brand-strip span:after { content:attr(data-no); position:absolute; right:10px; bottom:-3px; font-size:32px; color:rgba(255,255,255,.25); }
    .value-numbers { margin-top:58px; background:#00519d; color:#fff; padding:58px 40px; border-radius:28px; display:grid; grid-template-columns:repeat(5,1fr); gap:20px; }
    .value-num b { display:block; font-size:38px; line-height:1.1; }
    .value-num span { display:block; margin-top:8px; color:rgba(255,255,255,.68); font-size:13px; }



    /* 2026-07-13 flow/capability/solution/scene/contact refinement */
    .flow-section.flow-redesign{
      background:linear-gradient(180deg,#f2f7fc 0%,#ffffff 100%) !important;
      color:var(--ink) !important;
      padding-top:84px;
      border-top:1px solid #dce8f5;
    }
    .flow-section.flow-redesign:before{
      background:radial-gradient(circle at 12% 0%,rgba(25,183,255,.14),transparent 34%),linear-gradient(90deg,rgba(0,119,230,.035) 1px,transparent 1px),linear-gradient(rgba(0,119,230,.035) 1px,transparent 1px) !important;
      background-size:auto,68px 68px,68px 68px !important;
      opacity:1 !important;
    }
    .flow-section.flow-redesign h2,.flow-section.flow-redesign .section-head h2{color:var(--ink) !important;}
    .flow-section.flow-redesign .section-kicker{color:var(--blue) !important;}
    .flow-section.flow-redesign .section-desc{color:#64748b !important;}
    .flow-block{margin-top:46px;padding:42px;border-radius:34px;background:#fff;border:1px solid #dce8f5;box-shadow:0 22px 58px rgba(0,38,86,.08)}
    .flow-block + .flow-block{margin-top:34px;background:linear-gradient(135deg,#00356f,#00204b);border:none;color:#fff;box-shadow:0 26px 70px rgba(0,38,86,.22)}
    .flow-block-head{align-items:flex-start;margin-bottom:32px;border-bottom:1px solid rgba(0,119,230,.12);padding-bottom:22px}
    .flow-block + .flow-block .flow-block-head{border-bottom-color:rgba(101,212,255,.18)}
    .flow-block-head h3{color:var(--ink) !important;font-size:28px;line-height:1.25}
    .flow-block + .flow-block .flow-block-head h3{color:#fff !important}
    .flow-block-head p{color:#64748b;text-align:left;line-height:1.8}
    .flow-block + .flow-block .flow-block-head p{color:rgba(235,247,255,.68)}
    .journey-step{background:#f7fbff;border:1px solid #dce8f5;border-radius:22px;box-shadow:none;color:var(--ink);position:relative;overflow:hidden}
    .journey-step:after{content:"";position:absolute;right:24px;bottom:20px;width:46px;height:46px;border-radius:50%;border:12px solid rgba(0,119,230,.055)}
    .journey-step b{color:var(--ink)}
    .journey-step span{color:#64748b}
    .platform-stream{background:rgba(255,255,255,.08);border-color:rgba(101,212,255,.18)}
    .stream-step{background:rgba(255,255,255,.045)}
    .flow-core-card{background:rgba(255,255,255,.08);border-color:rgba(101,212,255,.2)}

    .capability.capability-redesign{background:#edf5fc !important;}
    .cap-catalog{gap:24px;}
    .cap-line{grid-template-columns:240px repeat(3,1fr);gap:18px;padding:18px;border-radius:24px;background:rgba(255,255,255,.66);box-shadow:0 18px 48px rgba(0,38,86,.07)}
    .cap-line-head{min-height:134px;background:linear-gradient(135deg,#0877d9,#22b7ff);box-shadow:0 14px 32px rgba(0,119,230,.16)}
    .cap-tile{min-height:134px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(247,251,255,.78));box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}

    .solutions.solution-redesign{background:#fff !important;}
    .solution-overview{border-radius:0;box-shadow:none;display:grid;grid-template-columns:1fr 1fr;gap:28px;overflow:visible;margin-bottom:46px}
    .solution-hero-card{border-radius:30px;overflow:hidden;box-shadow:0 22px 56px rgba(0,38,86,.12)}
    .solution-detail-stack{margin-top:0;gap:42px;}
    .solution-detail{grid-template-columns:1fr;gap:26px;padding:0;border-radius:34px;background:#fff;border:1px solid #dce8f5;box-shadow:0 22px 58px rgba(0,38,86,.08);overflow:hidden}
    .solution-detail-title{border-radius:0;padding:38px 42px;background:linear-gradient(135deg,#00356f,#0064bd)}
    .solution-detail-title h3{font-size:30px}
    .solution-detail-grid{padding:0 42px 42px;grid-template-columns:repeat(3,1fr);gap:20px}
    .solution-detail-item{padding:30px;border-radius:20px;background:#f7fbff}

    .scenes{background:#edf5fc !important;overflow:hidden}
    .scenes .container{width:100%;max-width:none;margin:0;padding:0 84px}
    .scene-layout.scene-tabs{grid-template-columns:repeat(3,1fr);gap:26px}
    .scene-card{min-height:228px;border-radius:24px}
    .scene-detail-panel{margin-top:34px;border-radius:30px;grid-template-columns:.82fr 1.18fr;background:#fff;box-shadow:0 24px 64px rgba(0,38,86,.1)}

    .value-section{background:#fff !important;padding-bottom:75px}
    .value-numbers{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0;background:#00549f;padding:62px max(84px,calc((100vw - 1220px)/2));grid-template-columns:repeat(5,1fr)}

    .cooperation{background:#001f49 !important;background-image:linear-gradient(90deg,rgba(0,22,48,.96),rgba(0,53,111,.82)),url("../images/business-office.jpg") !important;}
    .contact-card{padding:40px;border-radius:26px}
    .real-form{display:grid;gap:10px;margin-top:12px}
    .real-form input,.real-form textarea{width:100%;border:1px solid var(--line);background:#f7fafe;border-radius:10px;padding:0 14px;font:inherit;color:var(--ink);outline:none;transition:.2s}
    .real-form input{height:44px}.real-form textarea{height:72px;padding-top:12px;resize:none}
    .real-form input:focus,.real-form textarea:focus{border-color:#19b7ff;box-shadow:0 0 0 3px rgba(25,183,255,.12);background:#fff}
    .form-note{font-size:12px;color:#8a97a8;margin-top:10px;line-height:1.7}
    .form-routing{margin-top:16px;padding:14px 16px;border-radius:14px;background:#edf7ff;border:1px solid #d5ebff;color:#31506d;font-size:13px;line-height:1.75}
    .floating-contact{display:none!important}
    .floating-contact a,.floating-contact button{width:48px;height:48px;border-radius:999px;border:1px solid #dce8f5;background:#fff;color:#00549f;display:grid;place-items:center;font-weight:700;box-shadow:0 10px 28px rgba(0,38,86,.14);cursor:pointer}

    @media(max-width:1080px){
      .coop-journey,.platform-stream,.flow-core,.solution-overview,.solution-detail-grid,.scene-layout.scene-tabs,.value-numbers{grid-template-columns:1fr 1fr}
      .cap-line{grid-template-columns:1fr}
      .scenes .container{padding:0 28px}
      .scene-detail-panel{grid-template-columns:1fr}
    }
    @media(max-width:680px){
      .coop-journey,.platform-stream,.flow-core,.solution-overview,.solution-detail-grid,.scene-layout.scene-tabs,.value-numbers{grid-template-columns:1fr}
      .flow-block{padding:28px 20px}
      .flow-block-head{display:block}.flow-block-head p{margin-top:10px}
      .value-numbers{padding-left:28px;padding-right:28px}
    }



    /* 2026-07-13 latest precise refinement */
    .section-kicker{display:inline-flex!important;align-items:center;gap:12px;color:#00549f!important;font-size:13px!important;font-weight:700!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin-bottom:14px!important;line-height:1;white-space:nowrap}
    .section-kicker:before,.section-kicker:after{content:"";display:inline-block;width:32px;height:2px;background:linear-gradient(90deg,transparent,#19b7ff)}
    .section-kicker:after{background:linear-gradient(90deg,#19b7ff,transparent)}
    .intro-copy .section-kicker,.cooperation .section-kicker,.service-wide-head span,.solution-deep-side small{color:#65d4ff!important}

    .platform-stream{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;border:none!important;background:transparent!important;overflow:visible!important}
    .stream-step{min-height:180px!important;padding:28px 24px!important;border:1px solid rgba(101,212,255,.2)!important;border-radius:22px!important;background:rgba(255,255,255,.09)!important;box-shadow:0 14px 36px rgba(0,0,0,.12)!important}
    .stream-step:after{display:none!important}.stream-step em{margin-bottom:16px!important}.stream-step b{font-size:19px!important}.stream-step span{font-size:13px!important;line-height:1.75!important}
    .flow-core{margin-top:24px!important}.flow-core-card{min-height:190px!important}

    .advantages.adv-redesign{background:linear-gradient(180deg,#fff 0%,#f5f9fd 100%)}
    .adv-suite{display:grid;grid-template-columns:.95fr 1.55fr;gap:34px;align-items:stretch}
    .adv-lead{min-height:440px;border-radius:34px;padding:46px;color:#fff;background:linear-gradient(145deg,rgba(0,31,73,.98),rgba(0,96,186,.9)),url("../images/value-platform.jpg") center/cover;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
    .adv-lead:after{content:"";position:absolute;right:-70px;bottom:-80px;width:260px;height:260px;border:42px solid rgba(101,212,255,.12);border-radius:60px;transform:rotate(18deg)}
    .adv-lead>*{position:relative;z-index:1}.adv-lead span{color:#65d4ff;font-size:12px;font-weight:700;letter-spacing:.2em}.adv-lead h3{font-size:34px;line-height:1.28;margin-top:18px}.adv-lead p{color:rgba(235,247,255,.74);margin-top:16px;max-width:420px}.adv-lead-grid{display:flex;align-items:end;gap:14px}.adv-lead-grid b{font-size:82px;line-height:.8;color:#65d4ff}.adv-lead-grid em{font-style:normal;color:rgba(255,255,255,.72);font-weight:700}
    .adv-card-wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.adv-card{position:relative;min-height:209px;padding:34px 32px;border-radius:28px;background:#fff;border:1px solid #dce8f5;box-shadow:0 16px 42px rgba(0,38,86,.07);overflow:hidden}.adv-card:before{content:"";position:absolute;left:0;top:34px;width:4px;height:56px;background:linear-gradient(#0077e6,#19b7ff);border-radius:0 4px 4px 0}.adv-card i{position:absolute;right:28px;top:18px;font-style:normal;font-size:52px;font-weight:700;color:rgba(0,119,230,.09)}.adv-card b{display:block;color:var(--ink);font-size:23px;margin-bottom:12px}.adv-card p{color:#64748b;font-size:14px;line-height:1.85}

    .service-system.service-roadmap{background:#f6f9fd!important}.service-wide{border-radius:34px;background:#fff;border:1px solid #dce8f5;box-shadow:0 20px 56px rgba(0,38,86,.08);overflow:hidden}.service-wide-head{padding:44px 48px;color:#fff;background:linear-gradient(135deg,#00356f,#0077e6);display:grid;grid-template-columns:.78fr 1fr;gap:34px;align-items:end}.service-wide-head span{font-size:12px;font-weight:700;letter-spacing:.2em}.service-wide-head h3{font-size:32px;line-height:1.28}.service-wide-head p{color:rgba(235,247,255,.76);line-height:1.85}.service-road{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service-road-item{min-height:210px;padding:34px 30px;border-right:1px solid #dce8f5;background:linear-gradient(180deg,#fff,#f8fbff)}.service-road-item:last-child{border-right:none}.service-road-item i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf6ff;color:#0077e6;font-style:normal;font-weight:700;margin-bottom:24px}.service-road-item b{display:block;color:var(--ink);font-size:22px;margin-bottom:10px}.service-road-item p{color:#64748b;font-size:14px;line-height:1.8}

    .capability.capability-redesign{background:#eaf4fd!important}.cap-catalog{padding:26px;border-radius:28px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(0,38,86,.08)}.cap-line{grid-template-columns:260px repeat(3,1fr)!important;gap:18px!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important}.cap-line+.cap-line{margin-top:24px}.cap-line-head{min-height:154px!important;border-radius:18px!important;padding:30px!important}.cap-line-head:before{content:"";position:absolute;left:30px;bottom:22px;width:14px;height:14px;border-radius:50%;background:#ffc247;box-shadow:36px 0 0 #11b8ef,72px 0 0 #3267d9}.cap-tile{min-height:154px!important;padding:34px 32px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important}.cap-tile b{font-size:22px!important}

    .solutions.solution-redesign{background:#fff!important}.solution-deep-stack{display:grid;gap:34px;margin-top:42px}.solution-deep{display:grid;grid-template-columns:360px 1fr;gap:0;border-radius:30px;overflow:hidden;border:1px solid #dce8f5;box-shadow:0 20px 54px rgba(0,38,86,.08);background:#fff}.solution-deep-side{padding:40px;background:linear-gradient(145deg,#00356f,#0067c8);color:#fff}.solution-deep-side small{font-weight:700;letter-spacing:.16em}.solution-deep-side h3{font-size:28px;line-height:1.28;margin:18px 0 14px}.solution-deep-side p{color:rgba(235,247,255,.75);font-size:14px}.solution-deep-main{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.solution-stage{padding:38px 32px;border-right:1px solid #e3edf7;background:#f8fbff}.solution-stage:last-child{border-right:none}.solution-stage em{font-style:normal;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf6ff;color:#0077e6;font-weight:700;margin-bottom:26px}.solution-stage b{display:block;color:var(--ink);font-size:21px;margin-bottom:10px}.solution-stage span{color:#64748b;font-size:14px;line-height:1.8}

    .scene-detail-panel{margin-top:32px!important;padding:0!important;border:none!important;overflow:hidden!important;grid-template-columns:360px 1fr!important;gap:0!important;background:#fff!important}.scene-detail-panel>div:first-child{height:100%;padding:38px 40px;background:linear-gradient(145deg,#00356f,#0077e6);color:#fff}.scene-detail-panel>div:first-child .section-kicker{color:#65d4ff!important}.scene-detail-panel h3{color:#fff!important;font-size:30px!important}.scene-detail-panel p{color:rgba(235,247,255,.72)!important}.scene-detail-list{padding:34px!important;grid-template-columns:repeat(3,1fr)!important;gap:18px!important}.scene-detail-list span{min-height:116px!important;padding:24px!important;border-radius:18px!important;background:#f6f9fd!important;border:1px solid #dce8f5!important;display:flex;align-items:center;font-size:15px!important;line-height:1.7!important}

    .value-section{padding-bottom:0!important}.value-wide{width:100vw!important;margin:58px 0 0 calc(50% - 50vw)!important;border-radius:0!important;background:#00549f!important;padding:68px max(84px,calc((100vw - 1320px)/2))!important;display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:28px!important}.value-num{text-align:center}.value-num b{font-size:44px!important}.value-num span{font-size:14px!important;color:rgba(255,255,255,.78)!important}.floating-contact{display:none!important}

    .footer-grid-new{grid-template-columns:1.35fr .72fr .82fr 1.05fr!important}.footer-consult .footer-phone{display:block;color:#fff;font-size:22px;margin:4px 0 18px}.footer-qr-card{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid rgba(101,212,255,.22);background:rgba(25,183,255,.07);border-radius:12px}.footer-qr-card .footer-qr{width:78px;height:78px;margin:0}.footer-qr-card .footer-qr-text span{line-height:1.6}

    @media(max-width:1080px){.adv-suite,.service-wide-head,.solution-deep,.scene-detail-panel{grid-template-columns:1fr!important}.service-road,.solution-deep-main,.value-wide{grid-template-columns:repeat(2,1fr)!important}.cap-line{grid-template-columns:1fr!important}.footer-grid-new{grid-template-columns:1fr 1fr!important}}
    @media(max-width:680px){.adv-card-wrap,.service-road,.solution-deep-main,.scene-detail-list,.value-wide,.footer-grid-new{grid-template-columns:1fr!important}.platform-stream{grid-template-columns:1fr!important}.service-wide-head{padding:32px 24px}.value-wide{padding-left:28px!important;padding-right:28px!important}}

  

    /* 2026-07-13 13:44 precise fix */
    .intro-bg{padding:74px 0!important;background:#002855!important}
    .intro-bg:before{opacity:.28!important;background-image:linear-gradient(90deg,rgba(0,22,48,.97),rgba(0,53,111,.88)),url("../images/platform-analytics-new.jpg")!important}
    .intro-wrap{grid-template-columns:.92fr 1.08fr!important;gap:58px!important}
    .intro-visual{min-height:0!important;background:transparent!important;border-radius:28px!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important;overflow:hidden!important;position:relative!important}
    .intro-visual:before{display:none!important}
    .intro-visual img{display:block;width:100%;height:430px;object-fit:cover;filter:saturate(1.02) contrast(1.04) brightness(.82)}
    .intro-label{left:28px!important;right:28px!important;bottom:26px!important;background:rgba(0,24,56,.9)!important;border:1px solid rgba(101,212,255,.36)!important}
    .engine-cards{gap:22px!important;margin-top:30px!important;grid-template-columns:repeat(2, 1fr)!important}
    .engine-card{position:relative;padding:14px 22px 12px!important;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06))!important;border:1px solid rgba(101,212,255,.24)!important;box-shadow:0 14px 34px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.05)!important;overflow:hidden!important;border-radius:16px!important}
    .engine-card:before{content:"";position:absolute;left:0;top:14px;width:4px;height:28px;border-radius:0 6px 6px 0;background:#19b7ff;box-shadow:0 0 16px rgba(25,183,255,.5)}
    .engine-card:after{content:"";position:absolute;right:22px;top:22px;width:42px;height:42px;border-radius:50%;border:10px solid rgba(101,212,255,.08)}
    .engine-card b{font-size:19px!important;letter-spacing:-.02em!important;margin-bottom:4px!important;color:#fff!important;padding-left:8px!important}
    .engine-card span{font-size:13px!important;line-height:1.7!important;color:rgba(235,247,255,.82)!important;padding-left:8px!important;display:block!important}
    .chain span{background:rgba(101,212,255,.2)!important;border-color:rgba(101,212,255,.36)!important}

    .flow-section.flow-redesign{padding-top:72px!important;padding-bottom:48px!important}
    .flow-section.flow-redesign .section-head{margin-bottom:40px!important}
    .flow-section.flow-redesign h2{font-size:clamp(32px,3vw,42px)!important;letter-spacing:-.035em!important}
    .flow-section.flow-redesign .section-desc{font-size:16px!important;max-width:880px!important}
    .flow-block{margin-top:34px!important}
    .flow-block-head h3{font-size:30px!important;letter-spacing:-.02em!important}
    .journey-step b,.stream-step b{font-size:20px!important}
    .advantages.adv-redesign{padding-top:48px!important;background:linear-gradient(180deg,#fff 0%,#f5f9fd 100%)!important}

    .adv-suite,.adv-modern,.adv-panel{display:none!important}
    .adv-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
    .adv-image-card{position:relative;min-height:285px;border-radius:30px;overflow:hidden;padding:38px;color:#fff;box-shadow:0 22px 58px rgba(0,38,86,.13);display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center}
    .adv-image-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,73,.96),rgba(0,73,145,.82) 58%,rgba(0,119,230,.24));z-index:0}
    .adv-image-card:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.14);border-radius:22px;z-index:0;pointer-events:none}
    .adv-bg-1{background-image:url("../images/20260825-pexels-1.jpg")}.adv-bg-2{background-image:url("../images/20260825-pexels-30.jpg")}.adv-bg-3{background-image:url("../images/20260825-pexels-22.jpg")}.adv-bg-4{background-image:url("../images/20260825-pexels-21.jpg")}
    .adv-index{position:absolute;right:38px;top:30px;font-size:62px;font-weight:700;color:rgba(255,255,255,.13);z-index:1;line-height:1}
    .adv-content{position:relative;z-index:1;max-width:440px;background:rgba(0,24,56,.58);border:1px solid rgba(101,212,255,.22);backdrop-filter:blur(6px);border-radius:22px;padding:26px 28px}
    .adv-content b{display:block;font-size:27px;line-height:1.2;margin-bottom:12px;color:#fff}
    .adv-content p{color:rgba(235,247,255,.84);font-size:15px;line-height:1.85;margin-bottom:16px}
    .adv-content span{display:inline-flex;color:#bcefff;background:rgba(101,212,255,.12);border:1px solid rgba(101,212,255,.22);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}

    .service-system.service-roadmap{padding-top:70px!important;background:#fff!important}
    .service-wide,.service-guarantee,.service-card{display:none!important}
    .service-flow-panel{display:grid;grid-template-columns:360px 1fr;border-radius:32px;overflow:hidden;background:#fff;border:1px solid #dce8f5;box-shadow:0 24px 64px rgba(0,38,86,.09)}
    .service-flow-lead{padding:44px 38px;color:#fff;background:linear-gradient(145deg,#00356f,#0077e6);position:relative;overflow:hidden}
    .service-flow-lead:after{content:"";position:absolute;right:-62px;bottom:-70px;width:220px;height:220px;border-radius:52px;border:36px solid rgba(255,255,255,.1);transform:rotate(18deg)}
    .service-flow-lead>*{position:relative;z-index:1}.service-flow-lead span{color:#65d4ff;font-size:12px;font-weight:700;letter-spacing:.2em}.service-flow-lead h3{font-size:31px;line-height:1.28;margin:22px 0 16px}.service-flow-lead p{color:rgba(235,247,255,.78);line-height:1.9}
    .service-flow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#f6f9fd}
    .service-flow-grid article{min-height:220px;padding:38px 34px;background:#fff;border-right:1px solid #dce8f5;border-bottom:1px solid #dce8f5;position:relative;overflow:hidden}
    .service-flow-grid article:nth-child(2n){border-right:none}.service-flow-grid article:nth-child(n+3){border-bottom:none}
    .service-flow-grid article:after{content:"";position:absolute;right:28px;top:28px;width:42px;height:42px;border-radius:50%;border:10px solid rgba(0,119,230,.055)}
    .service-flow-grid em{font-style:normal;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf6ff;color:#0077e6;font-weight:700;margin-bottom:24px}.service-flow-grid b{display:block;color:var(--ink);font-size:22px;margin-bottom:10px}.service-flow-grid p{color:#64748b;font-size:14px;line-height:1.8}

    .cap-catalog{padding:34px!important;border-radius:34px!important;background:#eaf4fd!important;box-shadow:0 26px 72px rgba(0,38,86,.09)!important}
    .cap-line{grid-template-columns:250px repeat(3,1fr)!important;gap:16px!important;align-items:stretch!important;margin:0!important}
    .cap-line+.cap-line{margin-top:22px!important}
    .cap-line-head{border-radius:18px!important;background:linear-gradient(135deg,#0b80e5,#20bfff)!important;min-height:150px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
    .cap-line-head b{font-size:26px!important}.cap-line-head span{font-size:14px!important}
    .cap-tile{min-height:150px!important;border-radius:18px!important;background:rgba(255,255,255,.88)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;border:1px solid rgba(207,224,240,.9)!important}

    @media(max-width:1080px){.intro-wrap,.service-flow-panel{grid-template-columns:1fr!important}.adv-image-grid,.service-flow-grid{grid-template-columns:1fr!important}.cap-line{grid-template-columns:1fr!important}.intro-visual img{height:360px}}

  

    /* 2026-07-14 final focused rebuild */
    .challenge-map{grid-template-columns:390px 1fr!important;gap:34px!important;align-items:center!important}
    .challenge-anchor{min-height:360px!important;border-radius:28px!important}
    .challenge-list{display:grid!important;grid-template-columns:repeat(2, minmax(260px, 1fr))!important;gap:24px!important;align-content:center!important;justify-content:center!important;max-width:720px!important;margin:0 auto!important}
    .challenge-item{min-height:160px!important;padding:30px 32px!important;border-radius:24px!important}
    .challenge-item:before{font-size:42px!important;right:24px!important;top:18px!important}

    .intro-bg:before{opacity:.16!important}
    .intro-visual img{height:392px!important;width:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.03) contrast(1.03) brightness(.84)!important}
    .intro-label{bottom:20px!important;left:24px!important;right:24px!important;background:rgba(0,24,56,.88)!important}
    .intro-copy{background:rgba(0,24,56,.26);border:1px solid rgba(101,212,255,.16);border-radius:26px;padding:28px 30px;backdrop-filter:blur(2px)}

    .flow-section.flow-redesign{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%)!important;padding-top:73px!important}
    .flow-section.flow-redesign:before{display:none!important}.flow-redesign-board{display:grid;gap:30px}.flow-block{display:none!important}
    .flow-lane{border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 24px 64px rgba(0,38,86,.09);border:1px solid #dce8f5}
    .flow-lane-head{padding:38px 44px;display:grid;grid-template-columns:88px 1fr 420px;gap:24px;align-items:center;background:linear-gradient(90deg,#00356f,#0064bd);color:#fff}
    .flow-lane-head span{font-size:48px;font-weight:700;color:rgba(101,212,255,.65);line-height:1}.flow-lane-head h3{font-size:30px;color:#fff}.flow-lane-head p{color:rgba(235,247,255,.78);line-height:1.8}.flow-lane-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.flow-lane-steps article{min-height:190px;padding:34px;border-right:1px solid #dce8f5;background:linear-gradient(180deg,#fff,#f8fbff)}.flow-lane-steps article:last-child{border-right:none}.flow-lane-steps em,.business-loop article:before{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#eaf6ff;color:#0077e6;font-weight:700;font-style:normal;margin-bottom:20px}.flow-lane-steps b,.business-loop b{display:block;color:var(--ink);font-size:20px;margin-bottom:8px}.flow-lane-steps p,.business-loop span{color:#64748b;font-size:14px;line-height:1.8}.business-loop{display:grid;grid-template-columns:repeat(7,1fr);background:#fff}.business-loop article{min-height:170px;padding:30px 22px;border-right:1px solid #dce8f5;background:#fff}.business-loop article:last-child{border-right:none}.business-loop article:before{content:counter(step);counter-increment:step}.business-loop{counter-reset:step}.lane-platform .flow-lane-head{background:linear-gradient(90deg,#001f49,#003f86)}

    .adv-image-grid{display:none!important}.adv-full-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.adv-full{min-height:285px;border-radius:30px;position:relative;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 22px 58px rgba(0,38,86,.12)}.adv-full:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,22,52,.95),rgba(0,40,90,.82),rgba(0,90,180,.30))}.adv-full>div{position:absolute;left:40px;right:40px;bottom:34px;max-width:560px;color:#fff}.adv-full em{font-style:normal;color:#65d4ff;font-weight:700;letter-spacing:.16em}.adv-full h3{font-size:29px;line-height:1.2;margin:10px 0 12px}.adv-full p{color:rgba(235,247,255,.84);font-size:15px;line-height:1.85;max-width:470px}.adv-full span{margin-top:15px;display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(101,212,255,.16);color:#c9f4ff;font-size:12px;font-weight:700}.adv-bg-1{background-image:url("../images/20260825-pexels-1.jpg")}.adv-bg-2{background-image:url("../images/20260825-pexels-30.jpg")}.adv-bg-3{background-image:url("../images/20260825-pexels-22.jpg")}.adv-bg-4{background-image:url("../images/20260825-pexels-21.jpg")}

    .service-flow-panel,.service-wide{display:none!important}.service-soft{display:grid;grid-template-columns:380px 1fr;gap:32px;align-items:stretch}.service-soft-lead{border-radius:30px;padding:42px;color:#fff;background:linear-gradient(145deg,#00356f,#0077e6);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.service-soft-lead span{color:#65d4ff;font-size:12px;font-weight:700;letter-spacing:.2em}.service-soft-lead h3{font-size:31px;line-height:1.3;margin:18px 0 14px}.service-soft-lead p{color:rgba(235,247,255,.78);line-height:1.9}.service-soft-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-soft-list article{padding:34px;border-radius:26px;background:#fff;border:1px solid #dce8f5;box-shadow:0 16px 42px rgba(0,38,86,.06)}.service-soft-list em{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#eaf6ff;color:#0077e6;font-style:normal;font-weight:700;margin-bottom:22px}.service-soft-list b{display:block;color:var(--ink);font-size:22px;margin-bottom:8px}.service-soft-list p{color:#64748b;font-size:14px;line-height:1.85}

    .cap-catalog,.cap-line{display:none!important}.cap-rbt-grid{display:none!important}.service-product-matrix { display: grid; gap: 18px; margin-bottom: 64px; } .matrix-row { display: grid; grid-template-columns: 230px repeat(3, minmax(0,1fr)); gap: 16px; align-items: stretch; padding: 26px; border-radius: 18px; background: rgba(226,236,248,.74); border: 1px solid rgba(255,255,255,.82); box-shadow: 0 14px 40px rgba(0,44,95,.08); } .matrix-row-large { grid-template-columns: 230px 1.08fr 1.08fr; } .matrix-category { position: relative; overflow: hidden; min-height: 148px; padding: 30px 22px 24px; border-radius: 14px; background: radial-gradient(circle at 70% 76%, rgba(255,255,255,.45), transparent 28%), linear-gradient(145deg, rgba(0,91,172,.82), rgba(0,120,212,.66)); color: #fff; text-shadow: 0 2px 10px rgba(0,44,95,.20); } .matrix-category strong { position: relative; z-index: 2; display: block; margin-bottom: 14px; font-size: 26px; line-height: 1.16; font-weight: 900; } .matrix-category span { position: relative; z-index: 2; display: block; max-width: 190px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.45; font-weight: 800; } .matrix-orbit { position: absolute; left: 18px; right: 18px; bottom: 12px; height: 48px; border: 1px dashed rgba(255,255,255,.60); border-top: 0; border-radius: 0 0 90px 90px; opacity: .78; } .matrix-orbit i { position: absolute; bottom: -9px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 6px 18px rgba(42,78,175,.20); } .matrix-orbit i:nth-child(1) { left: 18%; background: #ffb32d; } .matrix-orbit i:nth-child(2) { left: 48%; background: #00a4e4; } .matrix-orbit i:nth-child(3) { right: 18%; background: #2457c5; } .matrix-product { position: relative; overflow: hidden; min-height: 150px; padding: 32px 30px; border-radius: 10px; background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(235,242,255,.84)), radial-gradient(circle at 84% 30%, rgba(79,140,255,.18), transparent 34%); border: 1px solid rgba(255,255,255,.86); display: flex; flex-direction: column; justify-content: center; box-shadow: inset 0 1px 0 rgba(255,255,255,.86); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .matrix-product:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(62,98,174,.15); border-color: rgba(89,145,255,.65); } .matrix-product::after { content: ""; position: absolute; right: 24px; top: 22px; width: 62px; height: 62px; border-radius: 50%; background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.96) 0 42%, rgba(255,255,255,.42) 43% 100%); } .matrix-product b { position: relative; z-index: 1; margin-bottom: 10px; color: #14223b; font-size: 23px; line-height: 1.35; font-weight: 900; } .matrix-product span { position: relative; z-index: 1; max-width: 310px; color: #5e6f87; font-size: 13px; line-height: 1.68; font-weight: 700; } .matrix-product.featured { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,248,235,.90)), radial-gradient(circle at 84% 30%, rgba(255,179,45,.18), transparent 34%); } .matrix-product.featured::after { background: radial-gradient(circle, #fff 0 42%, rgba(255,179,45,.25) 43% 100%); }@media(max-width:1080px){.matrix-row,.matrix-row-large{grid-template-columns:1fr 1fr}.matrix-category{grid-column:span 2}}@media(max-width:680px){.matrix-row,.matrix-row-large{grid-template-columns:1fr;padding:18px}.matrix-category{grid-column:auto;min-height:150px}.matrix-product{min-height:138px;padding:26px 22px}.matrix-product b{font-size:21px}.matrix-product::after{width:50px;height:50px;right:18px;top:18px}}

    .solution-overview,.solution-deep-stack,.solution-detail-stack{display:none!important}.solution-image-only{display:grid;grid-template-columns:1fr 1fr;gap:32px}.solution-img-card{min-height:360px;border-radius:30px;position:relative;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 22px 58px rgba(0,38,86,.13)}.solution-img-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,73,.96),rgba(0,74,145,.68),rgba(0,119,230,.18))}.solution-img-card>div{position:absolute;left:40px;right:40px;bottom:44px;color:#fff}.solution-img-card small{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#ddf6ff;margin-bottom:24px}.solution-img-card h3{font-size:30px;line-height:1.25;margin-bottom:12px}.solution-img-card p{color:rgba(235,247,255,.82);max-width:540px}.solution-img-card.compliance{background-image:url("../images/20260825-pexels-19.jpg")}.solution-img-card.digital{background-image:url("../images/solution-digital-data.jpg")}

    .scene-detail-panel.scene-image-detail{display:block!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.scene-detail-bg{min-height:300px;border-radius:30px;position:relative;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 20px 54px rgba(0,38,86,.12)}.scene-detail-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,31,73,.96),rgba(0,74,145,.72),rgba(0,119,230,.16))}.scene-detail-copy{position:absolute;left:42px;right:42px;bottom:42px;color:#fff;max-width:760px}.scene-detail-copy h3{color:#fff!important;font-size:32px!important;margin:14px 0 12px}.scene-detail-copy p{color:rgba(235,247,255,.84)!important;line-height:1.9!important}

    .cooperation{background-image:linear-gradient(90deg,rgba(0,22,48,.95),rgba(0,53,111,.72)),url("../images/contact-tech-office.jpg")!important}.contact-card{max-width:390px;margin-left:auto!important}.contact-card p{font-size:13px!important;line-height:1.65!important}.form-routing{display:none!important}
    .footer-contact{display:none!important}.footer-bottom-new{align-items:center}.footer-bottom-new span:nth-child(2){color:#fff;font-weight:700}.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
    @media(max-width:1080px){.challenge-map,.flow-lane-head,.service-soft,.solution-image-only{grid-template-columns:1fr!important}.flow-lane-steps,.business-loop,.adv-full-grid,.service-soft-list{grid-template-columns:1fr 1fr!important}.intro-copy{padding:24px}.scene-detail-copy{left:28px;right:28px}.matrix-row,.matrix-row-large{grid-template-columns:1fr 1fr!important}.matrix-category{grid-column:span 2!important}}
    @media(max-width:680px){.challenge-list,.flow-lane-steps,.business-loop,.adv-full-grid,.service-soft-list{grid-template-columns:1fr!important}.matrix-row,.matrix-row-large{grid-template-columns:1fr!important;padding:18px!important}.matrix-category{grid-column:auto!important;min-height:150px!important}.matrix-product{min-height:138px!important;padding:26px 22px!important}.matrix-product b{font-size:21px!important}.matrix-category strong{font-size:24px!important}.matrix-product::after{width:50px!important;height:50px!important;right:18px!important;top:18px!important}}

  

/* 2026-07-14 force pain cards single-row layout */
@media (min-width: 981px){
  .pain-layout{
    display:grid!important;
    grid-template-columns:330px minmax(0,1fr)!important;
    gap:56px!important;
    align-items:center!important;
  }
  .pain-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
    justify-content:center!important;
  }
  .pain-item{
    min-height:188px!important;
    padding:30px 24px!important;
    border-radius:22px!important;
  }
  .pain-item h3{
    font-size:20px!important;
    line-height:1.35!important;
    margin-bottom:18px!important;
    padding-right:34px!important;
  }
  .pain-item p{
    font-size:14px!important;
    line-height:1.85!important;
  }
  .pain-item .num{
    font-size:42px!important;
    top:22px!important;
    right:20px!important;
  }
}
@media (max-width: 980px){
  .pain-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important;}
}
@media (max-width: 640px){
  .pain-grid{grid-template-columns:1fr!important;}
}



/* 2026-07-14 correct challenge cards: one row on desktop */
@media (min-width: 981px){
  .featured-pain .challenge-map{
    display:grid!important;
    grid-template-columns:330px minmax(0,1fr)!important;
    gap:56px!important;
    align-items:center!important;
  }
  .featured-pain .challenge-list{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
  }
  .featured-pain .challenge-item{
    min-height:190px!important;
    padding:30px 24px!important;
    border-radius:22px!important;
  }
  .featured-pain .challenge-item b{
    font-size:20px!important;
    line-height:1.35!important;
    padding-right:38px!important;
    margin-bottom:18px!important;
  }
  .featured-pain .challenge-item span{
    font-size:14px!important;
    line-height:1.85!important;
  }
  .featured-pain .challenge-item:after{
    font-size:42px!important;
    top:24px!important;
    right:22px!important;
  }
}
@media (max-width: 980px){
  .featured-pain .challenge-list{grid-template-columns:repeat(2,1fr)!important;gap:20px!important;}
}
@media (max-width: 640px){
  .featured-pain .challenge-list{grid-template-columns:1fr!important;}
}



/* 2026-07-14 feedback: pain cards, intro spacing, flexible flow */
.pain-cardline{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important;padding-top:75px!important;padding-bottom:77px!important;overflow:hidden!important}
.pain-cardline .container{width:min(1360px,calc(100% - 88px))!important}
.pain-cardline .section-head{margin-bottom:54px!important}.pain-cardline h2{font-size:clamp(32px,3.2vw,44px)!important}.pain-cardline .section-desc{max-width:980px!important;margin-left:auto!important;margin-right:auto!important;white-space:normal!important}
.pain-cardline-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important;width:100%!important}
.pain-cardline-item{position:relative;min-height:186px!important;padding:26px 24px 24px!important;border-radius:18px!important;background:#fff!important;border:1px solid #dce8f5!important;box-shadow:0 18px 42px rgba(0,38,86,.055)!important;overflow:hidden!important;transition:.22s!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.pain-cardline-item.active{border-color:#9bd4ff!important;box-shadow:0 24px 62px rgba(0,119,230,.12)!important;transform:translateY(-2px)}
.pain-cardline-item:before{content:attr(data-no)!important;position:absolute!important;left:22px!important;top:20px!important;font-size:40px!important;line-height:1!important;font-weight:700!important;color:rgba(15,35,65,.10)!important}
.pain-cardline-item.active:before{color:rgba(0,119,230,.28)!important}
.pain-cardline-item i{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;border-radius:11px!important;background:#eaf4ff!important;color:#0077e6!important;font-style:normal!important;font-weight:700!important;font-size:20px!important;position:absolute!important;right:22px!important;top:20px!important}
.pain-cardline-item b{display:block!important;color:var(--ink)!important;font-size:19px!important;line-height:1.4!important;margin-bottom:10px!important;padding:68px 0 0!important}
.pain-cardline-item span{display:block!important;color:#64748b!important;font-size:14px!important;line-height:1.75!important;max-width:none!important;padding-bottom:46px!important}
.pain-cardline-item em{position:absolute!important;left:24px!important;bottom:24px!important;transform:none!important;font-style:normal!important;color:#0077e6!important;background:#eaf4ff!important;border-radius:999px!important;padding:6px 15px!important;font-size:13px!important;font-weight:700!important}
.pain-cardline-item:nth-child(3) em{color:#0077e6!important;background:#eaf4ff!important;border:1px solid transparent!important;box-shadow:none!important}
@media(max-width:1160px){.pain-cardline-grid{grid-template-columns:repeat(3,1fr)!important;gap:26px!important}.pain-cardline .container{width:min(100% - 48px,1220px)!important}}
@media(max-width:760px){.pain-cardline-grid{grid-template-columns:1fr!important}}
.intro-bg{padding:85px 0!important}.intro-bg>.container{width:min(1320px,calc(100% - 96px))!important}.intro-wrap{grid-template-columns:.9fr 1.1fr!important;gap:80px!important;align-items:center!important}.intro-visual{transform:translateX(-18px)!important}.intro-visual img{height:392px!important;width:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(1.03) contrast(1.03) brightness(.84)!important}.intro-label{position:absolute!important;right:24px!important;bottom:24px!important;left:auto!important;width:auto!important;max-width:320px!important;padding:13px 18px!important;border-radius:12px!important;background:rgba(0,24,56,.9)!important;border:1px solid rgba(101,212,255,.36)!important}.intro-copy{transform:translateX(18px)!important;padding:22px 32px 26px!important;border-radius:28px!important}.intro-copy h2{font-size:clamp(30px,2.65vw,38px)!important;line-height:1.24!important;margin-bottom:20px!important}.intro-copy p{font-size:15px!important;line-height:1.9!important;margin-top:14px!important;color:rgba(235,247,255,.76)!important}.engine-cards{gap:18px!important;margin-top:22px!important}.engine-card{padding:18px 22px!important;border-radius:15px!important}.engine-card:before{top:12px!important;height:24px!important}.engine-card:after{right:18px!important;top:18px!important;width:36px!important;height:36px!important;border:8px solid rgba(101,212,255,.08)!important}.engine-card b{font-size:18px!important;margin-bottom:2px!important;padding-left:8px!important}.engine-card span{font-size:12.5px!important;line-height:1.65!important;padding-left:8px!important}.chain{gap:8px!important;margin-top:14px!important}.chain span{font-size:11px!important;padding:6px 5px!important}
@media(max-width:1080px){.intro-bg>.container{width:min(100% - 48px,1220px)!important}.intro-wrap{grid-template-columns:1fr!important;gap:40px!important}.intro-visual,.intro-copy{transform:none!important}}
.flow-section.flow-redesign{background:linear-gradient(180deg,#f5f9fe 0%,#ffffff 100%)!important;padding-top:75px!important;padding-bottom:72px!important;overflow:hidden!important}.flow-section.flow-redesign:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 8% 8%,rgba(25,183,255,.12),transparent 28%),radial-gradient(circle at 92% 18%,rgba(0,119,230,.10),transparent 30%)!important;opacity:1!important}
.flow-river{display:grid;gap:34px}
.flow-river-lane{background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 22px 60px rgba(0,38,86,.08);border:1px solid #e1ebf7}
.flow-river-head{padding:30px 38px;display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:center;background:linear-gradient(135deg,#00356f,#006fce);color:#fff}
.flow-river-lane.lane-platform .flow-river-head{background:linear-gradient(135deg,#001f49,#0054a8)}
.flow-river-no{font-size:40px;font-weight:700;color:rgba(101,212,255,.7);line-height:1}
.flow-river-head h3{font-size:25px;line-height:1.25}
.flow-river-head p{color:rgba(235,247,255,.8);font-size:14px;line-height:1.8;margin-top:6px;max-width:560px}
.flow-river-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 34px 36px}
.flow-river-steps.seven{grid-template-columns:repeat(7,1fr)}
.flow-chip{border:none;cursor:default;text-align:left;background:#f4f9ff;border-radius:18px;padding:22px 20px;display:flex;flex-direction:column;gap:8px;box-shadow:inset 0 0 0 1px #e1ebf7;transition:.2s}
.flow-chip:hover{background:#eaf4ff;transform:translateY(-3px)}
.flow-chip i{font-style:normal;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#0077e6;color:#fff;font-weight:700;font-size:14px}
.flow-chip b{display:block;color:var(--ink);font-size:17px}
.flow-chip span{color:#64748b;font-size:12.5px;line-height:1.7}
@media(max-width:1080px){.flow-river-steps{grid-template-columns:repeat(2,1fr)!important}.flow-river-steps.seven{grid-template-columns:repeat(3,1fr)!important}.flow-river-head{grid-template-columns:1fr}}
@media(max-width:680px){.flow-river-steps,.flow-river-steps.seven{grid-template-columns:1fr!important}}



/* 2026-07-14 latest: footer, value order, static scenes, full-width solutions */
.solution-redesign{padding-left:0!important;padding-right:0!important;overflow:hidden!important}.solution-redesign>.container{width:100%!important;max-width:none!important}.solution-redesign .section-head{width:min(1220px,calc(100% - 96px))!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.solution-redesign .section-head .section-desc{margin-left:auto!important;margin-right:auto!important}.solution-image-only{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;grid-template-columns:1fr 1fr!important;gap:0!important}.solution-img-card{border-radius:0!important;min-height:440px!important;box-shadow:none!important}.solution-img-card>div{left:54px!important;right:54px!important;bottom:54px!important;max-width:none!important}.solution-img-card.digital>div{left:54px!important;right:54px!important;max-width:none!important}.solution-img-card small{font-weight:700!important;letter-spacing:.04em!important}.solution-img-card p{font-size:14px!important;line-height:1.75!important;color:rgba(235,247,255,.85)!important}
.scenes-static{background:#f3f8fd!important;padding:120px 0 132px!important}.scenes-static .container{width:min(1700px,calc(100% - 96px))!important;margin:0 auto!important}.scene-static-grid{grid-template-columns:repeat(4,1fr)!important;gap:56px!important}.scene-static-grid .scene-card{cursor:default!important;min-height:auto!important;aspect-ratio:1/1!important;outline:none!important;transform:none!important;border-radius:34px!important;padding:34px!important;padding-top:120px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;box-shadow:0 18px 48px rgba(0,38,86,.10)!important;border:1px solid rgba(255,255,255,.14)!important}.scene-static-grid .scene-card:hover{transform:translateY(-6px)!important}.scene-static-grid .scene-card b{font-size:23px!important;margin-bottom:10px!important;line-height:1.3!important;font-weight:700!important}.scene-static-grid .scene-card span{line-height:1.85!important;font-size:13px!important;color:rgba(255,255,255,.78)!important;max-width:360px!important}.scene-static-grid .scene-card .scene-num{position:absolute;top:28px;right:34px;left:auto!important;font-size:22px;font-weight:700;color:rgba(255,255,255,.35);font-style:normal;line-height:1;z-index:2}.scene-static-grid .scene-card .scene-icon{position:absolute;top:28px;left:34px;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;z-index:2}.scene-static-grid .scene-card .scene-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.scene-cleaning{background-image:url("../images/scene-retail.jpg")}.scene-event{background-image:url("../images/office-team.jpg")}.scene-community{background-image:url("../images/business-office.jpg")}.scene-detail-panel,.scene-image-detail{display:none!important}
.value-section{padding-bottom:80px!important}.value-wide{grid-template-columns:repeat(6,1fr)!important;margin-top:60px!important}.value-num{text-align:center!important}.value-num b{font-size:40px!important}.cooperation{margin-top:0!important}.footer-bottom{padding:42px 0 46px!important}.footer-row.footer-bottom-new{justify-content:space-between!important}.footer-row.footer-bottom-new span:nth-child(2){display:none!important}.footer-main{padding-bottom:58px!important}
@media(max-width:980px){.solution-image-only{grid-template-columns:1fr!important}.solution-img-card>div,.solution-img-card.digital>div{left:36px!important;right:36px!important}.scene-static-grid{grid-template-columns:repeat(2,1fr)!important}.value-wide{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:640px){.scene-static-grid,.value-wide{grid-template-columns:1fr!important}}



/* 2026-07-22 flow card redesign (参考图深色底, 向两侧延伸) */
.flow-section.flow-cards-redesign{background:linear-gradient(160deg,#001630 0%,#001f49 35%,#00356f 100%)!important;padding:92px 0 100px!important;color:#fff!important;overflow:hidden!important}
.flow-section.flow-cards-redesign:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 12% 20%,rgba(25,183,255,.16),transparent 36%),radial-gradient(circle at 88% 80%,rgba(0,119,230,.14),transparent 40%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:auto,auto,80px 80px,80px 80px!important;opacity:1!important}
.flow-section.flow-cards-redesign .container{width:100%!important;max-width:1680px!important;padding:0 32px!important;position:relative;z-index:1}
.flow-section.flow-cards-redesign .section-kicker{color:#65d4ff!important}
.flow-section.flow-cards-redesign .section-head h2{color:#fff!important}
.flow-section.flow-cards-redesign .section-desc{color:rgba(235,247,255,.72)!important;white-space:normal!important}
.flow-cards-rows{display:grid;gap:78px}
.flow-cards-row{display:grid;gap:34px}
.flow-cards-label{display:flex;align-items:center;justify-content:center;gap:16px;font-size:24px;font-weight:700;color:#fff;padding-bottom:10px;border-bottom:1px solid rgba(101,212,255,.22)}
.flow-cards-grid{display:grid;gap:28px;align-items:stretch}
.flow-cards-grid.four{grid-template-columns:repeat(4,1fr)}
.flow-cards-grid.seven{grid-template-columns:repeat(7,1fr)}
.flow-cards-grid article{position:relative;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:24px 18px;box-shadow:0 18px 46px rgba(0,0,0,.22);transition:.28s}
.flow-cards-grid article:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(0,0,0,.3);border-color:#65d4ff}
.flow-cards-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#eaf6ff,#f4fbff);color:#0077e6;margin-bottom:14px;box-shadow:0 6px 20px rgba(0,119,230,.18)}
.flow-cards-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.flow-cards-grid em{position:absolute;top:16px;right:16px;font-style:normal;font-weight:700;font-size:13px;color:rgba(0,119,230,.75)}
.flow-cards-grid b{display:block;color:var(--ink);font-size:17px;margin-bottom:8px;font-weight:700;line-height:1.35}
.flow-cards-grid span{display:block;color:#64748b;font-size:14px;line-height:1.55}
.flow-cards-grid article:not(:last-child):after{content:"";position:absolute;right:-24px;top:50%;width:16px;height:16px;border-top:3px solid #19b7ff;border-right:3px solid #19b7ff;transform:translateY(-50%) rotate(45deg);opacity:.8;z-index:2}
.flow-cards-grid.four article:nth-child(4):after,.flow-cards-grid.seven article:nth-child(7):after{display:none}
@media(max-width:1400px){
  .flow-cards-grid{gap:22px}
  .flow-cards-grid article{padding:20px 15px}
  .flow-cards-grid b{font-size:16px}
  .flow-cards-grid span{font-size:13px}
  .flow-cards-grid article:not(:last-child):after{right:-20px}
}
@media(max-width:1100px){
  .flow-section.flow-cards-redesign .container{padding:0 24px!important}
  .flow-cards-grid{gap:18px}
  .flow-cards-grid.four{grid-template-columns:repeat(2,1fr)}
  .flow-cards-grid.seven{grid-template-columns:repeat(4,1fr)}
  .flow-cards-grid article{padding:22px 18px}
  .flow-cards-grid article:after{display:none}
}
@media(max-width:680px){
  .flow-cards-grid.four,.flow-cards-grid.seven{grid-template-columns:1fr;gap:16px}
  .flow-cards-grid article{padding:22px 18px}
  .flow-cards-grid b{font-size:16px}
  .flow-cards-grid span{font-size:13px}
  .flow-cards-label{font-size:20px}
  .flow-cards-rows{gap:48px}
}


/* 2026-07-22 FAQ section */
.faq-section{background:#f7fbff;padding:73px 0 80px}
.faq-layout{display:grid;grid-template-columns:minmax(360px,.85fr) 1fr;gap:64px;align-items:start}
.faq-lead{position:sticky;top:100px}
.faq-lead h2{font-size:clamp(26px,2.5vw,34px);line-height:1.28;font-weight:700;color:var(--ink);margin-bottom:20px;letter-spacing:-.03em}
.faq-lead h2 span{color:#0077e6}
.faq-lead p{font-size:16px;line-height:1.85;color:#64748b;margin-bottom:28px;max-width:420px}
.faq-lead a{display:inline-flex;align-items:center;color:#0077e6;font-weight:700;font-size:15px;text-decoration:none}
.faq-lead a:hover{text-decoration:underline}
.faq-list{display:grid;gap:18px}
.faq-list article{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:28px 32px;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(0,38,86,.06);border:1px solid #eef4fb;transition:.2s}
.faq-list article:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(0,38,86,.09)}
.faq-list em{font-style:normal;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eaf6ff;color:#0077e6;font-weight:700;font-size:14px}
.faq-list h4{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.4}
.faq-list p{font-size:14px;line-height:1.8;color:#5e6f87}
@media(max-width:1080px){.faq-layout{grid-template-columns:1fr}.faq-lead{position:static;margin-bottom:40px}}
@media(max-width:680px){.faq-list article{grid-template-columns:1fr;padding:24px}.faq-list em{margin-bottom:12px}}

/* 2026-07-22 contact form redesign */
.cooperation{padding:78px 0!important}
.coop-grid{grid-template-columns:1fr 520px!important;gap:50px!important;align-items:center!important}
.contact-card{max-width:none!important;width:100%!important;padding:0!important;border-radius:28px!important;background:#fff!important;box-shadow:0 28px 70px rgba(0,20,50,.22)!important;overflow:hidden!important}
.contact-card-head{position:relative;padding:30px 36px;background:linear-gradient(135deg,#001f49,#00356f);color:#fff;text-align:center}
.contact-card-head h3{font-size:26px;font-weight:700;color:#fff}
.real-form{padding:32px 36px 36px;display:grid;gap:16px}
.real-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.real-form input,.real-form textarea{width:100%;border:1px solid #d8e5f1;background:#f6f9fc;border-radius:12px;padding:0 16px;font:inherit;color:var(--ink);outline:none;transition:.2s;font-size:14px}
.real-form input{height:50px}
.real-form textarea{height:90px;padding:14px 16px;resize:none}
.real-form input:focus,.real-form textarea:focus{border-color:#19b7ff;box-shadow:0 0 0 4px rgba(25,183,255,.1);background:#fff}
.real-form input::placeholder,.real-form textarea::placeholder{color:#95a7bc}
.contact-card .btn{width:100%;min-height:52px;border-radius:12px;font-size:15px;letter-spacing:.02em;background:linear-gradient(135deg,#0058a8,#0077e6);box-shadow:0 14px 34px rgba(0,86,160,.35)}
.contact-card .form-note{text-align:center;font-size:12px;color:#8a97a8;margin:0;line-height:1.7}
@media(max-width:1080px){.coop-grid{grid-template-columns:1fr!important}.contact-card{max-width:600px!important;margin-left:auto!important;margin-right:auto!important}}

    /* 2026-07-31 logo replacement and sub-desktop responsive safeguards */
    .brand-logo{display:block;width:auto;height:46px;max-width:230px;object-fit:contain}
    @media(max-width:1080px){
      .brand-logo{height:42px;max-width:210px}
      img,video,iframe{max-width:100%}
      .nav-inner{min-width:0}
      .nav-menu{min-width:0}
      .nav-actions{gap:10px}
      .nav-phone,.nav-cta{padding-left:16px;padding-right:16px}
      .section-kicker{white-space:normal!important;line-height:1.5!important}
      .section-desc{max-width:100%!important}
      .flow-block-head{align-items:flex-start}
    }
    @media(max-width:820px){
      .nav-actions{display:none!important}
      section{padding-top:64px;padding-bottom:64px}
      .subhero-inner{padding-left:0!important;padding-right:0!important}
      .hero-actions,.subhero-actions{gap:12px}
      .btn{white-space:normal;text-align:center}
      .footer-grid,.footer-grid-new{grid-template-columns:1fr 1fr!important}
      .footer-contact{grid-template-columns:1fr!important}
      .scene-detail-copy,.solution-img-card>div,.solution-img-card.digital>div{left:24px!important;right:24px!important}
    }
    @media(max-width:680px){
      html,body{max-width:100%;overflow-x:hidden}
      .brand-logo{height:38px;max-width:min(192px,64vw)}
      .nav-inner{gap:12px}
      .container{width:min(100% - 28px,1220px)}
      section{padding-top:56px;padding-bottom:56px}
      h1,.subhero h1{overflow-wrap:break-word;word-break:normal}
      h2,h3,.section-head,.section-desc{overflow-wrap:break-word;word-break:normal}
      .section-kicker:before,.section-kicker:after{width:20px!important;flex:0 0 20px}
      .hero-card{width:100%;max-width:100%}
      .hero-actions,.subhero-actions{display:grid;grid-template-columns:1fr;width:100%}
      .hero-actions .btn,.subhero-actions .btn{width:100%}
      .flow-block-head p{text-align:left!important}
      .footer-grid,.footer-grid-new{grid-template-columns:1fr!important}
      .footer-row{display:grid;grid-template-columns:1fr}
      .real-form input,.real-form textarea,.real-form select{min-width:0}
      .scene-detail-copy,.solution-img-card>div,.solution-img-card.digital>div{left:18px!important;right:18px!important}
    }
    @media(max-width:390px){
      .brand-logo{height:34px;max-width:178px}
      .container{width:min(100% - 24px,1220px)}
      .hero-card,.contact-card,.flow-card,.about-card{padding-left:20px!important;padding-right:20px!important}
      .section-kicker{font-size:12px!important;letter-spacing:.14em!important;gap:8px!important}
      .section-kicker:before,.section-kicker:after{width:14px!important;flex-basis:14px}
    }

    /* Mobile/tablet site navigation; desktop 1081px+ remains unchanged */
    .nav-toggle,.mobile-home-link{display:none}
    @media(max-width:1080px){
      .nav-inner{position:relative}
      .nav-menu{margin-left:auto}
      .nav-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}
      .nav-toggle-lines{width:18px;display:grid;gap:4px}
      .nav-toggle-lines i{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .22s,opacity .22s}
      .nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(1){transform:translateY(6px) rotate(45deg)}
      .nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(2){opacity:0}
      .nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
      .nav-links{position:absolute;top:calc(100% + 10px);right:0;z-index:70;width:min(360px,calc(100vw - 48px));padding:10px;display:none!important;grid-template-columns:1fr;gap:2px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,31,73,.985);box-shadow:0 20px 52px rgba(0,18,45,.34)}
      .nav-toggle[aria-expanded="true"] + .nav-links{display:grid!important}
      .nav-links a{display:block;padding:12px 14px;border:0;border-radius:8px;line-height:1.45}
      .nav-links a:hover,.nav-links a:focus-visible{color:#fff;background:rgba(255,255,255,.1);border-bottom-color:transparent;outline:none}
      .mobile-home-link{display:block!important}
    }
    @media(max-width:820px){
      .nav-menu{display:flex!important}
      .nav-toggle{height:40px;padding:0 12px}
    }
    @media(max-width:680px){
      .nav-links{left:0;right:0;width:100%;top:calc(100% + 8px)}
      .nav-toggle-text{font-size:13px}
    }
    @media(max-width:390px){
      .nav-toggle{width:42px;padding:0}
      .nav-toggle-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    }
.footer-business-matrix{background:#062238;border-top:1px solid rgba(255,255,255,.08);padding:26px 0 30px;color:#fff}.footer-matrix-title{font-size:14px;font-weight:800;color:#eef8ff;margin-bottom:18px}.footer-matrix-line{height:1px;background:rgba(255,255,255,.12);margin-bottom:18px}.footer-matrix-links{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:0}.footer-matrix-links a{position:relative;display:flex;align-items:center;justify-content:center;min-height:34px;color:#f7fbff;font-size:14px;font-weight:800;letter-spacing:.02em;transition:.22s}.footer-matrix-links a:before{content:"";position:absolute;left:0;top:50%;width:2px;height:18px;background:#12b8ff;transform:translateY(-50%);border-radius:2px;box-shadow:0 0 12px rgba(18,184,255,.45)}.footer-matrix-links a:hover{color:#52d6ff;transform:translateY(-1px)}
@media(max-width:680px){.footer-business-matrix{padding:24px 0 26px}.footer-matrix-links{grid-template-columns:1fr;gap:12px}.footer-matrix-links a{justify-content:flex-start;padding-left:18px;min-height:28px}.footer-matrix-title{margin-bottom:14px}.footer-matrix-line{margin-bottom:16px}}

/* 2026-08-21 nav/content/footer visual fix */
@media(min-width:1081px){
  .nav-links{gap:24px!important}
  .nav-links a{position:relative;padding:26px 0 22px!important;border-bottom:none!important;color:rgba(255,255,255,.86)!important;white-space:nowrap}
  .nav-links a:after{content:"";position:absolute;left:50%;bottom:13px;width:0;height:3px;border-radius:4px;background:#19b7ff;box-shadow:0 0 12px rgba(25,183,255,.48);transform:translateX(-50%);transition:width .22s ease}
  .nav-links a:hover,.nav-links a.active{color:#fff!important}
  .nav-links a:hover:after,.nav-links a.active:after{width:52px}
  .nav-actions{gap:16px!important;margin-left:4px!important}
  .nav-phone{padding-left:22px!important;padding-right:22px!important}
  .nav-cta{padding-left:24px!important;padding-right:24px!important}
}
@media(max-width:1080px){.nav-links a.active{color:#fff!important;background:rgba(25,183,255,.16)!important}}
.footer-business-matrix{background:#001630!important;border-top:1px solid rgba(101,212,255,.14)!important;padding:24px 0 32px!important;color:#fff!important}
.footer-business-matrix .container{display:grid!important;grid-template-columns:180px 1fr!important;gap:28px!important;align-items:center!important}
.footer-matrix-title{margin:0!important;color:#f4fbff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.02em!important;white-space:nowrap!important}
.footer-matrix-title:before{content:"";display:inline-block;width:3px;height:16px;margin-right:10px;border-radius:3px;background:#19b7ff;vertical-align:-3px;box-shadow:0 0 12px rgba(25,183,255,.55)}
.footer-matrix-line{display:none!important}
.footer-matrix-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
.footer-matrix-links a{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:0 16px!important;border-radius:12px!important;border:1px solid rgba(101,212,255,.18)!important;background:rgba(255,255,255,.035)!important;color:#eef8ff!important;font-size:14px!important;font-weight:800!important;letter-spacing:.02em!important;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease!important}
.footer-matrix-links a:before{content:""!important;position:absolute!important;left:0!important;top:50%!important;width:3px!important;height:20px!important;border-radius:0 3px 3px 0!important;background:#19b7ff!important;transform:translateY(-50%)!important;box-shadow:0 0 12px rgba(25,183,255,.5)!important}
.footer-matrix-links a:hover{color:#fff!important;transform:translateY(-2px)!important;border-color:rgba(101,212,255,.42)!important;background:rgba(25,183,255,.08)!important}
@media(max-width:820px){.footer-business-matrix .container{grid-template-columns:1fr!important;gap:16px!important}.footer-matrix-links{grid-template-columns:repeat(2,1fr)!important}.footer-matrix-links a{justify-content:flex-start!important;padding-left:22px!important}}
@media(max-width:520px){.footer-matrix-links{grid-template-columns:1fr!important}}

/* 2026-08-21 specified matrix text one-line and larger */
.service-product-matrix .matrix-row{grid-template-columns:230px repeat(3,minmax(0,1fr))!important;gap:14px!important}
.service-product-matrix .matrix-product{padding:30px 28px!important;min-width:0!important}
.service-product-matrix .matrix-product b{font-size:23px!important;margin-bottom:12px!important;line-height:1.25!important}
.service-product-matrix .matrix-product span{max-width:none!important;font-size:14.2px!important;line-height:1.45!important;white-space:nowrap!important;color:#4d6178!important;font-weight:800!important;letter-spacing:-.02em!important}
@media(max-width:1080px){.service-product-matrix .matrix-product span{white-space:normal!important}}

/* 2026-08-21 footer order + requested font-size adaptive fix */
.footer-bottom{background:#001630!important;border-top:1px solid rgba(101,212,255,.10)!important;padding:22px 0 24px!important}
.footer-row.footer-bottom-new{justify-content:space-between!important;align-items:center!important;color:rgba(235,247,255,.82)!important;font-size:13px!important}
.footer-row.footer-bottom-new a{color:rgba(235,247,255,.86)!important;font-weight:700!important}

.service-product-matrix .matrix-row{grid-template-columns:230px repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:28px!important}
.service-product-matrix .matrix-product{min-height:158px!important;padding:34px 34px 30px!important;min-width:0!important}
.service-product-matrix .matrix-product b{font-size:24px!important;line-height:1.25!important;margin-bottom:14px!important}
.service-product-matrix .matrix-product span{display:block!important;max-width:100%!important;font-size:15.2px!important;line-height:1.56!important;white-space:normal!important;color:#435770!important;font-weight:800!important;letter-spacing:-.015em!important;word-break:keep-all!important;overflow-wrap:break-word!important}
@media(max-width:1180px){.service-product-matrix .matrix-row{grid-template-columns:220px repeat(3,minmax(0,1fr))!important}.service-product-matrix .matrix-product{padding:32px 28px!important}.service-product-matrix .matrix-product span{font-size:14.6px!important}}
@media(max-width:980px){.service-product-matrix .matrix-row{grid-template-columns:1fr!important}.service-product-matrix .matrix-product{min-height:132px!important}.service-product-matrix .matrix-product span{font-size:15px!important}}

/* 2026-08-24 global open-source Chinese font + responsive text guard */
:root{--site-font:"Noto Sans SC",sans-serif}
html,body,button,input,textarea,select,option,table,th,td,a,p,span,b,strong,em,i,small,label,li,dt,dd,h1,h2,h3,h4,h5,h6,div{font-family:var(--site-font)!important}
body{-webkit-font-smoothing:antialiased!important;text-rendering:optimizeLegibility!important;font-synthesis-weight:none!important}
*{min-width:0}
img,video,canvas,svg{max-width:100%;height:auto}
p,span,b,strong,a,li,h1,h2,h3,h4,h5,h6,div{overflow-wrap:break-word}
.nav-links a,.nav-phone,.nav-cta,.footer-matrix-title,.footer-matrix-links a,.brand-strip span,.matrix-category strong,.matrix-category span{word-break:keep-all;overflow-wrap:normal}
.hero h1{font-size:clamp(42px,5.2vw,72px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
.hero-sub,.hero p,.section-desc{font-size:clamp(15px,1.25vw,18px)!important;line-height:1.75!important}
.section-head h2,.section-title,h2{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.18!important;letter-spacing:-.035em!important}
.card h3,.matrix-product b,.cap-tile b,.solution-card h3{letter-spacing:-.025em!important}
.nav-links{flex-wrap:nowrap!important}
.nav-links a{font-size:15px!important;letter-spacing:.01em!important}
.footer-matrix-links a{font-size:clamp(14px,1.1vw,15px)!important}
.brand-strip span{font-size:clamp(15px,1.15vw,17px)!important}
.service-product-matrix .matrix-product span{font-size:clamp(14px,1.02vw,15.2px)!important;line-height:1.56!important}
@media(max-width:1080px){
  .hero h1{font-size:clamp(34px,8vw,54px)!important;line-height:1.12!important}
  .section-head h2,.section-title,h2{font-size:clamp(28px,5.2vw,40px)!important}
  .nav-links{flex-wrap:wrap!important}
  .nav-links a{white-space:normal!important}
}
@media(max-width:760px){
  .container{width:min(100% - 32px,1220px)!important}
  .hero h1{font-size:clamp(30px,9.2vw,42px)!important;line-height:1.16!important;letter-spacing:-.03em!important}
  .hero-sub,.hero p,.section-desc{font-size:15px!important;line-height:1.72!important}
  .section-head h2,.section-title,h2{font-size:clamp(26px,7vw,34px)!important;line-height:1.24!important}
  .nav-links a,.footer-matrix-links a,.brand-strip span,.service-product-matrix .matrix-product span{white-space:normal!important}
  .brand-strip span{font-size:15px!important;line-height:1.36!important}
  .service-product-matrix .matrix-product span{font-size:14.5px!important;line-height:1.58!important}
}
@media(max-width:420px){
  .container{width:min(100% - 24px,1220px)!important}
  .hero h1{font-size:30px!important}
  .section-head h2,.section-title,h2{font-size:25px!important}
  .nav-links a{font-size:14px!important}
  .footer-row.footer-bottom-new{font-size:12px!important;gap:8px!important}
}

/* 2026-08-24 responsive overflow refinement after open font check */
@media(max-width:1080px){
  .reveal.from-left,.reveal.from-right,.from-left,.from-right{transform:none!important}
  .culture-desc-line{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}
  .dark-band-copy,.intro-copy-card,.fit-copy,.about-copy,.origin-lead,.about-photo,.foundation-visual,.visual,.fit-visual,.delivery-flow-line{max-width:100%!important}
}
@media(max-width:760px){
  .dark-band-copy,.intro-copy-card,.fit-copy,.about-copy,.origin-lead,.about-photo,.foundation-visual,.visual,.fit-visual,.delivery-flow-line{transform:none!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%!important}
  .delivery-flow-line{padding-left:0!important;padding-right:0!important}
  .nav-menu:not(.open){visibility:hidden!important;pointer-events:none!important}
}

/* 2026-08-24 section title/description standardization per skill */
.section-head h2,
.section-head .sec-title,
.section-title,
.matrix-section-head h2,
.why-global-heading h2 {
  font-family:"Noto Sans SC","Source Han Sans SC",sans-serif!important;
  font-size:clamp(30px,2.8vw,38px)!important;
  line-height:1.22!important;
  letter-spacing:-0.03em!important;
  font-weight:900!important;
  color:#06264b!important;
  margin-bottom:14px!important;
}
.section-head .section-desc,
.section-head p.section-desc,
.section-desc,
.matrix-section-head p,
.why-global-heading .trend-intro-one-line {
  font-family:"Noto Sans SC","Source Han Sans SC",sans-serif!important;
  font-size:15.5px!important;
  line-height:1.9!important;
  letter-spacing:0.015em!important;
  font-weight:400!important;
  color:#536b82!important;
  margin-top:0!important;
}
.section-head:not(.split) h2,
.section-head:not(.split) .sec-title,
.matrix-section-head h2,
.why-global-heading h2 {
  margin-bottom:14px!important;
}
.section-head.split > div {
  margin-bottom:14px!important;
}
.section-head.center,
.section-heading.centered {
  width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  align-items:center!important;
}
.section-head.center h2,
.section-head.center .sec-title,
.section-head.center .section-desc,
.section-heading.centered h2,
.section-heading.centered p {
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.section-head .section-desc,
.matrix-section-head p {
  overflow-wrap:break-word!important;
  word-break:normal!important;
  white-space:normal!important;
}
/* Dark background sections keep readable foreground while the font size/line-height/spacing/weight follow the same standard. */
.flow-section.flow-cards-redesign .section-head h2,
.flow-section.flow-redesign .section-head h2,
.platform-services-section .section-head h2,
.dark-section .section-head h2,
.dark-band .section-head h2,
[class*="dark"] .section-head h2 {
  color:#ffffff!important;
}
.flow-section.flow-cards-redesign .section-desc,
.flow-section.flow-redesign .section-desc,
.platform-services-section .section-desc,
.dark-section .section-desc,
.dark-band .section-desc,
[class*="dark"] .section-desc {
  color:rgba(235,247,255,.82)!important;
}

/* 2026-08-24 screenshot visual fixes: hero mask/text, engine cards, title spacing, stats labels */
.hero-card{
  width:min(880px,calc(100vw - 128px))!important;
  max-width:880px!important;
  padding:58px 62px 62px!important;
}
.hero h1{
  font-size:clamp(54px,5vw,66px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
.hero-sub{
  font-size:21px!important;
  line-height:1.55!important;
  font-weight:800!important;
  max-width:720px!important;
}
.hero p:not(.hero-sub){
  font-size:20px!important;
  line-height:1.72!important;
  max-width:760px!important;
  font-weight:600!important;
}
@media(min-width:1280px){
  .hero-card{width:910px!important;max-width:910px!important}
}
@media(max-width:900px){
  .hero-card{width:calc(100vw - 48px)!important;padding:44px 38px 48px!important}
  .hero h1{font-size:clamp(42px,10vw,58px)!important}
  .hero-sub{font-size:18px!important}
  .hero p:not(.hero-sub){font-size:17px!important}
}
@media(max-width:520px){
  .hero-card{width:calc(100vw - 28px)!important;padding:34px 22px 36px!important}
  .hero h1{font-size:36px!important;line-height:1.12!important}
  .hero-sub{font-size:16px!important;line-height:1.55!important}
  .hero p:not(.hero-sub){font-size:15.5px!important;line-height:1.7!important}
}
.engine-card b{font-size:21px!important;line-height:1.28!important;margin-bottom:8px!important}
.engine-card span{font-size:15px!important;line-height:1.72!important;font-weight:400!important;color:rgba(235,247,255,.86)!important}
.engine-tags span{font-size:15px!important;font-weight:700!important;line-height:1.35!important}
.service-product-matrix .matrix-product span{font-weight:400!important}
.platform-value-section .section-head{margin-bottom:14px!important}
.platform-value-section .section-head h2{margin-bottom:14px!important}
.value-num span{font-size:15px!important;line-height:1.55!important;color:rgba(255,255,255,.76)!important;font-weight:600!important}
@media(max-width:900px){
  .engine-card b{font-size:20px!important}
  .engine-card span{font-size:14.5px!important}
  .engine-tags span{font-size:14.5px!important}
  .value-num span{font-size:14.5px!important}
}

/* 2026-08-24 screenshot visual fixes refinement */
.platform-overview-section .engine-card b{font-size:21px!important;line-height:1.28!important;margin-bottom:8px!important;font-weight:700!important}
.platform-overview-section .engine-card span{font-size:15px!important;line-height:1.72!important;font-weight:400!important;color:#213b5a!important}
.value-section .section-head h2{margin-bottom:14px!important}
.value-section .section-head .section-desc{margin-top:0!important}
.value-section .section-head{margin-bottom:36px!important}
@media(max-width:900px){.platform-overview-section .engine-card b{font-size:20px!important}.platform-overview-section .engine-card span{font-size:14.5px!important}}

/* 2026-08-24 screenshot visual fixes second refinement */
.value-section .brand-advantages h2{margin-bottom:14px!important}
.value-section .brand-advantages .section-desc{margin-top:0!important}
.value-section .brand-advantages{margin-bottom:36px!important}

/* 2026-08-24 screenshot text scale fallback */
.chain span{font-size:15px!important;line-height:1.35!important;font-weight:800!important}
.footer-row.footer-bottom-new{font-size:15px!important;line-height:1.45!important}
.footer-row.footer-bottom-new a{font-size:15px!important;line-height:1.45!important}
@media(max-width:900px){.chain span,.footer-row.footer-bottom-new,.footer-row.footer-bottom-new a{font-size:14px!important}}
@media(max-width:520px){.chain span,.footer-row.footer-bottom-new,.footer-row.footer-bottom-new a{font-size:13px!important}}

/* 2026-08-24 footer text refine fallback */
.footer-row.footer-bottom-new{font-size:12.5px!important;line-height:1.45!important;font-weight:400!important;color:rgba(235,247,255,.76)!important}
.footer-row.footer-bottom-new a{font-size:12.5px!important;line-height:1.45!important;font-weight:400!important;color:rgba(235,247,255,.76)!important}
@media(max-width:900px){.footer-row.footer-bottom-new,.footer-row.footer-bottom-new a{font-size:12px!important}}
@media(max-width:520px){.footer-row.footer-bottom-new,.footer-row.footer-bottom-new a{font-size:11.5px!important}}

/* 2026-08-24 footer matrix and nav text refine fallback */
.footer-matrix-title{font-size:14px!important;line-height:1.35!important}
.footer-matrix-links a{font-size:13.8px!important;line-height:1.35!important}
.nav-links a{font-size:17px!important;line-height:1.25!important;font-weight:800!important}
.nav-phone,.nav-cta{font-size:15.5px!important;line-height:1.25!important;font-weight:800!important}
@media(max-width:900px){.footer-matrix-title{font-size:13.5px!important}.footer-matrix-links a{font-size:13.2px!important}.nav-links a{font-size:16px!important}.nav-phone,.nav-cta{font-size:14.5px!important}}