:root{--ink:#131d33;--ink-2:#26334e;--muted:#66738b;--blue:#168cff;--blue-2:#5b59ff;--blue-dark:#0874e3;--pale:#eef8ff;--pale-2:#e3f3ff;--surface:#f7faff;--line:#dce8f4;--white:#fff;--orange:#ff8b2c;--shadow:0 20px 60px rgba(31,103,171,.11);--shadow-soft:0 12px 35px rgba(52,112,170,.09);--radius:22px;--container:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;color:var(--ink);font-family:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;font-size:16px;line-height:1.75;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.nav-open{overflow:hidden}
[hidden]{display:none!important}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{touch-action:manipulation}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em;color:var(--ink)}
h1{font-size:clamp(2.55rem,5.1vw,4.6rem);margin-bottom:24px}
h2{font-size:clamp(2rem,3.5vw,3.15rem);margin-bottom:18px}
h3{font-size:1.32rem;margin-bottom:10px}
p{color:var(--muted)}
:focus-visible{outline:3px solid rgba(22,140,255,.38);outline-offset:3px;border-radius:7px}
.container{width:min(calc(100% - 48px),var(--container));margin-inline:auto}
.narrow{max-width:880px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:10px;z-index:2000;padding:10px 14px;color:#fff;background:var(--blue);transform:translateY(-150%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:16px;color:var(--blue);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.eyebrow:before{content:'';width:22px;height:2px;border-radius:2px;background:currentColor}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 25px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 12px 28px rgba(22,140,255,.22)}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(22,140,255,.3)}
.button-secondary{color:var(--ink-2);background:#fff;border:1px solid var(--line);box-shadow:none}
.button-secondary:hover{color:var(--blue);border-color:#a9d7ff;box-shadow:0 10px 24px rgba(22,140,255,.1)}
.button-light{color:var(--blue-dark);background:#fff;box-shadow:none}
.text-link{display:inline-flex;color:var(--blue-dark);font-weight:700;white-space:nowrap}
.section{padding:100px 0}
.pale{background:linear-gradient(180deg,#eaf6ff 0%,#f4faff 100%)}

.site-header{position:sticky;top:0;z-index:1000;height:76px;background:rgba(255,255,255,.97);border-bottom:1px solid #e8eef6;backdrop-filter:blur(16px)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand-logo{width:148px;height:auto;max-height:45px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:1px}
.site-nav>a{display:flex;align-items:center;min-height:44px;padding:0 11px;border-radius:8px;color:#35415a;font-size:.92rem;font-weight:600;white-space:nowrap;transition:.2s}
.site-nav>a:hover,.site-nav>a[aria-current=page]{color:var(--blue);background:#f0f8ff}
.site-nav .nav-contact{margin-left:8px;padding-inline:19px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 9px 22px rgba(22,140,255,.18)}
.site-nav .nav-contact:hover,.site-nav .nav-contact[aria-current=page]{color:#fff;background:linear-gradient(135deg,#087ce9,#5049ee)}
.nav-toggle{display:none;width:46px;height:46px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.nav-toggle span{display:block;width:22px;height:2px;margin:5px auto;background:var(--ink);transition:transform .2s,opacity .2s}

.breadcrumbs{padding-top:22px}
.breadcrumbs ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;font-size:.84rem;color:var(--muted);overflow:hidden}
.breadcrumbs li{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.breadcrumbs li+li:before{content:'/';color:#a3aec1}
.breadcrumbs a:hover{color:var(--blue)}
.breadcrumbs span{overflow:hidden;text-overflow:ellipsis}

.hero{position:relative;overflow:hidden;background:#fff}
.hero:before{content:'';position:absolute;z-index:0;right:-160px;top:-220px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(151,217,255,.36),rgba(232,247,255,0) 68%);pointer-events:none}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.96fr);align-items:center;gap:64px;min-height:620px;padding-block:58px 76px}
.hero-home h1{font-size:clamp(3rem,5.1vw,4.75rem);line-height:1.1}
.hero-home h1 span,.hero-home h1 strong{display:block}
.hero-home h1 strong{margin-top:7px;color:transparent;background:linear-gradient(135deg,#0798ff,#5a57f5);-webkit-background-clip:text;background-clip:text}
.hero-lead{max-width:650px;margin-bottom:27px;font-size:clamp(1.05rem,1.55vw,1.22rem);line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.trust-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:29px 0 0;padding:0;list-style:none}
.trust-list li{min-width:0;padding:15px 13px;border-radius:13px;background:#f6f9fc;text-align:left;transition:.2s}
.trust-list li:hover{background:#edf7ff;transform:translateY(-2px)}
.trust-list b,.trust-list span{display:block}
.trust-list b{color:var(--ink);font-size:.96rem}
.trust-list span{margin-top:2px;color:#7a879b;font-size:.72rem;line-height:1.45;white-space:nowrap}
.hero-media{position:relative;min-width:0}
.hero-image{width:100%;max-height:510px;object-fit:contain;border-radius:22px;transition:transform .45s}
.hero-home .hero-image:hover{transform:scale(1.015)}
.hero-inner{margin-top:0;background:linear-gradient(180deg,#f7fcff,#edf7ff)}
.hero-inner .hero-grid{min-height:520px;padding-block:60px 72px}
.hero-inner h1{font-size:clamp(2.45rem,4.5vw,4.2rem)}
.hero-inner .hero-image{max-height:390px;padding:12px;background:#fff;box-shadow:var(--shadow);object-fit:contain}
.hero-cases .hero-media{display:grid;width:min(100%,460px);min-height:390px;place-items:center;justify-self:end;padding:30px;border:1px solid #d7e8f5;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-soft)}
.hero-cases .hero-image{width:300px;height:300px;padding:13px;border:1px solid #bcdcf2;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(43,105,158,.12);object-fit:contain}
.hero-note{position:absolute;left:-20px;bottom:24px;display:flex;flex-direction:column;padding:15px 18px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 16px 35px rgba(22,140,255,.25)}
.hero-note strong{color:#fff}.hero-note span{font-size:.76rem;color:#e8f4ff}

.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}
.section-heading h2{max-width:850px;margin-bottom:9px}
.section-heading p{max-width:760px;margin-bottom:0;font-size:1.04rem}
.section-heading.centered{justify-content:center;text-align:center}
.section-heading.centered>div{display:flex;flex-direction:column;align-items:center}
.section-heading.centered .eyebrow:before{display:none}

.scene-section{background:linear-gradient(180deg,#e4f4ff 0%,#f2f9ff 100%)}
.scene-tabs-wrap{display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;margin-bottom:24px}
.scene-tabs{display:flex;gap:10px;padding:4px 2px 10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#acd2f4 transparent;cursor:grab}
.scene-tabs.dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.scene-tab{flex:1 0 190px;min-height:78px;padding:13px 16px;border:1px solid #cce6fa;border-radius:13px;color:var(--ink-2);background:#fff;text-align:left;scroll-snap-align:start;cursor:pointer;transition:.2s}
.scene-tab b,.scene-tab span{display:block}
.scene-tab b{font-size:1rem}.scene-tab span{margin-top:3px;color:#74839a;font-size:.75rem;line-height:1.45}
.scene-tab:hover{border-color:#8fcaff;background:#f9fdff}
.scene-tab[aria-selected=true]{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--blue),var(--blue-2));box-shadow:0 12px 28px rgba(22,140,255,.2)}
.scene-tab[aria-selected=true] span{color:#e9f5ff}
.rail-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #badcf6;border-radius:50%;color:var(--blue-dark);background:#fff;cursor:pointer;transition:.2s}
.rail-arrow:hover{color:#fff;border-color:var(--blue);background:var(--blue)}
.scene-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:28px;overflow:hidden;padding:28px;border:1px solid #a9d5f5;border-radius:22px;background:#fff;box-shadow:0 18px 52px rgba(42,113,171,.13),inset 0 0 0 1px rgba(255,255,255,.9)}
.scene-panel:before{content:'';position:absolute;inset:0 18% auto;height:3px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,transparent,var(--blue),var(--blue-2),transparent)}
.scene-panel-media{overflow:hidden;padding:9px;border:1px solid #b9dcf5;border-radius:18px;background:linear-gradient(145deg,#fff,#edf8ff);box-shadow:inset 0 0 0 4px rgba(225,243,255,.78),0 10px 30px rgba(53,112,164,.08)}
.scene-panel-media img{width:100%;height:100%;min-height:390px;max-height:520px;border:1px solid rgba(177,213,239,.78);border-radius:12px;background:#f7fbff;object-fit:contain;transition:transform .5s}
.scene-panel:hover .scene-panel-media img{transform:scale(1.01)}
.scene-panel-copy{display:flex;flex-direction:column;justify-content:center;padding:16px 20px}
.scene-kicker{color:var(--blue);font-size:.8rem;font-weight:700}
.scene-panel-copy h3{margin:8px 0 15px;font-size:clamp(1.65rem,2.6vw,2.45rem)}
.scene-panel-copy ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:5px 0 24px;padding:0;list-style:none}
.scene-panel-copy li{padding:11px 12px;border-radius:9px;color:#41506a;background:#f4f8fc;font-size:.88rem}
.scene-panel-copy li:before{content:'✓';margin-right:7px;color:var(--blue);font-weight:800}

.feature-showcase{background:#fff}
.mini-carousel{--mini-width:232px;--mini-near:224px;--mini-far:405px;position:relative;height:590px;overflow:hidden;isolation:isolate}
.mini-carousel:before{content:'';position:absolute;z-index:-1;inset:5% 8% 12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(22,140,255,.12),rgba(22,140,255,0) 68%);pointer-events:none}
.mini-carousel-stage{position:relative;height:520px;touch-action:pan-y;user-select:none}
.mini-slide{position:absolute;left:50%;top:48%;display:flex;width:var(--mini-width);flex-direction:column;align-items:center;gap:15px;margin:0;padding:0;border:0;background:transparent;opacity:0;transform:translate(-50%,-50%) scale(.55);transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease;cursor:pointer;pointer-events:none}
.mini-slide.is-active{z-index:6;opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.mini-slide.is-prev{z-index:5;opacity:.8;transform:translate(calc(-50% - var(--mini-near)),-50%) scale(.84);pointer-events:auto}
.mini-slide.is-next{z-index:5;opacity:.8;transform:translate(calc(-50% + var(--mini-near)),-50%) scale(.84);pointer-events:auto}
.mini-slide.is-far-prev{z-index:4;opacity:.48;transform:translate(calc(-50% - var(--mini-far)),-50%) scale(.66);pointer-events:auto}
.mini-slide.is-far-next{z-index:4;opacity:.48;transform:translate(calc(-50% + var(--mini-far)),-50%) scale(.66);pointer-events:auto}
.mini-phone-frame{position:relative;display:block;width:100%;aspect-ratio:9/19;padding:7px;border:1px solid #9ecff1;border-radius:29px;background:linear-gradient(155deg,#fbfdff,#dff1ff);box-shadow:0 22px 50px rgba(48,96,139,.17),0 6px 16px rgba(22,140,255,.11),inset 0 0 0 2px #fff,inset 0 0 0 4px rgba(137,199,242,.2);overflow:hidden}
.mini-phone-frame:before{content:'';position:absolute;z-index:2;top:12px;left:50%;width:31%;height:13px;border-radius:999px;background:#10192a;transform:translateX(-50%);box-shadow:0 1px 0 rgba(255,255,255,.12)}
.mini-phone-frame img{width:100%;height:100%;border:1px solid rgba(109,163,204,.55);border-radius:22px;background:#eef7fd;object-fit:cover;object-position:top}
.mini-slide-caption{display:inline-flex;align-items:center;gap:8px;min-height:28px;color:var(--ink-2);font-size:.9rem;font-weight:700;white-space:nowrap;transition:.3s}
.mini-slide-caption:before{content:'';width:18px;height:2px;border-radius:2px;background:var(--blue)}
.mini-slide:not(.is-active) .mini-slide-caption{opacity:.72}
.mini-carousel-arrow{position:absolute;z-index:10;top:44%;display:grid;width:46px;height:46px;place-items:center;padding:0;border:1px solid #a9d6f5;border-radius:50%;color:var(--blue-dark);background:rgba(255,255,255,.92);box-shadow:0 9px 24px rgba(40,102,157,.13);font-size:2rem;line-height:1;cursor:pointer;transition:.2s;transform:translateY(-50%)}
.mini-carousel-arrow:hover{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 12px 28px rgba(22,140,255,.24)}
.mini-carousel-prev{left:12px}.mini-carousel-next{right:12px}
.mini-carousel-dots{position:absolute;z-index:10;left:50%;bottom:8px;display:flex;gap:9px;transform:translateX(-50%)}
.mini-carousel-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#bdd2e4;cursor:pointer;transition:.2s}
.mini-carousel-dot.is-active{width:27px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue-2))}
.phone-rail{display:flex;align-items:flex-end;gap:22px;padding:12px 8px 20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-color:#bad8f2 transparent}
.phone-rail figure{flex:0 0 185px;margin:0;scroll-snap-align:center;text-align:center}
.phone-rail img{width:100%;max-height:420px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(45,90,135,.12));transition:transform .28s}
.phone-rail figure:hover img{transform:translateY(-6px)}
.phone-rail figcaption{margin-top:13px;color:var(--ink-2);font-weight:700}
.phone-rail figcaption b,.phone-rail figcaption span{display:block}.phone-rail figcaption span{max-width:210px;margin:5px auto 0;color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.55}
.phone-rail.four{align-items:flex-start;justify-content:center;gap:28px}.phone-rail.four figure{display:flex;align-self:stretch;flex-basis:220px;flex-direction:column}.phone-rail.four img{padding:12px;border:1px solid #b8daf3;border-radius:21px;background:linear-gradient(155deg,#fff,#f0f9ff);box-shadow:0 15px 38px rgba(43,105,158,.1),inset 0 0 0 3px rgba(255,255,255,.9)}

.product-band{overflow:hidden}
.showcase-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);align-items:center;gap:72px}
.showcase-grid.reverse{grid-template-columns:minmax(480px,1.14fr) minmax(0,.86fr)}
.showcase-copy h2{font-size:clamp(2.05rem,3.7vw,3.35rem)}
.showcase-copy>p{font-size:1.06rem}
.showcase-media{overflow:hidden;padding:22px;border:1px solid #d5e8f7;border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}
.showcase-media img{width:100%;max-height:610px;object-fit:contain}
.showcase-media.portrait{max-width:520px;justify-self:end}
.showcase-media.booking-visual{overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}
.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}
.check-list li{position:relative;padding:14px 16px 14px 43px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.check-list li:before{content:'✓';position:absolute;left:16px;color:var(--blue);font-weight:800}
.check-list.compact li{background:#fff}
.product-shot-grid{display:grid;gap:22px}.product-shot-grid.three{grid-template-columns:repeat(3,1fr)}
.product-shot-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}
.product-shot-grid figure>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f4f9fd}
.product-shot-grid figcaption{display:flex;flex-direction:column;padding:20px}
.product-shot-grid figcaption b{font-size:1.12rem}.product-shot-grid figcaption span{color:var(--muted);font-size:.87rem}
.mini-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:27px}
.mini-feature-grid article{padding:16px;border:1px solid #d8e9f7;border-radius:12px;background:#fff}
.mini-feature-grid b,.mini-feature-grid span{display:block}
.mini-feature-grid b{font-size:.96rem}.mini-feature-grid span{margin-top:4px;color:var(--muted);font-size:.8rem}

.value-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.value-service-grid article{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-items:center;gap:24px;overflow:hidden;padding:20px;border:1px solid #d4e7f6;border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}
.value-service-media{overflow:hidden;border:1px solid #dbeaf5;border-radius:15px;background:#f6fbff}
.value-service-media img{width:100%;aspect-ratio:4/3;object-fit:contain}
.value-service-grid h3{margin:8px 0;font-size:1.25rem}.value-service-grid p{margin:0;font-size:.9rem}

.capability-section{background:#fff}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.capability-grid article{position:relative;min-height:160px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#fff,#f5fbff)}
.capability-grid article:before{content:'';display:block;width:34px;height:3px;margin-bottom:18px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--blue-2))}
.capability-grid h3{margin-bottom:8px;font-size:1.08rem}.capability-grid p{margin:0;font-size:.88rem}

.hardware-section{background:#fff}
.hardware-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.hardware-grid figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 28px rgba(43,99,150,.06);transition:.22s}
.hardware-grid figure:hover{transform:translateY(-4px);border-color:#afd7f6;box-shadow:var(--shadow-soft)}
.hardware-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f8fbfe}
.hardware-grid figcaption{padding:16px;color:var(--ink-2);font-weight:700}
.center-action{display:flex;justify-content:center;margin-top:34px}

.feature-grid,.card-grid{display:grid;gap:20px}
.feature-grid.three,.card-grid.three{grid-template-columns:repeat(3,1fr)}
.card-grid.four{grid-template-columns:repeat(4,1fr)}
.case-preview{background:linear-gradient(180deg,#eaf6ff,#f5fbff)}
.article-preview{background:#fff}
.content-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;transition:transform .22s,box-shadow .22s,border-color .22s}
.content-card:hover{transform:translateY(-5px);border-color:#acd5f5;box-shadow:var(--shadow-soft)}
.card-media{aspect-ratio:4/3;overflow:hidden;background:#f2f8fd}
.card-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.content-card:hover .card-media img{transform:scale(1.025)}
.case-card .card-media{display:grid;place-items:center;padding:28px;background:linear-gradient(155deg,#f8fcff,#eaf6ff)}
.case-card .card-media img{width:210px;height:210px;max-width:72%;padding:10px;border:1px solid #bcdcf2;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(43,105,158,.11),inset 0 0 0 3px rgba(239,248,255,.9);object-fit:contain}
.case-card:hover .card-media img{transform:none}
.card-body{padding:22px}.card-body>span{display:block;margin-bottom:9px;color:var(--blue);font-size:.76rem;font-weight:800;letter-spacing:.04em}
.card-body h2,.card-body h3{font-size:1.22rem;margin-bottom:9px}
.card-body p{display:-webkit-box;margin:0;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem}

.process-section{background:#fff}.process-flow-list{display:grid;gap:28px}.process-flow-group{padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);box-shadow:0 12px 34px rgba(53,105,153,.07)}.process-flow-heading{display:flex;align-items:center;gap:15px;margin-bottom:22px}.process-flow-heading>span{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-2));font-weight:800}.process-flow-heading small{display:block;margin-bottom:3px;color:var(--muted);font-weight:700}.process-flow-heading h3{margin:0;color:var(--navy);font-size:1.4rem}.process-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.process-step-grid article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:18px;border:1px solid #dceaf6;border-radius:14px;background:#fff}.process-step-grid article>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:var(--blue);background:#eaf6ff;font-size:.75rem}.process-step-grid h4{margin:1px 0 5px;color:var(--ink-2);font-size:1rem}.process-step-grid time{display:block;color:var(--blue);font-size:.76rem;font-weight:700}.process-step-grid p{margin:9px 0 0;color:var(--muted);font-size:.82rem;line-height:1.65}.process-tip{margin:18px 0 0;padding:13px 16px;border-left:3px solid var(--blue);border-radius:0 10px 10px 0;color:#4c607a;background:#edf7ff;font-size:.82rem;line-height:1.65}

.content-stack{display:grid;border-top:1px solid var(--line)}
.section-content{background:#fff}
.content-panel{display:grid;grid-template-columns:90px 1fr;gap:38px;padding:58px 0;border-bottom:1px solid var(--line)}
.content-panel>div{max-width:880px}.section-number{padding-top:7px;color:var(--blue);font-size:.82rem;font-weight:800;letter-spacing:.16em}.content-panel p{font-size:1.04rem}
.faq-section{background:linear-gradient(180deg,#eaf6ff,#f5fbff)}
.faq-list{border-top:1px solid #cfe2f2}.faq-item{border-bottom:1px solid #cfe2f2}.faq-item h3{margin:0}
.faq-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:24px;padding:25px 4px;border:0;color:var(--ink);background:transparent;text-align:left;font-weight:700;cursor:pointer}
.faq-item button i{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid #c6dced;border-radius:50%;font-style:normal;transition:.2s}
.faq-item button[aria-expanded=true] i{color:#fff;border-color:var(--blue);background:var(--blue);transform:rotate(45deg)}
.faq-answer{padding:0 55px 24px 4px}.faq-answer p{margin:0}

.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:start}
.contact-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-details article{min-height:145px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.contact-details span,.contact-details a,.contact-details strong{display:block}.contact-details span{margin-bottom:12px;color:var(--muted);font-size:.8rem}.contact-details a,.contact-details strong{color:var(--ink);font-size:1.06rem;line-height:1.55}
.qr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.qr-grid figure{margin:0;padding:14px;border:1px solid var(--line);border-radius:14px;text-align:center;background:#fff}.qr-grid img{width:100%;aspect-ratio:1/1;object-fit:contain}.qr-grid figcaption{margin-top:10px;color:var(--muted);font-size:.82rem}
.timeline{position:relative;padding-left:34px;border-left:2px solid var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:130px 1fr;gap:30px;padding:0 0 52px}.timeline-item:before{content:'';position:absolute;left:-42px;top:7px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px var(--blue)}.timeline-item time,.timeline-item span{color:var(--blue);font-size:.82rem;font-weight:700}.timeline-item h2{margin:6px 0 10px;font-size:1.55rem}

.article-header{padding:86px 0 66px;background:linear-gradient(180deg,#eef9ff,#e5f3ff)}
.article-header h1{max-width:900px;color:var(--ink);font-size:clamp(2.4rem,5vw,4.4rem)}.article-header p{max-width:720px;color:var(--muted);font-size:1.1rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:#6c7d95;font-size:.83rem}
.article-layout{display:grid;grid-template-columns:240px minmax(0,760px);justify-content:center;gap:70px;padding-block:80px 110px}.toc{position:sticky;top:110px;height:max-content;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.toc strong{color:var(--ink)}.toc ol{display:grid;gap:10px;margin:14px 0 20px;padding-left:20px;color:var(--muted);font-size:.88rem}.toc a:hover{color:var(--blue)}.copy-link{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;color:var(--blue);background:#fff;cursor:pointer}
.article-cover{margin:0 0 36px;overflow:hidden;border-radius:16px;background:var(--surface)}.article-cover img{width:100%;max-height:470px;object-fit:contain}.boundary-note{margin-bottom:42px;padding:20px 22px;border-left:4px solid var(--orange);background:#fff7ed}.boundary-note strong{color:#9a4f10}.boundary-note p{margin:5px 0 0;color:#7b5a3e}.article-body section{margin-bottom:48px}.article-body h2{font-size:1.8rem}.article-body p,.article-body li,.prose p,.prose li{font-size:1.04rem;line-height:1.9;color:#44516b}.article-body li,.prose li{margin-bottom:8px}.update-body{padding-block:80px 110px}
.detail-hero{padding:80px 0;background:linear-gradient(180deg,#f4fbff,#ecf7ff)}.detail-grid{display:grid;grid-template-columns:1fr 430px;gap:70px;align-items:center}.detail-grid h1{font-size:clamp(2.4rem,5vw,4rem)}.detail-grid figure{margin:0;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.detail-grid figure img{width:100%;aspect-ratio:1/1;object-fit:contain}.detail-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.detail-grid dl div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}.detail-grid dt{color:var(--muted);font-size:.75rem}.detail-grid dd{margin:4px 0 0;color:var(--ink);font-weight:700}.not-found{padding:140px 0}.not-found h1{font-size:clamp(2.6rem,6vw,5rem)}
.case-detail .detail-grid figure{display:grid;width:min(100%,390px);place-items:center;justify-self:end;padding:28px;background:linear-gradient(155deg,#fff,#f0f9ff)}
.case-detail .detail-grid figure img{width:280px;height:280px;max-width:100%;padding:12px;border:1px solid #bcdcf2;border-radius:19px;background:#fff;box-shadow:0 12px 28px rgba(43,105,158,.1);object-fit:contain}

.final-cta{padding:72px 0;color:#fff;background:linear-gradient(135deg,#168cff,#5b59ff)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.final-cta .eyebrow,.final-cta h2{color:#fff}.final-cta p{max-width:740px;margin-bottom:0;color:#eaf5ff}.final-cta-actions{display:flex;flex:0 0 auto;gap:10px}.button-ghost{color:#fff;border:1px solid rgba(255,255,255,.55);background:transparent;box-shadow:none}.button-ghost:hover{border-color:#fff;box-shadow:none}
.site-footer{padding:72px 0 26px;color:#b9c5d9;background:#0b1730}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1.15fr .8fr;gap:46px;padding-bottom:54px}.footer-brand{display:inline-flex;margin-bottom:20px;padding:0;border-radius:0;background:transparent}.footer-brand .brand-logo{width:180px;max-height:none}.footer-grid h2{margin:0 0 15px;color:#fff;font-size:.95rem;letter-spacing:.03em}.footer-grid .footer-subtitle{margin-top:24px}.footer-grid a{display:block;margin-bottom:9px;font-size:.88rem}.footer-grid a:hover{color:#fff}.footer-grid p{max-width:360px;color:#95a4bd;font-size:.88rem}.footer-qr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.footer-qr figure{margin:0;text-align:center}.footer-qr img{width:100%;aspect-ratio:1/1;padding:5px;border-radius:8px;background:#fff;object-fit:contain}.footer-qr figcaption{margin-top:6px;color:#95a4bd;font-size:.75rem}.footer-bottom{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:25px;border-top:1px solid #243654;color:#8191ac;font-size:.8rem}.footer-bottom a{margin-left:auto}

@media (max-width:1130px){.mini-carousel{--mini-width:210px;--mini-near:195px;--mini-far:345px}}
@media (max-width:900px){.mini-carousel{--mini-width:185px;--mini-near:172px;--mini-far:310px;height:520px}.mini-carousel-stage{height:455px}.mini-carousel-arrow{top:43%}}
@media (max-width:620px){.mini-carousel{--mini-width:150px;--mini-near:122px;--mini-far:225px;height:445px;margin-inline:-14px}.mini-carousel-stage{height:385px}.mini-carousel-arrow{top:42%;width:38px;height:38px;font-size:1.65rem}.mini-carousel-prev{left:7px}.mini-carousel-next{right:7px}.mini-phone-frame{padding:5px;border-radius:22px}.mini-phone-frame:before{top:9px;height:9px}.mini-phone-frame img{border-radius:17px}.mini-slide-caption{font-size:.78rem}.mini-carousel-dots{bottom:5px}}

@media (max-width:1130px){.site-nav>a{padding-inline:7px;font-size:.82rem}.hero-grid{grid-template-columns:1fr 430px;gap:38px}.trust-list{grid-template-columns:repeat(2,1fr)}.card-grid.four{grid-template-columns:repeat(2,1fr)}.showcase-grid,.showcase-grid.reverse{gap:42px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:last-child{grid-column:auto}}
@media (max-width:900px){.section{padding:82px 0}.nav-toggle{display:block}.site-nav{position:fixed;inset:76px 0 auto;display:none;max-height:calc(100dvh - 76px);padding:18px 24px 30px;overflow:auto;border-bottom:1px solid var(--line);background:#fff;box-shadow:0 20px 40px rgba(31,74,115,.12)}.site-nav.open{display:grid}.site-nav>a{min-height:48px;padding-inline:14px;font-size:1rem}.site-nav .nav-contact{margin:8px 0 0}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero-grid{grid-template-columns:1fr;min-height:0;padding-block:62px;gap:38px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero-copy .eyebrow:before{display:none}.hero-lead{margin-inline:auto}.hero-actions{justify-content:center}.trust-list{max-width:660px;margin-inline:auto}.hero-media{max-width:680px;margin-inline:auto}.hero-inner .hero-grid{min-height:0}.scene-panel{grid-template-columns:1fr}.scene-panel-copy{padding:10px 8px}.scene-panel-media img{min-height:0}.showcase-grid,.showcase-grid.reverse{grid-template-columns:1fr;gap:38px}.showcase-grid.reverse .showcase-media{order:2}.showcase-media.portrait{max-width:600px;justify-self:center}.product-shot-grid.three,.hardware-grid,.capability-grid{grid-template-columns:repeat(2,1fr)}.value-service-grid{grid-template-columns:1fr}.phone-rail.four{justify-content:flex-start}.feature-grid.three,.card-grid.three{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;padding-top:50px}.toc{position:static}.detail-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:last-child{grid-column:auto}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){.container{width:min(calc(100% - 28px),var(--container))}.site-header,.header-inner{height:70px}.site-nav{inset:70px 0 auto;max-height:calc(100dvh - 70px)}.brand-logo{width:128px}.section{padding:68px 0}.breadcrumbs{padding-top:16px}.hero-grid{padding-block:48px 58px}.hero-home h1{font-size:clamp(2.35rem,10.8vw,3.65rem)}.hero-lead{font-size:1rem}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.trust-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trust-list li{padding:13px 10px;text-align:left}.trust-list span{white-space:normal}.hero-note{left:10px;bottom:10px;padding:11px 13px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:27px}.section-heading.centered{align-items:center}.scene-tabs-wrap{grid-template-columns:minmax(0,1fr);gap:8px}.scene-tabs{grid-column:1}.rail-arrow{display:none}.scene-tab{flex-basis:158px;min-height:73px;padding:11px 13px}.scene-panel{padding:14px;border-radius:17px}.scene-panel-copy h3{font-size:1.65rem}.scene-panel-copy ul{grid-template-columns:1fr}.phone-rail{gap:14px}.phone-rail figure{flex-basis:148px}.phone-rail.four{gap:16px}.phone-rail.four figure{flex-basis:165px}.showcase-media{padding:11px;border-radius:16px}.check-list,.mini-feature-grid{grid-template-columns:1fr}.value-service-grid article{grid-template-columns:1fr}.capability-grid,.product-shot-grid.three,.hardware-grid,.feature-grid.three,.card-grid.three,.card-grid.four{grid-template-columns:1fr}.content-panel{grid-template-columns:1fr;gap:8px;padding:40px 0}.process-grid article{min-height:215px}.contact-details{grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-item{grid-template-columns:1fr;gap:5px}.article-header{padding:64px 0 54px}.article-header h1{font-size:clamp(2.1rem,10vw,3.25rem)}.article-layout{padding-block:40px 70px}.article-body h2{font-size:1.55rem}.detail-hero{padding:58px 0}.detail-grid{gap:35px}.detail-grid dl{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{display:grid}.footer-bottom a{margin-left:0}.final-cta{padding:56px 0}.final-cta-actions{display:grid;width:100%}.final-cta-actions .button{width:100%}}
@media (max-width:900px){.hero-cases .hero-media,.case-detail .detail-grid figure{justify-self:center}.case-card .card-media{padding:24px}}
@media (max-width:620px){.hero-cases .hero-media{width:100%;min-height:0;padding:20px}.hero-cases .hero-image{width:240px;height:240px}.case-card .card-media{padding:22px}.case-card .card-media img{width:190px;height:190px}.case-detail .detail-grid figure{width:100%;padding:22px}.case-detail .detail-grid figure img{width:240px;height:240px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{.site-header,.final-cta,.site-footer,.rail-arrow,.copy-link{display:none!important}.section,.article-header{padding:24px 0}.article-header{color:#000;background:#fff}.article-layout{display:block}.toc{position:static}.hero{background:#fff}.hero-grid{display:block;min-height:0}.hero-media{display:none}}
.pricing-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 12px}.pricing-example-grid span{display:grid;gap:4px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.pricing-example-grid b{color:var(--ink-2);font-size:.88rem}.pricing-example-grid small,.field-note{color:var(--muted);font-size:.76rem}.field-note{display:block;margin-bottom:18px}.hardware-group{margin-top:32px;padding:26px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.62)}.hardware-group-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}.hardware-group-heading h3{margin:0;color:var(--navy);font-size:1.3rem}.hardware-group-heading p{margin:0;color:var(--muted);font-size:.88rem}.hardware-group .hardware-grid{gap:18px}.case-location{display:block;margin-top:7px;color:var(--muted);font-size:.82rem}@media(max-width:900px){.process-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.pricing-example-grid{grid-template-columns:1fr}.hardware-group{padding:18px}.hardware-group-heading{align-items:flex-start;flex-direction:column;gap:7px}.hardware-group .hardware-grid{grid-template-columns:1fr}.process-flow-group{padding:20px}.process-step-grid{grid-template-columns:1fr}.process-step-grid article{padding:15px}.footer-brand .brand-logo{width:158px}}