:root{--navy: #07111f;--navy-2: #0c1a2e;--ink: #101826;--paper: #f3f6f9;--white: #ffffff;--cyan: #2ee6c8;--cyan-2: #1ec4ab;--gold: #d4b06a;--muted: #6b7789;--line: rgba(255, 255, 255, .1);--line-dark: rgba(16, 24, 38, .1);--shadow: 0 24px 60px rgba(7, 17, 31, .12);--sans: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--display: "Avenir Next", "Segoe UI", var(--sans);--radius: 18px;color:var(--ink);background:var(--navy);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--navy)}#root{min-height:100svh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;display:block}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.section{padding:108px 0}.section-light{background:var(--paper);color:var(--ink)}.section-dark{background:var(--navy);color:#e8eef6}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--cyan-2);font-size:13px;font-weight:600;letter-spacing:.18em}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.section-title{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.2;font-weight:600;letter-spacing:.02em}.section-lead{max-width:560px;margin:16px 0 0;color:var(--muted);font-size:16px;line-height:1.8}.section-dark .section-lead{color:#e8eef6ad}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:56px}.nav{position:fixed;inset:0 0 auto;z-index:40;transition:background .25s ease,border-color .25s ease,backdrop-filter .25s ease;border-bottom:1px solid transparent}.nav.is-scrolled{background:#07111fe0;border-bottom-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}.logo{display:flex;align-items:center;gap:12px;color:#f4f7fb}.logo-mark{width:38px;height:38px;border:1px solid var(--cyan);border-radius:10px;display:grid;place-items:center;font-weight:700;color:var(--cyan);letter-spacing:0}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-text strong{font-size:16px;font-weight:700}.logo-text span{font-size:11px;color:#f4f7fb8c;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:#f4f7fbc7;font-size:14px;transition:color .2s ease}.nav-links a:hover,.nav-links a:focus-visible{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;font-size:14px;font-weight:600;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn:hover,.nav-cta:hover{transform:translateY(-1px)}.btn-primary,.nav-cta{background:var(--cyan);color:var(--navy)}.btn-ghost{background:transparent;color:#f4f7fb;border:1px solid var(--line)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:#f4f7fb;border-radius:10px;cursor:pointer}.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{display:block;width:16px;height:1.5px;background:currentColor;position:relative}.menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0}.menu-toggle span:before{top:-5px}.menu-toggle span:after{top:5px}.hero{position:relative;min-height:100svh;padding:140px 0 80px;overflow:hidden;color:#f4f7fb;background:radial-gradient(900px 480px at 80% 10%,rgba(46,230,200,.16),transparent 55%),radial-gradient(700px 420px at 10% 90%,rgba(212,176,106,.1),transparent 50%),linear-gradient(180deg,#07111f,#0a182c)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left: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:72px 72px;-webkit-mask-image:radial-gradient(circle at 50% 40%,black,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,black,transparent 75%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}.hero-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;color:#f4f7fbb8;font-size:12px;letter-spacing:.16em}.hero-kicker i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero h1{margin:22px 0 18px;font-size:clamp(40px,6vw,72px);line-height:1.08;letter-spacing:.04em;font-weight:700}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy{max-width:520px;margin:0;color:#f4f7fbb8;font-size:17px;line-height:1.9}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}.hero-stats b{display:block;font-size:20px;color:#fff}.hero-stats span{color:#f4f7fb8c;font-size:13px}.hero-panel{position:relative;padding:28px;border:1px solid var(--line);border-radius:24px;background:#0c1a2eb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px #00000047}.hero-panel h3{margin:0 0 8px;font-size:18px}.hero-panel p{margin:0 0 22px;color:#f4f7fb9e;line-height:1.7;font-size:14px}.hero-meta{display:grid;gap:12px}.hero-meta div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:13px}.hero-meta span{color:#f4f7fb80}.hero-meta strong{color:#f4f7fb;font-weight:550;text-align:right}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-card{padding:32px;background:var(--white);border:1px solid var(--line-dark);border-radius:var(--radius);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.service-index{color:var(--cyan-2);font-family:var(--display);font-size:13px;letter-spacing:.16em}.service-card h3{margin:14px 0 12px;font-size:24px}.service-card p{margin:0;color:var(--muted);line-height:1.8}.service-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none}.service-points li{padding:6px 10px;border-radius:999px;background:#eef6f4;color:#1a6f63;font-size:12px}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}.about-copy p{margin:0 0 16px;color:#e8eef6bd;line-height:1.9}.info-table{padding:8px 28px;border:1px solid var(--line);border-radius:20px;background:#ffffff08}.info-table dl{display:grid;grid-template-columns:120px 1fr;gap:8px 16px;margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.info-table dl:last-child{border-bottom:0}.info-table dt{color:#e8eef67a}.info-table dd{margin:0;color:#f4f7fb}.company-name{display:flex;flex-direction:column;gap:4px}.company-name strong{font-weight:600}.company-name small{font-size:13px;line-height:1.5;font-weight:400;opacity:.72}.hero-meta .company-name{text-align:right}.hero-meta .company-name small{color:#f4f7fb9e}.contact-item .company-name small,.footer .company-name small{color:inherit;opacity:.62}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.principle-card{padding:22px;border:1px solid var(--line);border-radius:16px;background:#ffffff08}.principle-card h3{margin:0 0 10px;font-size:16px}.principle-card p{margin:0;color:#e8eef69e;font-size:14px;line-height:1.7}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card{position:relative;padding:28px 24px;min-height:240px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line-dark)}.process-card span{font-family:var(--display);font-size:28px;color:var(--cyan-2)}.process-card h3{margin:28px 0 10px;font-size:20px}.process-card p{margin:0;color:var(--muted);line-height:1.75;font-size:14px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px}.contact-card,.contact-form{padding:32px;background:var(--white);border-radius:var(--radius);border:1px solid var(--line-dark)}.contact-card h3,.contact-form h3{margin:0 0 8px;font-size:22px}.contact-card p{margin:0 0 24px;color:var(--muted);line-height:1.8}.contact-item{padding:16px 0;border-top:1px solid var(--line-dark)}.contact-item span{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.contact-item strong{font-size:15px;font-weight:600}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field.full{grid-column:1 / -1}.form-field label{font-size:13px;color:var(--muted)}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line-dark);border-radius:12px;padding:12px 14px;background:#f8fafb;color:var(--ink);outline:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--cyan-2);background:#fff}.form-field textarea{min-height:120px;resize:vertical}.form-note{margin:12px 0 0;color:var(--muted);font-size:12px}.form-success{display:grid;place-items:center;min-height:280px;text-align:center}.form-success h3{margin-bottom:8px}.form-success p{color:var(--muted)}.footer{padding:48px 0 28px;background:#050c16;color:#f4f7fbb3}.footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}.footer h4{margin:0 0 14px;color:#fff;font-size:15px}.footer p,.footer a{font-size:14px;line-height:1.8}.footer a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding-top:20px;font-size:12px;color:#f4f7fb6b}@media (max-width: 980px){.hero-inner,.about-grid,.contact-grid,.section-head,.footer-top{grid-template-columns:1fr}.hero-panel{order:-1}.principle-grid,.process-grid,.service-grid{grid-template-columns:1fr 1fr}.nav-links,.nav-cta{display:none}.menu-toggle{display:grid;place-items:center}.nav-links.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;padding:12px 20px 20px;background:#07111ff5;border-bottom:1px solid var(--line)}.nav-links.open a,.nav-links.open .nav-cta{display:flex;width:100%;height:48px;align-items:center}.hero-stats,.form-grid,.footer-bottom{grid-template-columns:1fr;display:grid}}@media (max-width: 640px){.container{width:min(1160px,calc(100% - 28px))}.section{padding:80px 0}.principle-grid,.process-grid,.service-grid{grid-template-columns:1fr}.hero{padding-top:120px}.hero-actions,.hero-stats{display:grid}.info-table dl{grid-template-columns:1fr}.contact-card,.contact-form,.service-card{padding:22px}}