:root{--ink:#153f32;--muted:#607a70;--green:#2e8b64;--green-dark:#1d654a;--mint:#dff2db;--pale:#f2faef;--cream:#fbfdf9;--line:#dce9df;--white:#fff;--shadow:0 24px 70px rgba(31,92,68,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--ink);background:var(--cream);font-family:"PingFang HK","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-80px;left:16px;z-index:9999;background:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(251,253,249,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(28,93,67,.08)}.nav-wrap{width:min(1180px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:270px;height:auto}.site-header nav{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:600}.site-header nav>a:not(.nav-cta){position:relative}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--green);transition:.25s}.site-header nav>a:hover:after{width:100%}.nav-cta{padding:12px 19px;border-radius:999px;color:#fff;background:var(--green);box-shadow:0 9px 24px rgba(46,139,100,.22)}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fcf4 8%,#e8f7e4 58%,#d4efd8);padding:74px 24px 0}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(42,119,86,.09) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(to right,transparent,#000)}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:360px;height:360px;right:-120px;top:-100px;background:rgba(255,255,255,.32)}.orb-two{width:190px;height:190px;left:42%;bottom:80px;border:1px solid rgba(58,134,95,.13)}.hero-inner{position:relative;z-index:1;width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:1.04fr .96fr;gap:70px;align-items:center}.eyebrow{margin:0 0 17px;color:var(--green-dark);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow span{display:inline-block;width:28px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}.hero h1,.section h2,.contact h2{margin:0;font-weight:700;line-height:1.14;letter-spacing:-.04em}.hero h1{font-size:clamp(46px,5.6vw,78px)}.hero h1 em{font-style:normal;color:var(--green)}.hero-lead{max-width:600px;margin:25px 0;color:#49695e;font-size:18px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 22px;border-radius:999px;font-weight:750;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--green);box-shadow:0 13px 30px rgba(46,139,100,.25)}.button.primary svg{width:20px;fill:currentColor}.button.text{padding:10px 0;border-radius:0;color:var(--green-dark);border-bottom:1px solid rgba(30,103,75,.3)}.button.text span{transition:.2s}.button.text:hover span{transform:translateX(4px)}.micro-note{margin-top:22px;font-size:12px;color:#71867e}.hero-visual{position:relative;min-height:440px;display:grid;place-items:center}.foot-card{width:375px;height:420px;border-radius:190px 190px 34px 34px;background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(255,255,255,.46));border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow);position:relative;display:grid;place-items:center;overflow:hidden}.foot-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#c7e9bb,#f7fff4);top:52px}.footprint{position:relative;width:160px;height:246px;transform:rotate(17deg);filter:drop-shadow(0 18px 18px rgba(24,99,70,.15))}.footprint i{position:absolute;display:block;background:linear-gradient(145deg,#8fd374,#2a8c62)}.sole{width:86px;height:152px;border-radius:55% 42% 48% 55%;left:37px;top:71px;transform:rotate(-4deg)}.toe{border-radius:50%}.t1{width:36px;height:36px;left:11px;top:28px}.t2{width:39px;height:39px;left:45px;top:8px}.t3{width:34px;height:34px;left:85px;top:5px}.t4{width:29px;height:29px;left:120px;top:20px}.t5{width:22px;height:22px;left:143px;top:45px}.visual-copy{position:absolute;bottom:28px;text-align:center}.visual-copy strong{display:block;font-size:20px}.visual-copy span{font-size:13px;color:var(--muted)}.float-tag{position:absolute;padding:12px 18px;background:#fff;border-radius:14px;box-shadow:0 12px 35px rgba(31,92,68,.13);font-size:13px;font-weight:700}.float-tag span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:50%;color:#fff;background:var(--green)}.tag-one{left:-22px;top:105px}.tag-two{right:-14px;bottom:93px}.trust-strip{position:relative;z-index:2;width:min(1160px,100%);margin:62px auto 0;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.8);border-bottom:0;border-radius:24px 24px 0 0;backdrop-filter:blur(12px)}.trust-strip div{padding:20px 32px;display:flex;align-items:baseline;gap:12px}.trust-strip div+div{border-left:1px solid rgba(31,92,68,.1)}.trust-strip strong{font-size:23px;color:var(--green-dark)}.trust-strip span{font-size:13px;color:var(--muted)}
.section{width:min(1160px,calc(100% - 48px));margin:auto;padding:110px 0}.section-head{display:grid;grid-template-columns:1fr .72fr;gap:100px;align-items:end;margin-bottom:48px}.section h2{font-size:clamp(35px,4vw,56px)}.section-head>p{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{position:relative;min-height:285px;padding:31px;border:1px solid var(--line);border-radius:22px;background:#fff;overflow:hidden;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(34,92,70,.11);border-color:#bcd9c5}.service-card.featured{background:linear-gradient(150deg,#eef9e9,#dff3dc);border-color:#c1dfc4}.card-no{position:absolute;right:22px;top:19px;color:#a0b7ae;font:12px ui-monospace,monospace}.popular{position:absolute;top:18px;right:48px;background:var(--green);color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:99px}.icon{width:50px;height:50px;display:grid;place-items:center;margin-bottom:25px;border-radius:16px;background:var(--pale);color:var(--green);font-size:28px}.service-card h3{margin:0 0 9px;font-size:23px}.service-card p{margin:0 0 24px;color:var(--muted);font-size:14px}.card-more{position:absolute;left:31px;bottom:25px;padding:0;border:0;background:none;color:var(--green-dark);font-size:13px;font-weight:700;cursor:pointer}.card-more span{display:inline-block;margin-left:5px;transition:.2s}.card-more:hover span{transform:translate(3px,-3px)}
.methods-section{padding:105px 24px;background:var(--ink);color:#fff}.methods-inner{width:min(1160px,100%);margin:auto}.methods-section .section-head{width:100%}.methods-section .eyebrow{color:#bce6b0}.methods-section h2{margin:0;font-size:clamp(35px,4vw,56px);line-height:1.14;letter-spacing:-.04em}.methods-section .section-head>p{color:#c2d4cd}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.method-card{position:relative;min-height:300px;padding:34px 31px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.055)}.method-card.featured{background:linear-gradient(145deg,rgba(179,227,166,.2),rgba(255,255,255,.07));border-color:rgba(188,230,176,.35)}.method-tag{display:inline-grid;place-items:center;width:35px;height:35px;margin-bottom:28px;border-radius:50%;background:#bce6b0;color:var(--ink);font:700 12px ui-monospace,monospace}.method-card h3{margin:0 0 15px;color:#d5f2cd;font-size:20px}.method-card p{margin:0;color:#c7d7d1;font-size:14px}.method-caution{margin-top:18px;padding:18px 22px;display:flex;gap:18px;border-radius:15px;background:rgba(0,0,0,.18);color:#c7d7d1;font-size:13px}.method-caution strong{flex:none;color:#d5f2cd}
.pricing-section{padding:105px 24px;background:linear-gradient(145deg,#e8f6e4,#f7fbf4)}.pricing-inner{width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.pricing-intro{position:sticky;top:120px}.pricing-intro h2{margin:0;font-size:clamp(35px,4vw,56px);line-height:1.14;letter-spacing:-.04em}.pricing-intro>p:not(.eyebrow){color:var(--muted)}.price-card{padding:22px 34px 30px;border-radius:26px;background:#fff;box-shadow:var(--shadow)}.price-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:17px 3px;border-bottom:1px solid var(--line)}.price-row span{font-weight:700}.price-row strong{text-align:right;color:var(--green-dark);font-size:15px}.price-highlight{margin-top:22px;padding:24px;display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;border-radius:18px;background:var(--ink);color:#fff}.price-highlight span{display:block;color:#bce6b0;font-size:23px;font-weight:800}.price-highlight small{display:block;margin-top:5px;color:#b6cbc3;font-size:11px;font-weight:500}.price-highlight>strong{text-align:right;font-size:15px}.price-highlight>strong small{color:#b6cbc3}.price-note{margin:18px 3px 0;color:var(--muted);font-size:12px}
.about{display:grid;grid-template-columns:.88fr 1.12fr;gap:105px;align-items:center}.about-visual{position:relative;min-height:500px}.arch{height:500px;border-radius:230px 230px 28px 28px;background:linear-gradient(160deg,#ccebc5,#edf8e8);display:grid;place-items:center;overflow:hidden}.arch:before{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(38,119,82,.13);border-radius:50%}.big-mark{display:flex;gap:5px;z-index:1}.big-mark span{display:grid;place-items:center;width:102px;height:132px;background:rgba(255,255,255,.8);color:var(--green);font-size:59px;font-weight:800;box-shadow:0 17px 40px rgba(49,111,82,.1)}.big-mark span:first-child{border-radius:54px 12px 12px 54px}.big-mark span:last-child{border-radius:12px 54px 54px 12px}.since{position:absolute;right:-38px;bottom:30px;background:var(--ink);color:#fff;padding:21px 28px;font-size:11px;letter-spacing:.14em;line-height:1.5;box-shadow:var(--shadow)}.since b{color:#bce6b0}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.principles{margin-top:34px;border-top:1px solid var(--line)}.principles>div{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}.principles b{color:var(--green);font:13px ui-monospace,monospace}.principles span{display:flex;gap:10px;color:var(--muted);font-size:14px}.principles strong{color:var(--ink);min-width:74px}
.care-note{padding:0 24px}.care-note-inner{width:min(1160px,100%);margin:auto;padding:42px 48px;display:grid;grid-template-columns:70px 1fr;gap:25px;background:var(--ink);color:#fff;border-radius:25px}.note-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#b8e5ad;color:var(--ink);font-size:26px;font-weight:800}.care-note .eyebrow{color:#b8e5ad;margin-bottom:8px}.care-note h2{margin:0 0 8px;font-size:27px}.care-note p:last-child{margin:0;color:#c5d7d0}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:110px}.faq-intro>p:not(.eyebrow){color:var(--muted)}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{position:relative;list-style:none;padding:24px 45px 24px 0;font-size:17px;font-weight:750;cursor:pointer}.accordion summary::-webkit-details-marker{display:none}.accordion summary span:before,.accordion summary span:after{content:"";position:absolute;right:5px;top:34px;width:17px;height:2px;background:var(--green);transition:.25s}.accordion summary span:after{transform:rotate(90deg)}.accordion details[open] summary span:after{transform:rotate(0)}.accordion details p{margin:0;padding:0 45px 24px 0;color:var(--muted);font-size:14px}
.visit{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:center}.visit-copy>p:not(.eyebrow){color:var(--muted)}.visit-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.map-wrap{height:455px;padding:10px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.map-wrap iframe{width:100%;height:100%;border:0;border-radius:18px}
.contact{position:relative;overflow:hidden;padding:95px 24px;background:linear-gradient(135deg,#286f54,#174b39);color:#fff}.contact-inner{position:relative;z-index:1;width:min(1160px,100%);margin:auto}.eyebrow.light{color:#bfeab6}.contact h2{font-size:clamp(42px,5vw,68px)}.contact-inner>p:not(.eyebrow){color:#d1e1db;font-size:17px}.contact-actions{display:flex;gap:15px;margin:28px 0 48px}.button.white{background:#fff;color:var(--green-dark)}.button.outline{border:1px solid rgba(255,255,255,.4);color:#fff}.contact-details{display:grid;grid-template-columns:1.5fr 1fr .6fr;gap:40px;padding-top:31px;border-top:1px solid rgba(255,255,255,.2)}.contact-details small{display:block;margin-bottom:6px;color:#a9c8bc}.contact-details strong{font-size:15px}.contact-watermark{position:absolute;right:-30px;bottom:-190px;font-size:500px;line-height:1;color:rgba(255,255,255,.035);font-weight:900}
footer{width:min(1160px,calc(100% - 48px));margin:auto;padding:47px 0 100px;display:grid;grid-template-columns:1fr auto 1fr;gap:55px;align-items:start}footer img{width:225px}footer p{margin:9px 0;color:var(--muted);font-size:12px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:9px 25px;font-size:13px;font-weight:700}.legal{text-align:right}.mobile-whatsapp{display:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.delay{transition-delay:.12s}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service-card,.button{transition:none}}
@media (max-width:900px){.nav-wrap{width:calc(100% - 32px);height:72px}.brand img{width:220px}.menu-toggle{display:block;z-index:2}.site-header nav{display:none;position:absolute;top:71px;left:0;width:100%;padding:20px 24px 26px;background:rgba(251,253,249,.98);box-shadow:0 15px 25px rgba(31,92,68,.08);flex-direction:column;align-items:stretch;gap:5px}.site-header nav.open{display:flex}.site-header nav a{padding:10px 0}.nav-cta{text-align:center;margin-top:7px}.hero{padding-top:53px}.hero-inner{grid-template-columns:1fr;gap:25px}.hero-visual{min-height:385px}.foot-card{width:320px;height:355px}.foot-card:before{width:230px;height:230px}.footprint{transform:rotate(17deg) scale(.83)}.tag-one{left:3%}.tag-two{right:1%}.trust-strip{margin-top:25px}.section{padding:82px 0}.section-head{grid-template-columns:1fr;gap:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.method-grid{grid-template-columns:1fr}.method-card{min-height:0}.pricing-inner{grid-template-columns:1fr;gap:38px}.pricing-intro{position:static}.about{grid-template-columns:1fr;gap:58px}.about-visual{width:min(480px,90%);margin:auto}.faq,.visit{grid-template-columns:1fr;gap:40px}.contact-details{grid-template-columns:1fr 1fr}.contact-details div:last-child{display:none}footer{grid-template-columns:1fr 1fr}.legal{grid-column:1/-1;text-align:left}}
@media (max-width:600px){body{padding-bottom:62px}.hero{padding-inline:20px}.hero h1{font-size:45px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.hero-visual{min-height:330px}.foot-card{width:265px;height:310px}.foot-card:before{width:200px;height:200px;top:38px}.footprint{transform:rotate(17deg) scale(.7)}.visual-copy{bottom:18px}.float-tag{font-size:11px;padding:9px 12px}.tag-one{top:65px;left:-4px}.tag-two{bottom:57px;right:-4px}.trust-strip{grid-template-columns:1fr}.trust-strip div{padding:13px 20px}.trust-strip div+div{border-left:0;border-top:1px solid rgba(31,92,68,.1)}.section{width:calc(100% - 36px);padding:70px 0}.section h2{font-size:37px}.section-head{margin-bottom:31px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.methods-section{padding:70px 18px}.methods-section h2{font-size:37px}.method-card{padding:27px 23px}.method-caution{display:block}.method-caution strong{display:block;margin-bottom:6px}.pricing-section{padding:70px 18px}.pricing-intro h2{font-size:37px}.price-card{padding:12px 20px 22px}.price-row{gap:15px}.price-row span{font-size:14px}.price-row strong{font-size:13px}.price-highlight{grid-template-columns:1fr;gap:13px;padding:20px}.price-highlight>strong{text-align:left}.about{gap:38px}.about-visual{min-height:370px}.arch{height:370px}.big-mark span{width:78px;height:100px;font-size:46px}.since{right:-8px}.principles span{display:block}.principles strong{display:block}.care-note{padding:0 18px}.care-note-inner{padding:31px 25px;grid-template-columns:1fr}.note-icon{width:44px;height:44px}.faq{gap:27px}.visit-actions{flex-direction:column;align-items:flex-start}.map-wrap{height:350px}.contact{padding:70px 20px}.contact h2{font-size:44px}.contact-actions{flex-direction:column;align-items:stretch}.contact-details{grid-template-columns:1fr;gap:20px}.contact-details div:last-child{display:block}footer{width:calc(100% - 36px);grid-template-columns:1fr;padding-bottom:30px}.footer-links,.legal{grid-column:1}.mobile-whatsapp{display:flex;position:fixed;z-index:99;left:0;right:0;bottom:0;height:62px;align-items:center;justify-content:center;background:#24a866;color:#fff;font-weight:800;box-shadow:0 -8px 30px rgba(17,74,51,.16)}}
