@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');
:root{--canvas:#000;--panel:#131313;--ink:#fff;--muted:#aaa;--rule:#333;--ember:#ff9457;--frost:#a5dfff;--cta:linear-gradient(110deg,#ff995b,#ffe3ad 54%,#aedfff);font-family:Inter,'Noto Sans TC',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--frost);outline-offset:5px}h1,h2,h3,p{margin:0}p{line-height:1.85}button{min-height:44px}img{display:block;max-width:100%}[hidden]{display:none!important}.skip{position:fixed;top:-100px;background:white;color:black;z-index:20;padding:12px}.skip:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:22px 40px;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:22px}.brand img{width:144px;height:43px;object-fit:contain}.brand span{font-size:13px;color:var(--muted);border-left:1px solid var(--rule);padding-left:22px}nav{display:flex;align-items:center;gap:27px;font-size:13px}nav a{padding:12px 0}.download{border:1px solid #555;border-radius:8px;padding:12px 17px}main{max-width:1240px;margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding:70px 40px 45px}.eyebrow{font-family:'JetBrains Mono','Noto Sans TC',monospace;letter-spacing:.06em;font-size:11px;color:var(--ember);margin-bottom:25px}.hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.32;letter-spacing:-.045em;font-weight:700;max-width:620px}.intro{font-size:16px;color:#bebebe;margin-top:27px;max-width:540px}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:31px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border-radius:8px;background:var(--cta);font-weight:600;font-size:14px;color:#161616}.text-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.hero-flow{margin-top:27px;font-size:11px;color:var(--muted)}.hero-visual{position:relative;padding:10px 0 5px}.phone-pair{display:flex;align-items:center;justify-content:center;gap:10px}.hero-phone{width:48%;height:auto;max-height:510px;object-fit:contain}.first{transform:rotate(-5deg)}.second{transform:rotate(5deg);margin-top:60px}.example-label{display:block;text-align:center;color:var(--muted);font-size:11px;margin-top:25px}.notice{margin:0 40px;padding:16px 0;color:#929292;font-size:11px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.value{padding:65px 40px 75px}.value h2{font-size:25px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:26px}.value-grid h3{font-size:14px;margin-bottom:10px;color:var(--frost)}.value-grid p{font-size:14px;color:var(--muted)}.journey{padding:65px 40px;background:var(--panel);border-radius:14px;scroll-margin-top:20px}.section-heading h2{font-size:clamp(27px,3.3vw,39px);line-height:1.45;letter-spacing:-.03em}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p:last-child{margin-top:16px;font-size:14px;color:var(--muted)}.tabs{display:flex;gap:7px;overflow-x:auto;padding:26px 0 22px;border-bottom:1px solid var(--rule);margin-bottom:35px}.tabs button{white-space:nowrap;padding:12px 13px;border:1px solid #444;background:transparent;border-radius:7px;font-size:12px}.tabs button[aria-selected=true]{color:#111;background:var(--cta);border-color:transparent}.chapter{display:flex;align-items:flex-start;gap:24px;max-width:900px;margin-bottom:30px}.chapter-no{font-family:'JetBrains Mono',monospace;font-size:42px;color:var(--ember);line-height:1.2}.chapter h3{font-size:25px;line-height:1.6;margin-bottom:14px}.chapter p{font-size:14px;color:#bababa}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.screens figure{margin:0}.screen{display:block;border:0;padding:20px;width:100%;background:#1c1c1c;border-radius:11px;transition:background .15s}.screen:hover{background:#282828}.screen img{height:410px;width:100%;object-fit:contain}.screens figcaption{padding:18px 8px 0}.screens strong{font-weight:600;font-size:15px}.screens figcaption p{font-size:12px;color:var(--muted);margin-top:8px}.journey aside{display:flex;gap:23px;background:#222;padding:20px 24px;border-radius:8px;margin-top:31px}.journey aside span{flex-shrink:0;color:var(--frost);font-size:12px;padding-top:3px}.journey aside p{color:#bbb;font-size:13px}.step-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:27px}.step-controls button{background:transparent;border:1px solid #444;border-radius:7px;padding:11px 17px;font-size:12px}.step-controls button:disabled{opacity:.3;cursor:default}#step-count{color:var(--muted);font:12px 'JetBrains Mono',monospace}.partners{padding:90px 40px 75px;scroll-margin-top:25px}.ops{margin:35px 0 0;padding:0;list-style:none}.ops li{display:grid;grid-template-columns:210px 1fr;border-top:1px solid var(--rule);padding:23px 0;gap:30px}.ops h3{font-size:16px;font-weight:500}.ops p{font-size:14px;color:var(--muted)}.prepare{margin:0 40px 70px;padding:40px;background:#151515;border:1px solid #333;border-radius:12px}.prepare h2{font-size:33px;line-height:1.4}.prepare>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:19px;max-width:850px}.prepare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:30px 0}.prepare-grid h3{font-size:15px;color:var(--ember);margin-bottom:10px}.prepare-grid p{font-size:13px;color:var(--muted)}footer{max-width:1240px;margin:auto;display:flex;justify-content:space-between;padding:25px 40px 35px;border-top:1px solid var(--rule);font-size:11px;color:var(--muted)}dialog{background:#131313;border:1px solid #555;color:white;border-radius:12px;padding:24px 30px;max-width:min(95vw,600px);max-height:95vh}dialog::backdrop{background:#000e}#full-image{height:70vh;width:auto;max-width:100%;object-fit:contain;margin:auto}#close-image{position:absolute;right:8px;top:8px;width:44px;border:0;background:#303030;border-radius:50%;font-size:27px}#image-title{text-align:center;margin:12px 0;font-size:14px}.image-controls{display:flex;gap:15px;justify-content:center}.image-controls button{background:#222;border:1px solid #555;border-radius:6px;padding:9px 15px;font-size:12px}
@media(max-width:900px){header{padding:16px 22px}.brand span{display:none}nav{gap:16px}nav a:not(.download){display:none}.hero{gap:22px;padding:50px 24px}.hero h1{font-size:43px}.hero-phone{max-height:400px}.screen{padding:10px}.screen img{height:330px}.journey{margin:0 18px;padding:40px 24px}.chapter h3{font-size:23px}.notice{margin:0 24px}.value,.partners{padding:50px 24px}.prepare{margin:0 24px 45px;padding:30px}.hero-flow{font-size:10px}.hero-actions{gap:15px}.text-link{font-size:12px}}
@media(max-width:600px){header{padding:13px 18px}.brand img{width:126px}.download{font-size:11px;padding:10px 12px}.hero{grid-template-columns:1fr;padding:42px 24px 30px;gap:18px}.hero h1{font-size:40px;max-width:420px}.eyebrow{font-size:10px}.intro{font-size:14px;margin-top:20px}.hero-visual{max-width:400px;margin:auto}.hero-phone{max-height:350px}.second{margin-top:35px}.example-label{margin-top:15px}.value h2{font-size:23px;line-height:1.5}.value-grid{grid-template-columns:1fr;gap:24px}.value-grid h3{margin-bottom:6px}.journey{padding:32px 18px;margin:0 12px}.chapter{gap:14px;margin-top:8px}.chapter-no{font-size:30px}.chapter h3{font-size:21px;line-height:1.6}.chapter p{font-size:13px}.tabs{margin-bottom:26px}.screens{grid-template-columns:1fr;gap:28px}.screen{padding:18px}.screen img{height:auto;max-height:470px;width:100%}.screens figcaption{padding-top:13px}.screens figcaption p{font-size:13px}.journey aside{display:block;padding:18px}.journey aside p{margin-top:8px}.ops li{grid-template-columns:1fr;gap:7px;padding:20px 0}.prepare-grid{grid-template-columns:1fr;gap:22px}.prepare{padding:25px}.prepare h2{font-size:27px}footer{padding:22px 24px;gap:16px;flex-wrap:wrap}.step-controls{gap:8px}.step-controls button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}