@font-face{font-family:"Chiron Sung HK";src:url("chiron-sung-hk-company-v2.woff2") format("woff2");font-weight:600;font-display:swap}
:root{color-scheme:light dark;--paper:oklch(97% .012 83);--surface:oklch(99% .006 83);--soft:oklch(93% .018 170);--ink:oklch(24% .025 180);--muted:oklch(46% .023 180);--line:oklch(84% .022 165);--accent:oklch(40% .074 178);--accent-soft:oklch(91% .04 169);--amber:oklch(57% .10 70);--serif:"Chiron Sung HK","Songti TC","Yu Mincho",serif;--sans:"Avenir Next","PingFang TC","Hiragino Kaku Gothic ProN","Noto Sans Thai","Thonburi",sans-serif;--gutter:clamp(1.25rem,4.5vw,4rem);--radius:1.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-section:clamp(4rem,8vw,7rem)}
@media(prefers-color-scheme:dark){:root{--paper:oklch(17% .014 177);--surface:oklch(21% .016 177);--soft:oklch(25% .024 177);--ink:oklch(93% .013 83);--muted:oklch(74% .022 167);--line:oklch(35% .023 171);--accent:oklch(79% .085 168);--accent-soft:oklch(29% .043 171);--amber:oklch(78% .10 80)}}
*,*::before,*::after{box-sizing:border-box}html{font:100%/1.75 var(--sans);background:var(--paper);color:var(--ink);scroll-padding-top:6rem;-webkit-text-size-adjust:100%}body{margin:0;overflow-wrap:anywhere}h1,h2,h3,h4,p,figure{margin:0}button,a,summary{font:inherit}button{color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none;color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.025em;text-wrap:pretty}h1{font-size:clamp(2.6rem,5.1vw,4.5rem);line-height:1.3}h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.4}h3{font-size:1.25rem;line-height:1.5;font-weight:600}p{max-width:72ch}ul,ol{margin:0}svg.icon{width:24px;height:24px;flex-shrink:0}section{scroll-margin-top:6rem}.shell{width:min(100% - 2 * var(--gutter),1180px);margin-inline:auto}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.1em;color:var(--accent);margin-bottom:1.25rem}.skip-link{position:fixed;top:1rem;left:1rem;padding:.75rem 1rem;background:var(--accent);color:var(--paper);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}[hidden]{display:none!important}
.site-header{position:relative;z-index:20;border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:88px}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink);flex-shrink:0;line-height:1.2;font-size:1.3rem;font-weight:700;letter-spacing:-.025em}.brand img{border-radius:12px;box-shadow:0 0 0 1px oklch(55% .04 175 / .2)}.brand small{display:block;font-size:.55rem;letter-spacing:.16em;color:var(--muted);font-weight:500;margin-top:.35rem}.nav-menu{margin-left:auto}.nav-menu>summary{display:none}.nav-menu>nav{display:flex!important}.primary-nav{display:flex;align-items:center;gap:1.25rem}.primary-nav a{min-height:44px;display:flex;align-items:center;font-size:.875rem;color:var(--muted);white-space:nowrap}.primary-nav [aria-current]{color:var(--accent);font-weight:700}.language-menu{position:relative;flex-shrink:0}.language-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;min-height:44px;border:1px solid var(--line);border-radius:99px;font-size:.8125rem}.language-menu summary .icon{width:18px;height:18px}.language-menu summary::-webkit-details-marker,.nav-menu summary::-webkit-details-marker,.faq-card summary::-webkit-details-marker{display:none}.chevron{width:6px;height:6px;border-bottom:1px solid;border-right:1px solid;transform:rotate(45deg);margin-left:.25rem;margin-top:-3px}.languages{position:absolute;top:calc(100% + .6rem);right:0;min-width:190px;padding:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 12px 40px oklch(18% .025 180 / .12)}.languages a{display:flex;align-items:center;min-height:44px;padding:.4rem .8rem;border-radius:.5rem;color:var(--ink)}.languages a:hover,.languages [aria-current]{background:var(--accent-soft)}.languages [aria-current]{font-weight:700}.site-footer{border-top:1px solid var(--line);padding-top:3.5rem}.footer-main{display:flex;gap:2rem;justify-content:space-between;padding-bottom:3rem}.company{margin-top:1.5rem;font-size:.875rem;line-height:1.9;color:var(--muted)}.company span{font-size:.6875rem;letter-spacing:.04em}.footer-email{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}.footer-nav{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 3rem;align-content:start}.footer-nav a{min-height:44px;display:flex;align-items:center;font-size:.875rem;color:var(--ink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-block:1.25rem;color:var(--muted);font-size:.75rem}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}
.button{display:inline-flex;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.3rem;min-height:50px;border-radius:99px;font-weight:600;font-size:.9375rem;border:1px solid var(--accent);transition:background .18s,color .18s}.button.primary{background:var(--accent);color:var(--paper)}.button.primary:hover{background:var(--ink);border-color:var(--ink)}.button.secondary{border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button .icon,.text-link .icon{width:19px;height:19px}.text-link{display:inline-flex;align-items:center;gap:.6rem;font-weight:600;min-height:44px;font-size:.9375rem}.hero{display:grid;grid-template-columns:1.02fr 1fr;gap:2rem;align-items:center;padding-block:clamp(3rem,6vw,5rem) 4rem}.hero-copy{position:relative;z-index:2}.hero h1{max-width:12ch}.hero .lead{margin-top:1.7rem;color:var(--muted);font-size:1.0625rem;line-height:1.95;max-width:31rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.benefits{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;padding:0;margin-top:1.5rem;font-size:.75rem;color:var(--muted)}.benefits li{display:flex;gap:.35rem;align-items:center}.benefits .icon{width:15px;height:15px;color:var(--accent)}.hero-visual{height:580px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;z-index:-1}.orbit-one{width:94%;aspect-ratio:1;left:3%;top:14%;background:var(--soft)}.orbit-two{width:76%;aspect-ratio:1;left:12%;top:22%;border-style:dashed}.phone{width:100%;position:relative;overflow:hidden;border:7px solid #243735;border-radius:34px;background:#243735;box-shadow:0 18px 35px oklch(20% .03 170 / .14);isolation:isolate}.phone::after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid oklch(95% .01 170 / .2);border-radius:26px;z-index:5}.screen-original{width:100%;height:auto}.camera-scene{position:absolute;top:11.995%;left:4.8%;width:90.4%;height:44.45%;object-fit:cover;border-radius:8%}.camera-label{position:absolute;inset:0;clip-path:inset(49.2% 56.5% 45.3% 8% round 40px);width:100%;height:100%}.hero-phone-back{position:absolute;width:48%;max-width:255px;top:25px;left:1%;transform:rotate(-7deg)}.hero-phone-front{position:absolute;width:49%;max-width:264px;top:89px;right:1%;transform:rotate(7deg)}figcaption{color:var(--muted);font-size:.6875rem;line-height:1.7;text-align:center;margin-top:1rem}.hero-visual>figcaption{position:absolute;bottom:0;left:0;right:0}.section-heading{margin-bottom:2.5rem}.situations{padding-block:var(--space-section)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.scenario{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 1.5rem 1.25rem;display:flex;flex-direction:column;overflow:hidden}.scenario-top{display:flex;align-items:center;justify-content:space-between;color:var(--accent);margin-bottom:1.75rem}.scenario-top .icon{width:28px;height:28px}.scenario-top span{font-size:.8125rem;color:var(--muted)}.scenario h3{font-family:var(--serif);font-size:1.25rem;margin-bottom:.75rem}.scenario>p{font-size:.9375rem;line-height:1.9;color:var(--muted);margin-bottom:2rem}.scenario-visual{margin-top:auto}.scenario-visual .phone{width:190px;max-width:85%;margin:auto;border-width:5px;border-radius:26px}.scenario-visual .phone::after{border-radius:20px}.trust-section{padding-block:var(--space-section);background:var(--soft)}.trust-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.trust-item>.icon{width:30px;height:30px;color:var(--accent);margin-bottom:1.5rem}.trust-item h3{margin-bottom:.7rem}.trust-item p{font-size:.9375rem;line-height:1.95;color:var(--muted)}.trust-note{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.8125rem;max-width:none;color:var(--muted)}.trust-note a{font-weight:600}.quick-start{padding-block:var(--space-section)}.mini-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:0;margin-bottom:2rem}.step-number{display:inline-flex;justify-content:center;align-items:center;color:var(--accent);background:var(--accent-soft);width:42px;height:42px;border-radius:50%;font-size:.8125rem;font-weight:600;letter-spacing:.04em}.mini-steps h3{margin-top:1rem;font-size:1.0625rem}.download-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:3rem;border-radius:2rem;background:var(--surface);border:1px solid var(--line)}.download-copy>img{border-radius:16px;margin-bottom:1.5rem}.download-copy h2{font-size:clamp(1.8rem,3vw,2.5rem)}.download-copy p{font-size:.9375rem;color:var(--muted);margin-top:1.25rem}.store-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.store-button{display:flex;gap:.65rem;align-items:center;text-align:left;background:var(--soft);border:1px solid var(--line);border-radius:.85rem;padding:.65rem .9rem;cursor:default;opacity:1}.store-button small{display:block;font-size:.6875rem;color:var(--muted);font-weight:500}.store-button strong{display:block;font-size:.9375rem;line-height:1.4}.store-button .icon{width:24px;height:24px;color:var(--accent)}.device-row{padding-block:1.25rem;border-bottom:1px solid var(--line)}.device-row:first-child{padding-top:0}.device-row h3{font-size:1rem}.device-row p{color:var(--accent);font-size:1.125rem}.device-row small{color:var(--muted)}.device-note{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:1.25rem}.devices>.text-link{margin-top:.5rem}.home-faq{padding-block:var(--space-section)}.home-faq>.text-link{margin-top:1.5rem}.faq-list{max-width:900px}.faq-card{background:var(--surface);border:1px solid var(--line);border-radius:1rem;margin-bottom:.75rem;scroll-margin-top:2rem}.faq-card summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem;list-style:none;cursor:pointer;font-weight:600;font-size:1.0625rem;line-height:1.6}.faq-card summary:hover{color:var(--accent)}.plus{position:relative;width:20px;height:20px;flex-shrink:0}.plus::before,.plus::after{content:"";position:absolute;background:var(--accent);top:9px;left:3px;width:14px;height:2px}.plus::after{transform:rotate(90deg);transition:transform .18s}.faq-card[open] .plus::after{transform:rotate(0deg)}.faq-card[open]{border-color:var(--accent)}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--muted);font-size:1rem}.faq-answer p+p{margin-top:1rem}.faq-answer>.text-link{margin-top:1rem}.faq-answer .copy-list p{margin-block:0 1rem}.faq-answer .copy-list p:last-child{margin-bottom:0}
.intro{padding-block:3.5rem 2.75rem;border-bottom:1px solid var(--line);max-width:900px}.intro h1{font-size:clamp(2.4rem,4.4vw,3.5rem)}.intro-description{margin-top:1.25rem;font-size:1.0625rem;color:var(--muted);max-width:50ch}.document{display:grid;grid-template-columns:220px minmax(0,1fr);gap:4rem;padding-block:2.5rem 5rem}.document+article{border-top:1px solid var(--line)}.document-body{max-width:760px;min-width:0}.date{font-size:.75rem;letter-spacing:.04em;color:var(--muted);margin-bottom:2rem}.toc{align-self:start;position:sticky;top:2rem;padding:1.25rem 1rem;background:var(--soft);border-radius:1rem;font-size:.8125rem;max-height:85vh;overflow:auto}.toc>p{font-weight:600;margin-bottom:.7rem}.toc ul{list-style:none;padding:0}.toc ul ul{padding-left:.8rem}.toc a{display:flex;align-items:center;min-height:40px;color:var(--muted);line-height:1.6;padding:.4rem .3rem}.toc a:hover{color:var(--accent)}.toc-group{font-weight:600;color:var(--ink)!important}.chapter{margin-bottom:3.5rem}.chapter>h2{font-size:1.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line);margin-bottom:2rem}.document-section{margin-top:2.5rem}.document-section h3{font-family:var(--serif);font-size:1.375rem;margin-bottom:1rem;scroll-margin-top:2rem}.copy-list p{font-size:1rem;line-height:1.95;margin-bottom:1.25rem}.copy-list p:last-child{margin-bottom:0}.copy-list a{font-weight:600}.document-section:has([data-clause="G21"]),.document-section:has([data-clause="T01"]){padding:1.5rem;background:var(--soft);border:1px solid var(--line);border-radius:1rem}.table-wrap{border:1px solid var(--line);border-radius:1rem;overflow:hidden}table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:1rem;line-height:1.85}th,td{text-align:start;vertical-align:top;padding:1rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}tr:last-child th,tr:last-child td{border-bottom:0}thead{background:var(--soft);font-size:.875rem}th:first-child{width:27%;font-weight:600}tbody th{color:var(--accent)}.setup-steps{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.setup-step{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:2rem;align-items:center;padding-bottom:2rem;border-bottom:1px solid var(--line)}.setup-step h4{font-size:1.125rem;line-height:1.7;margin-block:1rem}.setup-step p{font-size:1rem;line-height:1.95}.setup-step .phone{border-width:5px;border-radius:24px}.setup-step .phone::after{border-radius:18px}.contact-banner{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--accent-soft);border-radius:1rem;margin-bottom:2.5rem}.contact-banner>.icon{width:30px;height:30px;color:var(--accent)}.contact-banner strong{display:block;font-size:1rem}.contact-banner a{display:block;font-size:.9375rem;min-height:32px}.sources{border-top:1px solid var(--line);padding-top:2rem}.sources h2{font:600 1.125rem var(--sans);margin-bottom:.75rem}.sources ul{padding:0;list-style:none}.sources a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}[lang="th"]{line-height:1.95}
@media(min-width:1000px){.nav-menu::details-content{display:contents}}
@media(max-width:1100px){.primary-nav{gap:.8rem}.header-inner{gap:1rem}.hero-visual{height:530px}.hero-phone-front{top:90px}.document{gap:2rem;grid-template-columns:190px minmax(0,1fr)}.setup-step{grid-template-columns:1fr 180px;gap:1.5rem}}
@media(max-width:999px){.nav-menu{order:3;margin-left:0}.nav-menu>summary{display:flex;align-items:center;gap:.45rem;font-size:.8125rem;min-height:44px;cursor:pointer;list-style:none}.nav-menu:not([open])>nav{display:none!important}.nav-menu[open] .primary-nav{position:absolute;inset:100% 0 auto;display:flex;background:var(--surface);padding:1rem var(--gutter);border-bottom:1px solid var(--line);gap:.75rem 1.25rem;flex-wrap:wrap}.language-menu{margin-left:auto}.header-inner{min-height:78px}.hero{gap:1rem}.hero-visual{height:480px}.scenario-grid{gap:1rem}.scenario{padding:1.3rem 1.1rem}.trust-grid{gap:1.5rem}.download-section{gap:2rem;padding:2rem}.mini-steps{gap:1.25rem}.document{display:block}.toc{position:static;max-height:none;margin-bottom:2rem}.toc>ul{display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}.toc ul ul{display:none}.document-body{max-width:760px;margin-inline:auto}.intro{max-width:none}}
@media(max-width:700px){.header-inner{gap:.8rem;min-height:76px}.brand{font-size:1.1rem;gap:.55rem}.brand img{width:38px;height:38px;border-radius:10px}.brand small{font-size:.5rem}.language-menu summary{padding:.4rem .55rem}.language-current{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-menu summary .icon{width:22px;height:22px}.nav-menu summary [data-ui-lang]{display:none}.hero{grid-template-columns:1fr;padding-top:2.5rem;padding-bottom:2rem;gap:2rem}.hero h1{max-width:14ch;font-size:clamp(2.45rem,8.8vw,3.8rem)}.hero .lead{font-size:1rem;margin-top:1.25rem}.hero-actions{margin-top:1.5rem;gap:.6rem}.hero-actions .button{font-size:.875rem;padding:.75rem 1rem}.hero .eyebrow{margin-bottom:1rem}.benefits{gap:.4rem .85rem;font-size:.6875rem;margin-top:1.2rem}.hero-visual{height:530px;max-width:460px;width:100%;margin-inline:auto}.hero-phone-back{left:2%;width:50%;top:20px}.hero-phone-front{right:2%;width:51%;top:75px}.phone{border-width:5px;border-radius:26px}.phone::after{border-radius:21px}.hero-visual>figcaption{bottom:2px}.scenario-grid{grid-template-columns:1fr;gap:1.5rem}.scenario{padding:1.5rem}.scenario h3{font-size:1.375rem}.scenario>p{font-size:1rem}.scenario-top{margin-bottom:1rem}.scenario-visual .phone{width:210px;max-width:75%}.scenario-visual{margin-top:0}.trust-heading{display:block;margin-bottom:2rem}.trust-heading>.text-link{margin-top:1rem}.trust-grid{grid-template-columns:1fr;gap:2rem}.trust-item{display:grid;grid-template-columns:30px 1fr;gap:0 1rem}.trust-item>.icon{grid-row:1/3;margin:0}.trust-item h3{font-size:1.125rem}.trust-item p{font-size:1rem}.trust-note{font-size:.875rem}.mini-steps{grid-template-columns:1fr 1fr;gap:1.75rem 1.25rem}.mini-steps h3{font-size:1rem;margin-top:.75rem}.download-section{grid-template-columns:1fr;gap:2.5rem;padding:1.5rem;border-radius:1.5rem}.download-copy h2{font-size:2rem}.home-faq h2{font-size:1.85rem}.faq-card summary{padding:1.1rem 1.15rem;gap:1rem;font-size:1rem}.faq-answer{padding:0 1.15rem 1.25rem}.section-heading{margin-bottom:2rem}.intro{padding-top:2.5rem;padding-bottom:2rem}.intro h1{font-size:2.25rem}.intro-description{font-size:1rem}.document{padding-top:1.5rem}.toc{padding:1rem}.toc>ul{display:block}.toc ul ul{display:block;padding-left:.65rem}.toc ul ul a{min-height:36px}.toc ul ul{display:flex;flex-wrap:wrap;gap:0 .75rem}.date{margin-bottom:1.5rem}.document-section{margin-top:2rem}.chapter>h2{font-size:1.625rem}.document-section h3{font-size:1.25rem}.setup-step{grid-template-columns:1fr;gap:1.5rem}.setup-step figure{max-width:220px;margin:auto}.setup-steps{gap:2rem}.setup-step h4{margin-block:.75rem}.copy-list p,.setup-step p{line-height:1.95}.table-wrap{border-radius:.75rem}th,td{padding:.75rem .65rem}th:first-child{width:31%}.contact-banner{padding:1.25rem}.contact-banner a{font-size:.875rem}.footer-main{flex-direction:column;gap:2rem}.footer-nav{grid-template-columns:repeat(3,1fr);gap:.5rem 1rem}.footer-bottom{align-items:flex-start}.company span{font-size:.65rem}.document-section:has([data-clause="G21"]),.document-section:has([data-clause="T01"]){padding:1.2rem}}
@media(max-width:420px){.hero-visual{height:440px}.hero-phone-front{top:72px}.hero-phone-back{top:22px}.hero-visual>figcaption{bottom:0}.language-menu summary .icon{display:none}.brand{font-size:1.05rem}.header-inner{gap:.65rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{min-width:175px}.hero h1{font-size:2.55rem}.download-copy h2{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media print{:root{--paper:white;--surface:white;--soft:#f3f3f3;--ink:#222;--muted:#444;--accent:#333;--line:#bbb}.site-header,.site-footer,.skip-link,.toc{display:none}.shell{width:100%}.document{display:block;padding-top:1rem}.document-body{max-width:none}h2,h3,h4{break-after:avoid}.setup-step{break-inside:avoid}.faq-card:not([open]) .faq-answer{display:block}.phone{box-shadow:none}.intro{padding-top:0}.home-page{break-after:page}}

html:not(.enhanced) [data-ui-lang]:not([lang="zh-Hant"]){display:none}

.header-inner{flex-wrap:wrap;padding-block:.75rem}.brand{max-width:100%}.download-copy,.devices{min-width:0}
/* A compact overview keeps the support answers close to the page introduction. */
@media(max-width:700px){.document:has(.contact-banner) .toc>ul{display:flex;gap:.5rem 1.5rem}.document:has(.contact-banner) .toc{padding:.9rem 1.1rem}}