:root{--violet-raw:#633490;--orange-raw:#e05e10;--grey-raw:#7f7f7f;--sand:#f6f2ec;--surface:#fffdfa;--band:#f1ece4;--ink:#2b2320;--ink-2:#5c5049;--ink-3:#6e6058;--orange:#b8480c;--orange-txt:#ad440b;--orange-deco:#e05e10;--violet:#6b3e96;--violet-deco:#8c5fb8;--line:#e7ded2;--line-soft:#efe7db;--line-strong:#d9ccbb;--shadow-sm:0 1px 2px #2b23200a, 0 2px 8px #2b23200a;--shadow-md:0 2px 6px #2b23200f, 0 12px 28px #2b232012;--line-green:#048539;--line-green-hover:#037a34;--serif:"Noto Serif TC", "Songti TC", serif;--sans:"Noto Sans TC", "PingFang TC", sans-serif;--latin:"Cormorant Garamond", Georgia, serif;--gutter:clamp(20px, 5vw, 90px);--maxw:1400px;--nav-h:76px;--r:6px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 20px);-webkit-text-size-adjust:100%}body{background:var(--sand);color:var(--ink-2);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.9;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--orange);color:#fff}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.t-sm,.t-lg,.t-xl{font-size:calc(1em * var(--t,1))}.eyebrow{font-family:var(--latin);font-style:italic;font-size:calc(15px * var(--t,1));letter-spacing:.28em;color:var(--orange-txt);align-items:center;gap:14px;display:flex}.eyebrow:before{content:"";background:var(--orange);flex:none;width:46px;height:1px}.h-display{font-family:var(--serif);font-weight:400;font-size:calc(clamp(30px, 4.8vw, 58px) * var(--t,1));letter-spacing:.05em;color:var(--ink);line-height:1.42}.h-section{font-family:var(--serif);font-weight:400;font-size:calc(clamp(24px, 3vw, 38px) * var(--t,1));letter-spacing:.06em;color:var(--ink);line-height:1.5}.h-card{font-family:var(--serif);font-weight:500;font-size:calc(clamp(17px, 1.4vw, 20px) * var(--t,1));letter-spacing:.06em;color:var(--ink);line-height:1.6}.grad{color:var(--orange-txt);font-weight:500}.lede{font-weight:400;font-size:calc(clamp(15px, 1.05vw, 16.5px) * var(--t,1));letter-spacing:.03em;color:var(--ink-2);max-width:32em;line-height:2.05}.body-text{font-size:calc(15px * var(--t,1));color:var(--ink-2);letter-spacing:.02em;line-height:2.05}.body-text p+p{margin-top:1.3em}@property --t{syntax:"<number>";inherits:true;initial-value:1}.t-sm{--t:.85}.t-lg{--t:1.25}.t-xl{--t:1.6}.sec-num{font-family:var(--latin);font-size:calc(clamp(34px, 3.4vw, 48px) * var(--t,1));color:var(--violet);line-height:1}.btn{font-size:calc(14px * var(--t,1));letter-spacing:.1em;border-radius:var(--r);border:1px solid #0000;align-items:center;gap:10px;padding:14px 28px;font-weight:500;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s;display:inline-flex}.btn-primary{background:var(--orange);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#a3400a;transform:translateY(-1px)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:var(--surface)}.btn-ghost:hover{border-color:var(--violet);color:var(--violet)}.btn-line{background:var(--line-green);color:#fff;box-shadow:var(--shadow-sm)}.btn-line:hover{background:var(--line-green-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-line .line-glyph{width:18px;height:18px;margin-right:-2px}.btn-text{border-bottom:1px solid var(--orange);color:var(--orange-txt);font-size:calc(13.5px * var(--t,1));letter-spacing:.14em;padding-bottom:6px;font-weight:500;transition:color .3s,border-color .3s;display:inline-block}.btn-text:hover{color:var(--ink);border-color:var(--ink)}.nav{z-index:100;height:var(--nav-h);padding-inline:var(--gutter);backdrop-filter:blur(12px);background:#f6f2ecd1;border-bottom:1px solid #0000;align-items:center;gap:clamp(14px,2vw,30px);transition:background .35s,border-color .35s,box-shadow .35s;display:flex;position:fixed;top:0;left:0;right:0}.nav.solid{border-bottom-color:var(--line);box-shadow:var(--shadow-sm);background:#f6f2ecf5}.nav-brand{flex:none;align-items:center;gap:11px;display:flex}.nav-brand img{width:30px;height:auto}.nav-brand .zh{font-family:var(--serif);font-size:calc(19px * var(--t,1));letter-spacing:.16em;color:var(--ink);font-weight:500}.nav-links{gap:clamp(14px,1.7vw,28px);margin-left:auto;display:flex}.nav-links a{font-size:calc(14px * var(--t,1));letter-spacing:.03em;color:var(--ink-2);padding-block:6px;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--orange);width:0;height:2px;transition:width .35s;position:absolute;bottom:0;left:0}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{width:100%}.nav-cta{font-size:calc(13.5px * var(--t,1));flex:none;padding:11px 22px}.nav-cta .line-glyph{width:17px;height:17px}.nav-toggle{flex:none;width:42px;height:42px;display:none;position:relative}.nav-toggle span{background:var(--ink);border-radius:2px;height:2px;transition:transform .3s,opacity .3s;position:absolute;left:9px;right:9px}.nav-toggle span:first-child{top:15px}.nav-toggle span:nth-child(2){top:21px}.nav-toggle span:nth-child(3){top:27px}body.menu-open .nav-toggle span:first-child{transform:translateY(6px)rotate(45deg)}body.menu-open .nav-toggle span:nth-child(2){opacity:0}body.menu-open .nav-toggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media (width<=1080px){.nav-toggle{margin-left:auto;display:block}.nav-cta{display:none}.nav-links{inset:var(--nav-h) 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);padding:6px var(--gutter) 26px;flex-direction:column;gap:0;margin:0;transition:transform .45s cubic-bezier(.16,1,.3,1);position:fixed;transform:translateY(-120%)}.nav-links a{border-bottom:1px solid var(--line-soft);font-size:calc(16px * var(--t,1));padding-block:17px}body.menu-open .nav-links{transform:translateY(0)}}.hero{isolation:isolate;align-items:center;min-height:88svh;display:flex;position:relative;overflow:hidden}.hero-photo{z-index:0;position:absolute;inset:0}.hero-photo img{object-fit:cover;filter:saturate(1.02)contrast(1.02)sepia(.06);width:100%;height:100%}.hero-veil{z-index:1;background:linear-gradient(100deg,#f6f2ecfe 0%,#f6f2ecfb 46%,#f6f2ecb8 66%,#f6f2ec1a 100%);position:absolute;inset:0}.hero-inner{z-index:4;width:100%;padding-block:calc(var(--nav-h) + clamp(40px, 7vh, 90px)) clamp(50px, 8vh, 100px);position:relative}.hero .lede{max-width:26em}.contour{z-index:2;pointer-events:none;position:absolute;inset:-12% -6%}.contour path{fill:none;stroke:var(--violet-deco);stroke-width:1px;opacity:.16}.contour path:nth-child(2n){stroke:var(--violet);opacity:.12}.circuit{z-index:1;pointer-events:none;position:absolute;inset:0}.circuit path{fill:none;stroke:var(--orange-deco);stroke-width:1.2px;opacity:.2}.circuit path.v{stroke:var(--violet-deco);opacity:.18}.circuit circle{fill:var(--orange-deco);opacity:.5}.circuit circle.v{fill:var(--violet-deco)}.split-cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.split-cta a{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);min-width:226px;padding:20px 28px;transition:border-color .35s,box-shadow .35s,transform .35s}.split-cta a:hover{border-color:var(--orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.split-cta .t{font-family:var(--serif);font-size:calc(17px * var(--t,1));letter-spacing:.06em;color:var(--ink);font-weight:500}.split-cta .d{font-size:calc(13px * var(--t,1));letter-spacing:.02em;color:var(--ink-3);margin-top:8px}.page-head{padding-top:calc(var(--nav-h) + clamp(60px, 9vh, 120px));background:linear-gradient(170deg, var(--band), var(--sand) 70%);border-bottom:1px solid var(--line-soft);padding-bottom:clamp(40px,6vh,78px);position:relative;overflow:hidden}.crumbs{font-size:calc(13px * var(--t,1));letter-spacing:.02em;color:var(--ink-3);margin-bottom:20px}.crumbs a:hover{color:var(--orange-txt)}.crumbs span{opacity:.6;margin-inline:8px}section.band{padding-block:clamp(60px,9vh,120px);position:relative}section.band+section.band{border-top:1px solid var(--line-soft)}section.band.tint{background:var(--band)}.sec-head{grid-template-columns:auto 1fr;align-items:start;gap:clamp(18px,2.6vw,40px);margin-bottom:clamp(32px,4.5vh,60px);display:grid}.sec-head .lede{max-width:34em;margin-top:16px}.grid{gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(22px,2.4vw,32px);transition:border-color .35s,box-shadow .35s,transform .35s;overflow:hidden}a.cell:hover{border-color:var(--orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.cell .idx{font-family:var(--latin);font-size:calc(15px * var(--t,1));letter-spacing:.14em;color:var(--orange-txt);font-weight:500}.cell .h-card{margin:12px 0}.stat .n{font-family:var(--latin);font-size:calc(clamp(42px, 4.6vw, 62px) * var(--t,1));color:var(--orange-txt);line-height:1}.stat .l{font-size:calc(13px * var(--t,1));letter-spacing:.06em;color:var(--ink-3);margin-top:12px}.feature{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,3.6vw,64px);display:grid}.feature.flip>.feature-media{order:2}.feature-media{aspect-ratio:4/3;border-radius:var(--r);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.feature-media img{object-fit:cover;filter:saturate(1.02)sepia(.05);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.feature-media:hover img{transform:scale(1.04)}.feature-media .tagline{z-index:2;border-top-right-radius:var(--r);border-left:3px solid var(--orange);font-family:var(--serif);font-size:calc(14.5px * var(--t,1));letter-spacing:.06em;color:var(--ink);background:#fffdfaf0;padding:11px 20px 11px 18px;font-weight:500;position:absolute;bottom:0;left:0}.card-media{aspect-ratio:3/2;margin:calc(-1*clamp(22px,2.4vw,32px)) calc(-1*clamp(22px,2.4vw,32px)) clamp(18px,2vw,24px);position:relative;overflow:hidden}.card-media img{object-fit:cover;filter:saturate(1.02)sepia(.05);width:100%;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1)}.cell:hover .card-media img{transform:scale(1.05)}.spec-list{color:var(--ink-2);flex-wrap:wrap;gap:7px;margin-top:16px;list-style:none;display:flex}.spec-list li{font-size:calc(12.5px * var(--t,1));letter-spacing:.02em;color:inherit;background:var(--band);border-radius:99px;padding:5px 13px}.price{font-family:var(--latin);font-size:calc(27px * var(--t,1));color:var(--orange-txt);letter-spacing:.03em;margin-top:18px}.price small{font-family:var(--sans);font-size:calc(12.5px * var(--t,1));letter-spacing:.06em;color:var(--ink-3);margin-left:8px}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:var(--serif);font-size:calc(clamp(16px, 1.25vw, 19px) * var(--t,1));letter-spacing:.05em;color:var(--ink);padding:24px 46px 24px 0;font-weight:500;list-style:none;transition:color .3s;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--orange-txt)}.faq summary:after{content:"";background:var(--orange);border-radius:2px;width:14px;height:2px;position:absolute;top:50%;right:8px}.faq summary:before{content:"";background:var(--orange);border-radius:2px;width:2px;height:14px;margin-top:-6px;transition:transform .35s,opacity .35s;position:absolute;top:50%;right:14px}.faq details[open] summary:before{opacity:0;transform:rotate(90deg)}.faq .answer{max-width:40em;padding:0 0 28px}.post-list{gap:14px;display:grid}.post-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:168px 1fr auto;align-items:center;gap:clamp(16px,2.4vw,36px);padding:clamp(20px,2.2vw,28px);transition:border-color .3s,box-shadow .3s,transform .3s;display:grid}.post-row:hover{border-color:var(--orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-row .meta{font-family:var(--latin);font-size:calc(15px * var(--t,1));letter-spacing:.1em;color:var(--ink-3)}.post-row .meta .cat{color:var(--orange-txt);font-family:var(--sans);font-size:calc(12px * var(--t,1));letter-spacing:.08em;margin-top:7px;font-weight:500;display:block}.post-row .excerpt{font-size:calc(14px * var(--t,1));color:var(--ink-2);max-width:46em;margin-top:8px}.post-row .arrow{font-family:var(--latin);font-size:calc(22px * var(--t,1));color:var(--orange-txt);transition:transform .3s}.post-row:hover .arrow{transform:translate(6px)}.prose{max-width:38em}.prose h2{font-family:var(--serif);font-weight:500;font-size:calc(clamp(21px, 2vw, 27px) * var(--t,1));letter-spacing:.05em;color:var(--ink);border-top:1px solid var(--line);margin:2.2em 0 .8em;padding-top:.6em}.prose h3{font-family:var(--serif);font-weight:500;font-size:calc(clamp(17px, 1.5vw, 20px) * var(--t,1));letter-spacing:.05em;color:var(--violet);margin:1.8em 0 .6em}.prose{color:var(--ink-2)}.prose p{font-size:calc(16px * var(--t,1));color:inherit;margin-bottom:1.2em;line-height:2.1}.prose ul,.prose ol{color:var(--ink-2);margin:0 0 1.4em 1.3em}.prose li{margin-bottom:.6em;line-height:2}.prose a{color:var(--orange-txt);border-bottom:1px solid #b8480c59;font-weight:500}.prose a:hover{border-bottom-color:var(--orange)}.prose img{border-radius:var(--r);width:100%;margin:2em 0}.prose blockquote{border-left:3px solid var(--violet);background:var(--band);border-radius:0 var(--r) var(--r) 0;color:var(--ink-2);margin:2em 0;padding:18px 24px}.prose strong{color:var(--ink);font-weight:700}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.field{flex-direction:column;gap:9px;display:flex}.field.full{grid-column:1/-1}.field label{font-size:calc(13.5px * var(--t,1));letter-spacing:.04em;color:var(--ink);font-weight:500}.field label .req{color:var(--orange-txt);margin-left:5px}.field input,.field select,.field textarea{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);font:inherit;font-size:calc(15px * var(--t,1));border-radius:var(--r);padding:13px 15px;transition:border-color .25s,box-shadow .25s}.field textarea{resize:vertical;min-height:140px}.field input::placeholder,.field textarea::placeholder{color:#9c8e84}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #b8480c1f}.footer{background:var(--band);border-top:1px solid var(--line);padding-block:clamp(48px,6.5vh,76px) 30px}.footer-top{grid-template-columns:1.3fr 1fr 1fr;gap:clamp(28px,4vw,66px);display:grid}.footer h4{font-size:calc(12px * var(--t,1));letter-spacing:.18em;color:var(--orange-txt);margin-bottom:18px;font-weight:700}.footer .lines{font-size:calc(14px * var(--t,1));color:var(--ink-2);line-height:2.1}.footer .lines a:hover{color:var(--orange-txt)}.footer-links{font-size:calc(14px * var(--t,1));color:var(--ink-2);flex-direction:column;gap:10px;display:flex}.footer-links a:hover{color:var(--orange-txt)}.footer-bottom{border-top:1px solid var(--line-strong);font-size:calc(12.5px * var(--t,1));color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(34px,4.5vh,54px);padding-top:24px;display:flex}.dock{z-index:90;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.dock a{background:var(--surface);border:1px solid var(--line-strong);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow-md);border-radius:50%;place-items:center;transition:background .3s,border-color .3s,color .3s,transform .3s;display:grid}.dock a:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-2px)}.dock svg{width:22px;height:22px}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translate(0,0)}to{transform:translate(-2.4%,-1%)}}@keyframes dash{to{stroke-dashoffset:0}}.js .reveal{opacity:0}.reveal.in{animation:.8s cubic-bezier(.16,1,.3,1) forwards rise}.reveal.in:nth-child(2){animation-delay:70ms}.reveal.in:nth-child(3){animation-delay:.14s}.reveal.in:nth-child(4){animation-delay:.21s}.reveal.in:nth-child(5){animation-delay:.28s}.reveal.in:nth-child(6){animation-delay:.35s}.hero .eyebrow{animation:.9s cubic-bezier(.16,1,.3,1) both rise}.hero .h-display{animation:1s cubic-bezier(.16,1,.3,1) .12s both rise}.hero .lede{animation:1s cubic-bezier(.16,1,.3,1) .24s both rise}.hero .split-cta{animation:1s cubic-bezier(.16,1,.3,1) .36s both rise}.contour{animation:26s ease-in-out infinite alternate drift}.circuit path{stroke-dasharray:1400;stroke-dashoffset:1400px}.circuit.in path{animation:2.4s ease-out forwards dash}.circuit.in path:nth-child(2){animation-delay:.22s}.circuit.in path:nth-child(3){animation-delay:.44s}.circuit.in path:nth-child(4){animation-delay:.66s}.circuit circle{opacity:0;transition:opacity .6s}.circuit.in circle{opacity:.5;transition-delay:1.5s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1}}@media (width<=1080px){.grid-4{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media (width<=820px){:root{--nav-h:64px}.hero-veil{background:linear-gradient(172deg,#f6f2ec6b 0%,#f6f2eced 22%,#f6f2ecfb 34%)}.hero{min-height:78svh}.grid-2,.grid-3,.feature{grid-template-columns:1fr}.feature.flip>.feature-media{order:0}.sec-head,.post-row{grid-template-columns:1fr;gap:10px}.post-row .arrow{display:none}.form-grid,.footer-top{grid-template-columns:1fr}.split-cta a{flex:100%;min-width:0}}@media (width<=560px){.grid-4{grid-template-columns:1fr}.h-display{font-size:calc(27px * var(--t,1));letter-spacing:.02em;line-height:1.5}.h-section{font-size:calc(22px * var(--t,1));letter-spacing:.02em}.h-card{letter-spacing:.02em}.lede{font-size:calc(15px * var(--t,1));letter-spacing:.01em;line-height:1.95}.body-text{font-size:calc(15px * var(--t,1));letter-spacing:0}.eyebrow{font-size:calc(13px * var(--t,1));letter-spacing:.18em}.eyebrow:before{width:28px}.prose p{font-size:calc(16px * var(--t,1))}.crumbs{font-size:calc(12.5px * var(--t,1))}}.skip{z-index:999;background:var(--orange);color:#fff;padding:12px 20px;font-size:13px;position:absolute;top:0;left:-9999px}.skip:focus{left:0}:focus-visible{outline:2px solid var(--orange-txt);outline-offset:3px}.line-glyph{width:17px;height:17px;margin-right:-4px}.line-btn{background:var(--line-green);color:#fff;letter-spacing:.14em;align-items:center;gap:9px;margin-top:22px;padding:11px 20px;font-size:13px;font-weight:500;transition:background .35s,transform .35s;display:inline-flex}.line-btn svg{width:19px;height:19px}.line-btn:hover{background:var(--line-green-hover);transform:translateY(-2px)}.dock .dock-line{background:var(--line-green);border-color:var(--line-green);color:#fff}.dock .dock-line:hover{background:var(--line-green-hover);border-color:var(--line-green-hover)}
