:root{--purple:#29166f;--purple-2:#4a3294;--green:#8ccb24;--green-soft:#eef7df;--ink:#202020;--muted:#666472;--paper:#f7f8f3;--lavender:#f0eff8;--line:#e8e7ee;--radius:28px;--max:1680px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 96px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(232,231,238,.7);backdrop-filter:blur(14px)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center}.brand-mark{width:300px;height:82px;display:block;overflow:hidden;position:relative;background:#fff}.brand-mark img{position:absolute;width:620px;max-width:none;height:auto;left:-175px;top:-135px}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#4d4b56}.site-nav a{transition:color .2s}.site-nav a:hover{color:var(--purple)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.nav-cta{padding:11px 20px;background:var(--purple);color:#fff}.nav-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(41,22,111,.18)}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span{display:block;width:23px;height:2px;background:var(--purple);margin:5px}.section-light{background:var(--paper)}.hero{height:calc(100vh - 86px);min-height:0;display:flex;align-items:center;padding:38px 0 48px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:66px}.eyebrow{margin:0 0 18px;color:var(--purple-2);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1{max-width:620px;margin:0;color:var(--purple);font-size:clamp(44px,6vw,78px);line-height:1.07;letter-spacing:-.055em}.hero h1 em{display:block;color:var(--ink);font-style:normal}.hero-lead{max-width:555px;margin:28px 0 0;color:var(--muted);font-size:18px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{padding:15px 25px}.button-primary{background:var(--green);color:#1d2a08}.button-dark{background:var(--purple);color:#fff}.button-green{background:var(--green);color:#182500}.text-link{font-weight:700;color:var(--purple)}.text-link span,.button span{margin-left:8px}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:54px;color:var(--muted);font-size:12px}.hero-proof strong{color:var(--purple);font-size:18px}.hero-proof i{width:1px;height:28px;background:var(--line);margin:0 12px}.hero-visual{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center}.hero-orbit{position:absolute;border-radius:50%;border:1px solid rgba(74,50,148,.18)}.orbit-one{width:440px;height:440px}.orbit-two{width:330px;height:330px;border-color:rgba(140,203,36,.3)}.hero-image-card{position:relative;width:min(100%,470px);aspect-ratio:1/1.06;border-radius:42% 42% 34px 34px;overflow:hidden;isolation:isolate;background:#ddd;box-shadow:24px 28px 0 var(--green),0 30px 70px rgba(41,22,111,.17)}.hero-image-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(41,22,111,0) 50%,rgba(41,22,111,.24) 100%),linear-gradient(90deg,rgba(255,255,255,.18),transparent 36%)}.hero-image-card img{width:100%;height:100%;object-fit:cover;display:block}.hero-float-card{position:absolute;bottom:16px;left:0;display:flex;align-items:center;gap:12px;padding:15px 20px;border-radius:18px;background:#fff;box-shadow:0 15px 34px rgba(41,22,111,.14)}.float-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green-soft);color:var(--purple);font-size:22px}.hero-float-card strong,.hero-float-card small{display:block}.hero-float-card small{color:var(--muted);font-size:11px}.section{padding:112px 0}.section-white{background:#fff}.section-lavender{background:var(--lavender)}.section-heading{max-width:690px;margin:0 auto 52px;text-align:center}.section-heading-left{text-align:left;margin-left:0}.section-heading h2,.feature-copy h2,.contact-inner h2{margin:0;color:var(--purple);font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.04em}.section-heading>p:last-child{color:var(--muted);margin:22px auto 0;max-width:520px}.family-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.family-card{min-height:245px;position:relative;overflow:hidden;padding:30px;border-radius:var(--radius);isolation:isolate;transition:transform .25s,box-shadow .25s}.family-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(41,22,111,.12)}.family-card h3{margin:38px 0 8px;font-size:28px;line-height:1.15}.family-card p{max-width:260px;margin:0;color:var(--muted);font-size:14px}.card-index{position:absolute;top:25px;right:30px;font-size:12px;font-weight:800;letter-spacing:.12em;opacity:.58}.card-link{display:inline-block;margin-top:26px;font-size:13px;font-weight:800}.family-card-large{grid-row:span 2;min-height:508px;background:var(--green-soft)}.family-card-large img,.family-card-image img{position:absolute;right:0;bottom:0;width:57%;height:72%;object-fit:cover;mix-blend-mode:multiply;opacity:.88;z-index:-1}.family-card-purple{background:var(--purple);color:#fff}.family-card-purple h3,.family-card-purple .card-link{color:#fff}.family-card-purple p{color:rgba(255,255,255,.72)}.card-shape{position:absolute;right:-20px;bottom:-55px;width:190px;height:190px;border:34px solid rgba(140,203,36,.75);border-radius:50%;z-index:-1}.family-card-green{background:#e1efbd}.family-card-green h3{color:var(--purple)}.card-lines{position:absolute;right:34px;bottom:25px;width:150px;height:70px;border-top:2px solid var(--purple);border-bottom:2px solid var(--purple);transform:skewY(-17deg);opacity:.38}.family-card-image{background:#f0ece8}.family-card-image img{width:50%;height:100%;opacity:.8}.feature-section{padding:112px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.feature-image{position:relative}.feature-image img{width:100%;aspect-ratio:1.08;object-fit:cover;border-radius:var(--radius)}.image-note{position:absolute;bottom:14px;left:14px;padding:7px 11px;background:rgba(255,255,255,.82);border-radius:999px;color:var(--muted);font-size:10px}.feature-copy>p:not(.eyebrow){color:var(--muted);margin:24px 0}.check-list{padding:0;margin:30px 0;list-style:none;color:#45434c}.check-list li{margin:12px 0}.check-list li:before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:50%;background:var(--green);color:#1b2b00;font-weight:800}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.strength-card{padding:30px;border:1px solid var(--line);border-radius:22px;background:#fff;min-height:210px}.strength-card span{color:var(--green);font-weight:800}.strength-card h3{margin:35px 0 10px;color:var(--purple);font-size:24px}.strength-card p{margin:0;color:var(--muted);font-size:14px}.contact-band{padding:82px 0;background:var(--purple);color:#fff}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-inner h2{max-width:700px;color:#fff}.contact-inner .eyebrow{color:#bcd97e}.site-footer{background:#181437;color:#fff;padding:52px 0 24px}.footer-inner,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand .brand-mark{background:transparent;filter:brightness(0) invert(1);opacity:.92}.footer-brand p{margin:8px 0 0;color:rgba(255,255,255,.6);font-size:13px}.footer-links{display:flex;align-items:center;gap:25px;color:rgba(255,255,255,.76);font-size:13px}.language-menu{position:relative;color:rgba(255,255,255,.76);font-size:13px;margin-left:auto}.language-menu summary{display:flex;align-items:center;gap:5px;padding:8px 0}.language-menu summary{cursor:pointer;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"⌄";margin-left:7px;color:var(--green)}.language-menu summary span{color:var(--green);font-size:16px}.language-menu[open] summary{color:#fff}.language-menu div{position:absolute;right:0;bottom:28px;display:grid;gap:8px;min-width:130px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.2)}.language-menu div a{color:var(--purple);padding:4px 6px}.language-menu div a:hover{color:var(--green)}.footer-links a:hover{color:var(--green)}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:18px;color:rgba(255,255,255,.48);font-size:11px}.footer-bottom .language-menu{font-size:12px;color:rgba(255,255,255,.72)}.reveal{opacity:0;transform:translateY(18px);animation:reveal .7s ease forwards}.reveal-delay{animation-delay:.14s}@keyframes reveal{to{opacity:1;transform:none}}@media(max-width:860px){.container{width:calc(100% - 40px)}.site-nav{display:none;position:absolute;left:24px;right:24px;top:76px;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 34px rgba(41,22,111,.12)}.site-nav.is-open{display:flex}.site-nav a{padding:12px 10px}.nav-cta{text-align:center;margin-top:6px}.menu-button{display:block}.hero{height:auto;min-height:calc(100vh - 74px);padding:58px 0 70px}.hero-grid,.feature-grid{grid-template-columns:1fr;gap:52px}.hero-visual{min-height:360px}.hero-proof{margin-top:38px}.family-grid{grid-template-columns:1fr}.family-card-large{grid-row:auto;min-height:390px}.feature-copy{order:-1}.strength-grid{grid-template-columns:1fr}.contact-inner,.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}.brand-mark{width:235px}}
@media(max-width:520px){.container{width:min(var(--max),calc(100% - 32px))}.header-inner{height:76px}.brand-mark{width:220px;height:68px}.brand-mark img{width:500px;left:-140px;top:-108px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-visual{min-height:310px}.orbit-one{width:300px;height:300px}.orbit-two{width:225px;height:225px}.hero-image-card{width:78%;box-shadow:14px 17px 0 var(--green)}.hero-float-card{left:-8px;bottom:0;padding:12px 14px}.section,.feature-section{padding:78px 0}.section-heading{margin-bottom:34px}.family-card{padding:24px}.family-card-large{min-height:340px}.family-card h3{font-size:25px}.family-card-large img{width:64%;height:66%}.contact-band{padding:62px 0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:4px}}
@media(min-width:1101px){.contact-inner h2{max-width:none;white-space:nowrap;font-size:clamp(36px,3.25vw,48px)}}

.site-footer .footer-top{display:grid;grid-template-columns:1.4fr .7fr .9fr;gap:60px;align-items:start}.site-footer .footer-column{display:grid;gap:10px;color:rgba(255,255,255,.72);font-size:13px}.site-footer .footer-column strong{color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.site-footer .footer-column a:hover{color:var(--green)}.site-footer .footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.12);margin-top:46px;padding-top:18px;color:rgba(255,255,255,.5);font-size:11px}.site-footer .footer-legal .language-menu{margin-left:auto;color:rgba(255,255,255,.76);font-size:12px}.site-footer .language-menu div{bottom:28px}.site-footer .language-menu div a{white-space:nowrap}@media(max-width:860px){.site-footer .footer-top{grid-template-columns:1fr 1fr;gap:34px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-legal{align-items:flex-start;flex-direction:column;gap:10px}.site-footer .footer-legal .language-menu{margin-left:0}}@media(max-width:520px){.site-footer .footer-top{grid-template-columns:1fr}.site-footer .footer-column{gap:8px}}
.nav-cta{width:154px;height:48px;padding:0;white-space:nowrap;flex:none}.site-nav{justify-content:flex-end}
.hero-region-cn{background-image:linear-gradient(90deg,rgba(248,248,245,.98) 0%,rgba(248,248,245,.92) 48%,rgba(248,248,245,.4) 72%,rgba(248,248,245,.08) 100%),url("../images/home-hero-shanghai.jpg");background-size:cover;background-position:center}
.hero-region-tw{background-image:linear-gradient(90deg,rgba(248,248,245,.98) 0%,rgba(248,248,245,.92) 48%,rgba(248,248,245,.4) 72%,rgba(248,248,245,.08) 100%),url("../images/home-hero-taiwan.jpg");background-size:cover;background-position:center}
.hero-region-cn .hero-grid,.hero-region-tw .hero-grid{grid-template-columns:minmax(0,1fr) minmax(220px,320px)}
.hero-region-cn .hero-visual,.hero-region-tw .hero-visual{min-height:0;display:block}
.hero-region-cn .hero-orbit,.hero-region-tw .hero-orbit,.hero-region-cn .hero-image-card,.hero-region-tw .hero-image-card{display:none}
.hero-region-cn .hero-float-card,.hero-region-tw .hero-float-card{position:static;min-height:138px;padding:24px 26px;border-left:2px solid var(--green);border-radius:0 20px 20px 0;background:rgba(255,255,255,.84);backdrop-filter:blur(12px);box-shadow:0 18px 45px rgba(41,22,111,.12)}
@media(max-width:860px){.hero-region-cn,.hero-region-tw{background-position:65% center}.hero-region-cn .hero-grid,.hero-region-tw .hero-grid{grid-template-columns:1fr}.hero-region-cn .hero-visual,.hero-region-tw .hero-visual{margin-top:34px}.hero-region-cn .hero-float-card,.hero-region-tw .hero-float-card{max-width:320px}}
.site-header .brand-mark{display:flex;align-items:center;width:236px;height:66px;background:transparent}.site-header .brand-mark img{position:static!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain;transform:none!important}
.site-header .header-inner{width:90%;max-width:none;height:88px}.hero{height:calc(100vh - 88px)}
@media(max-width:860px){.site-header .header-inner{width:calc(100% - 40px);height:76px}.hero{height:auto}.site-nav .nav-cta{width:auto}}
@media(max-width:380px){.site-header .header-inner{width:calc(100% - 24px);gap:10px}.site-header .brand-mark{width:180px;height:58px}.menu-button{padding:8px 4px}.hero h1{font-size:39px}.hero-actions{width:100%}.hero-actions .button,.hero-actions .text-link{max-width:100%}}