:root{--bg:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f8fafc}

*{-webkit-tap-highlight-color:transparent}

body{font-family:"Inter","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}

.hero-grid{background-image:linear-gradient(to right,rgba(17,24,39,.038) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,24,39,.038) 1px,transparent 1px);background-size:36px 36px}

.noise{position:absolute;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(circle at 20% 20%,#000 .5px,transparent .6px),radial-gradient(circle at 80% 40%,#000 .5px,transparent .6px),radial-gradient(circle at 50% 80%,#000 .5px,transparent .6px);background-size:18px 18px,22px 22px,20px 20px}

.glass-nav{background:rgba(255,255,255,.64);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.74);box-shadow:0 10px 30px rgba(17,24,39,.045),inset 0 1px 0 rgba(255,255,255,.78);transition:all .35s cubic-bezier(.2,.8,.2,1)}

.glass-nav.scrolled{background:rgba(255,255,255,.84);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-color:rgba(229,231,235,.9);box-shadow:0 16px 36px rgba(17,24,39,.07),inset 0 1px 0 rgba(255,255,255,.8);transform:translateY(-2px)}

.glass-drawer{background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.68));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-left:1px solid rgba(255,255,255,.65);box-shadow:-24px 0 70px rgba(17,24,39,.12),inset 1px 0 0 rgba(255,255,255,.35)}

.drawer-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 24% 14%,rgba(255,255,255,.96),transparent 28%),radial-gradient(circle at 80% 20%,rgba(226,232,240,.62),transparent 24%),radial-gradient(circle at 50% 100%,rgba(243,244,246,.9),transparent 38%);filter:blur(34px);opacity:.95}

.section-label{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:9999px;font-size:12px;font-weight:500;color:#4b5563;background:rgba(249,250,251,.88);border:1px solid #e5e7eb;box-shadow:inset 0 1px 0 rgba(255,255,255,.84)}

.thin-card{border-radius:20px;border:1px solid rgba(229,231,235,.86);background:rgba(255,255,255,.86);box-shadow:0 8px 22px rgba(17,24,39,.035);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s cubic-bezier(.2,.8,.2,1),border-color .38s ease,background-color .38s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

.thin-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(17,24,39,.065);border-color:#dce3eb;background:rgba(255,255,255,.95)}

.thin-soft{border-radius:20px;border:1px solid rgba(229,231,235,.86);background:rgba(250,250,250,.78);transition:all .38s cubic-bezier(.2,.8,.2,1)}

.thin-soft:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(17,24,39,.045);border-color:#dce3eb;background:rgba(252,252,252,.94)}

.soft-panel{border-radius:28px;border:1px solid rgba(229,231,235,.76);background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.64));box-shadow:0 18px 46px rgba(17,24,39,.055),inset 0 1px 0 rgba(255,255,255,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

.hero-orb{position:absolute;border-radius:9999px;filter:blur(60px);pointer-events:none}

.orb-1{width:280px;height:280px;top:-80px;left:-90px;background:radial-gradient(circle,rgba(243,244,246,.98),rgba(243,244,246,.12))}

.orb-2{width:420px;height:420px;right:-140px;top:8%;background:radial-gradient(circle,rgba(229,231,235,.96),rgba(229,231,235,.1))}

.orb-3{width:320px;height:320px;bottom:-100px;left:28%;background:radial-gradient(circle,rgba(249,250,251,.98),rgba(249,250,251,.12))}

.btn-smooth{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease}

.btn-smooth:hover{transform:translateY(-1px)}

.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:9999px;border:1px solid rgba(229,231,235,.9);background:rgba(255,255,255,.74);color:#4b5563;font-size:12px;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

.drawer-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:14px;color:#374151;font-size:14px;transition:all .22s cubic-bezier(.2,.8,.2,1);border:1px solid transparent;background:rgba(255,255,255,.36)}

.drawer-link:hover{color:#111827;background:rgba(255,255,255,.76);border-color:rgba(229,231,235,.95);transform:translateX(2px)}

.menu-number{font-size:11px;letter-spacing:.16em;color:#9ca3af}

.reveal{opacity:1;transform:none}

.reveal-delay-1{animation-delay:0s}

.reveal-delay-2{animation-delay:0s}

.reveal-delay-3{animation-delay:0s}

.reveal-delay-1{transition-delay:.08s}

.reveal-delay-2{transition-delay:.16s}

.reveal-delay-3{transition-delay:.24s}

.section-divider{position:relative}

.solution-tab{border:1px solid #e5e7eb;background:#fff;color:#4b5563;cursor:pointer}

.solution-tab:hover{border-color:#d1d5db;background:#f9fafb;color:#111827}

.solution-tab.active-tab{background:#111827;color:#fff;border-color:#111827}

.logo-row-wrapper{overflow:hidden;width:100%}

.logo-row{display:flex;width:max-content}

.logo-row:hover{animation-play-state:paused}

.logo-row-left{animation:scrollLeft 35s linear infinite}

.logo-row-right{animation:scrollRight 35s linear infinite}

@keyframes scrollLeft{0%{transform:translateX(0)}

100%{transform:translateX(-50%)}

}

@keyframes scrollRight{0%{transform:translateX(-50%)}

100%{transform:translateX(0)}

}

.section-divider:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(92%,1120px);height:1px;background:linear-gradient(to right,transparent,rgba(229,231,235,.95),transparent)}

.input-shell{display:flex;align-items:center;min-height:50px;border-radius:14px;border:1px solid #e7ebf0;background:linear-gradient(180deg,#fff,#fcfcfd);padding:0 15px;transition:.22s}

.input-shell:focus-within{border-color:rgba(17,24,39,.18);box-shadow:0 0 0 4px rgba(17,24,39,.045);transform:translateY(-1px)}

.field-input,.field-textarea{width:100%;border:none;outline:none;background:transparent;color:#111827;font-size:14px;line-height:1.7}

.field-textarea{min-height:120px;resize:none;padding:14px 0}

.input-shell.is-textarea{align-items:flex-start}

.stat-number{letter-spacing:-.04em}

.project-line{background:linear-gradient(90deg,rgba(17,24,39,.12),rgba(17,24,39,.02),transparent)}