*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:var(--body);line-height:1.75;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.section{padding:var(--s-7) 0}.warm{background:var(--warm)}.eyebrow{margin:0 0 var(--s-2);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-d);font-weight:700}.lead{font-size:18px;color:var(--mut);max-width:640px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:12px max(20px,calc((100vw - 1120px)/2));background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-copy{display:grid;line-height:1.1}.brand-copy small{font-size:11px;letter-spacing:.12em;color:var(--mut);text-transform:uppercase}.mark{display:flex;align-items:flex-end;gap:4px;height:28px}.mark i{display:block;width:7px;border-radius:var(--r-full);background:var(--teal)}.mark i:nth-child(1){height:18px}.mark i:nth-child(2){height:28px;background:var(--amber)}.mark i:nth-child(3){height:22px}.site-nav{display:flex;align-items:center;gap:20px;font-weight:700;font-size:14px}.site-nav a{color:var(--mut)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--teal)}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--r-full);font-weight:700;cursor:pointer;transition:transform .45s var(--ease),background .45s var(--ease),box-shadow .45s var(--ease);font-family:inherit}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.98)}.btn-sm{padding:9px 16px;font-size:14px}.btn-md{padding:12px 22px;font-size:15px}.btn-lg{padding:14px 24px;font-size:16px}.btn i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.22);font-style:normal}.btn-cta{background:var(--amber);color:var(--surf);box-shadow:0 8px 22px rgba(242,166,90,.30)}.btn-cta:hover{background:var(--amber-d)}.btn-primary{background:var(--teal);color:var(--surf)}.btn-primary:hover{background:var(--teal-d)}.btn-ghost{background:var(--surf);color:var(--teal);border:1px solid var(--teal)}.btn-ghost-light{background:transparent;color:var(--surf);border:1px solid rgba(255,255,255,.64)}.actions{display:flex;gap:12px;flex-wrap:wrap}.home-hero{padding:64px 0 56px;background:linear-gradient(145deg,var(--warm),var(--surf) 60%)}.home-grid,.hero-grid,.split{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.hero-copy h1,.page-hero h1{margin:0 0 var(--s-3);font-size:clamp(34px,5vw,58px);line-height:1.12;letter-spacing:0;font-weight:800}.hero-copy h1 span{color:var(--teal)}.hero-portrait,.photo-frame{position:relative;padding:8px;border-radius:28px;background:rgba(255,255,255,.7);border:1px solid var(--line);box-shadow:var(--shadow-card)}.hero-portrait img,.photo-frame img{width:100%;height:clamp(340px,48vw,560px);object-fit:cover;border-radius:20px}.floating-note{position:absolute;left:-12px;bottom:32px;background:var(--surf);border-radius:var(--r-lg);padding:14px 18px;box-shadow:var(--shadow-float)}.floating-note b{display:block;color:var(--teal);font-size:20px}.floating-note span{font-size:13px;color:var(--mut)}.trust-strip{background:var(--teal);color:var(--surf);padding:24px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}.stats b{font-size:27px}.stats span{display:block;font-size:13px;font-weight:500;opacity:.9}.hook-section{padding:var(--s-6) 0}.hook-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--amber-100),var(--surf));border:2px dashed var(--amber)}.hook-card h2,.section-head h2,.split h2,.proof-copy h2,.cta-inner h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.25}.hook-card p{margin:0;color:var(--mut)}.section-head{text-align:center;margin-bottom:32px}.section-head.left{text-align:left}.section-head p:last-child{color:var(--mut);max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card,.pricing-row,.news-card,.contact-grid article,.story-flow article,.material-grid article,.editable-note,.booking-side,.map-card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.service-card{padding:22px;display:flex;flex-direction:column;min-height:290px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(20,40,35,.11)}.icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-box{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--teal-100);color:var(--teal);margin-bottom:14px}.mini{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin:0 0 4px}.service-card h3{font-size:20px;margin:0 0 8px}.service-card p{color:var(--mut);font-size:14px;margin:0 0 16px}.card-bottom{margin-top:auto;display:grid;gap:8px}.price-tag{display:inline-flex;width:max-content;padding:4px 10px;border-radius:var(--r-sm);background:var(--amber-100);color:var(--amber-d);font-weight:800;font-size:13px}.card-bottom a{color:var(--teal);font-weight:800}.ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{position:relative;padding:22px;text-align:center;background:var(--surf);border:1px solid var(--line);border-radius:var(--r-lg)}.step span{font-size:12px;color:var(--amber-d);font-weight:800}.step h3{margin:6px 0 2px}.step b{font-size:21px;color:var(--teal)}.step p{margin:6px 0 0;color:var(--mut);font-size:13px}.step.is-main{background:var(--teal);color:var(--surf);transform:scale(1.04)}.step.is-main b,.step.is-main span{color:var(--surf)}.step.is-main p{color:rgba(255,255,255,.86)}.step em{position:absolute;left:50%;top:-12px;transform:translateX(-50%);background:var(--amber);border-radius:var(--r-full);padding:3px 12px;font-style:normal;font-size:12px;font-weight:800}.proof-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.proof-grid img{width:100%;height:260px;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.proof-copy{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:var(--r-lg);background:var(--teal);color:var(--surf)}.proof-copy .eyebrow,.proof-copy p{color:rgba(255,255,255,.86)}.check-list{list-style:none;margin:18px 0 0;padding:0}.check-list li{position:relative;padding:12px 0 12px 34px;border-bottom:1px dashed var(--line)}.check-list li:before{content:"";position:absolute;left:0;top:18px;width:20px;height:20px;border-radius:50%;background:var(--teal-100)}.check-list li:after{content:"";position:absolute;left:7px;top:23px;width:6px;height:10px;border:solid var(--teal);border-width:0 2px 2px 0;transform:rotate(45deg)}.check-list b{display:block}.check-list span{display:block;color:var(--mut);font-size:14px}.quote-grid,.contact-grid,.material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quote-grid blockquote{margin:0;padding:24px;border-radius:var(--r-lg);background:var(--surf);border:1px solid var(--line);box-shadow:var(--shadow-card)}.quote-grid cite{display:block;margin-top:12px;color:var(--mut);font-style:normal;font-weight:700}.group-teaser{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px;border-radius:28px;background:linear-gradient(135deg,var(--surf),var(--warm));border:1px solid var(--line)}.group-teaser img{border-radius:var(--r-lg);width:100%;height:420px;object-fit:cover}.page-hero{padding:58px 0;background:linear-gradient(145deg,var(--warm),var(--surf))}.story-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-flow article{padding:22px}.story-flow span{color:var(--amber-d);font-weight:800}.story-flow p{margin:8px 0 0}.anchor-bar{position:sticky;top:73px;z-index:10;background:rgba(250,247,242,.92);backdrop-filter:blur(12px);border-block:1px solid var(--line)}.anchor-bar .container{display:flex;gap:10px;overflow:auto;padding:10px 0}.anchor-bar a,.chip-cloud span{white-space:nowrap;border-radius:var(--r-full);background:var(--surf);border:1px solid var(--line);padding:8px 14px;font-weight:800;color:var(--teal)}.pricing-table{display:grid;gap:12px}.pricing-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:18px 20px}.pricing-row h3{margin:0}.pricing-row h3 span{color:var(--amber-d);font-size:13px}.pricing-row p{margin:4px 0 0;color:var(--mut)}.pricing-row strong{color:var(--teal);font-size:19px;text-align:right}.pricing-row.featured{border-color:var(--teal);background:linear-gradient(135deg,var(--surf),var(--teal-100))}.compact .pricing-row{grid-template-columns:1fr}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gallery-pair img{height:420px;object-fit:cover;border-radius:var(--r-lg)}.product-list{display:grid;gap:10px;margin:18px 0}.product-list article{display:flex;justify-content:space-between;gap:16px;padding:13px;border-radius:var(--r-md);background:var(--surf);border:1px solid var(--line)}.product-list span{color:var(--mut)}.chip-cloud{display:flex;flex-wrap:wrap;gap:10px}.material-grid article{padding:24px}.material-grid li{margin:8px 0}.faq-list{display:grid;gap:10px}.faq-item{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-md);padding:0 18px}.faq-item summary{cursor:pointer;font-weight:800;padding:16px 0}.faq-item p{margin:0 0 18px;color:var(--mut)}.small-head{margin-top:42px}.gallery-section{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-card{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--surf);border:1px solid var(--line);box-shadow:var(--shadow-card)}.gallery-card img{width:100%;height:300px;object-fit:cover}.gallery-card div{padding:14px}.gallery-card span{font-size:12px;color:var(--amber-d);font-weight:800}.gallery-card h3{margin:2px 0 0}.news-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.news-card{padding:28px}.news-card span{color:var(--amber-d);font-weight:800}.news-card p{color:var(--mut)}.editable-note{padding:26px}.editable-note code{background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:2px 6px}.contact-grid article{padding:26px}.contact-grid svg{color:var(--teal);width:34px;height:34px}.contact-grid a{display:block;color:var(--teal);font-size:20px;font-weight:800}.info-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.info-list li{display:grid;grid-template-columns:90px 1fr;gap:16px;padding-bottom:10px;border-bottom:1px dashed var(--line)}.info-list b{color:var(--teal)}.map-card{min-height:360px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,var(--teal-100),var(--surf));padding:30px}.map-card b{font-size:28px;color:var(--teal)}.map-card span{font-weight:800}.booking-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}.booking-form{display:grid;gap:16px;background:var(--surf);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-card)}.booking-form label{display:grid;gap:6px;font-weight:800}.booking-form input,.booking-form select,.booking-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--r-md);padding:13px 14px;font:inherit;color:var(--ink);background:var(--surf)}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus,.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--amber-100);outline-offset:3px}.upload-note{padding:14px;border-radius:var(--r-md);background:var(--teal-100);display:grid}.upload-note span{color:var(--mut)}.booking-side{padding:24px}.cta-band{padding:var(--s-7) 0;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:var(--surf)}.cta-inner{text-align:center}.cta-inner p{color:rgba(255,255,255,.9);max-width:680px;margin-inline:auto}.site-footer{background:color-mix(in srgb, var(--ink) 82%, var(--teal-d));color:var(--teal-100);padding:44px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.footer-logo{width:190px;margin-bottom:10px;filter:brightness(0) invert(1);opacity:.92}.site-footer a{display:block;color:var(--teal-100);margin:6px 0}.site-footer h3{margin:0 0 8px;color:var(--surf);font-size:16px}.copyright{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;color:color-mix(in srgb, var(--teal-100) 72%, var(--mut));text-align:center}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width:980px){.site-nav{display:none}.menu-toggle{display:grid;gap:5px;background:var(--surf);border:1px solid var(--line);border-radius:50%;width:42px;height:42px;place-content:center}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);transition:transform .45s var(--ease)}.site-header.is-open .menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}.site-header.is-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header.is-open .site-nav{position:absolute;display:grid;left:20px;right:20px;top:70px;padding:20px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-float)}.service-grid{grid-template-columns:repeat(2,1fr)}.home-grid,.hero-grid,.split,.group-teaser,.booking-wrap{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr 1fr}.proof-copy{grid-row:auto}.footer-grid,.story-flow{grid-template-columns:1fr 1fr}.gallery-section{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.step.is-main{transform:none}.container{width:min(100% - 28px,1120px)}.site-header{gap:10px;padding:10px 14px}.brand-copy small{display:none}.site-header>.btn{display:none}.home-hero,.page-hero{padding:38px 0}.section{padding:48px 0}.hero-copy h1,.page-hero h1{font-size:34px}.hero-portrait img,.photo-frame img{height:390px}.floating-note{left:10px}.stats,.service-grid,.ladder,.proof-grid,.quote-grid,.footer-grid,.story-flow,.material-grid,.gallery-section,.news-list,.contact-grid{grid-template-columns:1fr}.hook-card{display:grid}.pricing-row{grid-template-columns:1fr}.pricing-row strong{text-align:left}.product-list article{display:grid}.gallery-card img{height:260px}.gallery-pair{grid-template-columns:1fr}.info-list li{grid-template-columns:1fr}.actions .btn{width:100%}}
/* 2026-06 design upgrade layer: premium local-service site, real-photo first. */
:root{
--teal:#1f6f62;--teal-d:#164f46;--teal-100:#dcece7;
--amber:#c97639;--amber-d:#99572d;--amber-100:#f5dfc9;
--ink:#17231f;--mut:#60716b;--line:#dfe8e4;--bg:#f6f8f4;--surf:#fffefb;--warm:#eef5ee;
--font:"PingFang TC","Noto Sans TC","Hiragino Sans","Microsoft JhengHei",system-ui,sans-serif;
--shadow-card:0 18px 50px rgba(22,79,70,.10);--shadow-float:0 26px 70px rgba(23,35,31,.20);
}
body{background:
radial-gradient(circle at 9% 4%,rgba(31,111,98,.10),transparent 24rem),
linear-gradient(180deg,#f6f8f4 0%,#fffefb 46%,#eef5ee 100%);
text-wrap:pretty;
}
body:before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.035;background-image:radial-gradient(circle at 1px 1px,rgba(23,35,31,.75) 1px,transparent 0);background-size:18px 18px}
.container{width:min(1180px,calc(100% - 48px))}
.section{padding:92px 0}.warm{background:linear-gradient(180deg,rgba(238,245,238,.68),rgba(255,254,251,.72))}
.eyebrow{letter-spacing:.16em;color:var(--teal-d);text-transform:none;font-size:12px}.mini{letter-spacing:.12em;text-transform:none}
.site-header{top:12px;width:min(1180px,calc(100% - 32px));margin-inline:auto;margin-top:12px;border:1px solid rgba(31,111,98,.14);border-radius:999px;background:rgba(255,254,251,.82);box-shadow:0 18px 50px rgba(22,79,70,.10);padding:10px 12px 10px 18px}
.site-nav{gap:6px}.site-nav a{padding:8px 12px;border-radius:999px}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--teal-100);color:var(--teal-d)}
.brand-copy b{font-size:16px}.mark i{width:6px}.site-header .btn-sm{padding:8px 10px 8px 16px}
.btn{box-shadow:none}.btn i{transition:transform .45s var(--ease),background .45s var(--ease)}.btn:hover i{transform:translateX(2px)}.btn-cta{background:var(--teal);box-shadow:0 16px 34px rgba(31,111,98,.24)}.btn-cta:hover{background:var(--teal-d)}.btn-primary{box-shadow:0 16px 34px rgba(31,111,98,.18)}
.btn-ghost{border-color:rgba(31,111,98,.28);background:rgba(255,254,251,.76)}.btn-ghost:hover{background:var(--teal-100)}
.home-hero{position:relative;min-height:calc(100dvh - 24px);display:grid;align-items:center;padding:86px 0 62px;overflow:hidden;background:
radial-gradient(circle at 85% 20%,rgba(201,118,57,.13),transparent 20rem),
linear-gradient(135deg,#f6f8f4 0%,#fffefb 52%,#dcece7 100%);
}
.home-hero:after{content:"";position:absolute;right:-8vw;bottom:-16vw;width:42vw;aspect-ratio:1;border-radius:50%;background:rgba(31,111,98,.08);filter:blur(2px)}
.home-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.76fr);gap:64px;position:relative;z-index:1}
.hero-copy h1,.page-hero h1{font-size:clamp(42px,6.3vw,82px);line-height:1.02;font-weight:900;letter-spacing:0;max-width:9.5em}
.page-hero h1{font-size:clamp(38px,5vw,64px)}
.hero-copy h1 span{color:var(--teal-d)}.lead{font-size:clamp(17px,1.8vw,21px);line-height:1.8;max-width:30em}
.hero-portrait,.photo-frame{padding:10px;border:1px solid rgba(31,111,98,.14);border-radius:34px;background:linear-gradient(145deg,rgba(255,254,251,.95),rgba(220,236,231,.74));box-shadow:0 28px 90px rgba(22,79,70,.18)}
.hero-portrait img,.photo-frame img{border-radius:25px;filter:saturate(1.02) contrast(1.02)}
.hero-portrait img{height:clamp(430px,62vh,660px);object-position:center 20%}
.floating-note{left:auto;right:-18px;bottom:38px;border:1px solid rgba(31,111,98,.14);border-radius:24px;background:rgba(255,254,251,.88);backdrop-filter:blur(14px)}
.trust-strip{background:var(--ink);padding:30px 0}.stats{text-align:left}.stats b{font-size:clamp(26px,3vw,42px);line-height:1}.stats span{margin-top:8px;color:rgba(255,255,255,.72)}
.hook-card,.service-card,.pricing-row,.news-card,.contact-grid article,.story-flow article,.material-grid article,.editable-note,.booking-side,.map-card,.quote-grid blockquote,.gallery-card{border:1px solid rgba(31,111,98,.12);box-shadow:var(--shadow-card)}
.hook-card{border-style:solid;border-radius:32px;background:linear-gradient(135deg,var(--ink),var(--teal-d));color:var(--surf);padding:34px}.hook-card .eyebrow,.hook-card p{color:rgba(255,255,255,.78)}
.section-head{text-align:left;max-width:720px}.section-head h2,.hook-card h2,.split h2,.proof-copy h2,.cta-inner h2{font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:0}
.service-grid{grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:minmax(236px,auto);gap:18px}.service-card{min-height:unset;border-radius:28px;padding:26px}.service-card:first-child{grid-row:span 2;background:linear-gradient(150deg,var(--teal-d),var(--teal));color:var(--surf)}.service-card:first-child p,.service-card:first-child .mini,.service-card:first-child a{color:rgba(255,255,255,.82)}.service-card:first-child .icon-box{background:rgba(255,255,255,.16);color:var(--surf)}.service-card:hover{box-shadow:0 26px 70px rgba(22,79,70,.16)}
.icon-box{border-radius:18px}.price-tag{border-radius:999px;background:var(--warm);color:var(--teal-d)}
.ladder{grid-template-columns:1fr;gap:12px}.step{display:grid;grid-template-columns:52px 1fr auto;align-items:center;text-align:left;border-radius:24px}.step p{grid-column:2 / 4}.step.is-main{transform:none;box-shadow:0 24px 60px rgba(31,111,98,.22)}
.proof-grid{grid-template-columns:1.1fr .9fr .9fr;grid-auto-rows:260px}.proof-copy{border-radius:32px;background:linear-gradient(145deg,var(--teal-d),var(--ink));padding:34px}.proof-grid img:nth-child(4){grid-column:2 / 4}.proof-grid img{height:100%;border-radius:28px}
.split{gap:62px}.photo-frame img{height:clamp(420px,48vw,620px)}
.quote-grid{align-items:start}.quote-grid blockquote{border-radius:26px;font-size:18px;background:rgba(255,254,251,.86)}
.group-teaser{border-radius:34px;background:linear-gradient(135deg,var(--surf),var(--warm));box-shadow:var(--shadow-card)}
.page-hero{padding:92px 0 68px;background:linear-gradient(135deg,#f6f8f4,#fffefb 58%,#dcece7)}
.gallery-card{border-radius:28px}.gallery-card img{height:330px}.booking-form{border-radius:30px;box-shadow:var(--shadow-card)}.booking-form input,.booking-form select,.booking-form textarea{border-color:rgba(31,111,98,.18);background:#fffefb}
.cta-band{background:linear-gradient(135deg,var(--ink),var(--teal-d));padding:92px 0}.site-footer{background:var(--ink)}
.reveal-ready .section,.reveal-ready .hook-section,.reveal-ready .trust-strip,.reveal-ready .cta-band{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal-ready .section,.reveal-ready .hook-section,.reveal-ready .trust-strip,.reveal-ready .cta-band{opacity:1;transform:none}}
@media (max-width:980px){.site-header{top:0;width:100%;margin-top:0;border-radius:0;border-inline:0}.site-header.is-open .site-nav{top:64px;border-radius:26px}.home-grid,.hero-grid,.split,.group-teaser,.booking-wrap{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card:first-child{grid-row:auto}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid img:nth-child(4){grid-column:auto}.home-hero{min-height:auto}.hero-copy h1{max-width:10em}}
@media (max-width:640px){.container{width:min(100% - 28px,1180px)}.home-hero{padding:52px 0 44px}.section{padding:58px 0}.hero-copy h1,.page-hero h1{font-size:42px}.lead{font-size:17px}.hero-portrait img,.photo-frame img{height:430px}.floating-note{right:10px;bottom:18px}.stats{text-align:center}.service-grid,.proof-grid{grid-template-columns:1fr}.step{grid-template-columns:42px 1fr}.step b{grid-column:2}.step p{grid-column:2}.hook-card{padding:24px;border-radius:26px}.actions .btn{width:100%}.section-head h2,.hook-card h2,.split h2,.proof-copy h2,.cta-inner h2{font-size:32px}}
/* === 手機固定 CTA 條 (轉換漏斗) === */
.mcta{display:none}
@media (max-width:640px){
.mcta{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);box-shadow:0 -6px 22px rgba(20,40,35,.12)}
.mcta a{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 8px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none}
.mcta .m-line{background:var(--teal);color:#fff}
.mcta .m-exp{background:var(--amber);color:#fff}
body{padding-bottom:78px}
}