:root{--ink:#202522;--muted:#626861;--accent:#d94620;--line:#e3e7e2;--soft:#f5f7f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.7;font-size:16px}button,a{ -webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2166bf;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding-inline:28px}header{max-width:1236px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:850;letter-spacing:-1px}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:2px}.mark{background:var(--accent);color:white;border-radius:10px;width:40px;height:40px;display:grid;place-items:center}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:650}.nav-cta{border:1px solid var(--line);padding:9px 18px;border-radius:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-block:72px 88px}.eyebrow{color:var(--accent);font-weight:750;font-size:14px;letter-spacing:1px;margin:0 0 18px}h1{font-size:clamp(36px,4.6vw,58px);line-height:1.23;letter-spacing:-2px;margin:0 0 25px}h1 span{color:var(--accent)}h2{font-size:clamp(28px,3vw,38px);line-height:1.35;letter-spacing:-1px;margin:0 0 22px}h3{font-size:20px;line-height:1.4;margin:14px 0 12px}p{margin:0 0 16px}.hero-line{font-size:20px;font-weight:650}.muted,article p,.intro{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 23px;border-radius:6px;font-weight:700;border:1px solid transparent}.primary{background:var(--accent);color:white}.secondary{background:white;border-color:#c9cec7;color:var(--ink)}.button:hover{filter:brightness(.96)}.fine{font-size:13px;color:var(--muted);line-height:1.7}.hero-panel{background:#fff;border:1px solid var(--line);box-shadow:0 22px 65px #20252212;border-radius:15px;padding:24px;transform:rotate(-1deg)}.panel-top{display:flex;align-items:center;justify-content:space-between;font-weight:750;gap:10px}.badge{font-size:12px;background:#fff0e8;color:#a33515;padding:5px 10px;border-radius:4px;font-weight:650;white-space:nowrap}.mock-tabs{display:flex;gap:25px;margin:24px 0 8px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:14px;color:var(--muted)}.selected{color:var(--accent);font-weight:750}.order-row{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.order-no{font-weight:750;font-size:15px;background:var(--soft);padding:11px;border-radius:8px}.order-row div{flex:1}.order-row small{display:block;color:var(--muted);font-size:13px}.state{font-size:12px;background:#eef1ec;border-radius:4px;padding:4px 8px;white-space:nowrap}.orange{background:#fff0e8;color:#a33515}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 15px;font-size:13px;text-align:center}.flow span{border:1px solid var(--line);padding:9px 2px;border-radius:4px}.strip{background:var(--ink);color:white;padding-block:24px;font-size:19px;font-weight:650}.strip .wrap{display:flex;justify-content:space-between;gap:12px}.strip span{color:#c7cfc6;font-weight:400}.section{padding-block:84px}.grid{display:grid;gap:20px}.three{grid-template-columns:repeat(3,1fr)}article{padding:28px;border:1px solid var(--line);border-radius:9px;background:white}.number{font-size:14px;color:var(--accent);font-weight:700}.soft{background:var(--soft)}.intro{max-width:680px;margin-bottom:30px}.features{grid-template-columns:repeat(3,1fr)}.features article{padding:24px}.features h3{font-size:18px}.features p{font-size:15px;margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.demo-tabs{display:flex;gap:8px;margin:24px 0}.demo-tabs button{padding:10px 20px;background:white;border:1px solid var(--line);border-radius:6px;font-size:14px;min-height:44px}.demo-tabs [aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.demo-panel{background:#f3f5f2;border:1px solid var(--line);border-radius:12px;padding:28px;min-height:340px;margin-bottom:16px}.demo-header{display:flex;justify-content:space-between;gap:12px;font-weight:700;margin-bottom:22px}.demo-content{display:grid;grid-template-columns:2fr 1fr;gap:18px}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sample{background:white;border:1px solid var(--line);border-radius:7px;padding:22px;font-size:15px}.sample span{display:block;font-size:13px;color:var(--muted);margin-top:8px}.demo-side{background:var(--ink);color:white;padding:22px;border-radius:8px}.demo-side p{font-size:14px;color:#d7ded5}.kitchen{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.kitchen h3{font-size:16px}.kitchen .sample{margin-bottom:10px}.report-bars{display:grid;gap:22px;background:white;padding:28px;border-radius:8px}.bar{height:20px;background:#f0f3ed;border-radius:4px;overflow:hidden}.bar i{display:block;background:var(--accent);height:100%;width:var(--w)}.report-bars p{font-size:14px;margin:0}.hardware{display:grid;grid-template-columns:1fr 1fr;gap:70px}.hardware-list div{border-bottom:1px solid var(--line);padding:18px 0}.hardware-list b,.hardware-list span{display:block}.hardware-list span{font-size:14px;color:var(--muted)}.pricing{margin-top:34px}.quote{font-size:30px;font-weight:800;color:var(--ink)}.pricing article{display:flex;flex-direction:column}.pricing .button{margin-top:auto}.featured{border:2px solid var(--accent)}.tax{font-size:16px;font-weight:650;margin-top:25px}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:35px}.steps li{border-top:2px solid var(--line);padding-top:20px}.steps span{font-size:24px;font-weight:750;color:var(--accent)}.steps p{color:var(--muted);font-size:15px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:650;min-height:32px}details p{margin:15px 0 0;color:var(--muted)}.contact{background:var(--ink);border-radius:14px;padding:55px;color:white}.contact .eyebrow{color:#ff9975}.contact p{color:#d7ded5}.contact .fine{color:#d7ded5}.contact .secondary{background:transparent;color:white;border-color:#798279}footer{padding-block:35px 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap}footer p{margin:0;font-size:14px}.privacy{border:0;background:none;color:var(--muted);font-size:14px;text-decoration:underline}.mobile-bar{display:none}dialog{max-width:540px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:12px;padding:30px;color:var(--ink)}dialog::backdrop{background:#14201c80}dialog h2{font-size:25px}dialog p{color:var(--muted)}.real-screen{display:block;max-width:100%;max-height:550px;object-fit:contain;margin:auto}
@media(max-width:800px){header{padding:18px 20px}nav{gap:15px}nav>a:not(.nav-cta){display:none}.wrap{padding-inline:20px}.hero{grid-template-columns:1fr;gap:38px;padding-block:42px 55px}.hero-panel{transform:none}.hero h1{font-size:42px}.hero-line{font-size:18px}.strip .wrap{display:block}.strip span{display:block;font-size:16px}.section{padding-block:56px}.three,.features{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.hardware,.faq{grid-template-columns:1fr;gap:24px}.section-head{display:block}.demo-content{grid-template-columns:1fr}.demo-panel{padding:18px}.steps{grid-template-columns:repeat(2,1fr)}.contact{padding:32px 24px}footer{align-items:flex-start;flex-direction:column}.kitchen{gap:10px}.sample{padding:16px}.menu-items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.hero h1{font-size:36px;letter-spacing:-1px}.features,.three{grid-template-columns:1fr}.hero-panel{padding:18px}.order-row{gap:8px}.order-no{padding:8px}.order-row b{font-size:15px}.demo-tabs button{padding:9px 12px}.kitchen{grid-template-columns:1fr}.steps{gap:18px}.contact h2{font-size:28px}.brand{font-size:22px}.nav-cta{padding:8px 12px}.actions .button{flex:1;white-space:nowrap}h2{font-size:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-logo{display:block;width:56px;height:56px;object-fit:contain;flex-shrink:0}.hero-brand{display:flex;align-items:center;gap:18px;margin-bottom:24px}.hero-brand img{width:112px;height:112px;object-fit:contain;flex-shrink:0}.hero-brand .eyebrow{margin:0}@media(max-width:480px){.brand-logo{width:48px;height:48px}.hero-brand img{width:88px;height:88px}.hero-brand{gap:14px}}

.hero-photo{margin:0;min-width:0;align-self:center}.hero-photo img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}.hero-photo figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.hero{align-items:center}

.promo-banner{padding-bottom:56px}.promo-banner>a{display:block}.promo-banner img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.promo-details{padding:24px 0 0;max-width:900px}.promo-details h2{font-size:26px}.promo-details p{font-size:16px;line-height:1.8}.promo-details .fine{font-size:14px}@media(max-width:800px){.promo-banner{padding-bottom:40px}.promo-details h2{font-size:23px}.promo-details{padding-top:20px}}

/* 在原版上補實際系統展示與手機聯絡入口，保留原有品牌與版面。 */
.skip-link{position:fixed;top:-80px;z-index:80;background:white;padding:12px}.skip-link:focus{top:0}
.demo-tabs{flex-wrap:wrap}.screen-frame{background:white;border:6px solid #26302b;border-radius:10px;overflow:hidden}.real-screen{width:100%;height:auto;max-height:none}.phone-screen{max-width:300px;margin:auto}.screen-frame:has(.phone-screen){max-width:312px;margin:auto}.screen-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.screen-caption p{font-size:14px;color:var(--muted);margin:0}.screen-enlarge{border:1px solid var(--line);background:white;border-radius:6px;padding:10px 15px;font-size:13px;white-space:nowrap;min-height:44px}#screen-dialog{width:min(1300px,calc(100% - 24px));max-width:1300px;max-height:92dvh;overflow:auto;padding:48px 16px 14px}#large-screen{display:block;max-width:100%;max-height:75dvh;object-fit:contain;margin:auto}.close-screen{position:absolute;right:10px;top:6px;border:0;background:none;font-size:30px;width:44px;height:44px}#screen-dialog p{margin:12px 0 0;text-align:center}
@media(max-width:800px){.mobile-bar{display:grid;grid-template-columns:1fr 1.2fr;gap:9px;position:fixed;z-index:30;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:#fffffff5;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #2025220b}.mobile-bar .button{padding:10px 12px;min-height:46px;font-size:13px}footer{padding-bottom:120px}.screen-caption{align-items:start;flex-direction:column;gap:12px}.demo-tabs{gap:7px}.demo-tabs button{padding:10px 14px}}
@media(max-width:480px){.demo-tabs button{font-size:12px;padding:9px 11px}.section-head .badge{display:inline-block;margin-bottom:5px}.screen-frame{border-width:4px}.real-screen.phone-screen{max-width:230px}.screen-frame:has(.phone-screen){max-width:238px}.mobile-bar .button{font-size:12px}}

.support-toggle{position:fixed;right:22px;bottom:22px;z-index:45;border:0;border-radius:999px;background:#223e30;color:white;box-shadow:0 5px 24px #16271f33;padding:15px 23px;font:inherit;font-weight:700;min-height:48px;cursor:pointer}
.site-support{position:fixed;right:22px;bottom:86px;z-index:50;width:min(420px,calc(100vw - 28px));height:min(660px,calc(100dvh - 110px));background:white;border:1px solid #dce3dd;border-radius:18px;box-shadow:0 12px 50px #17251d33;overflow:hidden;display:flex;flex-direction:column}.site-support[hidden]{display:none}.site-support>header{width:100%;max-width:none;margin:0;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;background:#223e30;color:white;padding:14px 18px}.site-support header strong,.site-support header span{display:block}.site-support header span{font-size:12px;margin-top:4px;color:#d7e7db}.site-support header button{background:none;border:0;color:white;font-size:28px;width:44px;height:44px;cursor:pointer}.support-toolbar{display:flex;gap:12px;justify-content:space-between;padding:10px 14px;font-size:12px;border-bottom:1px solid #dde5df}.support-toolbar a{color:#223e30;text-decoration:underline}.support-toolbar button{border:0;background:none;color:#223e30;text-decoration:underline;cursor:pointer;font:inherit}.site-support iframe{width:100%;border:0;flex:1;min-height:0}.support-toggle:focus-visible,.site-support button:focus-visible,.site-support a:focus-visible{outline:3px solid #edaf54;outline-offset:3px}
@media(max-width:800px){.support-toggle{right:14px;bottom:calc(90px + env(safe-area-inset-bottom));padding:12px 18px}.site-support{right:14px;bottom:calc(152px + env(safe-area-inset-bottom));height:min(600px,calc(100dvh - 180px))}}

.support-toggle,.site-support>header{background:var(--accent)}.support-toolbar a,.support-toolbar button{color:var(--accent)}

.partners{padding-top:20px}.partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:800px;margin:32px auto 0}.partner-card{margin:0;border:1px solid var(--line);border-radius:16px;background:white;padding:32px 24px;text-align:center}.partner-logo{display:flex;align-items:center;justify-content:center;height:220px}.partner-logo img{display:block;width:200px;height:200px;max-width:100%;object-fit:contain}.partner-card figcaption{font-size:19px;font-weight:750;margin-top:24px}@media(max-width:480px){.partner-grid{gap:12px}.partner-card{padding:20px 12px}.partner-logo{height:140px}.partner-logo img{width:130px;height:130px}.partner-card figcaption{font-size:15px;margin-top:16px}}