﻿:root{--black:#03100c;--green:#13964f;--mint:#50f5bd;--white:#f4fff9;--muted:#c6d7d0;--header-height:96px}*{box-sizing:border-box}html,body{background:var(--black);min-height:100%;color:var(--white);margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100svh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.hero-page{isolation:isolate;background-image:linear-gradient(90deg, #03100cf5 0%, #03100ce6 27%, #03100ca8 51%, #03100c29 78%, #03100c2e 100%), var(--page-image);background-size:cover;background-position:var(--page-position);background-repeat:no-repeat;min-height:100svh;position:relative;overflow:hidden}.hero-page:before{content:"";z-index:-1;background:linear-gradient(#0000002e 0%,#0000 26% 72%,#0000005c 100%);position:absolute;inset:0}.hero-grid{z-index:-1;opacity:.09;pointer-events:none;background-image:linear-gradient(#50f5bd47 1px,#0000 1px),linear-gradient(90deg,#50f5bd47 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.site-header{z-index:10;min-height:var(--header-height);justify-content:space-between;align-items:center;gap:32px;padding:22px clamp(24px,6vw,108px);display:flex;position:absolute;top:0;left:0;right:0}.brand{flex:none;align-items:center;display:inline-flex}.brand img{width:clamp(128px,12vw,190px);height:auto;display:block}.main-nav{justify-content:flex-end;align-items:center;gap:clamp(18px,2.4vw,40px);font-size:14px;font-weight:700;display:flex}.main-nav a{color:#f4fff9db;padding:10px 0;transition:color .17s,transform .17s;position:relative}.main-nav .nav-contact{border:1px solid #50f5bd75;border-radius:999px;padding:11px 18px}.main-nav .nav-contact:hover{color:#03100c;background:var(--mint)}.hero-content{z-index:2;width:min(760px,100% - 48px);min-height:100svh;padding:calc(var(--header-height) + 55px) 0 64px;flex-direction:column;justify-content:center;align-items:flex-start;margin-left:clamp(24px,8vw,142px);display:flex;position:relative}.hero-eyebrow{color:var(--mint);letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-size:clamp(12px,1vw,15px);font-weight:800}.hero-title{color:#fff;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance;max-width:820px;margin:0;font-size:clamp(54px,7.1vw,122px);font-weight:900;line-height:.89}.hero-description{color:#f4fff9e0;width:min(690px,100%);margin-top:34px;font-size:clamp(18px,1.55vw,28px);line-height:1.48}.hero-description p{margin:0 0 14px}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:34px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 27px;font-size:16px;font-weight:800;transition:transform .17s,background .17s,border-color .17s,color .17s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#03100c;background:var(--mint);border:1px solid var(--mint)}.button-primary:hover{background:#fff;border-color:#fff}.button-secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03100c57;border:1px solid #ffffff61}.button-secondary:hover{border-color:var(--mint);color:var(--mint)}.button-text{color:#fff;border-radius:0;min-height:44px;padding:0 4px}.button-text span{color:var(--mint);font-size:21px}.button-text:hover{color:var(--mint)}.competence-line{color:#fff;margin-top:28px;font-size:clamp(15px,1.25vw,20px);font-weight:800;line-height:1.6}.competence-line span{color:var(--mint);margin:0 7px}.service-list{border-top:1px solid #ffffff3d;border-left:1px solid #ffffff3d;grid-template-columns:repeat(2,minmax(0,1fr));width:min(680px,100%);margin-top:28px;display:grid}.service-list div{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03100c5c;border-bottom:1px solid #ffffff3d;border-right:1px solid #ffffff3d;align-items:center;min-height:64px;padding:18px 20px;font-size:clamp(15px,1.2vw,19px);font-weight:800;display:flex}.contact-block{flex-direction:column;align-items:flex-start;margin-top:30px;display:flex}.contact-block>span{color:var(--mint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:800}.contact-block>a{color:#fff;letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(25px,3vw,48px);font-weight:900}.contact-block>a:hover{color:var(--mint)}.contact-block p{color:#f4fff9c2;margin:16px 0 0;font-size:15px;line-height:1.6}.page-signature{z-index:3;color:#f4fff98a;letter-spacing:.14em;font-size:11px;font-weight:800;position:absolute;bottom:22px;right:clamp(20px,4vw,64px)}@media (max-width:1050px){.hero-page{background-position:60%}.hero-title{font-size:clamp(50px,8vw,86px)}.hero-content{width:min(710px,100% - 48px)}}@media (max-width:760px){:root{--header-height:126px}.hero-page{background-image:linear-gradient(180deg, #03100cb8 0%, #03100ce6 40%, #03100cfa 100%), var(--page-image);background-position:68% 0}.site-header{min-height:var(--header-height);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:18px 22px}.brand img{width:136px}.main-nav{scrollbar-width:none;justify-content:flex-start;gap:18px;width:100%;padding-bottom:4px;font-size:12px;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:none}.main-nav .nav-contact{padding:7px 13px}.hero-content{width:calc(100% - 40px);padding:calc(var(--header-height) + 42px) 0 78px;justify-content:flex-end;margin:0 20px}.hero-eyebrow{letter-spacing:.14em;margin-bottom:16px;font-size:11px}.hero-title{font-size:clamp(43px,13.5vw,72px);line-height:.91}.hero-description{margin-top:24px;font-size:18px;line-height:1.45}.hero-actions{align-items:stretch;gap:10px;width:100%;margin-top:26px}.button{width:100%;min-height:50px;padding:0 20px}.button-text{justify-content:flex-start;align-self:flex-start;width:auto}.service-list{grid-template-columns:1fr}.service-list div{min-height:54px;padding:14px 16px}.competence-line{font-size:14px}.page-signature{font-size:9px;bottom:16px;left:20px;right:auto}}@media (max-height:760px) and (min-width:761px){.hero-content{padding-top:calc(var(--header-height) + 30px);padding-bottom:42px}.hero-title{font-size:clamp(48px,6.3vw,92px)}.hero-description{margin-top:22px;font-size:clamp(17px,1.3vw,22px)}.hero-actions{margin-top:24px}}.hero-page{flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.site-header{z-index:30;width:100%;min-height:var(--header-height);flex:0 0 var(--header-height);background:#fff;border-bottom:5px solid #13964f;justify-content:space-between;align-items:center;gap:36px;padding:12px clamp(28px,6vw,108px);display:flex;position:relative;top:auto;left:auto;right:auto;box-shadow:0 8px 26px #03100c2e}.brand{flex:none;align-items:center;height:66px;display:inline-flex}.main-nav{color:#071611;justify-content:flex-end;align-items:center;gap:clamp(22px,2.4vw,42px);font-size:15px;font-weight:800;display:flex}.main-nav a{color:#071611;opacity:1;padding:12px 0;transition:color .17s,transform .17s;position:relative}.main-nav a:hover{color:#13964f;transform:translateY(-1px)}.main-nav a:after{content:"";background:#13964f;height:3px;transition:right .17s;position:absolute;bottom:5px;left:0;right:100%}.main-nav a:hover:after{right:0}.main-nav .nav-contact{color:#fff;background:#13964f;border:2px solid #13964f;border-radius:999px;padding:12px 22px}.main-nav .nav-contact:after{display:none}.main-nav .nav-contact:hover{color:#fff;background:#0d783f;border-color:#0d783f}.hero-content{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:min(780px,100% - 56px);min-height:auto;margin-left:clamp(28px,7.5vw,140px);padding:clamp(54px,7vh,88px) 0 clamp(54px,7vh,84px);display:flex;position:relative}.hero-grid{top:var(--header-height)}.hero-page{background-image:linear-gradient(90deg, #03100cfa 0%, #03100cf0 25%, #03100cc2 49%, #03100c40 75%, #03100c1f 100%), var(--page-image)}.hero-eyebrow{text-shadow:0 2px 12px #0000006b;color:#50f5bd!important}.hero-title{text-shadow:0 4px 24px #00000042;color:#fff!important}.hero-description{text-shadow:0 2px 12px #00000052;color:#f4fff9!important}.hero-description p{color:#f4fff9!important}.button-primary{box-shadow:0 8px 22px #13964f47;color:#fff!important;background:#13964f!important;border:2px solid #13964f!important}.button-primary:hover{color:#fff!important;background:#0d783f!important;border-color:#0d783f!important}.button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#03100c94!important;border:2px solid #ffffffb8!important}.button-secondary:hover{color:#03100c!important;background:#fff!important;border-color:#fff!important}.button-text{text-shadow:0 2px 10px #00000075;color:#fff!important}.button-text span,.button-text:hover{color:#50f5bd!important}.competence-line,.service-list div,.contact-block>a{color:#fff!important}.contact-block>span,.competence-line span{color:#50f5bd!important}.page-signature{color:#ffffffb8}@media (max-width:1050px){.site-header{padding-left:28px;padding-right:28px}.main-nav{gap:22px}.hero-content{margin-left:42px}}@media (max-width:760px){:root{--header-height:auto}.hero-page{min-height:100svh}.site-header{border-bottom-width:4px;flex-direction:column;flex:none;align-items:flex-start;gap:10px;min-height:auto;padding:12px 18px 14px}.brand{height:54px}.brand img{max-width:120px;height:54px}.main-nav{scrollbar-width:none;justify-content:flex-start;gap:18px;width:100%;padding-bottom:2px;font-size:12px;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:none;padding:8px 0}.main-nav .nav-contact{padding:8px 14px}.hero-grid{top:0}.hero-content{flex:1;justify-content:center;width:calc(100% - 40px);min-height:0;margin:0 20px;padding:54px 0 74px}.hero-page{background-image:linear-gradient(180deg, #03100ca3 0%, #03100cdb 37%, #03100cfa 100%), var(--page-image)}.hero-actions{align-items:stretch}.button-primary,.button-secondary{width:100%}}@media (max-height:760px) and (min-width:761px){.site-header{flex-basis:82px;min-height:82px;padding-top:8px;padding-bottom:8px}.brand,.brand img{height:58px}.hero-content{padding-top:36px;padding-bottom:38px}}:root{--header-height:132px}.site-header{min-height:var(--header-height);flex-basis:var(--header-height);padding-top:14px;padding-bottom:14px}.brand{height:99px}.brand img{object-fit:contain;width:auto;max-width:225px;height:99px}.main-nav{align-self:center}@media (max-width:1050px) and (min-width:761px){:root{--header-height:124px}.brand,.brand img{height:92px}.brand img{max-width:210px}}@media (max-width:760px){.brand{height:81px}.brand img{max-width:184px;height:81px}.site-header{padding-top:12px;padding-bottom:14px}}@media (max-height:760px) and (min-width:761px){:root{--header-height:112px}.site-header{min-height:var(--header-height);flex-basis:var(--header-height)}.brand,.brand img{height:84px}.brand img{max-width:192px}}.qr-section{width:min(760px,100%);margin-top:32px}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.qr-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03100c6b;border:1px solid #ffffff38;border-radius:22px;flex-direction:column;align-items:center;gap:14px;padding:18px;transition:transform .17s,border-color .17s,background .17s;display:flex}.qr-card:hover{background:#03100c8f;border-color:#50f5bdb8;transform:translateY(-2px)}.qr-card-title{color:#50f5bd;letter-spacing:.08em;text-transform:uppercase;font-size:16px;font-weight:900}.qr-code-image{background:#fff;border-radius:18px;width:min(100%,240px);height:auto;padding:10px;display:block;box-shadow:0 8px 24px #00000038}.qr-card-note{color:#f4fff9d1;text-align:center;font-size:14px;line-height:1.45}@media (max-width:760px){.qr-grid{grid-template-columns:1fr}.qr-section{margin-top:26px}.qr-card{padding:16px}.qr-code-image{width:min(100%,220px)}}.header-navigation{justify-content:flex-end;align-items:center;gap:clamp(20px,2.4vw,38px);display:flex}.language-menu{flex:none;position:relative}.language-trigger{color:#071611;cursor:pointer;background:#fff;border:2px solid #13964f52;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-width:88px;height:48px;padding:0 15px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:900;transition:background .17s,border-color .17s,transform .17s,box-shadow .17s;display:inline-flex}.language-trigger:hover{background:#f4fff9;border-color:#13964f;transform:translateY(-1px);box-shadow:0 8px 20px #03100c1a}.language-trigger:focus-visible{outline-offset:3px;outline:3px solid #50f5bd6b}.language-flag{font-size:21px;line-height:1}.language-current{letter-spacing:.06em}.language-arrow{color:#13964f;font-size:14px;transition:transform .17s}.language-arrow.is-open{transform:rotate(180deg)}.language-dropdown{z-index:100;background:#fff;border:1px solid #13964f38;border-radius:18px;width:210px;padding:8px;animation:.15s ease-out languageDropdownOpen;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 18px 44px #03100c38}.language-dropdown:before{content:"";background:#fff;border-top:1px solid #13964f38;border-left:1px solid #13964f38;width:12px;height:12px;position:absolute;top:-7px;right:31px;transform:rotate(45deg)}.language-option{color:#071611;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:48px;padding:10px 12px;font-size:14px;font-weight:800;transition:background .15s,color .15s;display:grid;position:relative}.language-option>span:first-child{font-size:22px;line-height:1}.language-option small{color:#718078;letter-spacing:.08em;font-size:11px;font-weight:900}.language-option.is-active{color:#0d783f;background:#50f5bd2e}.language-option.is-active:hover{background:#50f5bd52}.language-option.is-pending{cursor:default;color:#52635b;opacity:.72}.language-option.is-pending:after{content:"Presto";color:#13964f;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:900;position:absolute;bottom:4px;right:42px}@keyframes languageDropdownOpen{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.header-navigation{gap:18px}.language-trigger{min-width:78px;padding-left:12px;padding-right:12px}}@media (max-width:860px) and (min-width:761px){.main-nav{gap:14px;font-size:13px}.main-nav .nav-contact{padding-left:15px;padding-right:15px}.language-current{display:none}.language-trigger{gap:3px;width:58px;min-width:58px;padding:0}}@media (max-width:760px){.header-navigation{align-items:center;gap:12px;width:100%}.main-nav{flex:auto;width:auto}.language-menu{flex:none}.language-trigger{gap:3px;width:58px;min-width:58px;height:40px;padding:0}.language-current{display:none}.language-flag{font-size:19px}.language-dropdown{width:auto;margin-top:12px;position:fixed;top:auto;left:18px;right:18px}.language-dropdown:before{display:none}}html[lang=zh-CN] body{font-family:Arial,Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}html[lang=zh-CN] .hero-title{letter-spacing:-.035em;line-height:1.02}html[lang=zh-CN] .hero-description{line-height:1.7}html[lang=zh-CN] .main-nav{font-weight:700}.language-option.is-pending:after{display:none!important}.linkedin-link{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03100c6b;border:1px solid #50f5bd57;border-radius:14px;align-items:center;gap:12px;width:fit-content;margin-top:22px;padding:12px 16px;transition:transform .17s,border-color .17s,background .17s;display:inline-flex}.linkedin-link:hover{background:#03100c9e;border-color:#50f5bd;transform:translateY(-2px)}.linkedin-mark{color:#fff;background:#0a66c2;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;font-weight:900;line-height:1;display:inline-flex}.linkedin-link>span:last-child{flex-direction:column;gap:2px;display:flex}.linkedin-link strong{color:#fff;font-size:15px;font-weight:900}.linkedin-link small{color:#f4fff9b8;font-size:12px}@media (max-width:760px){.linkedin-link{width:100%}}.qr-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.qr-card{justify-content:flex-start;height:100%;min-height:390px}.linkedin-qr-visual{aspect-ratio:1;color:#fff;background:#0a66c2;border-radius:18px;justify-content:center;align-items:center;width:min(100%,240px);padding:42px;display:flex;box-shadow:0 8px 24px #00000038}.linkedin-qr-visual svg{width:100%;height:100%;display:block}.linkedin-link{display:none!important}@media (max-width:1100px){.qr-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}.qr-card{min-height:340px}.linkedin-qr-visual,.qr-code-image{width:min(100%,205px)}}@media (max-width:760px){.qr-grid{grid-template-columns:1fr}.qr-card{min-height:auto}.linkedin-qr-visual,.qr-code-image{width:min(100%,220px)}}
