@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap');
.cp{font-family:'Noto Sans TC',sans-serif;color:#1A1424;background:#FAF8FD;line-height:1.7;--c0:#9B7FD0;--c1:#6B4FA0;--c2:#FAF8FD;--c3:#E8DFF4;--c4:#563D8A;--c5:#DDD0F4;--c6:#1A1424;--cg:#06C755;--r:16px;--s1:0 2px 16px rgba(107,79,160,.08);--s2:0 8px 32px rgba(107,79,160,.16);}
.cp *{box-sizing:border-box;}.cp a{text-decoration:none;}
.cp-rv{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.25,.46,.45,.94),transform .65s cubic-bezier(.25,.46,.45,.94);}
.cp-rv.on{opacity:1;transform:none;}
.cp-hero{background:linear-gradient(150deg,#FAF8FD 0%,#F3EFF9 55%,#E8DFF4 100%);padding:110px 24px 100px;text-align:center;position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center;justify-content:center;}
.cp-hero::after{content:"";position:absolute;inset:0;background:rgba(107,79,160,.04);pointer-events:none;}
.cp-hero>*{position:relative;z-index:1;}
.cp-wave{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.cp-hero-in{max-width:860px;margin:0 auto;position:relative;z-index:2;}
.cp-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(107,79,160,.10);border:1px solid rgba(107,79,160,.32);color:#6B4FA0;font-size:.68rem;letter-spacing:.18em;padding:7px 22px;border-radius:100px;margin-bottom:36px;}
.cp-badge::before{content:'';width:6px;height:6px;background:#6B4FA0;border-radius:50%;flex-shrink:0;}
.cp-hero h1{font-family:'Noto Serif TC',serif;font-size:clamp(2rem,5.5vw,3.6rem);font-weight:700;line-height:1.24;color:#1A1424;margin:0 0 20px;}
.cp-acc{color:#6B4FA0;position:relative;display:inline-block;}
.cp-acc::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,#9B7FD0,rgba(155,127,208,0));border-radius:2px;}
.cp-hero-sub{font-size:1.05rem;color:rgba(26,20,36,.78);max-width:600px;margin:0 auto 16px;line-height:1.9;}
.cp-hero-sub em{color:#6B4FA0;font-style:normal;font-weight:600;}
.cp-hero-aux{font-size:.9rem;color:rgba(26,20,36,.55);max-width:500px;margin:0 auto 44px;line-height:1.85;}
.cp-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.cp-btn-p{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6B4FA0,#563D8A);color:#fff;font-weight:700;font-size:.98rem;padding:15px 48px;border-radius:50px;box-shadow:0 8px 28px rgba(107,79,160,.30);transition:transform .2s,box-shadow .2s;}
.cp-btn-p:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(107,79,160,.45);}
.cp-btn-o{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.7);border:1.5px solid rgba(107,79,160,.35);color:#6B4FA0;font-size:.92rem;font-weight:600;padding:13px 30px;border-radius:50px;transition:background .22s,border-color .22s;}
.cp-btn-o:hover{background:rgba(107,79,160,.10);border-color:#6B4FA0;}
.cp-stats{background:#E8DFF4;}
.cp-stats-in{max-width:820px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);}
.cp-st{text-align:center;padding:38px 20px;border-right:1px solid rgba(107,79,160,.18);}
.cp-st:last-child{border-right:none;}
.cp-sn{font-family:'Noto Serif TC',serif;font-size:clamp(1.6rem,4vw,2.7rem);font-weight:700;color:#6B4FA0;line-height:1.1;margin-bottom:7px;}
.cp-sl{font-size:.74rem;color:rgba(26,20,36,.62);letter-spacing:.08em;}
.cp-sec{padding:96px 24px;}
.cp-in{max-width:1000px;margin:0 auto;}
.cp-ey{display:inline-block;background:rgba(107,79,160,.12);color:#563D8A;font-size:.63rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 16px;border-radius:100px;margin-bottom:14px;}
.cp-h2{font-family:'Noto Serif TC',serif;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700;color:#1A1424;margin:0 0 14px;line-height:1.3;}
.cp-h2 em{color:#6B4FA0;font-style:normal;}
.cp-hr{width:44px;height:3px;background:linear-gradient(90deg,#6B4FA0,#DDD0F4);border-radius:2px;margin:0 0 28px;}
.cp-hr-c{margin:0 auto 28px;}
.cp-lead{font-size:1rem;color:#6B5A80;line-height:1.95;}
.cp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px;}
.cp-card{background:linear-gradient(145deg,#ffffff 0%,#FAF8FD 100%);border:1px solid rgba(107,79,160,.22);border-radius:22px;padding:38px 30px;position:relative;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(107,79,160,.06) inset,0 12px 40px rgba(107,79,160,.09);transition:transform .25s,box-shadow .25s;}
.cp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#6B4FA0,#9B7FD0);border-radius:22px 22px 0 0;}
.cp-card:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(107,79,160,.08) inset,0 20px 50px rgba(107,79,160,.17);}
.cp-card-ico{width:52px;height:52px;background:linear-gradient(135deg,#DDD0F4,#9B7FD0);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;}
.cp-card h3{font-family:'Noto Serif TC',serif;font-size:1.05rem;font-weight:700;color:#1A1424;margin:0 0 10px;line-height:1.4;}
.cp-card p{font-size:.85rem;color:#6B5A80;margin:0;line-height:1.8;}
.cp-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:48px;}
.cp-feat{background:#fff;border-radius:20px;padding:36px 30px;border:1px solid #E8DFF4;border-left:5px solid #6B4FA0;box-shadow:var(--s1);transition:transform .22s,box-shadow .22s;}
.cp-feat:hover{transform:translateY(-5px);box-shadow:var(--s2);}
.cp-feat-num{font-family:'Noto Serif TC',serif;font-size:3rem;font-weight:700;color:#DDD0F4;line-height:1;margin-bottom:6px;}
.cp-feat h3{font-size:1rem;font-weight:700;color:#1A1424;margin:0 0 10px;}
.cp-feat p{font-size:.85rem;color:#6B5A80;margin:0;line-height:1.8;}
.cp-cta{background:linear-gradient(155deg,#FAF8FD 0%,#E8DFF4 55%,#DDD0F4 100%);padding:100px 24px;text-align:center;position:relative;overflow:hidden;}
.cp-cta::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(107,79,160,.10) 0%,transparent 68%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.cp-cta h2{font-family:'Noto Serif TC',serif;font-size:clamp(1.8rem,4.5vw,3rem);color:#1A1424;margin:0 0 18px;font-weight:700;position:relative;}
.cp-cta h2 em{color:#6B4FA0;font-style:normal;}
.cp-cta-sub{font-size:.96rem;color:rgba(26,20,36,.70);max-width:480px;margin:0 auto 44px;line-height:1.95;position:relative;}
.cp-cta-sub em{color:#6B4FA0;font-style:normal;font-weight:600;}
.cp-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:36px;position:relative;}
.cp-contact{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;position:relative;}
.cp-ci{display:flex;align-items:center;gap:8px;font-size:.84rem;color:rgba(26,20,36,.55);}
.cp-ci span{color:rgba(26,20,36,.78);}
@media(max-width:640px){.cp-stats-in{grid-template-columns:1fr;}.cp-st{border-right:none;border-bottom:1px solid rgba(107,79,160,.18);}.cp-st:last-child{border-bottom:none;}.cp-hero h1{font-size:clamp(1.8rem,7vw,2.4rem);}.cp-hero{min-height:auto;padding:80px 20px 56px;}.cp-hero-aux{margin-bottom:32px;}.cp-sec{padding:56px 20px;}.cp-cards,.cp-features{margin-top:28px;gap:16px;}.cp-card,.cp-feat{padding:28px 22px;}.cp-card p,.cp-feat p,.cp-res-inner p{font-size:.92rem;line-height:1.75;}.cp-card h3,.cp-feat h3,.cp-res-inner h3{line-height:1.4;}.cp-feat-num{font-size:2.4rem;margin-bottom:2px;}.cp-cta h2{line-height:1.3;}}

/* RESOURCE CALLOUT */
.cp-resource { background: #fff; padding: 0 24px 80px; }
.cp-res-inner { max-width: 1000px; margin: 0 auto; background: #fff; border: 1px solid #E8DFF4; border-left: 5px solid #6B4FA0; border-radius: 20px; padding: 32px 36px; display: flex; align-items: flex-start; gap: 24px; box-shadow: 0 4px 24px rgba(107,79,160,.08); transition: transform .22s,box-shadow .22s; }
.cp-res-inner:hover { transform: translateY(-4px); box-shadow: 0 10px 36px rgba(107,79,160,.14); }
.cp-res-icon { font-size: 2.2rem; flex-shrink: 0; margin-top: 4px; }
.cp-res-label { display: inline-block; background: rgba(107,79,160,.12); color: #563D8A; font-size: .63rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; padding: 5px 16px; border-radius: 100px; margin-bottom: 12px; }
.cp-res-inner h3 { font-size: 1.05rem; font-weight: 700; color: #1A1424; margin-bottom: 10px; line-height: 1.4; }
.cp-res-inner p { font-size: .85rem; color: #6B5A80; line-height: 1.85; margin-bottom: 16px; }
.cp-res-link { display: inline-block; background: linear-gradient(135deg,#6B4FA0,#563D8A); color: #fff !important; font-size: .82rem; font-weight: 700; padding: 9px 22px; border-radius: 50px; text-decoration: none !important; box-shadow: 0 6px 20px rgba(107,79,160,.30); transition: transform .2s,box-shadow .2s; }
.cp-res-link:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(107,79,160,.45); color: #fff !important; text-decoration: none !important; }
@media(max-width:600px){ .cp-res-inner { flex-direction: column; gap: 12px; padding: 24px 20px; } .cp-resource { padding: 0 16px 40px; } .cp-cta { padding: 60px 20px; } .cp-cta-sub { margin-bottom: 32px; } .cp-cta-btns { margin-bottom: 28px; } }