
/* Homepage banner v20260909 */
.banner-premium{min-height:780px;height:calc(100svh - 80px);max-height:1080px;padding:0;background:#071422;color:#fff;isolation:isolate}
.banner-premium canvas{opacity:.42}
.banner-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(90deg,rgba(5,17,31,.95),rgba(5,17,31,.2));z-index:1}
.ambient-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.3;animation:geo-drift 14s ease-in-out infinite alternate}
.ambient-glow-one{width:650px;height:650px;background:#006daa;right:-5%;top:-20%}
.ambient-glow-two{width:400px;height:400px;background:#008f90;right:25%;bottom:-40%;animation-delay:-7s}
.banner-premium .banner-shell{max-width:1520px;padding:35px 80px 65px;text-align:left;z-index:2}
.banner-trustbar{display:flex;align-items:center;gap:20px;color:#a7bccb;font-size:12px;letter-spacing:.04em;border-bottom:1px solid #91c5e322;padding-bottom:23px;margin-bottom:60px}
.trustbar-status{color:#75e2d1;white-space:nowrap;display:flex;align-items:center;gap:9px}
.trustbar-status i,.visual-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75e2d1;box-shadow:0 0 15px #75e2d1}
.trustbar-divider{height:14px;width:1px;background:#436071}
.banner-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:42px;align-items:center}
.banner-copy{min-width:0}
.banner-premium .banner-canvas-slider{display:grid;min-height:340px}
.banner-premium .banner-canvas-slide{position:relative;grid-area:1/1;inset:auto;transform:translateY(15px);transition:opacity .65s,visibility .65s,transform .65s;pointer-events:none}
.banner-premium .banner-canvas-slide.active{transform:none;pointer-events:auto}
.banner-premium .banner-eyebrow{color:#77d8d4;font-size:12px;letter-spacing:.22em;margin:0 0 28px}
.banner-premium .banner-canvas-title{font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(34px,3.55vw,58px);font-weight:700;line-height:1.3;letter-spacing:-.04em;color:#f6faff;margin-bottom:27px;text-shadow:none}
.banner-premium .banner-canvas-highlight{font:inherit;color:#7af1d6;margin-top:10px;display:block}
.banner-premium .banner-canvas-desc{font-size:17px;line-height:1.95;color:#aebfce;max-width:540px;margin:0 0 30px;padding:0}
.banner-premium .banner-canvas-actions{justify-content:flex-start;gap:14px;flex-direction:row}
.banner-premium .btn-canvas-primary,.banner-premium .btn-canvas-outline{display:inline-flex;align-items:center;justify-content:center;gap:28px;width:auto;max-width:none;padding:16px 26px;font:600 14px/1.3 inherit;border-radius:3px;box-shadow:none;border:1px solid #8cbcc344;text-decoration:none}
.banner-premium .btn-canvas-primary{background:#89efdc;color:#07282e;border-color:#89efdc}
.banner-premium .btn-canvas-primary:hover{background:#b0ffed;transform:translateY(-3px)}
.banner-premium .btn-canvas-outline{background:transparent;color:#e2eef7}
.banner-premium .btn-canvas-outline:hover{background:#ffffff0d;border-color:#8eb4c3}
.banner-proof{display:flex;gap:25px;font-size:11px;color:#a4b9c8;margin-top:26px}
.banner-proof span:before{content:"✓";color:#78d7c1;margin-right:7px}
.banner-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:45px;border-top:1px solid #7ab4ce26;padding-top:21px;gap:15px}
.banner-premium .banner-canvas-indicators{margin:0;gap:19px;justify-content:flex-start}
.banner-premium .canvas-indicator{display:flex;align-items:center;gap:9px;width:auto;height:28px;border-radius:0;background:none;color:#92a8b8;transform:none;font-size:11px}
.canvas-indicator b{font-weight:400}
.banner-premium .canvas-indicator span{width:22px;height:2px;background:#415265;transition:width .4s,background .4s}
.banner-premium .canvas-indicator.active{color:#8df0dc}
.banner-premium .canvas-indicator.active span{background:#8df0dc;width:55px}
.banner-nav-caption{font-size:11px;color:#819aaa}
.banner-premium .banner-canvas-control{position:absolute;top:auto;bottom:6px;transform:none;border:1px solid #81abc744;background:transparent;border-radius:3px;width:35px;height:35px;font-size:12px}
.banner-premium .banner-canvas-control.prev{left:auto;right:123px}
.banner-premium .banner-canvas-control.next{right:80px}
.banner-visual{position:relative;min-width:0;height:475px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.visual-badge{display:flex;align-items:center;gap:14px;font:10px monospace;letter-spacing:.23em;color:#96b5c7;position:absolute;top:0;left:0}
.geo-orbit{position:relative;width:380px;height:380px;max-width:100%}
.orbit-ring{position:absolute;border:1px solid #76d5ea38;border-radius:50%;inset:0;box-shadow:inset 0 0 25px #39b2d50a}
.orbit-ring:after{content:"";position:absolute;inset:-1px;border:2px solid transparent;border-top-color:#73ebd5;border-radius:50%;animation:geo-orbit 20s linear infinite;filter:drop-shadow(0 0 5px #42dece)}
.orbit-ring-inner{inset:48px;transform:rotate(-28deg);border-style:dashed}
.orbit-ring-inner:after{animation-direction:reverse;animation-duration:14s;border-top-color:#5398ee}
.orbit-node{position:absolute;padding:9px 16px;border:1px solid #91cddd50;background:#0c2232;color:#bce4e8;border-radius:4px;font-size:11px;z-index:2;box-shadow:0 8px 24px #0003;white-space:nowrap}
.orbit-node-source{top:12px;left:24px}
.orbit-node-monitor{bottom:20px;right:8px}
.orbit-node-structure{top:35px;right:-25px;transform:rotate(28deg)}
.orbit-node-ai{bottom:25px;left:-14px;transform:rotate(28deg)}
.orbit-core{position:absolute;inset:95px;border:1px solid #8addd96b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 20%,#1c5364,#092233 68%);box-shadow:0 0 80px #28aaa42b,inset 0 0 28px #63e4d914;animation:geo-breathe 6s ease-in-out infinite}
.orbit-core span{color:#80b3c2;font:9px monospace;letter-spacing:.2em}
.orbit-core strong{color:#e1fff6;font-size:28px;font-weight:500;margin:9px 0}
.orbit-core small{font-size:9px;color:#90c3c8}
.visual-flow{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;margin-top:24px;border-top:1px solid #82bec126;padding-top:20px}
.visual-flow div{display:flex;flex-direction:column;gap:5px}.visual-flow span{font:10px monospace;color:#609aa9}.visual-flow b{font-size:10px;font-weight:400;color:#a9c9d3}.visual-flow i{width:22px;height:1px;background:#66a8b163}
.banner-scroll{position:absolute;left:50%;bottom:22px;z-index:3;display:flex;align-items:center;gap:13px;color:#98b1c2;font:9px monospace;letter-spacing:.23em}
.banner-scroll i{height:30px;width:1px;background:linear-gradient(#83ddcd,transparent);animation:geo-scroll 2s ease-in-out infinite}
.banner-motion{position:absolute;left:80px;bottom:12px;z-index:4;background:none;border:0;color:#90a7b8;font-size:11px;cursor:pointer}
.banner-premium :focus-visible{outline:2px solid #a1ffe8;outline-offset:5px}
.banner-premium.is-paused *{animation-play-state:paused!important}
@keyframes geo-orbit{to{transform:rotate(360deg)}}@keyframes geo-breathe{50%{box-shadow:0 0 95px #28aaa451,inset 0 0 38px #63e4d92b}}@keyframes geo-drift{to{transform:translate(-60px,60px)}}@keyframes geo-scroll{50%{transform:translateY(7px)}}
@media(min-width:1700px){.banner-premium .banner-shell{max-width:1640px}.banner-layout{gap:95px}.geo-orbit{width:430px;height:430px}.orbit-core{inset:110px}.banner-visual{height:530px}}
@media(max-width:1100px){.banner-premium .banner-shell{padding:30px 42px 65px}.banner-layout{gap:24px;grid-template-columns:1.25fr 1fr}.banner-trustbar{font-size:10px;gap:12px;margin-bottom:45px}.geo-orbit{width:310px;height:310px}.orbit-core{inset:78px}.orbit-core strong{font-size:22px}.orbit-ring-inner{inset:38px}.banner-visual{height:410px}.banner-premium .banner-canvas-title{font-size:37px}.banner-premium .banner-canvas-control.next{right:42px}.banner-premium .banner-canvas-control.prev{right:85px}.banner-motion{left:42px}}
@media(max-width:760px){.banner-premium{height:auto;max-height:none;min-height:0;padding:0}.banner-premium .banner-shell{padding:25px 24px 70px}.banner-trustbar{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:35px;padding-bottom:20px;line-height:1.7}.trustbar-divider{display:none}.banner-layout{grid-template-columns:1fr;gap:28px}.banner-premium .banner-canvas-title{font-size:clamp(29px,7.9vw,46px);margin-bottom:22px}.banner-premium .banner-eyebrow{font-size:10px;margin-bottom:18px}.banner-premium .banner-canvas-desc{font-size:14px;line-height:1.85;margin-bottom:25px}.banner-premium .banner-canvas-slider{min-height:310px}.banner-premium .btn-canvas-primary,.banner-premium .btn-canvas-outline{padding:13px 16px;font-size:12px;gap:14px}.banner-proof{font-size:10px;gap:17px}.banner-navigation{margin-top:16px}.banner-nav-caption{display:none}.banner-visual{height:310px}.visual-badge{top:0;font-size:8px}.geo-orbit{width:260px;height:260px}.orbit-ring-inner{inset:32px}.orbit-core{inset:68px}.orbit-core strong{font-size:21px}.orbit-core span{font-size:7px}.orbit-core small{font-size:8px}.orbit-node{font-size:9px;padding:6px 10px}.visual-flow{margin-top:0;padding-top:12px}.banner-scroll{bottom:18px}.banner-motion{left:24px;bottom:20px}.banner-premium .banner-canvas-control{bottom:0}.banner-premium .banner-canvas-control.next{right:24px}.banner-premium .banner-canvas-control.prev{right:66px}}
@media(prefers-reduced-motion:reduce){.banner-premium *{animation:none!important;transition:none!important}}
