:root{--bg:#f3f7fb;--bg-soft:#f8fbff;--panel:#fff;--panel-soft:#ffffffc7;--panel-dark:#0b1628;--panel-dark-soft:#0b1628b8;--line:#0f172a14;--line-strong:#0f172a29;--ink:#0f172a;--ink-soft:#5b687d;--ink-light:#eef6ffd1;--accent:#2f6fed;--accent-strong:#1748b8;--accent-soft:#2f6fed1f;--glow:#38bdf838;--shadow:0 28px 60px #0f172a14;--shadow-soft:0 18px 34px #0f172a0f;--font-body:"Avenir Next", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--font-display:"Avenir Next", "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", "JetBrains Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.65 var(--font-body);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#2f6fed1a,#0000 24%),linear-gradient(#f8fbff 0%,#f3f7fb 48%,#eef3f8 100%);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,pre{margin:0}ul{margin:0;padding:0;list-style:none}#app{min-height:100vh}.section-inner{width:min(1200px,100% - 48px);margin:0 auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px 0;position:sticky;top:0}.header-inner{box-shadow:var(--shadow-soft);background:#ffffffb8;border:1px solid #ffffffb8;border-radius:22px;justify-content:space-between;align-items:center;gap:22px;padding:14px 18px;display:flex}.brand-lockup{text-align:left;align-items:center;gap:14px;display:inline-flex}.brand-mark{filter:drop-shadow(0 10px 18px #1748b81f);flex:none;width:3.2rem;height:3.2rem;display:block}.brand-text strong,.brand-text small{display:block}.brand-text strong{letter-spacing:.01em;font-size:.96rem;font-weight:700}.brand-text small{color:var(--ink-soft);margin-top:.12rem;font-size:.8rem}.site-nav{background:#f8fbfff5;border:1px solid #0f172a0f;border-radius:999px;align-items:center;gap:4px;padding:6px;display:inline-flex}.nav-link{color:var(--ink-soft);border-radius:999px;padding:10px 14px;transition:color .2s,background-color .2s,transform .2s}.nav-link:hover{color:var(--ink);background:#2f6fed14;transform:translateY(-1px)}.button{color:#eff6ff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);border-radius:999px;justify-content:center;align-items:center;min-height:3.15rem;padding:.92rem 1.5rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex;box-shadow:0 18px 34px #1748b838}.button:hover{transform:translateY(-1px);box-shadow:0 22px 36px #1748b847}.button-outline{color:var(--ink);box-shadow:none;background:#ffffffd6;border:1px solid #0f172a14}.button-light{color:#eff6ff;background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);box-shadow:0 18px 30px #1748b82e}.button-ghost{color:#dce8ff;box-shadow:none;background:#ffffff14;border:1px solid #dce8ff2e}.button-small{min-height:2.75rem;padding-inline:1.2rem}.section{padding:36px 0 104px}.hero{padding-top:20px}.hero-shell{background:radial-gradient(circle at 100% 0,#2f6fed1a,#0000 24%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #0f172a0f;border-radius:36px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:24px;padding:36px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 56px #0f172a14}.hero-shell:before{content:"";filter:blur(34px);pointer-events:none;background:#2f6fed14;border-radius:999px;width:18rem;height:18rem;position:absolute;inset:auto -6rem -8rem auto}.hero-shell:after{display:none}.hero-copy,.hero-panel{z-index:1;position:relative}.hero-copy{flex-direction:column;justify-content:center;padding:10px 10px 10px 2px;display:flex}.eyebrow,.panel-label,.card-index,.metric-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;font-weight:600}.hero .eyebrow{color:var(--accent)}.display-title{max-width:10.5ch;color:var(--ink);font-family:var(--font-display);letter-spacing:-.04em;margin-top:.9rem;font-size:clamp(2.25rem,4vw,3.8rem);font-weight:700;line-height:1.12}.display-title span{color:var(--accent)}.hero-heading{max-width:42rem}.hero-text{max-width:36rem;color:var(--ink-soft);margin-top:1.25rem;font-size:1rem;line-height:1.78}.hero-points{flex-wrap:wrap;gap:12px;margin-top:1.5rem;display:flex}.hero-point{min-height:2.25rem;color:var(--ink-soft);background:#2f6fed0d;border:1px solid #0f172a14;border-radius:999px;align-items:center;padding:.45rem .85rem;display:inline-flex}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:1.8rem;display:flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:2.4rem;display:grid}.metric-card{background:linear-gradient(#fffffff5 0%,#f8fbffeb 100%);border:1px solid #0f172a0f;border-radius:20px;padding:1.15rem 1.2rem 1.2rem}.metric-label{color:#5b687deb}.metric-value{color:var(--ink);margin-top:.65rem;line-height:1.6}.hero-panel{background:linear-gradient(#f7fafffa 0%,#f1f6fdf2 100%);border:1px solid #0f172a0f;border-radius:28px;padding:30px;box-shadow:inset 0 1px #ffffffc2,0 18px 36px #0f172a0f}.panel-top h2{color:var(--ink);font-family:var(--font-display);margin-top:.8rem;font-size:clamp(1.45rem,2.2vw,1.9rem);line-height:1.2}.hero-panel .panel-label{color:var(--accent)}.panel-text{color:var(--ink-soft);margin-top:.9rem;line-height:1.75}.capability-list{gap:14px;margin-top:1.7rem;display:grid}.capability-card{background:linear-gradient(#ffffffeb 0%,#f8fbffdb 100%);border:1px solid #0f172a0f;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:1.1rem 1.1rem 1.15rem;display:grid}.capability-index{min-width:2.2rem;height:2.2rem;font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-strong);background:linear-gradient(135deg,#7db7ff2e 0%,#2f6fed1f 100%);border-radius:999px;justify-content:center;align-items:center;font-size:.78rem;display:inline-flex;box-shadow:inset 0 0 0 1px #2f6fed14}.capability-card h3{color:var(--ink);letter-spacing:.01em;font-size:1.02rem;font-weight:700}.capability-card p,.section-text,.card-copy,.workflow-card p,.preview-card pre,.company-card p{color:var(--ink-soft)}.capability-card p{color:var(--ink-soft);margin-top:.45rem}.panel-note{color:var(--ink);background:#2f6fed0d;border:1px solid #2f6fed14;border-radius:18px;margin-top:1.55rem;padding:1rem 1.1rem 1.05rem}.panel-note strong{font-size:.95rem;font-weight:700;display:block}.panel-note p{color:var(--ink-soft);margin-top:.4rem;line-height:1.7}.section-heading{max-width:50rem;margin-bottom:2.2rem}.section .eyebrow{color:var(--accent)}.section-title{font-family:var(--font-display);letter-spacing:-.04em;margin-top:.95rem;font-size:clamp(2rem,3.6vw,3.3rem);font-weight:700;line-height:1.12}.section-text{margin-top:1rem;font-size:1.02rem}.section-muted{padding-top:0}.section-panel,.about-shell,.contact-shell{box-shadow:var(--shadow);background:linear-gradient(#ffffffe6 0%,#f8fbffeb 100%);border:1px solid #ffffffd1;border-radius:32px}.section-panel{padding:30px}.card-grid{gap:18px;display:grid}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card,.workflow-card,.preview-card,.company-card,.company-panel{box-shadow:var(--shadow-soft);background:#ffffffe6;border:1px solid #0f172a14;border-radius:24px;position:relative}.content-card:before,.workflow-card:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, #38bdf8 100%);border-radius:24px 24px 0 0;height:4px;position:absolute;inset:0 0 auto}.content-card{min-height:15.5rem;padding:1.65rem}.card-index{color:var(--accent)}.card-copy{margin-top:.95rem}.solution-card h3,.advantage-card h3,.workflow-card h3,.company-card h3{font-family:var(--font-display);font-size:1.34rem;font-weight:700;line-height:1.28}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.workflow-card{min-height:18rem;padding:1.7rem}.step-mark{width:3rem;height:3rem;font-family:var(--font-mono);letter-spacing:.08em;color:#eff6ff;background:linear-gradient(135deg, var(--accent) 0%, #0c2e7d 100%);border-radius:1rem;place-items:center;font-size:.84rem;display:inline-grid;box-shadow:0 14px 24px #1748b833}.workflow-card h3{margin-top:1.1rem}.workflow-card p{margin-top:.85rem}.about-shell{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;padding:28px;display:grid}.company-panel{background:radial-gradient(circle at 100% 0,#2f6fed14,#0000 32%),linear-gradient(#fffffff5 0%,#f8fbffe6 100%);padding:1.8rem}.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advantage-card{min-height:15rem}.contact-shell{grid-template-columns:minmax(0,.96fr) minmax(340px,.84fr);gap:18px;padding:28px;display:grid}.contact-panel{padding:.4rem .2rem .2rem}.contact-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:1.8rem;display:grid}.field{gap:.55rem;display:grid}.field span{color:var(--ink);font-size:.94rem;font-weight:600}.field>.select-wrap{display:block;position:relative}.select-wrap:after{content:"";pointer-events:none;border-bottom:2px solid #5b687de0;border-right:2px solid #5b687de0;width:.55rem;height:.55rem;position:absolute;top:50%;right:1.1rem;transform:translateY(-64%)rotate(45deg)}.field input,.field select{border:1px solid var(--line-strong);background:var(--panel);min-height:3.45rem;color:var(--ink);border-radius:18px;outline:none;padding:.92rem 1rem;transition:border-color .2s,box-shadow .2s,transform .2s}.field input:focus,.field select:focus{border-color:#2f6fed5c;transform:translateY(-1px);box-shadow:0 0 0 4px #2f6fed1a}.field select{appearance:none;background-image:none;width:100%;padding-right:3rem}.field select::-ms-expand{display:none}.field-full{grid-column:1/-1}.contact-side{gap:18px;display:grid}.preview-card,.company-card{padding:1.5rem}.preview-card{background:linear-gradient(#f8fbfff5 0%,#f1f6fdf0 100%)}.preview-card pre{white-space:pre-wrap;font-family:var(--font-mono);margin-top:.95rem;font-size:.88rem;line-height:1.9}.company-card{background:radial-gradient(circle at 100% 0,#38bdf81a,#0000 30%),linear-gradient(#fffffffa 0%,#f7fafff0 100%)}.company-card h3{margin-top:.8rem}.company-card p+p{margin-top:.55rem}.site-footer{padding:0 0 36px}.footer-inner{color:var(--ink-soft);border-top:1px solid #0f172a14;justify-content:space-between;gap:18px;padding-top:28px;display:flex}.footer-meta{text-align:right;gap:.2rem;display:grid}@media (width<=1120px){.header-inner{flex-wrap:wrap;justify-content:center}.hero-shell,.about-shell,.contact-shell{grid-template-columns:1fr}.service-grid,.workflow-grid,.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){:root{font-size:15px}.section-inner{width:min(100%,100% - 28px)}.site-header{padding:12px 0}.header-inner{border-radius:18px;padding:14px}.site-nav{order:3;justify-content:flex-start;width:100%;overflow-x:auto}.hero-shell,.section-panel,.about-shell,.contact-shell{border-radius:24px;padding:20px}.display-title{max-width:none}.metric-grid,.service-grid,.solution-grid,.workflow-grid,.advantage-grid,.contact-form{grid-template-columns:1fr}.content-card,.workflow-card{min-height:auto}.footer-inner{flex-direction:column}.footer-meta{text-align:left}}
