:root{--color-bg: #F3F0E8;--color-surface: #FFFDF7;--color-ink: #171714;--color-muted: #68645B;--color-border: #D7D1C4;--color-accent: #E49A24;--color-accent-hover: #C77B0D;--color-accent-soft: #F8E5BC;--color-dark: #171714;--color-dark-text: #F8F4E9;--radius-card: 6px;--radius-soft: 4px;--radius-button: 3px;--container: 1220px;--grid-gap: 24px;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-ink);background:radial-gradient(circle at 16% 0%,rgba(228,154,36,.06),transparent 28rem),var(--color-bg);line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto}:focus-visible{outline:3px solid rgba(228,154,36,.5);outline-offset:3px}main{overflow:hidden}.section,.section-band,.site-header,.site-footer,.trust-strip{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.section{padding:clamp(96px,10vw,136px) 0;border-top:1px solid rgba(215,209,196,.74)}.section-band{padding:clamp(88px,10vw,132px) 0 80px}.section-header{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,.66fr);gap:var(--grid-gap);align-items:start;margin-bottom:44px}.section-header h2{margin:0;max-width:780px;color:var(--color-ink);font-size:clamp(2.25rem,5vw,4.75rem);line-height:1.04;letter-spacing:-.015em}.section-header p:not(.eyebrow),.section-note{align-self:end;max-width:620px;color:var(--color-muted);margin:0;font-size:1.02rem}.eyebrow,.card-kicker{margin:0;color:var(--color-accent-hover);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px;padding:14px 0;background:#f3f0e8f0;border-bottom:1px solid rgba(215,209,196,.7)}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.01em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:2px;color:var(--color-dark-text);background:var(--color-dark);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem;letter-spacing:.06em}.site-nav{display:flex;align-items:center;gap:22px;font-size:.92rem;font-weight:700}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface)}.nav-toggle span{display:block;width:20px;height:2px;margin:5px auto;background:var(--color-ink)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:var(--radius-button);border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-ink);font-weight:850}.button:hover{color:var(--color-ink);background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.button-secondary{color:var(--color-ink);background:transparent;border-color:var(--color-border)}.button-secondary:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-ink)}.button-small{min-height:40px;padding-inline:14px}.button-row,.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.button-dark-secondary{color:var(--color-dark-text);background:transparent;border-color:#f8f4e952}.button-dark-secondary:hover{color:var(--color-ink);background:var(--color-dark-text);border-color:var(--color-dark-text)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.6fr) minmax(340px,.4fr);align-items:center;gap:clamp(36px,6vw,74px);min-height:650px}.hero:before{content:"";position:absolute;inset:7% 54% auto -7%;width:360px;height:360px;z-index:-1;border:1px solid rgba(23,23,20,.045);border-radius:50%}.hero h1{display:grid;gap:.08em;margin:14px 0 0;max-width:860px;color:var(--color-ink);font-size:clamp(3.2rem,6vw,5.5rem);line-height:1.04;letter-spacing:-.02em}.hero h1 span{display:block}.hero-accent-line{color:var(--color-accent-hover)}.hero-description{margin:30px 0 34px;max-width:660px;color:var(--color-muted);font-size:1.16rem}.workflow-panel{position:relative;display:grid;gap:28px;align-self:center;padding:26px;background:var(--color-dark);color:var(--color-dark-text);border:1px solid var(--color-dark);border-radius:var(--radius-card)}.workflow-panel:after{content:"";position:absolute;inset:10px;border:1px solid rgba(248,244,233,.1);pointer-events:none}.workflow-header{display:grid;gap:10px}.workflow-header span{color:var(--color-accent);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:700;letter-spacing:.08em}.workflow-header strong{font-size:1.22rem;line-height:1.35}.workflow-steps{display:grid;gap:18px}.workflow-row{position:relative;display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:baseline}.workflow-row+.workflow-row:before{content:"";position:absolute;left:19px;top:-16px;width:1px;height:14px;background:#f8f4e933}.workflow-row span{color:var(--color-accent);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-weight:700;font-variant-numeric:tabular-nums}.workflow-row p{margin:0;color:var(--color-dark-text);font-weight:700}.workflow-row.success p:after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;border-radius:50%;background:var(--color-accent);animation:statusPulse 1.6s ease-in-out infinite}.workflow-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:2px 0 0;padding-top:18px;border-top:1px solid rgba(248,244,233,.18)}.workflow-meta div{display:grid;gap:4px}.workflow-meta dt{color:#f8f4e99e;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem;letter-spacing:.08em}.workflow-meta dd{margin:0;color:var(--color-accent);font-weight:800}.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.trust-strip p{margin:0;min-height:112px;padding:22px 20px;border-right:1px solid var(--color-border);color:var(--color-ink);font-weight:780}.trust-strip p:last-child{border-right:0}.grid,.card-grid{display:grid;gap:var(--grid-gap)}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.card h3{margin:10px 0 12px;color:var(--color-ink);font-size:1.34rem;line-height:1.24}.card p{color:var(--color-muted)}.service-directory{display:grid;border-top:1px solid var(--color-ink)}.service-card{display:grid;grid-template-columns:92px minmax(0,.84fr) minmax(320px,1.16fr);gap:var(--grid-gap);padding:34px 0;border-bottom:1px solid var(--color-border);background:transparent;transition:background-color .16s ease,border-color .16s ease}.service-card:hover{background:#f8e5bc47;border-bottom-color:var(--color-accent)}.service-index{color:var(--color-accent-hover);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:1.2rem;font-weight:800}.service-main h3{margin:6px 0 14px;font-size:clamp(1.75rem,3vw,3rem);line-height:1.05;letter-spacing:-.015em}.service-main p,.service-details p{margin:0;color:var(--color-muted)}.service-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap)}.service-details h4{margin:0 0 10px;color:var(--color-ink);font-size:.9rem;font-weight:850}.check-list,.plain-list{padding:0;margin:0;list-style:none}.check-list li,.plain-list li{position:relative;padding-left:18px;margin-top:8px;color:var(--color-muted)}.check-list li:first-child,.plain-list li:first-child{margin-top:0}.check-list li:before,.plain-list li:before{content:"";position:absolute;left:0;top:.82em;width:8px;height:1px;background:var(--color-accent-hover)}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span,.badge,.integration-grid span{display:inline-flex;padding:5px 9px;border-radius:2px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:700}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:var(--color-ink);font-weight:850}.text-link:after{content:"→";color:var(--color-accent-hover);transition:transform .16s ease}.text-link:hover:after{transform:translate(4px)}.pain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pain-item{min-height:118px;padding:22px 0 22px 18px;border-left:3px solid var(--color-accent);color:var(--color-ink);font-weight:800}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gap)}.flow-list{display:grid;gap:0;padding:0;margin:0;list-style:none;border-top:1px solid var(--color-border)}.flow-list li{padding:12px 0;border-bottom:1px solid var(--color-border)}.process-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;margin:0;list-style:none;border-top:1px solid var(--color-ink)}.process-list li{display:grid;gap:12px;padding:24px 18px 0 0;border-right:1px solid var(--color-border)}.process-list li:last-child{border-right:0}.process-list span{color:var(--color-accent-hover);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-weight:800}.process-list strong{font-size:1.25rem;line-height:1.15}.process-list p{margin:0;color:var(--color-muted)}.process-duration{color:var(--color-ink)!important;font-weight:800}.process-deliverable{padding-top:12px;border-top:1px solid var(--color-border);font-size:.92rem}.case-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--grid-gap)}.case-card{display:grid;gap:22px;grid-column:span 3;padding:28px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.case-card:first-child{grid-column:span 6;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.case-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.case-meta span{color:var(--color-muted);font-weight:700}.case-card h3{margin:0;font-size:clamp(1.75rem,3vw,3.5rem);line-height:1.05}dl{margin:0;display:grid;gap:16px}dt{color:var(--color-ink);font-weight:850}dd{margin:4px 0 0;color:var(--color-muted)}.integration-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.integration-grid span{justify-content:center;min-height:46px;align-items:center}.faq-list{display:grid;gap:10px}details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:18px 20px}summary{cursor:pointer;font-weight:850}details p{color:var(--color-muted);margin-bottom:0}.cta-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;width:min(var(--container),calc(100% - 48px));margin:24px auto 110px;padding:clamp(36px,6vw,72px);border-radius:var(--radius-card);background:var(--color-dark);color:var(--color-dark-text)}.cta-section h2{white-space:pre-line;margin:12px 0 18px;font-size:clamp(2.4rem,5vw,5rem);line-height:1.04;letter-spacing:-.018em}.cta-section p{max-width:620px;color:#f8f4e9b8;margin-bottom:0}.cta-section .eyebrow{color:var(--color-accent)}.cta-section .button{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-ink)}.site-footer{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px;margin-bottom:28px;padding:38px 0;border-top:1px solid var(--color-border);background:transparent}.site-footer nav{display:grid;align-content:start;gap:8px;font-weight:700}.site-footer nav h2{margin:0 0 8px;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.8rem;color:var(--color-accent-hover);letter-spacing:.08em;text-transform:uppercase}.site-footer p{color:var(--color-muted);margin:14px 0 0}.footer-meta{grid-column:1 / -1;font-size:.9rem}@keyframes statusPulse{0%,to{opacity:.45;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@media(max-width:1024px){.nav-toggle{display:block}.site-nav{position:absolute;inset:100% 0 auto;display:none;flex-direction:column;align-items:stretch;padding:16px 0;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.site-nav[data-open]{display:flex}.site-nav a{padding:11px 0}.hero{grid-template-columns:1fr;min-height:auto}.section-header,.trust-strip,.card-grid.three,.pain-grid,.compare-grid,.integration-grid{grid-template-columns:1fr}.trust-strip p{min-height:auto;border-right:0;border-bottom:1px solid var(--color-border)}.trust-strip p:last-child{border-bottom:0}.service-card{grid-template-columns:56px 1fr}.service-details{grid-column:2;grid-template-columns:1fr}.process-list{grid-template-columns:1fr}.process-list li{padding:24px 0;border-right:0;border-bottom:1px solid var(--color-border)}.process-list li:last-child{border-bottom:0}.case-grid{grid-template-columns:1fr}.case-card,.case-card:first-child{grid-column:auto;grid-template-columns:1fr}.cta-section,.site-footer{grid-template-columns:1fr}}@media(max-width:560px){.section,.section-band,.site-header,.site-footer,.trust-strip{width:min(var(--container),calc(100% - 24px))}.section{padding:76px 0}.section-header h2{font-size:clamp(2rem,11vw,3.2rem)}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero-description{font-size:1.02rem}.button{width:100%}.workflow-panel{padding:22px}.workflow-meta{grid-template-columns:1fr}.service-card{grid-template-columns:1fr;gap:16px}.service-details{grid-column:auto}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-section{width:calc(100% - 24px);margin-bottom:76px}.cta-actions{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}