*, *::before, *::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    font-family:'Microsoft Sans Serif','Microsoft YaHei',sans-serif;
    background:#f2f6f4;
    color:#1e2b26;
    line-height:1.65;
}
a{text-decoration:none;color:inherit;transition:all .3s ease}
img{display:block;max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.shell{display:flex;flex-direction:column;min-height:100vh}
.topbar{
    background:#0d2b24;
    color:rgba(255,255,255,.85);
    padding:8px 0;
    font-size:.875rem;
    letter-spacing:.3px;
}
.topbar .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px}
.header{
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(13,43,36,.08);
    padding:14px 0;
    position:sticky;
    top:0;
    z-index:100;
    backdrop-filter:blur(8px);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
    max-width:1200px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
    width:100%;
}
.brand{display:flex;align-items:center;gap:12px}
.brand__mark{
    width:42px;height:42px;border-radius:10px;
    background:linear-gradient(135deg,#1d6b52,#0e3d30);
    box-shadow:0 4px 12px rgba(13,43,36,.2);
}
.brand__text{display:flex;flex-direction:column;line-height:1.2}
.brand__text strong{
    font-size:1.3rem;
    color:#0d2b24;
    font-weight:800;
    letter-spacing:.5px;
}
.brand__text span{font-size:.78rem;color:#5a7068;letter-spacing:.5px}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{
    padding:8px 15px;
    border-radius:30px;
    font-size:.92rem;
    font-weight:500;
    color:#1e2b26;
    border:1px solid transparent;
}
.nav a:hover{background:#e8f2ed;border-color:#bcd8cc;color:#1d6b52}
.hero{
    background:
        radial-gradient(ellipse at 80% 20%, rgba(29,107,82,.12), transparent 45%),
        linear-gradient(135deg, #ffffff 0%, #eef5f1 55%, #dcebe4 100%);
    padding:72px 0 56px;
    border-bottom:1px solid rgba(13,43,36,.08);
}
.hero .container{max-width:1200px;margin:0 auto;padding:0 20px}
.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.eyebrow{
    display:inline-block;
    background:#0d2b24;
    color:#fff;
    padding:6px 18px;
    border-radius:30px;
    font-size:.8rem;
    letter-spacing:1px;
    margin-bottom:20px;
    font-weight:600;
}
h1{
    font-size:2.5rem;
    font-weight:800;
    line-height:1.2;
    color:#0d2b24;
    margin-bottom:16px;
    letter-spacing:.5px;
}
.hero-copy p{font-size:1.04rem;color:#4a5e56;max-width:560px;margin-bottom:24px}
.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.chip-row span{
    background:#fff;
    border:1px solid #c8dad1;
    border-radius:30px;
    padding:6px 15px;
    font-size:.8rem;
    color:#1d6b52;
    font-weight:600;
    box-shadow:0 2px 6px rgba(13,43,36,.04);
}
.hero-side{
    background:#fff;
    border-radius:20px;
    padding:28px 30px;
    box-shadow:0 14px 44px rgba(13,43,36,.1);
    border:1px solid rgba(13,43,36,.06);
}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
.metric-grid div{
    text-align:center;
    padding:14px 8px;
    background:#f3f8f5;
    border-radius:14px;
}
.metric-grid strong{display:block;font-size:1.5rem;color:#1d6b52;font-weight:800}
.metric-grid span{font-size:.78rem;color:#5a7068}
.hero-side__contact{
    border-top:1px solid #e2ebe6;
    padding-top:20px;
    text-align:center;
}
.hero-side__contact strong{font-size:1rem;color:#0d2b24;display:block}
.hero-side__contact a{
    display:inline-block;
    font-size:1.7rem;
    font-weight:800;
    color:#1d6b52;
    margin:6px 0;
    letter-spacing:1px;
}
.hero-side__contact p{font-size:.85rem;color:#6b7f77;text-align:left;line-height:1.6;margin-top:8px}
.section{
    padding:64px 0;
    max-width:1200px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
    width:100%;
}
.section-head{text-align:center;margin-bottom:44px}
.section-head h2{
    font-size:2rem;
    font-weight:800;
    color:#0d2b24;
    margin-bottom:6px;
    letter-spacing:.5px;
}
.section-head span{
    color:#8ea39b;
    font-size:.85rem;
    text-transform:uppercase;
    letter-spacing:2px;
}
.sofa-line{
    width:70px;
    height:4px;
    background:linear-gradient(90deg,#1d6b52,#58a888);
    border-radius:4px;
    margin:14px auto 0;
}
.panel{
    background:#fff;
    border-radius:22px;
    border:1px solid rgba(13,43,36,.06);
    box-shadow:0 14px 40px rgba(13,43,36,.06);
    padding:40px;
}
.company-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.company-copy p{margin-bottom:14px;color:#35493f;font-size:.95rem}
.company-copy strong{color:#0d2b24}
.figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(13,43,36,.12)}
.figure img{width:100%;height:100%;object-fit:cover;min-height:280px}
.figure figcaption{
    padding:12px 16px;
    background:#f3f8f5;
    font-size:.88rem;
    color:#1d6b52;
    text-align:center;
    font-weight:600;
}
.strength-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.strength-card{
    background:#fff;
    border:1px solid rgba(13,43,36,.08);
    border-radius:18px;
    padding:28px 20px;
    text-align:center;
    transition:all .3s ease;
}
.strength-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(13,43,36,.08)}
.strength-card .icon{font-size:2rem;margin-bottom:12px}
.strength-card h3{font-size:1.1rem;color:#0d2b24;margin-bottom:8px}
.strength-card p{font-size:.82rem;color:#6b7f77;line-height:1.6}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.faq-card{
    background:#fff;
    border:1px solid rgba(13,43,36,.08);
    border-radius:16px;
    padding:24px;
    transition:all .3s ease;
}
.faq-card:hover{border-color:#58a888;box-shadow:0 8px 20px rgba(13,43,36,.06)}
.faq-card h3{font-size:1rem;color:#0d2b24;margin-bottom:10px}
.faq-card p{font-size:.88rem;color:#6b7f77;line-height:1.6}
.cta-panel{
    background:
        radial-gradient(ellipse at 90% 10%, rgba(255,255,255,.08), transparent 40%),
        linear-gradient(145deg,#0d2b24,#143f34);
    border-radius:28px;
    padding:56px 60px;
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:56px;
    align-items:center;
    color:#fff;
}
.cta-copy .eyebrow{background:rgba(255,255,255,.12);color:#bfe3d5}
.cta-copy h2{font-size:1.9rem;color:#fff;margin-bottom:12px}
.cta-copy p{color:rgba(255,255,255,.75);font-size:.94rem;margin-bottom:20px;line-height:1.7}
.contact-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.contact-list li{
    background:rgba(255,255,255,.06);
    border-radius:10px;
    padding:10px 14px;
    font-size:.9rem;
    color:rgba(255,255,255,.9);
}
.cta-contact{
    background:rgba(255,255,255,.09);
    border-radius:22px;
    padding:28px 26px;
    text-align:center;
    backdrop-filter:blur(4px);
}
.cta-contact strong{font-size:1.05rem;display:block}
.cta-contact a{
    display:inline-block;
    font-size:1.9rem;
    font-weight:800;
    color:#ffd7a8;
    margin:10px 0 14px;
    letter-spacing:1px;
}
.cta-contact p{font-size:.9rem;color:rgba(255,255,255,.8);margin-top:8px}
.footer{
    background:#081a14;
    color:rgba(255,255,255,.7);
    padding:40px 0 30px;
}
.footer__inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}
.footer p{font-size:.88rem;line-height:1.7;margin-bottom:10px}
.friend-links-row{
    margin-top:28px;
    border-top:1px solid rgba(255,255,255,.08);
    padding-top:18px;
    width:100%;
}
.friend-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:flex-start;align-items:center;width:100%}
.friend-links__inner{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    font-size:.8rem;
    color:rgba(255,255,255,.45);
}
.friend-links__inner a{
    color:rgba(255,255,255,.5);
    font-size:.8rem;
    transition:color .2s;
}
.friend-links__inner a:hover{color:#bfe3d5}
.btn-solid{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 26px;
    border-radius:30px;
    background:#ffd7a8;
    color:#0d2b24;
    font-weight:700;
    font-size:.95rem;
    transition:all .3s ease;
    border:1px solid #ffd7a8;
}
.btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,215,168,.3)}
.btn-outline{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:30px;
    border:1.5px solid #bfe3d5;
    color:#bfe3d5;
    font-weight:600;
    font-size:.9rem;
    background:transparent;
    transition:all .3s ease;
}
.btn-outline:hover{background:rgba(191,227,213,.1)}


.friend-links-row{display:block !important;width:100%;margin:18px 0 0;clear:both;}
.friend-links{display:block !important;width:100%;box-sizing:border-box;}
.friend-links__inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;}
.friend-links__inner a{display:inline-block;font-size:12px;line-height:1.6;padding:0;color:inherit;text-decoration:none;opacity:.88;}
.friend-links__inner a:hover{text-decoration:underline;opacity:1;}
@media (max-width: 768px){
  .friend-links-row{margin-top:14px;}
  .friend-links__inner{gap:5px 10px;}
  .friend-links__inner a{font-size:11px;line-height:1.7;}
}