/* 視覺共用設定與響應式版面 / Shared visual tokens and responsive layout. */
:root{--ink:#132330;--muted:#61717b;--green:#a6f0c6;--night:#0d1927;--line:#dfe6e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}a:focus-visible,[tabindex]:focus-visible{outline:3px solid #24a97a;outline-offset:6px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.045em;line-height:1.28}h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:650}.skip{position:fixed;top:-80px;background:white;padding:16px;z-index:20}.skip:focus{top:0}.header{height:88px;padding:0 max(6vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;background:#fff}.brand{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:750;letter-spacing:-.7px}.brand img{border-radius:9px}.brand small{display:block;font-size:11px;font-weight:500;letter-spacing:1px;margin-top:2px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-download{padding:12px 18px;background:var(--night);color:#fff;border-radius:6px}.nav-download span{margin-left:15px}.hero{position:relative;overflow:hidden;min-height:710px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px max(8vw,24px) 60px;background:var(--night);color:white}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2.4px;margin-bottom:27px}.hero .eyebrow{color:var(--green)}h1{font-size:clamp(3.4rem,5.7vw,5.4rem);font-weight:650;margin-bottom:27px}h1 span{color:var(--green)}.intro{color:#b5c1cc;font-size:18px;margin-bottom:30px}.hero-actions{display:flex;gap:28px;align-items:center}.button{background:var(--green);color:var(--night);display:inline-flex;gap:40px;padding:16px 24px;border-radius:5px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#c1ffdb}.text-link{font-size:14px}.text-link span{margin-left:18px}.availability{font-size:12px;color:#8f9eac;margin:24px 0 0}.availability span{margin:0 10px}.hero-visual{height:600px;position:relative;max-width:590px;width:100%;justify-self:center}.phone{position:absolute;width:239px;border:5px solid #263340;border-radius:31px;box-shadow:0 30px 60px #0006}.phone-front{top:38px;left:17%;transform:rotate(-5deg);z-index:2}.phone-back{top:1px;left:52%;width:216px;transform:rotate(9deg);opacity:.84}.visual-note{position:absolute;bottom:25px;right:0;z-index:3;background:#fff;color:var(--ink);display:flex;align-items:center;gap:15px;padding:17px 23px;border-radius:10px;box-shadow:0 20px 40px #0003;font-size:14px}.visual-note>span{font-size:30px;color:#248b65}.visual-note small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.image-note{position:absolute;bottom:0;left:22%;font-size:11px;color:#93a1b1}.orbit{position:absolute;border:1px solid #a6f0c61c;border-radius:50%;width:540px;height:540px;top:30px;left:5%}.orbit-two{width:660px;height:660px;top:-30px;left:-7%}.route-art{position:absolute;inset:0;pointer-events:none;opacity:.22}.route-art svg{width:100%;height:100%;fill:none;stroke:#6ea395;stroke-width:1}.route-art .moving-route{stroke:var(--green);stroke-width:2;stroke-dasharray:80 1400;animation:road 12s linear infinite}@keyframes road{to{stroke-dashoffset:-1480}}.coverage{padding:27px max(8vw,24px);display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.coverage>span{color:var(--muted);font-size:13px}.coverage p{margin:0;font-size:15px;font-weight:600}.coverage i{font-style:normal;color:#c8d2d7;margin:0 23px}.section{padding:104px max(8vw,24px)}.section-heading .eyebrow{color:#44816d}.section-heading>p:last-child{color:var(--muted);font-size:16px}.feature-grid{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature{border-top:1px solid #c5d0d2;padding:28px 0 0;min-width:0}.feature-number{font-size:11px;letter-spacing:1.5px;color:#6a7f87}.feature h3{font-size:21px;margin:23px 0 15px;letter-spacing:-.5px}.feature p{color:var(--muted);font-size:15px}.speed-demo,.map-demo,.favorite-demo{height:100px;margin-top:26px;background:#f1f6f5;border-radius:8px;padding:19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.speed-demo{flex-wrap:wrap}.speed-demo>span{width:100%;font-size:11px;color:#61776f}.speed-demo strong{color:#278460;font-size:23px}.speed-demo small{font-size:11px;font-weight:400}.map-demo{background:repeating-linear-gradient(35deg,transparent 0 23px,#dce8e3 24px 26px,transparent 27px 55px),#f1f6f5;justify-content:center}.map-demo span{width:19px;height:19px;background:#38a77e;box-shadow:0 0 0 9px #38a77e25;border:3px solid white;border-radius:50%}.map-demo b{font-size:12px;background:#fffe;padding:9px;font-weight:500}.favorite-demo{flex-direction:column;align-items:stretch;gap:9px;padding:16px}.favorite-demo span{color:#248860;background:white;padding:7px 12px;border-radius:4px;font-size:12px}.favorite-demo b{color:#53635d;font-weight:500;margin-left:12px}.showcase{background:#eef3f4;padding:90px 0 65px}.showcase .section-heading{padding:0 max(8vw,24px)}.gallery{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px max(8vw,24px) 25px;scrollbar-color:#859e95 #e2e9e8;scrollbar-width:thin}.gallery figure{flex:0 0 230px;margin:0;scroll-snap-align:center}.gallery img{width:230px;border:5px solid #22313d;border-radius:29px;box-shadow:0 12px 20px #24352f13}.gallery figcaption{font-size:14px;margin-top:21px}.gallery figcaption span{font-size:11px;color:#70817e;margin-right:17px}.gallery-hint{padding:0 max(8vw,24px);font-size:12px;color:#697d7b;margin-top:25px;margin-bottom:0}.gallery-hint span{margin-left:20px;font-size:22px}.download{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.download-copy>img{border-radius:18px;margin-bottom:30px}.download .eyebrow{color:#44816d;margin-bottom:18px}.download-copy>p{color:var(--muted)}.store-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.store-links a{display:block;transition:transform .2s}.store-links a:hover{transform:translateY(-3px)}.store-links .google-badge{width:194px;margin-left:-12px}.store-links img:not(.google-badge){height:56px;width:auto}.download-copy .download-note{font-size:12px;margin-top:12px}.download-route{display:flex;flex-direction:column;align-items:center;color:#80998f;font-size:13px}.download-route span{height:65px;width:1px;background:linear-gradient(#d5e7dc,#6aaa8a)}.download-route>div{padding:14px}.download-route .route-logo{border:1px solid #d6e6dc;border-radius:50%;height:180px;width:180px;display:grid;place-items:center;background:#f4f9f6;color:#278461;font-size:27px;letter-spacing:-1px;box-shadow:0 0 0 24px #f9fbf9}footer{margin:0 max(8vw,24px);padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-brand{font-size:21px;font-weight:700;color:var(--ink)}.footer-brand span{font-size:12px;font-weight:400;margin-left:13px}footer p{font-size:12px;margin-top:20px;max-width:780px}footer small{font-size:11px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion-ready .reveal.visible{opacity:1;transform:none}
/* 手機保留完整內容，截圖橫向滑動 / Keep complete content and a touch-scroll gallery on mobile. */
@media(min-width:1500px){.hero,.section,.coverage{padding-left:max(8vw,calc((100vw - 1260px)/2));padding-right:max(8vw,calc((100vw - 1260px)/2))}}@media(max-width:1000px){.hero{padding-left:6vw;padding-right:6vw;min-height:660px}.hero-visual{height:550px}.phone-front{width:210px;left:5%}.phone-back{width:184px;left:45%}.visual-note{right:-10px;bottom:20px;padding:14px}.coverage i{margin:0 12px}.feature-grid{gap:20px}.speed-demo{padding:14px}.speed-demo strong{font-size:20px}.feature h3{font-size:19px}.section{padding:80px 6vw}.download{gap:20px}.header{padding:0 6vw}.hero .eyebrow{font-size:10px;letter-spacing:1.6px}}@media(max-width:700px){.header{height:74px;padding:0 20px}.brand{font-size:20px}.brand small{font-size:10px}.header nav>a:not(.nav-download){display:none}.header nav{gap:0}.nav-download{font-size:12px;padding:10px 13px}.nav-download span{margin-left:6px}.hero{grid-template-columns:1fr;padding:52px 24px 30px;gap:25px}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.hero .eyebrow{font-size:10px}.intro{font-size:16px}.hero-visual{width:min(100%,420px);height:510px}.phone-front{width:205px;left:10%;top:20px}.phone-back{width:180px;left:48%;top:0}.visual-note{right:0;bottom:27px;font-size:12px}.image-note{left:15%;font-size:10px}.orbit{width:380px;height:380px}.orbit-two{width:470px;height:470px}.coverage{display:block;padding:25px 24px}.coverage p{margin-top:12px;font-size:12px;white-space:normal}.coverage i{margin:0 9px}.section{padding:64px 24px}.section-heading>p:last-child{font-size:15px}.feature-grid{grid-template-columns:1fr;gap:34px;margin-top:33px}.feature h3{font-size:22px;margin-top:18px}.feature p{max-width:460px}.feature-grid .feature>div{max-width:460px}.showcase{padding-top:64px}.showcase .section-heading{padding:0 24px}.gallery{padding-left:24px;padding-right:24px;gap:24px}.gallery figure{flex-basis:215px}.gallery img{width:215px}.gallery-hint{padding:0 24px}.download{grid-template-columns:1fr}.download-route{display:none}.store-links{gap:8px}.store-links .google-badge{width:172px}.store-links img:not(.google-badge){height:48px}footer{margin:0 24px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}