@font-face{font-family:Geist;src:url('assets/geist.woff2') format('woff2');font-display:swap}
:root{--aqua:#0ABAB5;--yellow:#FDF0D5;--black:#111;--ink:#1E293B;--white:#fff;--line:2px solid var(--black);--shadow:4px 4px 0 var(--black);--wide:min(1360px,calc(100% - 72px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--white);color:var(--ink);font-family:Geist,'Noto Sans TC','Microsoft JhengHei',sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #dd6400;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--black)}.skip-link{position:absolute;left:12px;top:-70px;z-index:50;background:var(--yellow);padding:12px}.skip-link:focus{top:8px}.section-pad{padding:110px max(36px,calc((100vw - 1360px)/2))}.section-index{font-size:11px;font-weight:900;letter-spacing:.14em;color:#286e6c}.tape{height:30px;background:var(--aqua);overflow:hidden;border-bottom:var(--line);display:flex;align-items:center}.tape-track{white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:.25em;color:var(--black);animation:marquee 30s linear infinite;min-width:max-content}.site-header{min-height:82px;width:var(--wide);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:block;width:164px;flex:none}.brand img{display:block;width:100%;height:auto}.site-header nav{display:flex;align-items:flex-end;gap:6px}.site-header nav a{font-weight:850;text-decoration:none;font-size:13px;background:var(--yellow);border:var(--line);border-radius:9px 9px 0 0;box-shadow:2px 2px 0 var(--black);padding:14px 14px 11px;transform:translateY(4px);transition:transform .2s,background .2s}.site-header nav a:hover,.site-header nav a:focus-visible{transform:translateY(0);background:var(--aqua)}.menu-toggle{display:none;background:var(--yellow);border:var(--line);box-shadow:var(--shadow);padding:8px 12px;font-weight:800}
.hero{position:relative;min-height:940px;max-width:1600px;margin:auto;background:#f8fcfb;overflow:hidden;border-top:var(--line);border-bottom:var(--line);isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#d2e6e3 1px,transparent 1px),linear-gradient(90deg,#d2e6e3 1px,transparent 1px);background-size:42px 42px;opacity:.28;mask-image:radial-gradient(ellipse at center,transparent 20%,#000 95%)}.hero-center{position:relative;z-index:2;max-width:730px;margin:0 auto;text-align:center;padding-top:184px}.center-kicker{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:900;color:#286e6c}.status-dot{width:8px;height:8px;background:var(--aqua);border:1px solid var(--black);box-shadow:2px 2px 0 var(--black)}.hero h1{font-size:clamp(58px,7vw,112px);line-height:1.02;letter-spacing:-.065em;margin:22px 0 24px;font-weight:900}.hero h1 em{font-style:normal;color:var(--aqua);-webkit-text-stroke:1.5px var(--black);text-shadow:4px 4px 0 var(--black)}.hero-sub{font-size:17px;line-height:1.7;margin:0 auto 22px}.hero-sub strong{font-size:14px;font-weight:650}.reveal-stage{width:min(500px,84%);height:166px;margin:22px auto 24px;position:relative;perspective:900px}.logo-under{position:absolute;inset:0;background:var(--white);border:var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.logo-under img{width:78%;height:auto}.logo-under span{font-size:11px;letter-spacing:.22em;font-weight:900;color:#4e6666}.reveal-note{position:absolute;inset:0;width:100%;border:var(--line);background:var(--yellow);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transform-origin:top center;transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s,box-shadow .65s;backface-visibility:hidden}.reveal-note small{letter-spacing:.18em;font-weight:900;font-size:10px;color:#765c32}.reveal-note strong{font-size:clamp(21px,2.5vw,29px);line-height:1.28;color:var(--black)}.flip-hint{font-size:11px;text-decoration:underline}.reveal-note .pin,.note-small .pin{position:absolute;top:11px;left:50%;width:14px;height:14px;background:#ed624f;border:2px solid var(--black);border-radius:50%;box-shadow:2px 2px 0 #1116}.reveal-stage.open .reveal-note{transform:rotateX(-105deg);opacity:0;pointer-events:none;box-shadow:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:51px;padding:12px 22px;border:var(--line);box-shadow:var(--shadow);font-weight:900;font-size:14px;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)}.button-primary{background:var(--aqua);color:var(--black)}.button-dark{background:var(--black);color:var(--white)}.hero-cta{position:relative}.hero-cta:after{content:"";position:absolute;inset:-7px;border:2px solid var(--aqua);opacity:.5;animation:pulse-border 2.5s ease-out infinite}.hero-satellite{position:absolute;border:var(--line);box-shadow:var(--shadow);background:var(--white)}.note-small{top:66px;left:5%;width:205px;min-height:185px;background:var(--yellow);padding:30px 18px 18px;transform:rotate(-5deg)}.tiny-label{font-size:10px;letter-spacing:.1em;font-weight:900}.note-small p{font-size:22px;line-height:1.2;font-weight:900;margin:17px 0}.handline{font-size:11px}.apps-folder{top:67px;right:4%;width:270px;padding:20px 14px 15px}.folder-tab{position:absolute;top:-27px;left:-2px;border:var(--line);border-bottom:0;background:var(--aqua);font-size:10px;font-weight:900;padding:6px 10px;white-space:nowrap}.chip-cloud{display:flex;flex-wrap:wrap;gap:8px}.chip-cloud span{font-size:10px;font-weight:850;padding:8px 9px;background:#e9f9f6;border:1.5px solid var(--black);box-shadow:2px 2px 0 var(--black);transition:transform .2s,box-shadow .2s}.chip-cloud span:hover{transform:translateY(-4px);box-shadow:2px 6px 0 var(--black),0 0 12px var(--aqua)}.workflow-folder{bottom:103px;left:5%;width:255px;padding:28px 14px 16px}.workflow-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.workflow-list span{font-size:12px;font-weight:850;border:1px solid #8abfba;background:#f2faf7;padding:9px 6px}.inbox-card{bottom:105px;right:5%;width:282px;padding:0 0 10px;transform:rotate(3deg)}.window-bar{height:31px;border-bottom:var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:var(--yellow);font-size:10px}.window-bar span{color:#e75d58;letter-spacing:4px}.message-stack{display:grid;gap:7px;padding:10px}.message-stack p{margin:0;background:#e1f8ef;border:1px solid #9ad4c1;border-radius:10px 10px 1px 10px;padding:9px;font-size:11px;font-weight:700;animation:msg-in 6s infinite}.message-stack p:nth-child(2){animation-delay:1s}.message-stack p:nth-child(3){animation-delay:2s}.inbox-card small{display:block;color:#5e6b70;font-size:9px;margin:0 10px}.offer-nudge{position:absolute;right:4%;top:45%;display:flex;align-items:center;gap:12px;background:var(--aqua);border:var(--line);box-shadow:var(--shadow),0 0 22px #0abab580;padding:11px 14px;text-align:left;font-weight:900;line-height:1.2;z-index:3}.offer-nudge small{font-size:10px}.bell{font-size:23px;animation:bell 2.8s infinite}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:900;letter-spacing:.15em;white-space:nowrap}.scroll-cue span{display:block;text-align:center;font-size:20px}
.section-heading{max-width:970px;margin-bottom:50px}.section-heading h2,.about h2,.blog h2,.offer-section h2,.footer h2{font-size:clamp(36px,4.6vw,72px);line-height:1.15;letter-spacing:-.05em;margin:17px 0 22px;font-weight:900}.section-heading p{font-size:17px;max-width:630px;line-height:1.7}.file-title{background:var(--yellow);border:var(--line);box-shadow:var(--shadow);display:table;padding:10px 18px;font-size:14px;font-weight:900;margin:26px 0}.diagnosis{background:#ebf7f5}.diagnosis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.diagnosis-grid article{position:relative;min-height:290px;background:var(--yellow);border:var(--line);box-shadow:var(--shadow);padding:38px 25px 28px;transform:rotate(-2deg)}.diagnosis-grid article:nth-child(2){transform:rotate(2deg) translateY(14px)}.diagnosis-grid article:nth-child(3){transform:rotate(-1deg)}.paper-pin{position:absolute;right:15px;top:15px;font-size:22px}.diagnosis-grid small{font-size:11px;letter-spacing:.15em;font-weight:900}.diagnosis-grid h3{font-size:30px;margin:23px 0 16px}.diagnosis-grid p{font-size:15px;line-height:1.7}.services{background:var(--white)}.service-stack{display:grid;gap:14px;max-width:1040px;margin:auto}.service-stack article{position:relative;border:var(--line);box-shadow:var(--shadow);background:var(--yellow);padding:25px 32px;transition:transform .25s,background .25s}.service-stack article:nth-child(even){margin-left:9%;background:#dcf7f2}.service-stack article:nth-child(odd){margin-right:9%}.service-stack article:hover{transform:translateY(-4px);background:var(--aqua)}.service-stack article span{font-size:10px;letter-spacing:.15em;font-weight:900}.service-stack h3{font-size:clamp(21px,2.5vw,34px);margin:10px 40px 0}.service-stack b{position:absolute;right:26px;top:39px;font-size:28px}.about{background:var(--aqua);border-block:var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.about-stamp{width:min(100%,390px);aspect-ratio:1;background:var(--yellow);border:var(--line);box-shadow:12px 12px 0 var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:clamp(40px,6vw,82px);line-height:1;font-weight:900;letter-spacing:-.07em;transform:rotate(-6deg)}.about-stamp span{font-size:18px;letter-spacing:.2em;margin-top:20px;border-top:var(--line);padding-top:16px}.about .section-index{color:#164746}.about p{font-size:18px;line-height:1.85;max-width:650px}.about-tags{display:flex;gap:9px;flex-wrap:wrap}.about-tags span{border:var(--line);background:var(--white);box-shadow:2px 2px 0 var(--black);padding:8px 14px;font-size:12px;font-weight:900}.blog{display:grid;grid-template-columns:180px 1fr auto;gap:25px;align-items:start;border-bottom:var(--line);min-height:350px}.blog h2{margin-top:0}.blog p{font-size:17px;max-width:580px;line-height:1.7}.blog-sticker{background:var(--yellow);border:var(--line);box-shadow:var(--shadow);padding:12px;transform:rotate(8deg);font-size:11px;font-weight:900;white-space:nowrap}.offer-section{background:#e8f6f2}.offer-tab{background:var(--aqua);border:var(--line);border-bottom:0;display:table;padding:10px 18px;font-size:12px;font-weight:900}.offer-layout{border:var(--line);box-shadow:var(--shadow);background:var(--white);padding:60px;display:grid;grid-template-columns:1fr .65fr;gap:5%;align-items:center}.offer-layout p{font-size:19px;line-height:1.7;max-width:620px}.offer-layout p strong{white-space:nowrap}.offer-stats{background:var(--yellow);border:var(--line);box-shadow:var(--shadow);padding:30px;min-height:290px;display:flex;flex-direction:column;justify-content:center;transform:rotate(3deg)}.offer-stats span{font-size:10px;font-weight:900;letter-spacing:.16em}.offer-stats strong{font-size:clamp(48px,5vw,78px);letter-spacing:-.07em;color:var(--black);margin:17px 0 6px}.offer-stats b{font-size:24px}.offer-stats small{margin-top:10px}.footer{background:var(--black);color:var(--white);padding-bottom:30px}.footer .section-index{color:var(--aqua)}.footer h2{color:var(--white);font-size:clamp(45px,6vw,92px)}.footer>p{font-size:20px}.footer-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:30px 0 100px}.email-link{color:var(--white);text-decoration:none;border-bottom:1px solid var(--aqua);padding-bottom:5px}.footer-bottom{border-top:1px solid #5b6267;padding-top:23px;display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em}.footer-bottom a{color:var(--white)}.floating-cta{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:15;background:var(--aqua);color:var(--black);border:var(--line);box-shadow:var(--shadow),0 0 20px #0abab580;text-decoration:none;font-size:13px;font-weight:900;padding:13px 17px;transition:transform .2s}.floating-cta:hover{transform:translateY(-4px)}.offer-dialog{border:var(--line);box-shadow:12px 12px 0 var(--black);padding:0;width:min(560px,calc(100% - 30px));max-height:min(90vh,850px);color:var(--ink)}.offer-dialog::backdrop{background:#111b;backdrop-filter:blur(4px)}.dialog-head{background:var(--aqua);border-bottom:var(--line);display:flex;justify-content:space-between;align-items:center;padding:11px 16px;font-size:12px;font-weight:900}.dialog-head button{background:var(--yellow);border:var(--line);font-size:17px;width:36px;height:36px}.dialog-body{padding:32px}.dialog-body h2{font-size:clamp(27px,4vw,42px);line-height:1.2;margin:12px 0 20px}.dialog-body h2 strong{color:#007e7a}.dialog-body p{line-height:1.6}.dialog-lead{font-size:23px;font-weight:900;color:var(--black)}.dialog-body h3{font-size:16px;border-bottom:var(--line);padding-bottom:10px;margin-top:25px}.dialog-body ul{padding-left:20px;line-height:1.9}.dialog-body>small{display:block;color:#56646e;margin:15px 0 25px}.dialog-body .button{width:100%}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bell{0%,85%,100%{transform:rotate(0)}88%{transform:rotate(-13deg)}92%{transform:rotate(13deg)}96%{transform:rotate(-9deg)}}@keyframes msg-in{0%,8%{transform:translateY(8px);opacity:.5}15%,75%{transform:none;opacity:1}95%,100%{opacity:.6}}@keyframes pulse-border{0%{transform:scale(1);opacity:.6}90%,100%{transform:scale(1.08);opacity:0}}
@media(max-width:1150px){.hero{min-height:1120px}.hero-center{padding-top:240px}.note-small{left:4%}.apps-folder{right:4%}.offer-nudge{top:auto;bottom:29%;right:5%}.workflow-folder{bottom:90px}.inbox-card{bottom:90px}.site-header nav a{font-size:11px;padding-inline:9px}.brand{width:140px}}
@media(max-width:820px){:root{--wide:calc(100% - 36px)}.site-header{min-height:70px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:100px;left:0;right:0;background:var(--white);border-bottom:var(--line);z-index:20;padding:18px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{transform:none;border-radius:0;font-size:14px;padding:12px}.hero{min-height:auto;padding:38px 18px 58px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-center{grid-column:1/-1;grid-row:1;padding-top:20px}.hero h1{font-size:clamp(52px,11vw,82px)}.hero-satellite{position:relative;inset:auto!important;transform:none!important;width:auto!important;min-height:0}.note-small{grid-column:1;grid-row:2}.apps-folder{grid-column:2;grid-row:2;margin-top:27px}.workflow-folder{grid-column:1;grid-row:3;margin-top:28px}.inbox-card{grid-column:2;grid-row:3}.offer-nudge{position:relative;grid-column:1/-1;grid-row:4;inset:auto;justify-self:center}.scroll-cue{display:none}.section-pad{padding:75px 28px}.diagnosis-grid{gap:16px}.diagnosis-grid article{padding:30px 17px;transform:none!important}.diagnosis-grid h3{font-size:24px}.about{gap:30px}.about-stamp{font-size:52px}.blog{grid-template-columns:1fr auto}.blog>.section-index{grid-column:1/-1}.offer-layout{padding:35px;grid-template-columns:1fr 1fr}.offer-stats{min-height:230px}}
@media(max-width:620px){.tape{height:26px}.site-header nav{top:96px}.brand{width:135px}.hero{display:flex;flex-direction:column;gap:17px;padding:28px 16px 58px}.hero-center{order:-1;padding:0 0 16px}.center-kicker{font-size:9px;gap:6px}.hero h1{font-size:clamp(48px,12vw,66px);margin:18px 0}.hero-sub{font-size:14px}.hero-sub strong{font-size:12px}.reveal-stage{width:min(100%,440px);height:146px}.reveal-note strong{font-size:21px}.note-small{align-self:flex-start;width:72%!important;padding:32px 16px 14px}.apps-folder{align-self:flex-end;width:85%!important;margin-top:25px}.workflow-folder{align-self:flex-start;width:80%!important;margin-top:27px}.inbox-card{align-self:flex-end;width:86%!important}.offer-nudge{width:100%;justify-content:center}.section-pad{padding:70px 20px}.section-heading h2,.about h2,.blog h2,.offer-section h2,.footer h2{font-size:clamp(35px,9vw,54px)}.section-heading p{font-size:15px}.diagnosis-grid{grid-template-columns:1fr;gap:20px}.diagnosis-grid article{min-height:0;padding:25px}.diagnosis-grid h3{margin:14px 0 8px}.service-stack article,.service-stack article:nth-child(even),.service-stack article:nth-child(odd){margin:0;padding:20px}.service-stack h3{font-size:22px;margin-right:25px}.service-stack b{top:28px;right:14px}.about{grid-template-columns:1fr}.about-stamp{width:220px;font-size:42px;box-shadow:7px 7px 0 var(--black);margin-bottom:15px}.about-stamp span{font-size:12px}.blog{grid-template-columns:1fr}.blog-sticker{justify-self:start}.offer-layout{grid-template-columns:1fr;padding:24px;gap:25px}.offer-layout p{font-size:16px}.offer-stats{min-height:200px;transform:none}.footer-actions{margin-bottom:70px}.footer-bottom{flex-direction:column}.floating-cta{right:12px;bottom:max(12px,env(safe-area-inset-bottom));font-size:11px;padding:10px}.dialog-body{padding:24px}}

/* 導航留在視窗頂部，內容在其下方捲動。 */
html{scroll-padding-top:100px}
body{overflow-x:clip}
.site-header{position:sticky;top:0;z-index:50;width:100%;padding-inline:max(36px,calc((100vw - 1360px)/2));background:#FDF0D5;border-bottom:2px solid #111;box-shadow:0 4px 0 #1112}
.language-switch{display:flex;align-self:center;align-items:center;gap:2px;margin-left:8px;padding:3px;border:2px solid #111;background:#fff;box-shadow:3px 3px 0 #111;color:#111;white-space:nowrap}
.language-switch button{min-width:30px;padding:6px 5px;border:0;background:transparent;color:inherit;font-size:12px;font-weight:900;transition:background .18s,transform .18s}
.language-switch button:hover,.language-switch button:focus-visible{background:#0ABAB5}
.language-switch button:active{transform:translate(2px,2px)}
.language-switch button[aria-pressed="true"]{background:#0ABAB5}
.language-switch span{font-weight:900;font-size:12px}
@media(max-width:820px){.site-header{padding-inline:18px}.site-header nav{top:100%;z-index:52;background:#FDF0D5}.language-switch{align-self:flex-end;margin:10px 2px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-stage .reveal-note{display:none}}

/* 首屏 Hero：中央便簽及下方行動區 */
.hero{height:calc(100svh - 112px);min-height:0;max-height:none;padding:0;overflow:hidden}
.hero-center{position:absolute;z-index:2;top:calc(50% + 52px);left:50%;width:min(640px,54vw);max-width:none;margin:0;padding:0;text-align:center;transform:translate(-50%,-50%)}
.hero-paper{position:relative;background:var(--yellow);border:2px solid var(--black);box-shadow:6px 6px 0 var(--black);padding:29px 20px 22px;transform:rotate(0deg);animation:hero-paper-cycle 7s ease-in-out infinite}
.paper-tape{position:absolute;top:-14px;left:50%;width:130px;height:23px;background:var(--black);border:2px solid var(--aqua);transform:translateX(-50%) rotate(4deg);box-shadow:2px 3px 0 #1115}
.hero-paper .center-kicker{margin:0;color:#247570;font-size:10px;letter-spacing:.12em}
.hero-paper .hero-title-swap{display:grid;place-items:center;min-height:155px;margin:7px 0 0;font-size:clamp(48px,5vw,74px);line-height:1.02;color:var(--black);letter-spacing:-.075em}
.hero-title-swap>span{grid-area:1/1;width:100%;will-change:transform,opacity}
.hero-slogan{font-size:1.1em;animation:hero-slogan-cycle 7s ease-in-out infinite}
.hero-name{opacity:0;animation:hero-name-cycle 7s ease-in-out infinite}
.hero-name img{display:block;width:min(510px,90%);height:auto;margin:auto}
.hero-paper h1 em{color:var(--aqua);-webkit-text-stroke:0;text-shadow:none}
@keyframes hero-slogan-cycle{0%,42%{opacity:1;transform:translateY(0)}50%,92%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes hero-name-cycle{0%,42%{opacity:0;transform:translateY(20px)}50%,92%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
@keyframes hero-paper-cycle{0%,42%{background-color:#FDF0D5}50%,92%{background-color:#FFFFFF}100%{background-color:#FDF0D5}}
.hero-copy{padding-top:18px}.hero-copy .hero-sub{margin:0;font-size:16px;font-weight:800;line-height:1.3;color:var(--aqua)}.hero-services{margin:7px 0 15px;font-size:12px;font-weight:650;line-height:1.5}.hero-copy .hero-cta{min-height:42px;padding:8px 15px;font-size:12px}
.hero .note-small{top:34px;left:max(3%,calc(50% - 590px));width:190px;min-height:140px;padding:28px 14px 13px}.hero .note-small p{font-size:18px;margin:10px 0}.hero .handline{font-size:11px}
.hero .apps-folder{top:40px;right:max(3%,calc(50% - 590px));width:232px;padding:15px 11px 11px;transform:rotate(3deg)}.hero .chip-cloud{gap:6px}.hero .chip-cloud span{width:38px;height:38px;padding:3px;display:grid;place-items:center}.hero .chip-cloud img{display:block;width:100%;height:100%;object-fit:cover}.hero .chip-cloud .app-facebook{background:#0866ff}.hero .chip-cloud .app-threads{background:#111}.hero .chip-cloud .app-xiaohongshu{background:#ff2442}.hero .folder-tab{top:-23px;font-size:9px;padding:5px 8px}
.hero .workflow-folder{bottom:48px;left:max(3%,calc(50% - 590px));width:240px;padding:25px 11px 11px}.hero .workflow-list{gap:5px}.hero .workflow-list span{font-size:10px;padding:7px 5px}
.hero .inbox-card{bottom:86px;right:max(8px,calc(50% - 632px));width:244px;padding-bottom:6px}.hero .window-bar{height:28px}.hero .message-stack{gap:5px;padding:7px}.hero .message-stack p{font-size:10px;padding:6px}.hero .inbox-card small{font-size:8px}
.hero .scroll-cue{display:none}
@media(max-width:1100px) and (min-width:821px){.hero-center{width:52vw}.hero-paper .hero-title-swap{font-size:clamp(43px,5vw,60px)}.hero .note-small{width:168px}.hero .apps-folder{width:208px}.hero .workflow-folder{width:202px}.hero .inbox-card{width:207px}}
@media(max-height:690px) and (min-width:821px){.hero-center{top:calc(50% + 40px)}.hero-paper{padding:18px 16px 12px}.hero-paper .hero-title-swap{min-height:120px;font-size:clamp(42px,4.5vw,60px)}.hero-copy{padding-top:11px}.hero-services{margin-bottom:9px}.hero .note-small{top:20px}.hero .apps-folder{top:27px}.hero .workflow-folder{bottom:30px}.hero .inbox-card{bottom:80px}}
@media(max-width:820px){.hero{height:calc(100svh - 96px);min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;align-content:center;gap:8px;padding:16px}.hero-center{position:relative;top:auto;left:auto;grid-column:1/-1;grid-row:1;width:100%;transform:none;padding:0}.hero-paper{max-width:620px;margin:auto;padding:15px 12px 9px}.paper-tape{height:17px;top:-10px;width:98px}.hero-paper .center-kicker{font-size:8px}.hero-paper .hero-title-swap{min-height:104px;font-size:clamp(36px,8.5vw,59px);margin:5px 0 0}.hero-copy{padding-top:11px}.hero-copy .hero-sub{font-size:12px}.hero-services{font-size:10px;margin:4px 0 8px}.hero-copy .hero-cta{min-height:34px;font-size:10px;padding:5px 10px}.hero .hero-satellite{position:relative;inset:auto!important;transform:none!important;width:100%!important;min-height:0;margin:0!important}.hero .note-small{grid-column:1;grid-row:2;padding:18px 8px 6px}.hero .note-small .pin{top:5px;width:9px;height:9px}.hero .note-small p{font-size:14px;margin:5px 0}.hero .tiny-label,.hero .handline{font-size:8px}.hero .apps-folder{grid-column:2;grid-row:2;padding:12px 6px 6px}.hero .folder-tab{top:-16px;font-size:7px;padding:3px 4px}.hero .chip-cloud{gap:3px}.hero .chip-cloud span{width:32px;height:32px;padding:2px;box-shadow:1px 1px 0 var(--black)}.hero .workflow-folder{grid-column:1;grid-row:3;padding:17px 6px 6px}.hero .workflow-list{gap:3px}.hero .workflow-list span{font-size:8px;padding:3px}.hero .inbox-card{grid-column:2;grid-row:3;padding:0 0 3px}.hero .window-bar{height:18px;padding:0 5px;font-size:7px}.hero .message-stack{gap:2px;padding:4px}.hero .message-stack p{font-size:7px;padding:3px;border-radius:4px}.hero .inbox-card small{font-size:7px;margin:0 4px}}
@media(max-width:620px){.hero{gap:7px;padding:15px 13px}.hero-paper .hero-title-swap{font-size:clamp(34px,9vw,48px)}}
@media(max-width:820px) and (max-height:700px){.hero{gap:5px;padding-block:10px}.hero-paper{padding:10px 10px 6px}.hero-paper .center-kicker{font-size:7px}.hero-paper .hero-title-swap{min-height:85px;font-size:clamp(31px,7.8vw,49px)}.hero-copy{padding-top:7px}.hero-copy .hero-sub{font-size:10px}.hero-services{font-size:8px;margin:3px 0 6px}.hero-copy .hero-cta{min-height:31px;padding:4px 8px;font-size:9px}.hero .note-small{padding-top:14px}.hero .note-small p{font-size:12px}.hero .chip-cloud span{font-size:6px;padding:2px 3px}.hero .workflow-folder{padding-top:14px}.hero .workflow-list span{font-size:7px;padding:2px}.hero .message-stack p{font-size:6px;padding:2px}}
/* 極短手機空間不足時保留自然捲動，避免截斷內容。 */
@media(max-width:360px) and (max-height:600px){.hero{height:auto;min-height:calc(100svh - 96px);overflow:visible;align-content:start}}
@media(prefers-reduced-motion:reduce){.hero-slogan{opacity:1!important;transform:none!important}.hero-name{opacity:0!important}.hero-paper{background:#FDF0D5!important}}
/* 手機版將兩張小便箋置於主視覺上方，四張便箋一併縮小。 */
@media(max-width:820px){
  .hero-center{grid-row:2}
  .hero-paper{width:90%;padding:12px 10px 8px}
  .hero-paper .hero-title-swap{min-height:90px;font-size:clamp(30px,8vw,43px)}
  .hero-paper .hero-slogan{font-size:clamp(35px,9.7vw,53px)}
  .hero-paper .hero-slogan,.hero-paper .hero-slogan em{font-weight:900;-webkit-text-stroke:.65px currentColor;paint-order:stroke fill}
  .hero .hero-satellite{width:80%!important;max-width:160px;justify-self:center;align-self:center;box-shadow:3px 3px 0 var(--black)}
  .hero .note-small,.hero .apps-folder{grid-row:1}
  .hero .note-small{padding:16px 7px 6px}
  .hero .note-small p{font-size:12px;margin:4px 0}
  .hero .apps-folder{padding:8px 5px 5px}
  .hero .chip-cloud{display:grid;grid-template-columns:repeat(4,20px);justify-content:center;gap:3px}
  .hero .chip-cloud span{width:20px;height:20px}
  .hero .workflow-folder{padding:12px 5px 5px}
  .hero .workflow-list span{padding:2px}
  .hero .message-stack{padding:3px}
  .hero .message-stack p{padding:2px}
  .hero .note-small{transform:translateY(-42px) rotate(-3deg)!important}
  .hero .apps-folder{transform:translateY(-42px) rotate(3deg)!important}
  .hero .workflow-folder{transform:translateY(42px) rotate(-3deg)!important}
  .hero .inbox-card{transform:translateY(42px) rotate(3deg)!important}
}
@media(max-width:360px){.hero .folder-tab{max-width:100%;font-size:6px;letter-spacing:0;white-space:normal}.hero .workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

.offer-dialog{background:#fff;box-shadow:8px 8px 0 #111}
@media(max-width:620px){.offer-dialog{max-height:calc(100svh - 24px)}.dialog-body{padding:20px}.dialog-body h2{margin:8px 0 13px}.dialog-body h3{margin-top:16px}.dialog-body>small{margin:10px 0 13px}}
.hero .chip-cloud span:nth-child(5){padding:0;background:#00005b}
.hero .chip-cloud span:is(:nth-child(1),:nth-child(6),:nth-child(7),:nth-child(8)){padding:0}
.hero .chip-cloud span:nth-child(6){background:#00005b}
.hero .chip-cloud span:nth-child(7){background:#330000}
.hero .chip-cloud span:nth-child(8){background:#000}

/* 全站檔案式頁尾 */
.dossier-footer{position:relative;background:#FDF0D5;color:#111;border-top:4px solid #111;padding:28px max(24px,calc((100vw - 1360px)/2)) 68px}
.dossier-inner{max-width:1360px;margin:auto}
.dossier-grid{display:grid;grid-template-columns:1.15fr .9fr 1.25fr .85fr;gap:clamp(18px,2.4vw,34px)}
.dossier-column{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.dossier-column h2{font-size:13px;font-weight:900;letter-spacing:.06em;line-height:1.45;margin:0 0 7px;padding-bottom:8px;border-bottom:2px solid #111;width:100%;overflow-wrap:anywhere}
.dossier-brand p{font-size:15px;font-weight:750;line-height:1.55;margin:0;max-width:275px}
.dossier-column>a,.dossier-contact p a{display:inline-block;font-size:13px;font-weight:800;line-height:1.4;text-decoration:none;border-bottom:1px solid #111;transition:background .18s,transform .18s,box-shadow .18s}
.dossier-column>a{padding:5px;width:100%}
.dossier-contact p{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.35;margin:0 0 3px;overflow-wrap:anywhere}
.dossier-contact p b{font-size:11px;letter-spacing:.03em}
.dossier-contact p span{font-weight:650}
.dossier-social-links{display:flex;flex-wrap:wrap;gap:10px}
.dossier-social-links a{display:inline-block;border:2px solid #111;background:#fff;padding:7px 9px;font-size:10px;font-weight:900;line-height:1.3;box-shadow:3px 3px 0 #111;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}
.dossier-footer a:hover{background:#0ABAB5;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #111}
.dossier-footer a:focus-visible{outline:3px solid #dc5d13;outline-offset:4px}
.dossier-legal{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #111;margin-top:22px;padding-top:12px;font-size:11px;font-weight:700;line-height:1.5}
.dossier-legal>a{margin-left:auto}
@media(max-width:1050px){.dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dossier-footer{padding-inline:28px}}
@media(max-width:620px){.dossier-footer{padding:28px 20px 96px}.dossier-grid{grid-template-columns:1fr;gap:20px}.dossier-brand p{max-width:none}.dossier-legal{margin-top:25px}}
.services.section-pad{padding-bottom:40px}
.services + .inspector-section{padding-top:40px}
@media(min-width:821px){.services .section-heading{max-width:1100px}}
@media(max-width:820px){.offer-platforms{display:none}}
/* 手機版縮短困境區塊，保留完整文案與單欄閱讀。 */
@media(max-width:620px){
  .services #services-title{font-size:clamp(24px,5.4vw,29px);line-height:1.25;text-wrap:pretty}
  .diagnosis.section-pad{padding:36px 20px}
  .diagnosis .section-heading{margin-bottom:24px}
  .diagnosis .section-index{font-size:10px}
  .diagnosis .file-title{margin:14px 0;padding:8px 10px;font-size:11px;box-shadow:3px 3px 0 var(--black)}
  .diagnosis .section-heading h2{font-size:clamp(26px,6vw,32px);line-height:1.2;margin:14px 0 12px}
  .diagnosis .section-heading p{margin:0;font-size:14px;line-height:1.6}
  .diagnosis-grid{gap:12px}
  .diagnosis-grid article{min-height:0;padding:16px;box-shadow:3px 3px 0 var(--black)}
  .diagnosis-grid small{font-size:10px}
  .diagnosis-grid h3{font-size:20px;margin:8px 0 6px}
  .diagnosis-grid p{margin:0;font-size:13px;line-height:1.6}
  .diagnosis .paper-pin{font-size:17px;top:12px;right:12px}
}