
.hy .wrap{max-width:1400px}
.hy .top h1{font-size:30px}
.hy .back{display:inline-block;margin-bottom:12px;font-weight:800;color:#1f7a4b;text-decoration:none}
.hy .intro{margin:10px 0 0;color:#4d5e55;font-size:16px;max-width:760px}
.hy .facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.hy .facts span{background:#fff;border:1px solid #e6dccb;border-radius:99px;padding:4px 11px;font-size:13.5px;font-weight:700;color:#2f4a3c}
.hy h2{font-size:25px;color:#173a2c;margin-top:34px}
.hy .sub{margin:4px 0 16px;color:#56665d;font-size:16px}
.mgrid{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:760px){.mgrid{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}}
@media(min-width:1150px){.mgrid{grid-template-columns:repeat(3,minmax(0,380px))}}
.mock{min-width:0}
.mlabel{display:flex;align-items:center;gap:6px;margin:0 0 8px}
.mlabel .num,.vlabel .num{width:28px;height:28px;border-radius:50%;background:#2fa866;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.mnote{font-size:13.5px;color:#68716c;margin:8px 4px 0;line-height:1.35}
.phone2{background:#1f2a24;border-radius:38px;padding:8px;box-shadow:0 12px 30px rgba(30,45,35,.20)}
.scr2{border-radius:31px;overflow:hidden;background:#f0f2f5}
.sbar{display:flex;justify-content:space-between;align-items:center;padding:9px 22px 4px;font-size:14px;font-weight:800;color:#111;background:#fff}
.sbi{display:flex;gap:6px;align-items:center}.sbi svg{height:11px;fill:#111;color:#111}
.fbbar{display:flex;justify-content:space-between;align-items:center;padding:4px 16px 8px;background:#fff;border-bottom:1px solid #e4e6eb}
.fbn{font-weight:900;font-size:20px;color:#1c1e21;font-family:"Bricolage Grotesque","Figtree",sans-serif}
.fbi{color:#555;font-weight:700;font-size:16px}
.ad2{background:#fff;margin-top:8px;color:#050505}
.ad2 .hd{display:flex;align-items:center;gap:9px;padding:11px 12px 6px}
.ad2 .av{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;display:block}
.ad2 .who{min-width:0}
.ad2 .pn{font-weight:800;font-size:15.5px;line-height:1.15}
.ad2 .sp{font-size:13px;color:#65676b;display:flex;align-items:center;gap:3px}
.globe{width:12px;height:12px}
.ad2 .dots{margin-left:auto;color:#65676b;font-weight:900;letter-spacing:1px}
.ad2 .x{color:#65676b;font-size:16px;margin-left:12px}
.ad2 .pt{padding:2px 12px 10px;font-size:15.5px;line-height:1.38;white-space:pre-line;overflow-wrap:break-word}
.ad2 .pt .fn{color:#3c4043;font-size:14.5px}
.ad2 .hidden-foot{display:none;color:#3c4043;font-size:14.5px}
.ad2 .pt.open .hidden-foot{display:inline}
.ad2 .pt.open .more{display:none}
.more{white-space:nowrap}
.seemore{border:0;background:none;padding:0;font:inherit;color:#65676b;font-weight:700;cursor:pointer}
.sq{container-type:inline-size;aspect-ratio:1/1;position:relative;overflow:hidden;background:#fbf2e2;display:flex;align-items:center;justify-content:center}
.sq .bl{position:absolute;border-radius:50%}
.sq .b1{width:70%;height:70%;left:-12%;top:-14%;background:#e4f0d6}
.sq .b2{width:62%;height:62%;right:-14%;bottom:-12%;background:#fde1c6}
.sq .pr{position:absolute;height:auto;display:block}
.sqtext{position:relative;z-index:2;text-align:center;max-width:70%;display:flex;flex-direction:column;align-items:center}
.sqtext.withicon{margin-top:12%}
.ovt{font-family:"Bricolage Grotesque","Figtree",sans-serif;font-weight:750;font-size:9.6cqw;line-height:1.06;color:#1f4a35;letter-spacing:-.015em;text-wrap:balance}
.withphoto .ovt{font-size:8.6cqw}
.ovt .ast{color:#e07a1f}
.sqphoto{width:30cqw;height:30cqw;border-radius:50%;object-fit:cover;border:1.4cqw solid #fff;box-shadow:0 2px 10px rgba(30,60,40,.15);margin-bottom:4cqw}
.ad2 .lk{display:flex;gap:10px;align-items:center;background:#f0f2f5;padding:10px 12px}
.ad2 .lk .t{flex:1;min-width:0}
.ad2 .dom{font-size:12px;color:#65676b;letter-spacing:.02em}
.ad2 .hl{font-weight:800;font-size:15.5px;line-height:1.2;margin-top:1px}
.ad2 .btn{flex:none;text-align:center;line-height:1.15;background:#e2e5e9;border-radius:7px;padding:9px 11px;font-weight:800;font-size:14px;color:#050505;white-space:nowrap}
.ad2 .rx{display:flex;justify-content:space-around;padding:9px 6px 12px;color:#65676b;font-size:14px;font-weight:700;border-top:1px solid #e4e6eb;margin:0 10px}
/* video storyboard */
.vgrid{display:grid;grid-template-columns:1fr;gap:26px;justify-items:center}
@media(min-width:760px){.vgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}
.vf{width:100%;max-width:330px}
.vframe{container-type:inline-size;position:relative;aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:linear-gradient(170deg,#3b4a41,#1d2722);box-shadow:0 12px 30px rgba(30,45,35,.22);border:7px solid #1f2a24}
.vph{position:absolute;inset:7% 7% 18%;border:2.5px dashed rgba(255,255,255,.45);border-radius:16px;display:flex;align-items:flex-start;justify-content:center;background:rgba(255,255,255,.05)}
.vphin{margin-top:8cqw;display:flex;flex-direction:column;align-items:center;color:rgba(255,255,255,.8);text-align:center}
.vphin svg{width:12cqw;height:12cqw;color:rgba(255,255,255,.7)}
.vphin b{font-size:6cqw;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-top:1cqw}
.vphin small{font-size:4.2cqw;opacity:.8}
.vtop{position:absolute;top:3cqw;left:3.5cqw;right:3.5cqw;display:flex;justify-content:space-between;font-size:3.8cqw;font-weight:800;color:#fff}
.vts{background:rgba(0,0,0,.45);border-radius:99px;padding:.6cqw 2.6cqw}
.vrl{opacity:.85;padding:.6cqw 0}
.vcap{position:absolute;left:4%;right:13%;top:50%;transform:translateY(-42%);display:flex;flex-direction:column;align-items:center;gap:1.4cqw;text-align:center}
.cl{display:inline-block;background:#fff;color:#14271d;font-family:"Bricolage Grotesque","Figtree",sans-serif;font-weight:800;font-size:7cqw;line-height:1.12;padding:1cqw 3cqw;border-radius:2.4cqw;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.cl:nth-child(odd){background:#ffe7a8}
.vside{position:absolute;right:3cqw;bottom:36cqw;display:flex;flex-direction:column;gap:4cqw;color:#fff;font-size:6cqw;opacity:.85}
.vfoot{margin-bottom:3cqw;font-size:2.95cqw;line-height:1.3;color:rgba(255,255,255,.92);background:rgba(0,0,0,.45);border-radius:2cqw;padding:1.6cqw 2.4cqw}
.vbot{position:absolute;left:0;right:0;bottom:0;padding:3cqw 4cqw 4cqw;background:linear-gradient(transparent,rgba(0,0,0,.55) 30%);color:#fff}
.vwho{display:flex;align-items:center;gap:2.5cqw;margin-bottom:2.5cqw}
.vwho .av{width:9cqw;height:9cqw;border-radius:50%;object-fit:cover;border:1.5px solid #fff}
.vwho b{display:block;font-size:4.3cqw;line-height:1.1}.vwho small{font-size:3.4cqw;opacity:.85}
.vcta{background:#fff;color:#050505;text-align:center;border-radius:2cqw;font-weight:800;font-size:4.4cqw;padding:2.4cqw}
.vlabel{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:16px;color:#173a2c}
.vtsl{margin-left:auto;color:#68716c;font-weight:700;font-size:14px}
.script{background:#fff;border:1px solid #ece4d6;border-radius:18px;padding:16px;margin-top:22px;box-shadow:0 6px 22px rgba(40,60,45,.08);max-width:760px}
.script .k{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#56665d}
.script p{margin:6px 0 0}
.copy{margin-top:30px}
.copy details{background:#fff;border:1px solid #ece4d6;border-radius:14px;padding:12px 14px;margin-bottom:10px}
.copy summary{font-weight:800;cursor:pointer}
.copy pre{white-space:pre-wrap;font-family:inherit;font-size:15px;margin:10px 0 0}
