:root{--bg: #f4f0e8;--bg-soft: #fbf8f2;--paper: rgba(255, 255, 255, .78);--paper-strong: #fffdfa;--ink: #1e1d1a;--ink-soft: #5d5a54;--ink-faint: #8a847b;--line: rgba(120, 102, 81, .16);--line-strong: rgba(120, 102, 81, .28);--accent: #7b5cff;--accent-deep: #4e35c9;--accent-soft: rgba(123, 92, 255, .14);--green-soft: rgba(64, 181, 115, .14);--amber-soft: rgba(255, 183, 77, .16);--rose-soft: rgba(255, 107, 129, .14);--blue-soft: rgba(73, 125, 255, .14);--shadow: 0 24px 60px rgba(38, 29, 76, .08);--shadow-soft: 0 12px 28px rgba(38, 29, 76, .06);--px: 64px;--font-sans: "Inter", "Noto Sans TC", system-ui, -apple-system, sans-serif;--font-serif: "Iowan Old Style", "Georgia", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at top left,rgba(123,92,255,.12),transparent 32%),radial-gradient(circle at bottom right,rgba(73,125,255,.08),transparent 24%),linear-gradient(180deg,#fcfaf7 0%,var(--bg) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(58,49,100,.03) 1px,transparent 1px);background-size:100% 32px;opacity:.45}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}#app{position:relative;display:flex;flex-direction:column;min-height:100vh;max-width:1320px;margin:0 auto}.header{position:sticky;top:0;z-index:100;transition:background .25s ease,box-shadow .25s ease,backdrop-filter .25s ease}.header.scrolled{background:#fcfaf7db;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #41367314}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){:root{--px: 32px}}@media(max-width:640px){:root{--px: 20px}}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px var(--px)}.brand{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-deep)}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:14px;color:var(--ink-soft)}.nav a:hover{color:var(--ink)}.logo{display:inline-flex;align-items:center;gap:12px;color:var(--accent-deep)}.logo-text{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-link{font-size:14px;color:var(--ink-soft)}.nav-link:hover,.logo:hover{color:var(--ink)}.hero{padding:56px var(--px) 28px;display:flex;flex-direction:column;gap:18px}.eyebrow,.section-label{width:fit-content;border-radius:999px;padding:7px 12px;border:1px solid var(--line-strong);background:#fff9;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep)}.section-label.purple{background:#7b5cff1f;color:var(--accent-deep)}.section-label.cyan{background:#497dff1f;color:#3459d1}.hero h1{max-width:920px;font-family:var(--font-serif);font-size:68px;line-height:1.02;letter-spacing:-.05em}.hero-copy{max-width:820px;font-size:19px;line-height:1.85;color:var(--ink-soft)}.hero-badge{width:fit-content}.hero-badge span{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:#ffffffb8;color:var(--accent-deep);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero-title,.section-title{color:var(--ink)}.hero-subtitle,.hero-desc,.section-desc,.section-description{max-width:860px;font-size:18px;line-height:1.9;color:var(--ink-soft)}.hero-ctas,.cta-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.btn-primary,.btn-primary-sm,.btn-outline,.btn-outline-purple,.btn-white{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.btn-primary,.btn-outline,.btn-white,.btn-outline-purple{min-height:48px;padding:0 22px}.btn-primary-sm{min-height:40px;padding:0 16px;font-size:13px}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff;box-shadow:0 14px 32px #4e35c92e}.btn-primary:hover,.btn-primary-sm:hover,.btn-outline:hover,.btn-outline-purple:hover,.btn-white:hover{transform:translateY(-1px)}.btn-primary-sm{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-deep) 100%);color:#fff}.btn-outline,.btn-outline-purple{border-color:var(--line-strong);color:var(--accent-deep);background:#ffffff5c}.btn-outline:hover,.btn-outline-purple:hover{background:#7b5cff14}.btn-white{background:#ffffffeb;color:var(--accent-deep)}.section{padding:26px var(--px) 32px;display:flex;flex-direction:column;gap:26px}.section-header{display:flex;flex-direction:column;gap:12px;max-width:840px}.section-header h2{font-family:var(--font-serif);font-size:40px;line-height:1.14;letter-spacing:-.03em}.section-header p{font-size:17px;line-height:1.8;color:var(--ink-soft)}.section-what,.section-apps,.section-cta{padding:26px var(--px) 32px}.section-cta{margin:18px var(--px) 48px;border-radius:32px;background:linear-gradient(180deg,#7b5cff1f,#ffffffb3);border:1px solid var(--line);box-shadow:var(--shadow-soft)}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.timeline-item,.summary-box,blockquote{border:1px solid var(--line);background:var(--paper);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-soft)}.card,.summary-box,blockquote{border-radius:26px;padding:24px}.card h3,.timeline-item h3{font-size:22px;line-height:1.35;margin-bottom:10px}.card p,.card li,.timeline-item p,.summary-box p,blockquote p{font-size:16px;line-height:1.82;color:var(--ink-soft)}.card ul{padding-left:20px;display:grid;gap:10px}.cards-row,.apps-grid,.matrix-grid{display:grid;gap:18px}.cards-row,.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.app-card,.matrix-card{border:1px solid var(--line);background:var(--paper);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);border-radius:26px;padding:24px}.feature-card h3,.app-card h4,.matrix-card h3{color:var(--ink);line-height:1.35}.feature-card h3,.matrix-card h3{font-size:22px;margin-bottom:10px}.app-card h4{font-size:20px;margin-bottom:8px}.feature-card p,.app-content p,.matrix-card p{font-size:16px;line-height:1.82;color:var(--ink-soft)}.decision-card.positive{background:linear-gradient(180deg,var(--green-soft),var(--paper))}.decision-card.caution{background:linear-gradient(180deg,var(--amber-soft),var(--paper))}.decision-card.negative{background:linear-gradient(180deg,var(--rose-soft),var(--paper))}.card-kicker,.matrix-score{display:inline-flex;align-items:center;margin-bottom:14px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);background:#ffffffad;color:var(--accent-deep)}.app-card{display:flex;gap:16px;align-items:flex-start}.app-icon{flex:0 0 52px;width:52px;height:52px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:var(--accent-deep);background:var(--accent-soft)}.app-icon.green{background:var(--green-soft)}.app-icon.amber{background:var(--amber-soft)}.app-icon.pink{background:var(--rose-soft)}.app-icon.purple{background:var(--accent-soft)}.app-icon.indigo{background:var(--blue-soft)}.app-content{flex:1}.fit-high,.fit-medium,.fit-low{min-height:100%}.card-emphasis{background:linear-gradient(180deg,#7b5cff14,#ffffffb8)}.timeline,.timeline-list{display:grid;gap:16px}.timeline-item{border-radius:24px;padding:24px;position:relative}.timeline-item:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-deep))}.timeline-item>*{padding-left:14px}.quote-list{display:grid;gap:16px}blockquote{position:relative}blockquote:before{content:"“";position:absolute;top:12px;left:18px;font-family:var(--font-serif);font-size:48px;color:#7b5cff2e}blockquote p{padding-left:18px}.section-summary{padding-bottom:56px}.summary-box{display:grid;gap:14px;background:linear-gradient(180deg,#7b5cff1f,#ffffffbf)}.video-embed{position:relative;width:100%;max-width:1100px;margin:0 auto;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#141222e6;box-shadow:var(--shadow)}.video-embed:before{content:"";display:block;padding-top:56.25%}.video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.footer{padding:8px var(--px) 40px;color:var(--ink-faint);font-size:14px}.footer-left,.footer-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer-copy{color:var(--ink-faint)}.footer-logo{color:var(--ink);font-weight:700}.footer-links a:hover{color:var(--ink)}@media(max-width:1024px){.grid-2,.grid-3,.cards-row,.apps-grid,.matrix-grid{grid-template-columns:1fr}.hero h1{font-size:54px}.section-header h2{font-size:34px}}@media(max-width:640px){.nav{display:none}.hero{padding-top:34px}.hero h1{font-size:42px}.hero-copy,.hero-subtitle,.hero-desc,.section-header p,.card p,.card li,.timeline-item p,.summary-box p,.feature-card p,.app-content p,.matrix-card p,blockquote p{font-size:15px}.card,.timeline-item,.summary-box,blockquote,.feature-card,.app-card,.matrix-card,.section-cta{padding:20px}.hero-ctas,.cta-btns,.footer,.footer-left,.footer-links{display:flex;flex-direction:column;align-items:flex-start}.btn-primary,.btn-outline,.btn-white,.btn-outline-purple{width:100%}.app-card{flex-direction:column}}