*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf5;color:#123d2b;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","Microsoft JhengHei",sans-serif}a{text-decoration:none;color:inherit}header{height:78px;display:flex;align-items:center;padding:0 5vw;gap:28px;background:rgba(255,255,252,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;border-bottom:1px solid #ebe5d8}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand img{width:52px;height:52px;object-fit:contain}.brand b,.brand small{display:block}.brand small{font-size:9px;letter-spacing:.18em;margin-top:3px}nav{display:flex;gap:25px;font-size:14px}nav a:hover{color:#a37c29}.consult,.primary{background:#075d3c;color:#fff;border-radius:999px;padding:13px 22px;font-weight:700}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:620px;padding:70px 7vw;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;position:relative;overflow:hidden;background:linear-gradient(115deg,#fbfaf5 30%,#eef3e8 100%)}.soft-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.o1{width:330px;height:330px;background:#dce9d6;left:-170px;bottom:-100px}.o2{width:400px;height:400px;border:1px solid #d0b36f;right:8%;top:-230px}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:800;color:#9a7428}.hero h1,.section h2,.contact h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.08;margin:18px 0 25px}.hero h1 em{font-style:normal;color:#9a7428}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.85;color:#526b5c;max-width:600px}.actions{display:flex;gap:12px;margin-top:30px}.secondary{padding:12px 22px;border:1px solid #ae893a;border-radius:999px;color:#85651f}.hero-product{position:relative;text-align:center}.hero-product>img{width:min(100%,520px);position:relative;z-index:3;mix-blend-mode:multiply}.gold-circle{position:absolute;width:500px;height:500px;border:1px solid rgba(181,143,60,.5);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.hand{position:absolute;right:0;top:6%;font-family:"Noto Serif TC",serif;font-style:italic;line-height:1.8;transform:rotate(-6deg);color:#315846}.eye-motif{position:absolute;right:4%;bottom:6%;width:110px;height:55px;border:1px solid rgba(34,91,62,.25);border-radius:70% 0 70% 0;transform:rotate(-8deg)}.eye-motif i{position:absolute;width:18px;height:18px;border:1px solid #9c7a32;border-radius:50%;left:45px;top:17px}.highlights{max-width:1180px;margin:-25px auto 0;background:#fffdf8;border:1px solid #e7dfcd;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:5;box-shadow:0 10px 35px #21442e10}.highlights div{text-align:center;padding:22px;border-right:1px solid #e7dfcd}.highlights div:last-child{border:0}.highlights i{font-style:normal;color:#b48c36;margin-right:9px}.highlights b{font-family:Georgia;color:#8b6922}.highlights span{display:block;font-size:11px;margin-top:5px}.section{max-width:1180px;margin:auto;padding:95px 28px}.section h2,.contact h2{font-size:43px;margin:10px 0 24px}.about{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:34px;align-items:center}.about>div:first-child p:not(.eyebrow){line-height:1.9;color:#53695c}.quote{border:1px solid #c6a55e;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.quote>span{font:50px Georgia;color:#c6a55e;line-height:.5}.quote b{font:22px/1.55 Georgia,"Noto Serif TC",serif}.quote p{font-size:12px}.herb{padding:34px;background:linear-gradient(145deg,#eef3e9,#fbf8ef);border-radius:24px}.herb-art{height:75px;display:grid;place-items:center;border-bottom:1px solid #d7d8c9;color:#839572;font:italic 25px Georgia}.herb h3{font:30px Georgia,"Noto Serif TC",serif;margin:18px 0 6px}.herb p{font-size:14px;line-height:1.75;color:#627267}.product-section{background:linear-gradient(180deg,#edf5f2,#e9f0e6);position:relative;overflow:hidden}.product-grid{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:35px;align-items:center}.product-grid h2 small{font-size:.62em}.product-grid>div:first-child p:not(.eyebrow){line-height:1.8;color:#50685a}.lead{font-size:18px}.product-stage{position:relative}.product-stage img{width:100%;mix-blend-mode:multiply;position:relative;z-index:2}.focus-lines{position:absolute;inset:8%;border:1px solid rgba(155,118,40,.25);border-radius:50%}.safe-list{display:flex;flex-direction:column;gap:15px}.safe-list b{font-size:20px;color:#987429}.comfort{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.comfort-art{height:240px;background:radial-gradient(circle,#fff 0,#e6efe3 55%,#f8f5ec 100%);border-radius:30px;position:relative;overflow:hidden}.abstract-eye{position:absolute;width:210px;height:100px;border:2px solid rgba(32,88,60,.22);border-radius:70% 0 70% 0;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg)}.abstract-eye span{position:absolute;width:42px;height:42px;border:1px solid #b38c3a;border-radius:50%;left:84px;top:28px}.comfort p:not(.eyebrow){line-height:1.9;color:#596e60}.buy{text-align:center}.buy>p:not(.eyebrow){color:#607166}.buy-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px;margin:38px 0 18px;text-align:left}.buy article{background:white;border:1px solid #e5ddcc;border-radius:18px;padding:25px}.buy article>div{display:grid;grid-template-columns:repeat(3,1fr)}.buy article>div.four{grid-template-columns:repeat(4,1fr)}.buy article span{text-align:center;font-size:13px}.buy article i{display:block;font-style:normal;font-size:27px;color:#08603f;margin-bottom:8px}.buy small{color:#89867d}.contact{background:#f0ede3}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact-grid>div:first-child>p:not(.eyebrow){color:#5c7062}.contact-card{background:#fff;padding:30px;border-radius:20px;box-shadow:0 12px 40px #304c3710}.contact-card a,.contact-card>p{display:block;padding:11px 0;border-bottom:1px solid #eee7d8}.contact-card a{color:#80621f;font-weight:700}footer{background:#06442e;color:#edf2ed;padding:25px 6vw;display:flex;align-items:center;justify-content:space-between;font-size:12px}footer>div{display:flex;align-items:center;gap:10px}footer img{width:48px;height:48px;object-fit:contain;background:white;border-radius:5px}footer small{letter-spacing:.15em}
@media(max-width:820px){header{height:66px;padding:0 20px}.brand img{width:40px;height:40px}.brand b{font-size:13px}.consult{display:none}.menu{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:white;padding:22px 28px;flex-direction:column}.open nav{display:flex}.hero{grid-template-columns:1fr;padding:55px 24px 70px;min-height:auto}.hero h1{font-size:43px}.hero-product{margin-top:45px}.gold-circle{width:340px;height:340px}.hand{display:none}.highlights{grid-template-columns:repeat(2,1fr);margin:15px 16px 0}.highlights div:nth-child(2){border-right:0}.section{padding:70px 22px}.about,.product-grid,.comfort,.contact-grid{grid-template-columns:1fr}.quote{max-width:310px;margin:auto}.buy-grid{grid-template-columns:1fr}.buy article>div.four{grid-template-columns:repeat(2,1fr);gap:18px}footer{align-items:flex-start;flex-direction:column;gap:15px}}
.quality-section{background:linear-gradient(135deg,#fffdf7,#edf3e9);border-top:1px solid #e6deca;border-bottom:1px solid #e6deca}
.quality-section h2{text-align:center}.quality-section>.section>.eyebrow{text-align:center}
.quality-intro{max-width:820px;margin:0 auto 38px;text-align:center;line-height:1.9;color:#566d5e}
.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.quality-grid article{background:rgba(255,255,255,.82);border:1px solid #dfd5bd;border-radius:20px;padding:28px}
.quality-grid article>b{display:inline-block;color:#9a7428;font:700 20px Georgia;margin-bottom:10px}
.quality-grid h3{margin:5px 0 12px}.quality-grid p{font-size:14px;line-height:1.75;color:#617267}
.mission{margin:40px auto 24px;max-width:800px;border-left:2px solid #b38a36;padding:18px 28px;background:#f7f4e9}
.mission p{margin:7px 0;color:#315641;font-weight:600}
.slogan{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.slogan span{font-family:Georgia,"Noto Serif TC",serif;font-size:24px;color:#0a5a3b;padding:10px 22px;border-right:1px solid #c9ac68}
.slogan span:last-child{border-right:0;color:#9a7428}
@media(max-width:820px){.quality-grid{grid-template-columns:1fr}.slogan{gap:0}.slogan span{font-size:19px;padding:8px 13px}}

.herb-photo{width:100%;aspect-ratio:1.12;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px;background:#faf9f2;border-radius:18px}
.herb-photo img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-width:820px){.herb-photo{max-height:330px}}

/* V4.6 — desktop readability (~12% bump; hero h1 unchanged) */
@media (min-width: 821px){
  body{font-size:19px}
  nav a{font-size:17px}
  .brand small{font-size:10px}
  .eyebrow{font-size:15px;letter-spacing:.14em}
  .hero h1{font-size:clamp(48px,6vw,76px);line-height:1.08}
  .section h2,.contact h2{font-size:clamp(38px,3.3vw,52px);line-height:1.25}
  h3{font-size:26px}
  p{font-size:19px;line-height:1.9}
  .hero-copy>p:not(.eyebrow){font-size:21px;line-height:1.9}
  .highlights b{font-size:18px}
  .highlights span{font-size:17px}
  .about>div:first-child p:not(.eyebrow),.product-grid>div:first-child p:not(.eyebrow),.herb p{font-size:19px}
  .lead{font-size:20px}
  .comfort p:not(.eyebrow){font-size:19px}
  .buy>p:not(.eyebrow){font-size:19px}
  .buy article span{font-size:15px}
  .buy small{font-size:14px}
  .quote p{font-size:14px}
  .quality-intro{font-size:20px;max-width:900px}
  .quality-grid h3{font-size:24px}
  .quality-grid p{font-size:18px;line-height:1.85}
  .mission p{font-size:20px}
  .slogan span{font-size:31px}
  .contact-grid>div:first-child>p:not(.eyebrow){font-size:19px}
  .contact-card h3{font-size:26px}
  footer{font-size:16px}
  .section{max-width:1180px}
}

/* V4.7 online inquiry — stacked intro + centered form */
.message-section{background:linear-gradient(135deg,#f8f5ea,#eef4ea);border-top:1px solid #e5ddc8;border-bottom:1px solid #e5ddc8}
.message-layout{display:flex;flex-direction:column;align-items:center;gap:42px}
.message-intro{width:100%;max-width:820px;text-align:center}
.message-intro>p:not(.eyebrow){font-size:18px;line-height:1.9;color:#566b5d}
.message-info{margin-top:28px;display:flex;gap:9px;flex-wrap:wrap;justify-content:center}
.message-info strong{width:100%;color:#315641;margin-bottom:5px}
.message-info span{background:#fff;border:1px solid #d8d0bb;border-radius:999px;padding:8px 14px;color:#41624d;font-size:14px}
.message-form-card{width:100%;max-width:850px;margin:0 auto;background:#fff;border:1px solid #e2dac7;border-radius:24px;padding:30px;box-shadow:0 18px 45px rgba(49,86,65,.08)}
@media (min-width: 821px){
  .message-intro>p:not(.eyebrow){font-size:20px}
  .message-info span{font-size:16px}
}
.form-placeholder h3{margin-top:0}
.form-placeholder>p,.form-placeholder>small{color:#68776d;line-height:1.7}
.fake-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0}
.fake-form label{display:flex;flex-direction:column;gap:7px;font-weight:600;color:#315641;font-size:15px}
.fake-form input,.fake-form select,.fake-form textarea{font:inherit;border:1px solid #d9d8d0;border-radius:10px;background:#fbfbf8;padding:12px;color:#777}
.fake-form label:nth-of-type(4){grid-row:span 2}
.fake-form textarea{min-height:112px;resize:none}
.fake-form .consent{grid-column:1/-1;display:block;font-weight:400;color:#67766d}
.fake-form .consent input{margin-right:8px}
.fake-form button{grid-column:1/-1;border:0;border-radius:12px;background:#165d3d;color:#fff;padding:14px;font-size:17px;font-weight:700}
@media(max-width:820px){
 .message-layout{gap:28px}
 .message-form-card{max-width:none;padding:20px}
 .fake-form{grid-template-columns:1fr}
 .fake-form label:nth-of-type(4){grid-row:auto}
 .fake-form .consent,.fake-form button{grid-column:auto}
}

/* V4.8 live Google Forms embed */
.message-form-card.real-form{padding:10px;background:#fff;overflow:hidden}
.google-form-wrap{width:100%;border-radius:18px;overflow:hidden;background:#fff}
.google-form-wrap iframe{display:block;width:100%;height:1920px;border:0;background:#fff}
@media(max-width:820px){
 .message-form-card.real-form{padding:4px;border-radius:18px}
 .google-form-wrap iframe{height:1980px}
}
