:root{--brand:#2E7D67;--brand-dark:#0B4D40;--accent:#FF7A00;--bg:#ffffff;--text:#0c1a14;--muted:#5e7a6f;--surface:#f5fcf9;--ring:0 0 0 .2rem rgba(46,125,103,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:24px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;background:var(--brand);color:#fff;border:none;cursor:pointer;font-weight:600}.btn.ghost{background:#fff;color:var(--brand);border:1px solid #cfeae1}.tag{display:inline-block;padding:4px 10px;border-radius:999px;background:#eaf7f2;color:var(--brand);font-size:12px;font-weight:700}.badge{padding:6px 10px;border-radius:8px;background:#f1fff9;color:var(--brand-dark);font-weight:600}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eef5f1}.header .inner{display:flex;align-items:center;justify-content:space-between;height:72px}.brand img.logo{height:36px;width:auto;display:block}.nav a{margin:0 12px;font-weight:600;color:#133e33}.nav a.active{color:var(--brand)}.burger{display:none;width:44px;height:44px;border-radius:10px;border:1px solid #dfeee7;background:#fff;align-items:center;justify-content:center;cursor:pointer}.mobile{display:none}@media (max-width:960px){.nav{display:none}.burger{display:flex}.mobile{position:fixed;inset:0;background:rgba(255,255,255,.98);display:none;flex-direction:column;padding:24px}.mobile.open{display:flex}.mobile a{padding:14px 6px;font-size:22px;font-weight:700;color:#0b4d40}}.hero{padding:40px 0 20px;background:linear-gradient(180deg,#F8FFFC 0%,#fff 100%)}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.hero h1{font-size:56px;line-height:1.05;margin:.2em 0 .4em;color:#103a2f}.hero p{font-size:20px;color:#37594f}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}@media (max-width:960px){.hero .wrap{grid-template-columns:1fr}.hero h1{font-size:38px}}.section{padding:80px 0}.section.light{background:var(--surface)}.section h2{font-size:36px;margin:0 0 12px}.section p.lead{font-size:20px;color:#4d6a60}.card{background:#fff;border:1px solid #e7f3ee;border-radius:18px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.06)}.work-grid{grid-template-columns:repeat(3,1fr)}@media (max-width:960px){.work-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.work-grid{grid-template-columns:1fr}}.work-item{position:relative;overflow:hidden;border-radius:16px}.work-item img{width:100%;height:240px;object-fit:cover;border-radius:12px}.work-item .caption{position:absolute;left:0;right:0;bottom:0;padding:16px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%);color:#fff;font-weight:700}.feature{display:flex;gap:16px}.feature .icon{width:36px;height:36px;border-radius:10px;background:#eaf7f2;display:flex;align-items:center;justify-content:center;flex:0 0 36px;color:var(--brand-dark);font-weight:800}.accordion .item{border-bottom:1px solid #e6f0eb;padding:16px 0}.accordion .q{display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-weight:700}.accordion .a{display:none;padding:8px 0 0;color:#3e5a50}.footer{background:#f6fbf8;border-top:1px solid #eaf3ef;padding:32px 0;color:#3e5b52}.footer a{color:#276b58}.reveal{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.input{width:100%;padding:12px 14px;border:1px solid #dcece5;border-radius:12px;background:#fff}.input:focus{outline:var(--ring)}textarea.input{min-height:120px;resize:vertical}.marquee{display:flex;overflow:auto;gap:36px;padding:8px 0}.logo-chip{height:36px;padding:6px 12px;border:1px solid #e2efe9;background:#fff;border-radius:999px;font-weight:700;color:#2b6d5a;white-space:nowrap}.lb{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:1000;padding:24px}.lb.open{display:flex}.lb .frame{position:relative;max-width:92vw;max-height:88vh;display:flex;align-items:center;justify-content:center}.lb img{max-width:92vw;max-height:84vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.lb .ctrl{position:absolute;top:50%;transform:translateY(-50%);font-size:34px;padding:10px 14px;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;user-select:none}.lb .prev{left:-10px}.lb .next{right:-10px}.lb .close{position:absolute;top:-18px;right:-14px;font-size:28px;background:rgba(255,255,255,.18);padding:6px 10px;border-radius:10px;cursor:pointer}.lb .counter{position:absolute;left:0;right:0;bottom:-28px;text-align:center;color:#cfeee4;font-weight:700}.svc-icon{width:56px;height:56px;border-radius:12px;object-fit:cover;margin:4px 0 10px}#bgCanvas{position:fixed;inset:0;z-index:-1;pointer-events:none}body::before{content:"";position:fixed;inset:-10vh -10vw;background:radial-gradient(1200px 800px at 10% -10%,#F8FFFC,#fff0),radial-gradient(900px 600px at 110% 120%,#EEFFF8,#fff0);z-index:-2}.hero-visual{position:relative;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#F8FFFC 0%,#EFFFF7 100%);border:1px solid #E2F2EB}.hero-visual canvas{position:absolute;inset:0;width:100%;height:100%}