:root{--bg: #f2faf5;--surface: #ffffff;--surface-soft: #e9f6ee;--surface-dark: #0f2f20;--text: #0f2f20;--muted: #3f6250;--primary: #0aa44f;--primary-strong: #08793a;--accent: #ff8a3d;--border: #c4e2d1;--ring: #0a7740;--radius: 16px;--shadow: 0 18px 36px rgba(13, 88, 52, .15);--container: min(1140px, 92vw)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7fcf9,#eff8f3);line-height:1.55}.container{width:var(--container);margin-inline:auto}.skip-link{position:absolute;left:12px;top:-100px;z-index:999;background:#fff;color:var(--text);border:2px solid var(--ring);border-radius:8px;padding:.5rem .75rem}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:60;background:#f7fcf9db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{min-height:68px;display:flex;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;font-weight:800;background:linear-gradient(150deg,#22b765,#0d7e40)}.brand-text{font-size:1.03rem;font-weight:800;letter-spacing:.01em}.header-controls{margin-left:auto;display:inline-flex;align-items:center;gap:.6rem}.language-switch{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.lang-btn{border:0;background:transparent;min-width:56px;padding:.42rem .65rem;font-weight:700;color:var(--text)}.lang-btn.is-active{background:#dbf2e4;color:var(--primary-strong)}.menu-toggle{display:none;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:700;padding:.42rem .74rem}.primary-nav ul{margin:0;padding:0;list-style:none;display:flex;gap:1.15rem}.primary-nav a{color:var(--text);text-decoration:none;font-weight:700;font-size:.95rem}.hero{position:relative;overflow:hidden;min-height:78vh;padding:2.6rem 0 3.1rem;display:flex;align-items:center}.hero-wave-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#eefaf3,#d8f0e2 46%,#bfdfcc)}.hero-wave-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.6),transparent 32%),radial-gradient(circle at 80% 18%,rgba(255,255,255,.38),transparent 30%)}.wave{position:absolute;left:-8%;width:116%;border-radius:52% 48% 56% 44%/40% 44% 56% 60%;animation:drift 11s ease-in-out infinite}.wave-1{bottom:-30vh;height:52vh;background:linear-gradient(130deg,#0e994e8c,#0a7c40c2);animation-delay:-1s}.wave-2{bottom:-38vh;height:63vh;background:linear-gradient(130deg,#0e7f436e,#09693794);animation-delay:-4s}.wave-3{bottom:-46vh;height:74vh;background:linear-gradient(130deg,#08623459,#07582e75);animation-delay:-7s}.hero-layout{position:relative;z-index:2;display:block}.hero-copy{max-width:620px}.eyebrow{margin:0 0 .75rem;display:inline-flex;padding:.35rem .7rem;border-radius:999px;font-size:.81rem;font-weight:800;letter-spacing:.03em;color:#0f6a38;background:#e0f6eaf2}.hero-copy h1{margin:0;font-size:clamp(2.1rem,4vw,4.4rem);line-height:1.02;letter-spacing:-.025em}.hero-subtitle{margin:1rem 0 0;max-width:54ch;font-size:clamp(1rem,1.05vw + .8rem,1.2rem);line-height:1.72;color:#325746}.hero-actions{margin-top:1.35rem;display:flex;flex-wrap:wrap;gap:.75rem}.hero-bullets{margin:1.1rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.6rem}.hero-bullets li{border-radius:999px;border:1px solid rgba(178,221,196,.9);background:#f8fffbf2;color:#214d38;padding:.34rem .74rem;font-size:.86rem;font-weight:800}.section{padding:3.2rem 0}.section h2{margin:0 0 .95rem;font-size:clamp(1.35rem,1.25vw + 1rem,2rem);letter-spacing:-.01em}.section-services{background:linear-gradient(180deg,#f8fdfa,#edf7f1)}.service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.85rem}.service-card{position:relative;border-radius:var(--radius);padding:1.05rem;transition:transform .22s ease,box-shadow .22s ease}.service-card:hover{transform:translateY(-4px)}.service-card--ecommerce{background:linear-gradient(165deg,#163d2a,#0f2f20);color:#e8fff2;box-shadow:0 18px 34px #09392147}.service-card--ecommerce p{color:#e8fff2db}.service-card--portfolio,.service-card--agent{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow)}.service-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.service-card h3{margin:0 0 .55rem;font-size:1.06rem}.service-card p{margin:0;color:var(--muted)}.service-badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.25rem .55rem}.service-card--agent{overflow:hidden}.service-card--agent:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#00b65f,#6ae4a3,#00b65f);background-size:200% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;opacity:0;transition:opacity .22s ease}.service-card--agent:hover:before{opacity:1;animation:borderFlow 1.5s linear infinite}.section-soft{border-top:1px solid #d7ecdf;border-bottom:1px solid #d7ecdf;background:var(--surface-soft)}.chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.chip{margin:0;border-radius:999px;border:1px solid #bddbca;background:#fff;font-weight:700;padding:.58rem .95rem}.section-cta{background:linear-gradient(170deg,#e5f6ed,#f6fcf8 58%,#ebf8f1)}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.cta-copy p{margin:0;color:var(--muted)}.contact-form{border-radius:var(--radius);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);padding:1rem}.form-notice{margin:0 0 .9rem;color:var(--muted);font-size:.92rem}.form-field{display:grid;gap:.35rem;margin-bottom:.75rem}label{font-weight:700}input,textarea,button{font:inherit}input,textarea{width:100%;border-radius:11px;border:1px solid #a3cab2;background:#fff;padding:.65rem .75rem}.btn{display:inline-block;text-decoration:none;border-radius:11px;border:1px solid transparent;padding:.64rem 1rem;font-weight:800}.btn-primary{color:#fff;background:linear-gradient(155deg,#0fb95c,#0a8f45);box-shadow:0 8px 18px #0b9b4e57,0 0 0 1px #07763a29}.btn-primary:hover{background:linear-gradient(155deg,#12c865,#0b9d4d)}.btn-secondary{color:#0f3625;background:#fff;border-color:#b4d7c3}.site-footer{border-top:1px solid var(--border);background:#f2fbf6}.footer-inner{min-height:64px;display:flex;align-items:center}.reveal-up{animation:riseIn .82s cubic-bezier(.2,.75,.2,1) both}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--ring);outline-offset:2px}@keyframes riseIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0) translateY(0) scale(1)}50%{transform:translate(-2.6%) translateY(7px) scale(1.03)}}@keyframes borderFlow{to{background-position:200% 0}}@media (max-width: 1040px){.hero{min-height:72vh}.service-grid,.cta-grid{grid-template-columns:1fr}.service-card--ecommerce{min-height:180px}}@media (max-width: 880px){.menu-toggle{display:inline-flex}.primary-nav{position:absolute;right:4vw;top:68px;width:min(330px,92vw);padding:.7rem;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:none}.primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column;gap:0}.primary-nav a{display:block;padding:.52rem .45rem;border-radius:8px}.primary-nav a:hover{background:#eaf8ef}}@media (max-width: 680px){.header-inner{min-height:64px;flex-wrap:wrap;padding:.52rem 0;gap:.48rem}.header-controls{margin-left:0}.hero{min-height:66vh;padding:2.2rem 0 2.5rem}.hero-copy h1{font-size:clamp(1.95rem,10vw,3.1rem)}.hero-subtitle{line-height:1.66}.wave-1{bottom:-25vh;height:42vh}.wave-2{bottom:-30vh;height:50vh}.wave-3{bottom:-36vh;height:58vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}