@charset "UTF-8";
/* Isolated membership service story. Existing product demos stay unchanged. */
.membership-ai{position:relative;padding:65px 0 70px;background:#efe2d0;color:#3d3025;isolation:isolate;overflow:hidden}
.membership-ai::before{content:"";position:absolute;width:370px;height:370px;border:48px solid #dfba94;border-radius:50%;left:-200px;top:135px;z-index:-1;pointer-events:none}
.membership-ai-heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:45px;align-items:end;margin-bottom:38px}
.membership-ai .eyebrow{font-size:18px;letter-spacing:0;color:#934323;margin-bottom:16px}
.membership-ai h2{font-size:clamp(30px,3vw,42px);line-height:1.5;letter-spacing:-.025em}
.membership-ai h2 em{color:#a24426}
.membership-ai-heading>p{font-size:20px;line-height:1.9;max-width:33em}
.membership-ai-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:start}
.membership-ai-benefits{padding-top:10px}
.membership-ai-clock{width:144px;aspect-ratio:1;border:2px solid #ac6140;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0 0 26px 8px;transform:rotate(-7deg);color:#943c20;background:#faf1e4;box-shadow:8px 8px 0 #d6af86}
.membership-ai-clock::after{content:"";position:absolute;inset:9px;border:1px dashed #c29164;border-radius:50%;pointer-events:none}
.membership-ai-clock b{font-size:48px;line-height:1.1;font-weight:650;font-family:Georgia,serif}
.membership-ai-clock span{font-size:17px}
.membership-ai-benefits h3{font-size:25px;line-height:1.5;letter-spacing:-.02em;margin-bottom:12px}
.membership-ai-benefits>p{font-size:19px;line-height:1.85;max-width:25em}
.membership-ai-benefits ol{list-style:none;padding:0;margin:23px 0 0;counter-reset:ai-step}
.membership-ai-benefits li{display:grid;grid-template-columns:37px minmax(0,1fr);gap:11px;padding:17px 0;border-top:1px solid #c8ad8d;counter-increment:ai-step}
.membership-ai-benefits li::before{content:"0" counter(ai-step);font-family:Georgia,serif;font-size:22px;color:#96502e}
.membership-ai-benefits li strong{display:block;font-size:20px;font-weight:650}
.membership-ai-benefits li p{font-size:18px;line-height:1.8;margin-top:3px;color:#5c4736}
.membership-ai-demo{min-width:0;background:#fffbf5;border:1px solid #c5a483;border-radius:12px 46px 12px 12px;padding:28px;box-shadow:10px 12px 0 #ddc4a7}
.membership-ai-demo-label{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;border-bottom:1px solid #d9c8b1;padding-bottom:17px;font-size:18px;color:#674a32}
.membership-ai-demo-label strong{font-weight:650;color:#874526}
.membership-ai-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:22px 0 26px}
.membership-ai-tabs button{min-width:0;border:1px solid #cdb392;background:#f5e9da;color:#5b402e;border-radius:25px;padding:11px 7px;font-size:18px;line-height:1.5;min-height:50px}
.membership-ai-tabs button[aria-selected="true"]{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff9f1}
.membership-ai-tabs button:hover{box-shadow:inset 0 0 0 1px var(--accent-dark)}
.membership-ai-panel h3{font-size:23px;line-height:1.5;margin-bottom:19px;letter-spacing:-.02em}
.membership-ai-question{background:#ebd6bf;border-radius:20px 20px 3px 20px;padding:17px 20px;margin:0 0 16px 10%;font-size:19px;line-height:1.8}
.membership-ai-question span,.membership-ai-answer>span{display:block;color:#6c4b30;font-size:17px;font-weight:650;margin-bottom:5px}
.membership-ai-answer{border-left:3px solid #a85330;padding:3px 0 3px 19px;margin:0 5% 23px 0}
.membership-ai-answer p{font-size:19px;line-height:1.85}
.membership-ai-panel>a{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #c9af91;border-bottom:1px solid #c9af91;padding:15px 0;font-size:19px;color:#853b20;font-weight:650}
.membership-ai-panel>a b{font-size:23px;flex-shrink:0}
.membership-ai-note{font-size:17px;line-height:1.75;color:#67513d;margin-top:21px}
.membership-ai-boundary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;margin-top:42px;padding-top:23px;border-top:1px solid #c6a789;font-size:18px;line-height:1.8}
.membership-ai-boundary strong{font-size:19px;color:#874327}
.membership-ai-boundary p{max-width:65em}
.membership-ai a:focus-visible,.membership-ai button:focus-visible,.membership-ai [tabindex]:focus-visible{outline:3px solid #a14624;outline-offset:4px}
@media(max-width:850px){.membership-ai{padding:48px 0 55px}.membership-ai-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.membership-ai h2{font-size:32px}.membership-ai-heading>p{max-width:none}.membership-ai-layout{grid-template-columns:1fr;gap:32px}.membership-ai-benefits{position:relative;padding-top:0}.membership-ai-clock{float:right;width:116px;margin:4px 10px 17px 20px}.membership-ai-clock b{font-size:40px}.membership-ai-benefits>p{max-width:none}.membership-ai-benefits ol{clear:both;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.membership-ai-benefits li{grid-template-columns:1fr;gap:5px}.membership-ai-demo{box-shadow:7px 9px 0 #ddc4a7}.membership-ai-boundary{grid-template-columns:1fr;gap:9px;margin-top:33px}}
@media(max-width:560px){.membership-ai{padding:40px 0 44px}.membership-ai h2{font-size:28px;line-height:1.5}.membership-ai .eyebrow{font-size:17px;margin-bottom:12px}.membership-ai-heading>p{font-size:19px;line-height:1.85}.membership-ai-benefits h3{font-size:24px}.membership-ai-clock{width:104px;margin-right:8px}.membership-ai-clock b{font-size:36px}.membership-ai-benefits ol{display:block;margin-top:22px}.membership-ai-benefits li{grid-template-columns:33px minmax(0,1fr);gap:10px;padding:15px 0}.membership-ai-benefits li strong{font-size:19px}.membership-ai-benefits li p{font-size:18px}.membership-ai-demo{padding:24px 17px;border-top-right-radius:33px}.membership-ai-demo-label{font-size:17px;gap:6px}.membership-ai-tabs{gap:6px;margin:21px 0}.membership-ai-tabs button{font-size:17px;padding:11px 4px;border-radius:20px}.membership-ai-panel h3{font-size:22px}.membership-ai-question{font-size:19px;padding:15px;margin-left:5%}.membership-ai-answer{padding-left:14px;margin-right:0}.membership-ai-panel>a{font-size:18px;gap:9px}.membership-ai-note{font-size:17px}.membership-ai-boundary{font-size:18px}.membership-ai-boundary strong{font-size:19px}}
@media(prefers-reduced-motion:no-preference){.membership-ai-tabs button{transition:background-color .16s,border-color .16s}}
@media(max-width:360px){.membership-ai-clock{float:none;width:104px;margin:4px 0 24px 8px}.membership-ai-benefits h3{max-width:none}}

/* Long-form online application journey. All process links stay within real explanatory destinations. */
.membership-journey{padding-top:38px;padding-bottom:70px;color:#3d3025}
.membership-journey h2{font-size:clamp(30px,3vw,40px);line-height:1.5;letter-spacing:-.025em}
.membership-journey h3{font-size:30px;line-height:1.5;letter-spacing:-.025em}
.membership-journey h4{font-size:23px;line-height:1.55;letter-spacing:-.015em;margin:7px 0 10px}
.membership-journey p{font-size:19px;line-height:1.9}
.membership-journey .eyebrow{font-size:18px;letter-spacing:0;color:#91482a;margin-bottom:17px}
.membership-journey-heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:7%;align-items:end}
.membership-journey-heading>p{font-size:20px;max-width:32em}
.membership-journey-nav{display:flex;flex-wrap:wrap;gap:0 34px;border-block:1px solid #ccb293;margin:34px 0 52px;padding:6px 0}
.membership-journey-nav a{padding:14px 0;color:#8a4224;font-size:19px;display:flex;align-items:center;gap:24px}
.membership-journey-nav a span{font-size:22px}
.membership-cases{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.25fr);gap:8%;padding-bottom:54px}
.membership-section-no{font-family:Georgia,serif;font-style:italic;font-size:47px;color:#a7522d;line-height:1;display:block;margin-bottom:20px}
.membership-cases-intro>p{margin-top:22px;max-width:24em}
.membership-cases-list article{border-top:1px solid #c9ae90;padding:25px 0}
.membership-cases-list article:first-child{padding-top:4px;border:0}
.membership-cases-list article>span{font-size:18px;color:#965330}
.membership-cases-list article:last-child{padding-bottom:0}
.membership-flow{position:relative;display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.25fr);gap:7%;border-radius:70px 12px 12px 12px;background:#eee0cd;padding:48px 4%;isolation:isolate}
.membership-flow::before{content:"";position:absolute;width:170px;height:260px;border:25px solid #dbb993;border-bottom:0;transform:rotate(-16deg);border-radius:100px 100px 0 0;bottom:38px;left:7%;z-index:-1;pointer-events:none;opacity:.62}
.membership-flow-heading{padding-top:8px}
.membership-flow-heading h3 em{color:#944724}
.membership-flow-list{list-style:none;padding:0;margin:0}
.membership-flow-list>li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:19px;padding-bottom:34px}
.membership-flow-list>li:last-child{padding-bottom:0}
.membership-flow-list>li:not(:last-child)::before{content:"";position:absolute;top:46px;bottom:0;left:23px;border-left:1px solid #bb8e67;pointer-events:none}
.membership-flow-marker{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid #a86f45;border-radius:50%;background:#fff6e8;color:#8b4527;font-size:21px;font-family:Georgia,serif}
.membership-flow-list>li:last-child .membership-flow-marker{background:var(--accent-dark);color:#fff7eb;border-color:var(--accent-dark)}
.membership-flow-content{min-width:0;padding-top:5px}
.membership-flow-owner{font-size:18px;color:#805535}
.membership-flow-content h4{margin-top:7px;font-size:23px}
.membership-flow-content p.membership-flow-detail{font-size:17px;line-height:1.8;color:#65503c;margin-top:12px}
.membership-flow-content>a{display:inline-flex;align-items:center;gap:18px;border-bottom:1px solid #9a5430;padding:10px 0 4px;margin-top:10px;color:#89411f;font-size:18px;font-weight:650}
.membership-shared-benefits{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:7%;padding:60px 0 52px}
.membership-benefit-rows article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:22px;padding:25px 0;border-top:1px solid #ceb596}
.membership-benefit-rows article:first-child{padding-top:3px;border:0}
.membership-benefit-rows article:last-child{padding-bottom:0}
.membership-benefit-rows article>span{font-size:18px;color:#8d4a2d;padding-top:8px}
.membership-benefit-rows h4{font-size:23px;margin-top:0}
.membership-faq{border-top:1px solid #c6aa89;padding-top:44px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr);gap:7%}
.membership-faq-list details{border-bottom:1px solid #cfb89c;padding:19px 0}
.membership-faq-list details:first-child{padding-top:0}
.membership-faq-list summary{cursor:pointer;font-size:20px;font-weight:600;line-height:1.7;list-style:none;position:relative;padding-right:32px}
.membership-faq-list summary::-webkit-details-marker{display:none}
.membership-faq-list summary::after{content:"＋";font-size:23px;font-weight:400;color:#9b4c2a;position:absolute;right:0;top:0}
.membership-faq-list details[open] summary::after{content:"－"}
.membership-faq-list details[open] summary{color:#8a4124}
.membership-faq-list details p{margin-top:15px;font-size:19px;color:#594737}
.membership-journey-cta{margin-top:55px;padding:38px 4%;background:#6b4835;color:#fff7ea;border-radius:12px 48px 12px 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:6%;align-items:center}
.membership-journey-cta .eyebrow{color:#f0c59c;font-size:18px}
.membership-journey-cta h3{font-size:29px}
.membership-journey-cta p{font-size:19px;margin-top:18px;max-width:28em}
.membership-journey-actions{display:flex;flex-direction:column;gap:16px}
.membership-journey-actions>a{display:flex;justify-content:space-between;gap:18px;padding:14px 0;font-size:18px;border-bottom:1px solid #b79274}
.membership-journey-actions>a.membership-line-cta{background:#fff4e2;color:#853e21;border:0;padding:17px 21px;border-radius:8px;font-size:19px;font-weight:650}
.membership-journey a:focus-visible,.membership-journey summary:focus-visible{outline:3px solid #ad4b27;outline-offset:5px}
.membership-journey-cta a:focus-visible{outline-color:#fff2da}
@media(max-width:900px){.membership-journey{padding-top:20px;padding-bottom:55px}.membership-journey-heading{grid-template-columns:1fr;gap:23px}.membership-journey-heading>p{max-width:none}.membership-journey h2{font-size:32px}.membership-journey h3{font-size:28px}.membership-cases{grid-template-columns:1fr;gap:27px}.membership-cases-intro>p{max-width:none;margin-top:17px}.membership-section-no{font-size:39px;margin-bottom:15px}.membership-cases-list article:first-child{border-top:1px solid #c9ae90;padding-top:23px}.membership-flow{grid-template-columns:1fr;gap:30px;padding:35px 5%;border-radius:42px 12px 12px 12px}.membership-flow::before{display:none}.membership-flow-heading h3 br{display:none}.membership-shared-benefits,.membership-faq{grid-template-columns:1fr;gap:28px}.membership-benefit-rows article:first-child{border-top:1px solid #ceb596;padding-top:23px}.membership-faq-list details:first-child{padding-top:0}.membership-journey-cta{grid-template-columns:1fr;gap:28px;padding:33px 5%}.membership-journey-cta p{max-width:none}}
@media(max-width:560px){.membership-journey h2{font-size:28px}.membership-journey h3{font-size:26px}.membership-journey h4{font-size:22px}.membership-journey .eyebrow{font-size:17px}.membership-journey-heading>p{font-size:19px}.membership-journey-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:27px 0 37px}.membership-journey-nav a{font-size:18px;gap:6px;justify-content:space-between;padding:13px 0}.membership-cases{padding-bottom:38px}.membership-cases-list article{padding:23px 0}.membership-cases-list article>span{font-size:18px}.membership-flow{padding:30px 17px;gap:25px}.membership-flow-heading{padding-top:0}.membership-flow-list>li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding-bottom:28px}.membership-flow-list>li:not(:last-child)::before{left:17px;top:36px}.membership-flow-marker{width:36px;height:36px;font-size:18px}.membership-flow-content{padding-top:1px}.membership-flow-content h4{font-size:22px}.membership-flow-owner{font-size:17px}.membership-flow-content>a{font-size:18px;gap:9px;line-height:1.7}.membership-shared-benefits{padding:40px 0}.membership-benefit-rows article{grid-template-columns:1fr;gap:9px;padding:24px 0}.membership-benefit-rows article>span{padding-top:0}.membership-benefit-rows h4{font-size:22px}.membership-faq{padding-top:34px;gap:23px}.membership-faq-list summary{font-size:19px;padding-right:27px}.membership-journey-cta{margin-top:38px;padding:28px 20px;border-top-right-radius:35px}.membership-journey-cta h3{font-size:26px}.membership-journey-actions>a.membership-line-cta{font-size:18px;padding:16px}.membership-journey-actions>a{font-size:18px;line-height:1.8;gap:8px}}

/* v1.6.18 語意辨識說明：強調 AI 客服理解問題意思，而非比對關鍵字。 */
.membership-ai-heading>p strong{color:var(--accent-dark);font-weight:700}
.membership-ai-semantic{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:22px 5%;align-items:center;background:#fffbf5;border:1px solid #c5a483;border-radius:12px;padding:26px 28px;margin:0 0 42px}
.ai-semantic-title span{display:block;font-size:18px;color:#6c4b30;font-weight:650}
.ai-semantic-title strong{display:block;font-size:26px;line-height:1.45;letter-spacing:-.02em;color:var(--accent-dark);margin-top:4px}
.ai-semantic-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ai-semantic-compare>div{border-radius:10px;padding:16px 18px}
.ai-semantic-compare b{display:block;font-size:19px;margin-bottom:4px}
.ai-semantic-compare p{font-size:17px;line-height:1.75}
.ai-keyword{background:#f3ebe1;color:#5c4736;border:1px dashed #c8ad8d}
.ai-meaning{background:var(--tint);border:1px solid var(--edge);color:#22343a}
.ai-meaning b{color:var(--accent-dark)}
.ai-semantic-example{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;border-top:1px solid #d9c8b1;padding-top:18px}
.ai-semantic-example ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.ai-semantic-example li{background:#ebd6bf;border-radius:16px 16px 3px 16px;padding:6px 13px;font-size:17px;line-height:1.6}
.ai-semantic-example p{font-size:18px;line-height:1.7;color:#3d3025}
.ai-semantic-example p span{color:var(--accent);font-weight:700;margin-right:8px}
.ai-semantic-example strong{color:var(--accent-dark)}
.membership-ai-intent{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 16px 10%;font-size:17px;line-height:1.6;color:var(--accent-dark)}
.membership-ai-intent span{background:var(--accent);color:#fff;border-radius:20px;padding:2px 10px;font-size:15px;font-weight:650}
@media(max-width:850px){.membership-ai-semantic{grid-template-columns:1fr;padding:22px 20px;margin-bottom:32px}.ai-semantic-compare{grid-template-columns:1fr}}
@media(max-width:560px){.ai-semantic-title strong{font-size:23px}.membership-ai-intent{margin-left:0}}