:root{color-scheme:dark;--bg:#080d0c;--ink:#f2f5f3;--dim:#b0bdb7;--accent:#81d8d0;--line:#2c3a36;--pad:clamp(22px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure,dl,p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:500;line-height:1.3;letter-spacing:-.035em}h1{font-size:var(--fs-h1);line-height:1.3}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-xl)}p{overflow-wrap:anywhere}button,summary,a{-webkit-tap-highlight-color:transparent}.skip-link{position:absolute;top:12px;left:16px;z-index:10;transform:translateY(-200%);background:var(--accent);color:var(--bg);padding:10px 18px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header,main,.site-footer{width:min(1440px,100%);margin-inline:auto;padding-inline:var(--pad)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:block;width:117px;flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:28px;font-size:var(--fs-sm)}.site-header nav a{display:flex;align-items:center;min-height:44px}.contact-link{color:var(--accent);gap:20px}.breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:30px 0;font-size:var(--fs-xs);color:var(--dim)}.breadcrumb a{text-decoration:underline;text-underline-offset:4px;padding:12px;margin:-12px}.hero{padding-block:66px 54px;max-width:1050px}.eyebrow{font-size:var(--fs-xs);letter-spacing:.17em;line-height:1.7;color:var(--accent);margin-bottom:18px}.hero-lead{font-size:var(--fs-h1);line-height:1.5;margin-top:24px;letter-spacing:-.02em}.intro{max-width:790px;margin-top:26px;font-size:var(--fs-lg);color:var(--dim);line-height:1.95}.hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top;border:1px solid var(--line)}figcaption{font-size:var(--fs-xs);color:var(--dim);line-height:1.8;margin-top:14px}.section{padding-block:80px;border-bottom:1px solid var(--line)}.section-head{max-width:840px;margin-bottom:36px}.section-head>p:last-child{margin-top:18px;color:var(--dim);font-size:var(--fs-base)}.story{display:grid;gap:48px}.story-row{display:grid;grid-template-columns:1fr 3fr;gap:30px}.number{font-size:var(--fs-sm);color:var(--accent)}.story-row h2{font-size:var(--fs-h2);margin-bottom:18px}.story-row p:not(.number){font-size:var(--fs-lg);color:var(--dim);line-height:1.75;max-width:800px}.preparation{display:grid;grid-template-columns:1fr 1fr;gap:60px}.preparation ul{list-style:none;margin:0;padding:0}.preparation li{padding:16px 0;border-bottom:1px solid var(--line);font-size:var(--fs-base);color:var(--dim)}.preparation li:first-child{padding-top:0}.preparation li:last-child{border-bottom:0}.plans{display:grid;gap:0}.plan{display:grid;grid-template-columns:1fr 220px;gap:18px 30px;padding:28px 0;border-top:1px solid var(--line)}.plan h3{font-size:var(--fs-2xl);margin-bottom:8px}.plan p{color:var(--dim);font-size:var(--fs-base)}.plan>p:last-child{grid-column:1/-1;max-width:840px}.plan .price{font-size:var(--fs-2xl);line-height:1.5;color:var(--ink);text-align:right;white-space:nowrap}.price>span{font-size:var(--fs-sm);color:var(--dim)}.price small{font-size:var(--fs-xs);margin-left:5px;color:var(--dim)}.terms{margin-block:18px 24px}.terms,.faqs details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{padding:20px 0;cursor:pointer;font-size:var(--fs-base)}details>div{padding-bottom:20px}details p{color:var(--dim);margin-bottom:16px;max-width:880px}.faqs details+details{border-top:0}.section.faqs,.section:has(>.service-links:last-child){border-bottom:0}.faqs details>p{padding-bottom:8px}.text-link{display:inline-flex;min-height:44px;align-items:center;gap:18px;color:var(--accent);font-size:var(--fs-base)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}.work-card{min-width:0}.work-card img{width:100%;aspect-ratio:8/5;object-fit:cover;object-position:top;border:1px solid var(--line)}.work-card .eyebrow{margin:20px 0 8px}.work-card h3{display:flex;justify-content:space-between;gap:10px}.work-card h3 span{color:var(--accent)}.work-card>p:last-child{font-size:var(--fs-sm);color:var(--dim);margin-top:8px}.contact{padding-block:80px 90px}.contact h2{font-size:var(--fs-h1)}.button{display:inline-flex;align-items:center;gap:50px;background:var(--accent);color:#071210;border:1px solid var(--accent);padding:13px 22px;margin-top:32px;font-size:var(--fs-base);min-height:50px}.button:hover{background:transparent;color:var(--accent)}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding-block:55px}.site-footer .brand{width:104px;margin-bottom:20px}.site-footer p:not(.eyebrow){font-size:var(--fs-xs);color:var(--dim)}.site-footer .eyebrow{margin-bottom:12px}.site-footer div>a:not(.brand){display:flex;align-items:center;min-height:44px;font-size:var(--fs-sm);color:var(--dim)}.project-facts{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line);margin-bottom:30px}.project-facts dt{font-size:var(--fs-xs);color:var(--dim);margin-bottom:8px}.project-facts dd{margin:0;font-size:var(--fs-sm)}.project-facts a{color:var(--accent);display:inline-flex;min-height:44px;align-items:center;gap:8px}.context{max-width:none}.context>p:last-child{font-size:var(--fs-lg);line-height:1.95;color:var(--dim);max-width:860px;margin-top:24px}.capture-scroll{max-height:700px;overflow:auto;border:1px solid var(--line);background:#121916;overscroll-behavior:contain}.capture-scroll img{width:100%}.full-capture figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.full-capture figcaption a{color:var(--accent);min-height:44px;display:inline-flex;align-items:center}.service-links{border-top:1px solid var(--line)}.service-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:var(--fs-xl)}.service-links a span:last-child{color:var(--accent)}
@media(max-width:700px){.site-header{padding-block:18px;gap:16px}.brand{width:90px}.site-header nav{gap:16px;font-size:var(--fs-xs)}.site-header .contact-link{display:none}.breadcrumb{padding-top:24px}.hero{padding-block:44px 34px}.hero-lead{margin-top:20px}.intro{font-size:var(--fs-base);margin-top:22px}.hero-image img{aspect-ratio:4/3}.section{padding-block:50px}.story{gap:36px}.story-row{grid-template-columns:28px minmax(0,1fr);gap:12px}.story-row p:not(.number){font-size:var(--fs-base)}.preparation{grid-template-columns:1fr;gap:28px}.section-head{margin-bottom:26px}.plan{grid-template-columns:1fr;gap:14px}.plan .price{text-align:left;font-size:var(--fs-2xl)}.related-grid{grid-template-columns:1fr;gap:34px}.project-facts{grid-template-columns:1fr;gap:15px;padding-block:22px;margin-bottom:24px}.project-facts>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;align-items:start}.project-facts dt{margin:2px 0 0}.project-facts a{min-height:0;line-height:1.8}.context>p:last-child{font-size:var(--fs-base)}.capture-scroll{max-height:560px}.service-links a{font-size:var(--fs-xl)}.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding-block:40px}.site-footer>div:first-child{grid-column:1/-1}.site-footer div>a:not(.brand){min-height:44px}.contact{padding-block:55px}.button{width:100%;justify-content:space-between}.full-capture figcaption{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Match the homepage's persistent four-task navigation. */
:root{--accent:#00d9ba}
html{scroll-padding-top:110px}
.skip-link{position:fixed;z-index:30}
.site-header{position:sticky;top:0;z-index:20;min-height:78px;padding-block:14px;background:var(--bg)}
.site-header nav{gap:32px}
.site-header nav a{justify-content:center;min-width:44px}
.site-header nav .contact-link{gap:8px}
.breadcrumb{padding-top:22px}
.hero{padding-block:34px 30px}
.hero h1{font-size:var(--fs-h1);line-height:1.3}
.hero .eyebrow{margin-bottom:14px}
.hero-lead{font-size:var(--fs-h2);line-height:1.5;margin-top:18px}
.intro{font-size:var(--fs-base);line-height:1.85;margin-top:16px}
.section{padding-block:48px}
.section-head{margin-bottom:24px}
.section-head h2{font-size:var(--fs-h2)}
.contact{padding-block:55px 65px}
@media(max-width:700px){
  body{padding-bottom:env(safe-area-inset-bottom,0px)}
  .site-header{min-height:68px;padding-block:12px}
  .hero{padding-block:30px 26px}
  .hero h1{font-size:var(--fs-h1);line-height:1.3}
  .hero-lead{font-size:var(--fs-xl);margin-top:18px}
  .intro{font-size:var(--fs-base);line-height:1.85}
  .section{padding-block:38px}
  .section-head{margin-bottom:20px}
}

@media screen {
/* The selected mode uses the same readable content on every public article. */
.site-header{flex-wrap:wrap;row-gap:6px;padding-block:10px;padding-top:calc(10px + env(safe-area-inset-top,0px))}
.page-view-mode{flex:0 0 100%}
.page-view-mode .view-mode-control{justify-content:flex-end}
html[data-view="desktop"] body{padding-bottom:0}
html[data-view="desktop"] .site-header nav{position:static;display:flex;flex-wrap:wrap;gap:6px 24px;padding:0;border:0;background:transparent}
html[data-view="desktop"] .site-header nav a{min-height:44px}
html[data-view="mobile"]{--pad:22px;scroll-padding-top:140px}
html[data-view="mobile"] body{padding-bottom:env(safe-area-inset-bottom,0px)}
html[data-view="mobile"] :is(main,.site-header,.site-footer){max-width:680px;margin-inline:auto}
html[data-view="mobile"] .site-header{min-height:68px;padding:10px var(--pad);padding-top:calc(10px + env(safe-area-inset-top,0px))}
html[data-view="mobile"] .site-header .brand{width:97px}
html[data-view="mobile"] .page-view-mode .view-mode-control{justify-content:flex-start}
html[data-view="mobile"] .site-header nav{display:none}
html[data-view="mobile"] .hero{padding:30px 0 26px}
html[data-view="mobile"] h1{font-size:var(--fs-h1)}
html[data-view="mobile"] .hero-lead{font-size:var(--fs-xl)}
html[data-view="mobile"] .intro,html[data-view="mobile"] .story-row p{font-size:var(--fs-base)}
html[data-view="mobile"] .hero-image{aspect-ratio:4/3}
html[data-view="mobile"] .section{padding-block:38px}
html[data-view="mobile"] .section-head{margin-bottom:20px}
html[data-view="mobile"] .story-row{grid-template-columns:28px minmax(0,1fr);gap:12px}
html[data-view="mobile"] :is(.preparation,.plan,.related-grid,.project-facts){grid-template-columns:minmax(0,1fr)}
html[data-view="mobile"] .price{text-align:left}
html[data-view="mobile"] .project-facts>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px}
html[data-view="mobile"] .project-facts a{min-height:44px}
html[data-view="mobile"] .site-footer{grid-template-columns:minmax(0,1fr);gap:20px}
html[data-view="mobile"] .site-footer>div:first-child{grid-column:auto}
html[data-view="mobile"] .button{width:100%;justify-content:center}
html[data-view="mobile"] .full-capture figcaption{display:block}
@media(max-width:600px){
  html[data-view="desktop"] .site-header{gap:6px 12px}
  html[data-view="desktop"] .site-header nav{flex-basis:100%;justify-content:space-between;gap:4px}
  html[data-view="desktop"] .site-header nav a{font-size:var(--fs-sm)}
  html[data-view="desktop"] .page-view-mode .view-mode-control{justify-content:flex-start}
}
@media(pointer:coarse){.project-facts a{min-height:44px}.faqs summary{min-height:44px}}
}
/* Contact band: LINE, phone and pricing side by side; display-mode picker lives in the footer. */
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:32px}
.contact-actions .button{margin-top:0;gap:24px}
.button-outline{background:transparent;color:var(--accent)}
.button-outline:hover{background:var(--accent);color:#071210}
.site-footer .page-view-mode{flex:0 0 auto}
.contact-note{margin-top:14px;font-size:var(--fs-sm);color:var(--dim)}
/* Call and LINE stay out of the desktop navigation; the mobile view has no bottom tab bar. */
.site-header nav .nav-action{display:none}
.mid-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px}
.mid-cta .button{margin-top:0}
/* Phone view: the homepage's top-right 選單 button and full-screen menu (open/close in page-menu.js). */
.site-header .menu-btn,html:not([data-view="mobile"]) #menu{display:none}
.menu-btn,#menu{--ink:#f4f2ef;--dim:#a1aaa7;--home-font:"Helvetica Neue",Arial,"PingFang TC","Microsoft JhengHei",sans-serif;font:400 var(--fs-base)/1.65 var(--home-font);color:var(--ink)}
.menu-btn,.menu-close{border:0;background:none;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.menu-close{font:inherit;color:inherit}
:is(.menu-btn,.menu-close,#menu a):focus-visible{outline:2px solid var(--accent);outline-offset:6px}
html[data-view="mobile"] .site-header .menu-btn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:46px;padding:8px 0}
.menu-label{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--dim)}
.bars{position:relative;width:28px;height:14px}
.bars i{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ink);transform:translateY(-5px);transition:transform .4s,width .4s}
.bars i+i{width:28px;transform:translateY(5px)}
body.menu-open{overflow:hidden}
#menu{--pad:clamp(14px,2.6vw,34px);position:fixed;inset:0;z-index:80;background:#050505;display:grid;place-items:center;clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;transition:clip-path .85s cubic-bezier(.22,.61,.36,1),visibility 0s .85s;padding:90px var(--pad) 100px;overflow:auto}
.menu-open #menu{clip-path:inset(0);visibility:visible;pointer-events:auto;transition:clip-path .85s cubic-bezier(.22,.61,.36,1)}
.menu-close{position:absolute;right:calc(var(--pad) + env(safe-area-inset-right,0px));top:calc(var(--pad) + env(safe-area-inset-top,0px));padding:8px 4px;min-width:70px;display:flex;gap:14px;align-items:center;font-size:var(--fs-sm)}
.menu-close span{font-size:var(--fs-xl);font-weight:300;color:var(--accent)}
.menu-inner{width:min(100%,636px)}
.menu-nav{display:flex;flex-direction:column;gap:10px}
.menu-nav a{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:var(--fs-2xl);line-height:1.28;letter-spacing:-.04em;min-height:44px}
.menu-nav a span{font:400 var(--fs-xs) var(--home-font);letter-spacing:.08em;color:var(--dim)}
.menu-nav a:last-child{font:400 var(--fs-2xl) var(--home-font);color:var(--accent);margin-top:4px}
.addr{position:absolute;left:calc(var(--pad) + env(safe-area-inset-left,0px));right:calc(var(--pad) + env(safe-area-inset-right,0px));bottom:calc(var(--pad) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--dim);font-size:var(--fs-xs);line-height:1.7}
.addr a{min-height:44px;display:flex;align-items:center}
.policy-links{display:flex;flex-wrap:wrap;gap:0 20px}
.policy-links a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--fs-xs);color:var(--dim);letter-spacing:0}
#menu .addr>a:hover,#menu .menu-nav a:not(:last-child):hover{color:inherit}
@media(hover:hover) and (pointer:fine){.menu-btn:hover .bars i+i{transform:translate(-8px,5px)}#menu .menu-nav a:not(:last-child):hover{color:var(--accent)}}
@media(display-mode:standalone){html[data-view="mobile"] .site-header .menu-btn{gap:4px;padding:2px 0}}
@media(max-width:640px){#menu{--pad:clamp(12px,4vw,18px)}.menu-inner{max-width:320px}.addr{flex-direction:column;align-items:flex-start;gap:0}}
@media(max-height:520px) and (orientation:landscape){#menu{padding:75px var(--pad) 25px}.menu-nav{display:grid;grid-template-columns:1fr 1fr}.addr{display:none}}
@media(prefers-reduced-motion:reduce){#menu,.menu-open #menu,.bars i{transition-duration:.14s;transition-delay:0ms}}
/* Service pages: each page opens with its own diagram (scripts/services-data.mjs). */
.sig .section-head>p:last-child{font-size:var(--fs-sm)}
.sig h3{font-size:var(--fs-xl);letter-spacing:-.02em}
.sig ul,.sig ol{list-style:none;margin:0;padding:0}
.sig-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.sig-cards li{background:var(--bg);padding:26px 22px 30px}
.sig-cards span{display:block;font-size:var(--fs-sm);color:var(--accent);margin-bottom:30px;font-variant-numeric:tabular-nums}
.sig-cards h3{margin-bottom:10px}.sig-cards p{color:var(--dim);font-size:var(--fs-base)}
.sig-steps.is-flow{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:28px}
.sig-steps.is-flow li{position:relative;border:1px solid var(--line);padding:22px 20px}
.sig-steps.is-flow li:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:50%;transform:translate(50%,-50%);color:var(--accent)}
.sig-steps.is-flow h3{color:var(--accent);margin-bottom:8px}.sig-steps.is-flow p{color:var(--dim);font-size:var(--fs-base)}
.sig-steps.is-time{border-left:1px solid var(--line);margin-left:6px;padding-left:30px;max-width:760px}
.sig-steps.is-time li{position:relative;padding-bottom:28px}.sig-steps.is-time li:last-child{padding-bottom:0}
.sig-steps.is-time li::before{content:'';position:absolute;left:-37px;top:.5em;width:11px;height:11px;border-radius:999px;background:var(--bg);border:1px solid var(--accent)}
.sig-steps.is-time h3{font-size:var(--fs-sm);color:var(--accent);letter-spacing:.04em;margin-bottom:2px}.sig-steps.is-time p{font-size:var(--fs-lg)}
.sig-table{overflow-x:auto;border-top:1px solid var(--accent)}
.sig-table table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.sig-table table.is-wide{min-width:640px}
.sig-table th,.sig-table td{padding:16px 18px 16px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-weight:400}
.sig-table thead th{font-size:var(--fs-sm);color:var(--dim)}.sig-table tbody th{color:var(--accent);white-space:nowrap}
.sig-vs{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.sig-vs>div{border-top:1px solid var(--accent);padding-top:22px}.sig-vs>.is-no{border-color:#d98f80}
.sig-vs h3{margin-bottom:12px}.sig-vs li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);font-size:var(--fs-base)}
.sig-vs li::before{position:absolute;left:0;top:12px;color:var(--accent);content:'✓'}.sig-vs .is-no li::before{content:'✕';color:#d98f80}
.sig-hub{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.sig-hub ul{display:grid;gap:10px;flex:1 1 180px}
.sig-hub li{border:1px solid var(--line);padding:14px 18px;font-size:var(--fs-base)}
.sig-hub ul:nth-child(3) li{border-color:var(--accent);color:var(--accent)}
.sig-arrow{color:var(--accent);font-size:var(--fs-xl)}
.sig-chat{max-width:430px;background:#0f1816;border:1px solid var(--line);border-radius:4px;padding:22px 18px 18px}
.sig-msgs{display:flex;flex-direction:column;gap:10px;margin-bottom:20px!important}
.sig-msgs li{max-width:82%;padding:10px 14px;border-radius:4px;font-size:var(--fs-base);line-height:1.75}
.sig-msgs .is-in{align-self:flex-start;background:#1f2b28;border-top-left-radius:0}
.sig-msgs .is-out{align-self:flex-end;background:var(--accent);color:#071210;border-top-right-radius:0}
.sig-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:4px;overflow:hidden}
.sig-menu li{background:#141f1c;padding:16px 6px;text-align:center;font-size:var(--fs-sm)}.sig-menu li:last-child{color:var(--accent)}
.sig-map{max-width:460px;background:#fbfcfb;color:#1d2321;border-radius:4px;padding:24px 24px 10px}
.sig-map-name{font-size:var(--fs-xl);font-weight:500}.sig-map-meta{font-size:var(--fs-sm);color:#5d6a66}
.sig-map-actions{display:flex;gap:8px;margin:16px 0 8px}.sig-map-actions span{border:1px solid #c8d3cf;border-radius:999px;padding:4px 14px;font-size:var(--fs-sm);color:#0f6e66}
.sig-map dl{margin:0}.sig-map dl>div{display:grid;grid-template-columns:76px 1fr;gap:12px;padding:12px 0;border-top:1px solid #e4e9e7}
.sig-map dt{font-size:var(--fs-sm);color:#5d6a66}.sig-map dd{margin:0;font-size:var(--fs-sm);color:#0f6e66}
.sig-extract{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.6fr);gap:24px;align-items:center}
.sig-doc{background:#f3f1ea;color:#2b2f2d;padding:22px 24px;font-size:var(--fs-sm);line-height:2;transform:rotate(-1.2deg)}
.sig-doc h3{font-size:var(--fs-base);border-bottom:1px solid #cfcabd;margin-bottom:8px;padding-bottom:6px}
.sig-extract td:last-child{color:#f0c36d}
.sig-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 28px}
.sig-kit h3{margin:16px 0 6px}.sig-kit p{color:var(--dim);font-size:var(--fs-base)}
.kit-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--line);color:var(--accent);font-size:var(--fs-lg);letter-spacing:0}
.kit-logo::before{content:'HC';font-weight:600}
.kit-color{gap:4px}.kit-color::before,.kit-color::after{content:'';width:14px;height:14px;border-radius:999px;background:var(--accent)}.kit-color::after{background:var(--ink)}
.kit-type::before{content:'Aa';font-size:var(--fs-xl)}
.kit-card::before{content:'';width:34px;height:21px;border:1.5px solid var(--accent)}
.kit-post::before{content:'';width:28px;height:28px;border:1.5px solid var(--accent);box-shadow:inset 0 -9px 0 rgba(129,216,208,.35)}
.kit-film::before{content:'';border-left:16px solid var(--accent);border-block:10px solid transparent;margin-left:5px}
.case-one figure{display:grid;grid-template-columns:3fr 2fr;gap:44px;align-items:center}
.case-one img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--line)}
.case-one figcaption{margin:0;font-size:inherit}.case-one figcaption .eyebrow{margin-bottom:8px}
.case-one figcaption h3{font-size:var(--fs-2xl);color:var(--ink);margin-bottom:14px}.case-one figcaption p:not(.eyebrow){font-size:var(--fs-base);line-height:1.75;color:var(--dim)}
.footer-services{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-content:start}.footer-services .eyebrow{grid-column:1/-1}
.plan-note{color:var(--dim);max-width:840px;margin:18px 0 6px}
@media(max-width:700px){.sig-steps.is-flow{grid-auto-flow:row;gap:26px}.sig-steps.is-flow li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-13px;transform:translate(50%,50%)}.sig-steps.is-time p{font-size:var(--fs-lg)}.sig-vs,.case-one figure{grid-template-columns:minmax(0,1fr);gap:28px}.sig-hub{flex-direction:column;align-items:stretch;gap:12px}.sig-hub ul{flex:none}.sig-hub .sig-arrow{transform:rotate(90deg);align-self:center}.sig-extract{grid-template-columns:minmax(0,1fr);gap:18px}.sig-extract .sig-arrow{transform:rotate(90deg);justify-self:center}.sig-kit{grid-template-columns:1fr 1fr;gap:26px 18px}.case-one figcaption h3{font-size:var(--fs-xl)}}
html[data-view="mobile"] .sig-steps.is-flow{grid-auto-flow:row;gap:26px}
html[data-view="mobile"] .sig-steps.is-flow li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-13px;transform:translate(50%,50%)}
html[data-view="mobile"] .sig-steps.is-time p{font-size:var(--fs-lg)}
html[data-view="mobile"] :is(.sig-vs,.case-one figure){grid-template-columns:minmax(0,1fr);gap:28px}
html[data-view="mobile"] .sig-hub{flex-direction:column;align-items:stretch;gap:12px}
html[data-view="mobile"] .sig-hub ul{flex:none}
html[data-view="mobile"] .sig-hub .sig-arrow{transform:rotate(90deg);align-self:center}
html[data-view="mobile"] .sig-extract{grid-template-columns:minmax(0,1fr);gap:18px}
html[data-view="mobile"] .sig-extract .sig-arrow{transform:rotate(90deg);justify-self:center}
html[data-view="mobile"] .sig-kit{grid-template-columns:1fr 1fr;gap:26px 18px}
html[data-view="mobile"] .case-one figcaption h3{font-size:var(--fs-xl)}
/* 3D tour (3d-tours page): scale-model renders like the Shanyu tour; tabs or spots swap the overview for a zone close-up. */
.tour-tabs{display:flex;flex-wrap:wrap;gap:4px 22px;border-bottom:1px solid var(--line);margin-bottom:24px}
.tour-tabs button{font:inherit;font-size:var(--fs-base);min-width:44px;min-height:44px;padding:0;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--dim);cursor:pointer}
.tour-tabs button:hover{color:var(--ink)}.tour-tabs button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.tour-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:36px;align-items:start}
.tour-view{margin:0;background:radial-gradient(ellipse at 50% 45%,#1b1b1c,#0a0a0b 75%);border:1px solid var(--line)}
.tour-shot{position:relative;display:block;width:100%;aspect-ratio:16/9;object-fit:contain}
.tour-shot[hidden]{display:none}
div.tour-shot img{width:100%;height:100%;object-fit:contain}
.tour-view figcaption{margin:0;padding:10px 14px;border-top:1px solid var(--line)}.tour-hint{display:none;margin-left:6px;color:var(--accent)}
.tour-spot{position:absolute;display:flex;align-items:center;gap:8px;min-height:44px;transform:translate(-9px,-50%);padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:var(--fs-sm);cursor:pointer}
.tour-spot i{flex:none;width:18px;height:18px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px rgba(129,216,208,.28),0 0 14px rgba(129,216,208,.7)}
.tour-spot span{padding:3px 9px;background:rgba(8,13,12,.86);border:1px solid rgba(129,216,208,.5);white-space:nowrap}
.tour-spot:hover span,.tour-spot:focus-visible span{background:var(--accent);color:#071210}
.tour-detail h3{font-size:var(--fs-xl);margin-bottom:10px}.tour-detail>p{color:var(--dim);font-size:var(--fs-base)}
.tour-who{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.tour-who span{display:block;font-size:var(--fs-xs);color:var(--accent);letter-spacing:.08em;margin-bottom:2px}
@media(max-width:900px){.tour-body{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:700px){.tour-pan{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.tour-pan::-webkit-scrollbar{display:none}.tour-pan .tour-shot{width:200%}.tour-hint{display:inline}.tour-tabs{gap:0 16px}.tour-tabs button{font-size:var(--fs-sm)}}
html[data-view="mobile"] .tour-body{grid-template-columns:minmax(0,1fr);gap:24px}
html[data-view="mobile"] .tour-pan{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
html[data-view="mobile"] .tour-pan::-webkit-scrollbar{display:none}
html[data-view="mobile"] .tour-pan .tour-shot{width:200%}
html[data-view="mobile"] .tour-hint{display:inline}

/* AI video / health-check pages: sample videos, grouped prices. */
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:28px;margin-top:32px}
.video-grid figure{margin:0}
.video-grid video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border:1px solid var(--line)}
.video-grid figcaption{margin-top:12px}
.video-grid h3{font-size:19px;margin-bottom:6px}.video-grid h3 small{font-size:13px;color:var(--dim);font-weight:400;margin-left:6px}
.video-grid figcaption p{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px}
.plan-group{margin:36px 0 0;font-size:16px;color:var(--accent);letter-spacing:.02em}
.sample-block .sig-table{margin-top:28px;max-width:640px}