@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+HK:wght@400;500;600;700;800;900&display=swap');
:root{--green:#008951;--deep:#073c2b;--ink:#10261e;--muted:#5c7067;--line:#dce7e0;--light:#f2f8f4;--lime:#c8fa90;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans','Noto Sans HK',sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #008951;outline-offset:5px}::selection{background:var(--lime);color:var(--deep)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-100px;left:20px;background:var(--deep);color:#fff;padding:12px;z-index:99}.skip:focus{top:12px}.header{height:94px;display:flex;align-items:center;gap:30px;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid #eef3ef}.brand{font-weight:800;font-size:28px;letter-spacing:-1.5px;display:inline-flex;align-items:center;line-height:1}.brand-dot{color:var(--green)}.brand-mark{color:var(--green);font-size:30px;margin-right:12px;letter-spacing:-5px;display:flex}.brand-mark span{font-size:21px;align-self:flex-start;margin-left:3px}.header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--green)}.header-actions{display:flex;gap:20px;align-items:center}select{border:0;background:transparent;color:var(--ink);font-size:14px;max-width:112px;padding:10px 0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:17px 26px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:100px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.button:hover{background:var(--deep);transform:translateY(-2px)}.button.small{font-size:14px;padding:12px 21px;white-space:nowrap}.button.light{background:#fff;color:var(--ink);border-color:var(--line)}.button.light:hover{background:var(--light)}.wrap{width:min(1280px,90%);margin:0 auto}.hero{position:relative;padding:70px 0 44px;isolation:isolate;overflow:hidden}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:700;color:var(--green);text-transform:uppercase;margin:0 0 25px}.hero h1{font-size:clamp(46px,6.2vw,88px);line-height:1.28;letter-spacing:-3px;font-weight:800;margin:0;max-width:900px;position:relative;z-index:2}.hero h1 em{font-style:normal;color:var(--green)}.hero-art{position:absolute;width:67%;height:590px;right:-8%;top:35px;object-fit:contain;z-index:-1;pointer-events:none}.hero-bottom{margin-top:42px;display:flex;flex-direction:column;align-items:flex-start;gap:25px;max-width:535px;position:relative;z-index:2}.hero-bottom p{font-size:18px;line-height:1.9;color:var(--muted);margin:0;max-width:490px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-note{font-size:13px!important;letter-spacing:.1px}.hero-bar{margin-top:68px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:14px}.hero-bar b{font-size:14px;letter-spacing:1.8px;color:var(--ink)}section{padding:110px 0}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:55px}.section-intro h2,h2{font-size:clamp(32px,3.5vw,50px);line-height:1.45;letter-spacing:-1.5px;margin:0;font-weight:700}.section-intro p{max-width:410px;color:var(--muted);margin:0;font-size:17px}.section-intro .eyebrow{margin-bottom:17px}.service-list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;border-top:1px solid var(--line);padding-top:35px}.service-item .num{font-size:14px;color:var(--green);font-weight:600}.service-item h3{font-size:25px;line-height:1.5;margin:27px 0 15px}.service-item p{color:var(--muted);margin:0;font-size:16px}.service-item .output{display:block;padding-top:24px;margin-top:28px;border-top:1px solid var(--line);font-size:14px;font-weight:600}.showcase{background:var(--light)}.persona-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.persona-tabs button{padding:12px 22px;border:1px solid #cbded1;background:transparent;border-radius:100px;color:var(--muted);font-weight:600}.persona-tabs button[aria-selected=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.persona-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:stretch}.persona-insight{padding:15px 0}.mini-label{font-size:13px;color:var(--muted);letter-spacing:1px;margin:0 0 15px}.persona-insight h3{font-size:32px;line-height:1.5;margin:0 0 20px}.persona-insight p{color:var(--muted);max-width:440px}.signal{border-top:1px solid #ccdfd1;margin-top:30px;padding-top:22px}.signal strong{color:var(--green)}.creative-preview{background:var(--deep);color:#fff;border-radius:var(--radius);padding:38px 42px;display:flex;flex-direction:column;min-height:345px;position:relative;overflow:hidden}.creative-preview .creative-type{font-size:13px;color:#c3e6cf;letter-spacing:1px}.creative-preview h4{font-size:clamp(30px,3.2vw,46px);line-height:1.45;letter-spacing:-1px;margin:35px 0 17px;max-width:470px}.creative-preview p{color:#c5dccf;margin:0;max-width:460px}.creative-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;padding-top:25px;border-top:1px solid #46705d;font-size:14px}.creative-bottom strong{color:var(--lime)}.example-note{color:var(--muted);font-size:13px;margin:20px 0 0}.equation{display:flex;align-items:center;gap:28px;margin-top:65px;padding-top:40px;border-top:1px solid #ccdfd1}.equation div{flex:1}.equation b{font-size:52px;line-height:1;font-weight:600;display:block;color:var(--green)}.equation span{font-size:14px;display:block;margin-top:16px}.equation i{font-style:normal;font-size:25px;color:#96ada0}.equation .total{flex:1.6}.equation .total b{color:var(--deep)}.human{background:var(--deep);color:white}.human .eyebrow{color:var(--lime)}.human .section-intro p{color:#bed5c8}.human-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.human-col{border-top:1px solid #3c6452;padding-top:27px}.human-col h3{font-size:28px;margin:0 0 24px}.human-col h3 span{font-size:14px;color:var(--lime);margin-left:12px;letter-spacing:2px}.human-col ul{padding:0;margin:0;list-style:none}.human-col li{padding:15px 0;border-bottom:1px solid #2e5745;color:#d4e5dc;display:flex;gap:16px}.human-col li:before{content:'+';color:var(--lime)}.loop{padding-top:110px}.loop-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:50px}.loop-step{border-top:2px solid #b6d7c3;padding-top:25px}.loop-step b{font-size:13px;color:var(--green)}.loop-step h3{font-size:21px;line-height:1.5;margin:17px 0 12px}.loop-step p{font-size:15px;color:var(--muted);margin:0}.loop-return{font-size:15px;color:var(--green);padding:22px 0 0;margin:34px 0 0;border-top:1px solid var(--line)}.cost{background:#e8f6ed}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.cost h2 em{font-style:normal;color:var(--green)}.cost p{color:var(--muted)}.cost-list{margin:0;padding:0;list-style:none}.cost-list li{padding:22px 0;border-bottom:1px solid #bfdcc8}.cost-list li:first-child{padding-top:0}.cost-list b{font-size:20px;display:block}.cost-list p{margin:8px 0 0;font-size:16px}.cost-note{font-size:13px;margin-top:30px;max-width:470px}.comparison-wrap{overflow-x:auto;margin-top:45px}.comparison{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:16px}.comparison th,.comparison td{padding:24px 20px;border-bottom:1px solid var(--line);vertical-align:top}.comparison th{font-size:14px;font-weight:500;color:var(--muted)}.comparison th:first-child,.comparison td:first-child{padding-left:0;width:21%}.comparison th:nth-child(3),.comparison td:nth-child(3){background:var(--light);color:var(--deep);width:42%}.comparison th:nth-child(3){color:var(--green);font-weight:800;font-size:20px}.comparison small{display:block;color:var(--muted);margin-top:7px;font-size:14px}.process{background:var(--light)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.timeline article{border-top:1px solid #bdd5c5;padding-top:26px}.timeline span{font-size:13px;font-weight:700;color:var(--green)}.timeline h3{font-size:26px;margin:22px 0 12px}.timeline p{font-size:16px;color:var(--muted)}.process-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #bdd5c5;padding-top:25px;margin-top:45px;font-size:14px;color:var(--muted)}.faq{max-width:950px;margin:auto;padding:95px 0}.faq h2{margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{font-size:20px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';color:var(--green);font-size:24px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);margin-bottom:5px;max-width:840px}.contact{background:var(--green);color:white;padding:85px 0}.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:50px}.contact h2{font-size:clamp(32px,4.2vw,60px);line-height:1.4}.contact p{color:#d8f3e3;max-width:640px;font-size:17px}.contact .button{flex-shrink:0;background:var(--lime);border-color:var(--lime);color:var(--deep)}.contact .button:hover{background:white}footer{width:min(1280px,90%);margin:auto;padding:43px 0;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p,footer>span{font-size:13px;color:var(--muted)}html[lang=en] .hero h1{font-size:clamp(46px,5.7vw,82px);line-height:1.15;max-width:810px}html[lang=en] h2{line-height:1.2}html[lang=en] .header nav{gap:22px}html[lang=en] .hero-art{right:-12%;opacity:.95}html[lang=en] .hero-bottom{max-width:530px}@media(min-width:1500px){.hero-art{right:0;width:58%}}@media(max-width:1080px){.header{gap:15px;padding:0 4%}.header nav{gap:18px;font-size:13px}.header-actions{gap:12px}.hero-art{right:-19%;width:80%;opacity:.7}.hero h1{font-size:68px}.service-list{gap:25px;grid-template-columns:repeat(2,1fr)}.service-item{padding-bottom:30px}.loop-steps{grid-template-columns:repeat(3,1fr);gap:35px}.persona-stage{gap:30px}.cost-grid{gap:45px}.section-intro{gap:30px}.header .button{display:none}}@media(max-width:700px){html{scroll-padding-top:82px}.header{height:76px;padding:0 5%}.brand{font-size:24px}.brand-mark{font-size:26px;margin-right:10px}.header nav{display:none}.header-actions{gap:0}select{font-size:14px}.hero{padding-top:42px}.hero h1{font-size:clamp(40px,10vw,60px);line-height:1.4;letter-spacing:-1.5px}.hero-art{position:relative;display:block;width:140%;height:300px;right:auto;top:auto;margin:-30px -35% -40px -5%;opacity:1;z-index:0}.hero-bottom{margin-top:25px}.hero-bottom p{font-size:17px}.hero-note{font-size:12px!important}.hero-buttons{width:100%;gap:10px}.button{padding:15px 22px;font-size:15px;gap:20px}.hero-bar{margin-top:35px;flex-direction:column;gap:7px;font-size:13px}.hero-bar b{font-size:12px}.eyebrow{font-size:12px;margin-bottom:17px;letter-spacing:1.5px}section{padding:70px 0}.section-intro{display:block;margin-bottom:35px}.section-intro h2,h2{font-size:32px;letter-spacing:-.8px}.section-intro>p{margin-top:22px;font-size:16px}.service-list{gap:26px 24px;padding-top:25px}.service-item h3{font-size:21px;margin-top:16px}.service-item p{font-size:15px}.service-item .output{font-size:13px;margin-top:20px;padding-top:18px}.persona-tabs{gap:8px}.persona-tabs button{font-size:14px;padding:10px 14px}.persona-stage{grid-template-columns:1fr;gap:20px}.persona-insight{padding:0}.persona-insight h3{font-size:26px}.creative-preview{padding:30px;min-height:320px}.creative-preview h4{font-size:34px;margin-top:26px}.equation{gap:10px;margin-top:40px;padding-top:30px;align-items:flex-start}.equation b{font-size:36px}.equation span{font-size:12px;line-height:1.5;margin-top:10px}.equation i{font-size:19px}.equation .total{flex:1.5}.human-grid{grid-template-columns:1fr;gap:35px}.human-col h3{font-size:26px}.loop-steps{grid-template-columns:repeat(2,1fr);gap:30px}.loop-step h3{font-size:20px}.cost-grid{grid-template-columns:1fr;gap:40px}.cost-note{font-size:13px}.comparison{min-width:610px;font-size:15px}.comparison td,.comparison th{padding:20px 15px}.timeline{grid-template-columns:1fr;gap:25px}.timeline article{padding-top:20px}.timeline h3{font-size:24px;margin-top:15px}.process-bottom{align-items:flex-start;flex-direction:column}.faq{padding:60px 0}.faq summary{font-size:18px}.faq details{padding:20px 0}.contact .wrap{flex-direction:column;align-items:flex-start;gap:23px}.contact{padding:60px 0}.contact h2{font-size:36px}footer{flex-wrap:wrap;gap:18px;padding:35px 0}footer p{margin:0}footer>span{width:100%}html[lang=en] .hero h1{font-size:clamp(42px,10.5vw,61px)}html[lang=en] .hero-art{right:auto;opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}